ptechcore_ui 1.0.36 → 1.0.38

package/dist/index.cjs

@@ -31,6 +31,7 @@ var index_exports = {};
 __export(index_exports, {
   ACCOUNT_TYPE_LABELS: () => ACCOUNT_TYPE_LABELS,
   AccountServices: () => AccountServices,
+  AccountingWorkspace: () => AccountingWorkspace_default,
   Alert: () => Alert_default,
   AlertProvider: () => AlertProvider,
   ApprovalAnswerModal: () => ApprovalAnswerModal,
@@ -41,8 +42,11 @@ __export(index_exports, {
   AuthServices: () => AuthServices,
   BALANCE_TYPE_LABELS: () => BALANCE_TYPE_LABELS,
   CHOICES: () => Choices_default,
+  CardBody: () => CardBody,
+  CardHeader: () => CardHeader,
   ClientServices: () => ClientServices,
   CountrySelector: () => CountrySelector,
+  CrmWorkspace: () => CrmWorkspace_default,
   DataTable: () => DataTable,
   DateInput: () => DateInput,
   DocumentFooter: () => DocumentFooter,
@@ -50,6 +54,7 @@ __export(index_exports, {
   EntityFileManager: () => EntityFileManager,
   FDrawer: () => FDrawer,
   FROM_MODULE_CHOICES: () => FROM_MODULE_CHOICES,
+  FacilityWorkspace: () => FacilityWorkspace_default,
   FetchApi: () => FetchApi,
   FileInput: () => FileInput,
   FileManager: () => FileManager,
@@ -63,6 +68,7 @@ __export(index_exports, {
   LegalFormSelector: () => LegalFormSelector,
   MinimalVendorForm: () => MinimalVendorForm,
   Modal: () => Modals_default,
+  ModernCard: () => ModernCard,
   NumberInput: () => NumberInput,
   PRINT_GREEN: () => PRINT_GREEN,
   Pages: () => Pages_default,
@@ -70,6 +76,7 @@ __export(index_exports, {
   PrimaryButton: () => Buttons_default,
   PrintPreview: () => PrintPreview,
   PrintableDocument: () => PrintableDocument,
+  PurchaseWorkspace: () => PurchaseWorkspace_default,
   RewiseLayout: () => ModernDoubleSidebarLayout_default,
   SYSCOHADA_CLASSES: () => SYSCOHADA_CLASSES,
   SecondaryButton: () => SecondaryButton,
@@ -83,6 +90,7 @@ __export(index_exports, {
   SelectVendor: () => SelectVendor,
   SessionProvider: () => SessionProvider,
   SignatureSection: () => SignatureSection,
+  StatCard: () => StatCard,
   TEMPLATE_FNE_CHOICES: () => TEMPLATE_FNE_CHOICES,
   TaxSelector: () => TaxSelector,
   TemplateFNESelector: () => TemplateFNESelector,
@@ -94,6 +102,8 @@ __export(index_exports, {
   UnitServices: () => UnitServices,
   UserServices: () => UserServices,
   VendorServices: () => VendorServices,
+  WorkSpace: () => WorkSpace_default,
+  WorkspaceServices: () => WorkspaceServices,
   fileManagerApi: () => fileManagerApi,
   formatCurrency: () => formatCurrency,
   formatDate: () => formatDate,
@@ -1840,8 +1850,8 @@ var getModuleUrls = (token) => {
 var MODULE_CODE_MAP = {
   "CRM": "WiseConnect",
   "MARKETING": "WiseReach",
-  "FACILITY": "WiseOps",
-  "SECURITY": "WiseGuard",
+  "FACILITY": "WiseFm",
+  "SECURITY": "WiseHSC",
   "THRIVE": "WiseThrive",
   "BI": "WiseView",
   "SOP": "WiseProcess",
@@ -2213,6 +2223,9 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                       setSecondaryCollapsed(true);
                     } else {
                       setSelectedModule(item.id);
+                      if (secondaryMenuItems[item.id] && secondaryMenuItems[item.id].length > 0) {
+                        setSecondaryCollapsed(false);
+                      }
                     }
                   },
                   className: cn(
@@ -2719,7 +2732,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                         "button",
                         {
                           onClick: () => {
-                            navigate("/settings");
+                            window.location.href = "https://core.rewise.praedium-tech.com/parameters/profit-cost-centers/";
                             setShowUserMenu(false);
                           },
                           className: "w-full flex items-center gap-3 px-3 py-2 rounded-lg hover:bg-[var(--color-surface-hover)] transition-colors",
@@ -2834,8 +2847,8 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
               /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-3", children: [
                 { name: "WiseConnect", icon: crm_blue_default, iconWhite: crmwhite_default, url: moduleUrls.wiseConnect },
                 { name: "WiseReach", icon: marketingblue_default, iconWhite: marketingblanc_default, url: moduleUrls.wiseReach },
-                { name: "WiseOps", icon: facilityblue_default, iconWhite: facilityblanc_default, url: moduleUrls.wiseOps },
-                { name: "WiseGuard", icon: security_managementblue_default, iconWhite: security_managementblanc_default, url: moduleUrls.wiseGuard }
+                { name: "WiseFm", icon: facilityblue_default, iconWhite: facilityblanc_default, url: moduleUrls.wiseOps },
+                { name: "WiseHSE", icon: security_managementblue_default, iconWhite: security_managementblanc_default, url: moduleUrls.wiseGuard }
               ].map((module2) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                 "button",
                 {
@@ -4804,6 +4817,7 @@ var import_react10 = require("react");
 
 // src/components/common/SearchableSelect.tsx
 var import_react9 = require("react");
+var import_react_dom2 = require("react-dom");
 var import_lucide_react7 = require("lucide-react");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var SearchableSelect = ({
@@ -4821,7 +4835,9 @@ var SearchableSelect = ({
 }) => {
   const [isOpen, setIsOpen] = (0, import_react9.useState)(false);
   const [searchTerm, setSearchTerm] = (0, import_react9.useState)("");
+  const [dropdownPosition, setDropdownPosition] = (0, import_react9.useState)({ top: 0, left: 0, width: 0 });
   const dropdownRef = (0, import_react9.useRef)(null);
+  const dropdownMenuRef = (0, import_react9.useRef)(null);
   const inputRef = (0, import_react9.useRef)(null);
   const selectedOption = options.find((option) => option.value === value);
   const defaultFilter = (option, searchTerm2) => {
@@ -4830,9 +4846,22 @@ var SearchableSelect = ({
   const filteredOptions = options.filter(
     (option) => filterFunction ? filterFunction(option, searchTerm) : defaultFilter(option, searchTerm)
   );
+  (0, import_react9.useEffect)(() => {
+    if (isOpen && dropdownRef.current) {
+      const rect = dropdownRef.current.getBoundingClientRect();
+      setDropdownPosition({
+        top: rect.bottom + window.scrollY,
+        left: rect.left + window.scrollX,
+        width: rect.width
+      });
+    }
+  }, [isOpen]);
   (0, import_react9.useEffect)(() => {
     const handleClickOutside = (event) => {
-      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+      const target = event.target;
+      const isOutsideTrigger = dropdownRef.current && !dropdownRef.current.contains(target);
+      const isOutsideMenu = dropdownMenuRef.current && !dropdownMenuRef.current.contains(target);
+      if (isOutsideTrigger && isOutsideMenu) {
         setIsOpen(false);
         setSearchTerm("");
       }
@@ -4871,17 +4900,17 @@ var SearchableSelect = ({
           ${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: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex items-center space-x-2 flex-1 min-w-0", 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"
+                className: "w-6 h-6 rounded-full object-cover flex-shrink-0"
               }
             ),
-            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 }) }),
+            selectedOption.content || /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-gray-900 truncate", children: selectedOption.label })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-gray-400 truncate", 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",
@@ -4903,64 +4932,80 @@ var SearchableSelect = ({
         ] })
       }
     ),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "absolute z-50 w-full mt-1 bg-white border border-gray-200 rounded-lg shadow-lg", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "p-3 border-b border-gray-200 flex", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "relative w-full", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react7.Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-            "input",
-            {
-              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)(
-          "button",
-          {
-            type: "button",
-            onClick: refresh,
-            disabled,
-            className: "px-3 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-            title: "Rafra\xEEchir la liste",
-            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react7.RefreshCw, { className: `w-4 h-4 ${disabled ? "animate-spin" : ""}` })
-          }
-        ),
-        addElement && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-          "button",
-          {
-            type: "button",
-            onClick: addElement,
-            className: "px-3 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-            title: "Rafra\xEEchir la liste",
-            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react7.Plus, { className: "w-4 h-4" })
-          }
-        )
-      ] }),
-      /* @__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)(
+    isOpen && (0, import_react_dom2.createPortal)(
+      /* @__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",
+          ref: dropdownMenuRef,
+          className: "fixed bg-white border border-gray-200 rounded-lg shadow-lg",
+          style: {
+            top: dropdownPosition.top,
+            left: dropdownPosition.left,
+            width: dropdownPosition.width,
+            zIndex: 9999
+          },
           children: [
-            option.image && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-              "img",
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "p-3 border-b border-gray-200 flex", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "relative w-full", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react7.Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                  "input",
+                  {
+                    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)(
+                "button",
+                {
+                  type: "button",
+                  onClick: refresh,
+                  disabled,
+                  className: "px-3 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+                  title: "Rafra\xEEchir la liste",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react7.RefreshCw, { className: `w-4 h-4 ${disabled ? "animate-spin" : ""}` })
+                }
+              ),
+              addElement && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: addElement,
+                  className: "px-3 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+                  title: "Ajouter un \xE9l\xE9ment",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react7.Plus, { className: "w-4 h-4" })
+                }
+              )
+            ] }),
+            /* @__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",
               {
-                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 })
+                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" }) })
           ]
-        },
-        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" }) })
-    ] })
+        }
+      ),
+      document.body
+    )
   ] });
 };
 
@@ -5028,7 +5073,10 @@ var PROFIT_URI = `${API_URL}/accounting/profit-center/`;
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var SelectVendor = ({
   value,
-  onSelect
+  onSelect,
+  allowClear,
+  onRemove,
+  label = "Ajouter un fournisseur"
 }) => {
   const [showModal, setShowModal] = (0, import_react10.useState)(false);
   const [selectedVendor, setSelectedVendor] = (0, import_react10.useState)(null);
@@ -5078,7 +5126,7 @@ var SelectVendor = ({
     loadVendors();
   };
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Ajouter un fournisseur" }) }),
+    label && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: label }) }),
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       SearchableSelect,
       {
@@ -5091,7 +5139,9 @@ var SelectVendor = ({
         refresh: handleRefresh,
         addElement: () => {
           setShowModal(true);
-        }
+        },
+        allowClear,
+        onRemove
       },
       "fourni" + value
     ),
@@ -5110,7 +5160,10 @@ var SelectVendor = ({
 };
 var SelectUser = ({
   value,
-  onSelect
+  onSelect,
+  allowClear,
+  onRemove,
+  label = "S\xE9lectionner un utilisateur"
 }) => {
   const { token, activeBusinessEntity } = useSession();
   const [users, setUsers] = (0, import_react10.useState)(() => {
@@ -5166,7 +5219,7 @@ var SelectUser = ({
     }));
   };
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un utilisateur" }) }),
+    label && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: label }) }),
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       SearchableSelect,
       {
@@ -5176,7 +5229,9 @@ var SelectUser = ({
         searchPlaceholder: "Rechercher...",
         onSelect,
         disabled: loading,
-        refresh: handleRefresh
+        refresh: handleRefresh,
+        allowClear,
+        onRemove
       },
       "user" + value
     ),
@@ -5185,7 +5240,10 @@ var SelectUser = ({
 };
 var SelectDepartment = ({
   value,
-  onSelect
+  onSelect,
+  allowClear,
+  onRemove,
+  label = "S\xE9lectionner un d\xE9partement"
 }) => {
   const { token, activeBusinessEntity } = useSession();
   const [departments, setDepartments] = (0, import_react10.useState)(() => {
@@ -5231,7 +5289,7 @@ var SelectDepartment = ({
     }));
   };
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un d\xE9partement" }) }),
+    label && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: label }) }),
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       SearchableSelect,
       {
@@ -5241,7 +5299,9 @@ var SelectDepartment = ({
         searchPlaceholder: "Rechercher...",
         onSelect,
         disabled: loading,
-        refresh: handleRefresh
+        refresh: handleRefresh,
+        allowClear,
+        onRemove
       },
       "dept" + value
     ),
@@ -5250,7 +5310,10 @@ var SelectDepartment = ({
 };
 var SelectCostCenter = ({
   value,
-  onSelect
+  onSelect,
+  allowClear,
+  onRemove,
+  label = "S\xE9lectionner un centre de co\xFBt"
 }) => {
   const { token, activeBusinessEntity } = useSession();
   const [costCenters, setCostCenters] = (0, import_react10.useState)(() => {
@@ -5303,7 +5366,7 @@ var SelectCostCenter = ({
     }));
   };
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un centre de co\xFBt" }) }),
+    label && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: label }) }),
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       SearchableSelect,
       {
@@ -5313,7 +5376,9 @@ var SelectCostCenter = ({
         searchPlaceholder: "Rechercher...",
         onSelect,
         disabled: loading,
-        refresh: handleRefresh
+        refresh: handleRefresh,
+        allowClear,
+        onRemove
       },
       "cost" + value
     ),
@@ -5322,7 +5387,10 @@ var SelectCostCenter = ({
 };
 var SelectUnit = ({
   value,
-  onSelect
+  onSelect,
+  allowClear,
+  onRemove,
+  label = "S\xE9lectionner une unit\xE9"
 }) => {
   const { token, activeBusinessEntity } = useSession();
   const [units, setUnits] = (0, import_react10.useState)(() => {
@@ -5377,7 +5445,7 @@ var SelectUnit = ({
     }));
   };
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner une unit\xE9" }) }),
+    label && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: label }) }),
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       SearchableSelect,
       {
@@ -5387,7 +5455,9 @@ var SelectUnit = ({
         searchPlaceholder: "Rechercher...",
         onSelect,
         disabled: loading,
-        refresh: handleRefresh
+        refresh: handleRefresh,
+        allowClear,
+        onRemove
       },
       "unit" + value
     ),
@@ -5418,7 +5488,9 @@ var SelectAccount = ({
   filterClass,
   filterType,
   showInactive = false,
-  label = "Selectionner un compte"
+  label = "Selectionner un compte",
+  allowClear,
+  onRemove
 }) => {
   const { token, activeBusinessEntity } = useSession();
   const [accounts, setAccounts] = (0, import_react10.useState)(() => {
@@ -5585,7 +5657,9 @@ var SelectAccount = ({
         onSelect,
         disabled: loading,
         refresh: handleRefresh,
-        addElement: handleOpenModal
+        addElement: handleOpenModal,
+        allowClear,
+        onRemove
       },
       "account" + value
     ),
@@ -5695,7 +5769,10 @@ var SelectAccount = ({
 };
 var SelectClient = ({
   value,
-  onSelect
+  onSelect,
+  allowClear,
+  onRemove,
+  label = "S\xE9lectionner un client"
 }) => {
   const { token, activeBusinessEntity } = useSession();
   const [clients, setClients] = (0, import_react10.useState)(() => {
@@ -5745,7 +5822,7 @@ var SelectClient = ({
     loadClients();
   };
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un client" }) }),
+    label && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: label }) }),
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       SearchableSelect,
       {
@@ -5755,7 +5832,9 @@ var SelectClient = ({
         searchPlaceholder: "Rechercher...",
         onSelect,
         disabled: loading,
-        refresh: handleRefresh
+        refresh: handleRefresh,
+        allowClear,
+        onRemove
       },
       "client" + value
     ),
@@ -10320,10 +10399,1473 @@ var formatCurrency = (amount, currency = "XOF", showDecimals = false) => {
     maximumFractionDigits: showDecimals ? 2 : 0
   }) + (currency ? ` ${currency}` : "");
 };
+
+// src/components/common/ModernCard.tsx
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var ModernCard = ({
+  children,
+  className,
+  hoverable = false,
+  bordered = true,
+  elevated = false,
+  gradient = false,
+  onClick
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    "div",
+    {
+      onClick,
+      className: cn(
+        "bg-[var(--color-surface)] rounded-xl transition-all duration-300",
+        bordered && "border border-[var(--color-border)]",
+        elevated && "shadow-[var(--shadow-md)]",
+        hoverable && "hover:shadow-[var(--shadow-lg)] hover:-translate-y-1 cursor-pointer",
+        gradient && "bg-gradient-to-br from-[var(--color-surface)] to-[var(--color-surface-hover)]",
+        onClick && "cursor-pointer",
+        className
+      ),
+      children
+    }
+  );
+};
+var CardHeader = ({
+  title,
+  subtitle,
+  icon: Icon,
+  action,
+  className,
+  children
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: cn("p-4 border-b border-[var(--color-border-light)]", className), children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-start justify-between", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-start gap-4", children: [
+      Icon && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "p-2 bg-[var(--color-primary-light)] rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { className: "w-4 h-4 text-[var(--color-primary)]" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("h3", { className: "text-lg font-semibold text-[var(--color-text-primary)]", children: title }),
+        subtitle && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "mt-1 text-sm text-[var(--color-text-secondary)]", children: subtitle })
+      ] })
+    ] }),
+    action && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { children: action }),
+    children
+  ] }) });
+};
+var CardBody = ({
+  children,
+  className,
+  noPadding = false
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: cn(!noPadding && "p-4", className), children });
+};
+var StatCard = ({
+  title,
+  value,
+  change,
+  icon: Icon,
+  color = "primary",
+  className
+}) => {
+  const colorClasses = {
+    primary: "bg-[var(--color-primary-light)] text-[var(--color-primary)]",
+    success: "bg-[var(--color-success-light)] text-[var(--color-success)]",
+    warning: "bg-[var(--color-warning-light)] text-[var(--color-warning)]",
+    error: "bg-[var(--color-error-light)] text-[var(--color-error)]",
+    info: "bg-[var(--color-info-light)] text-[var(--color-info)]"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ModernCard, { className: cn("p-4", className), hoverable: true, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-start justify-between", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-sm font-medium text-[var(--color-text-secondary)]", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "mt-2 text-3xl font-bold text-[var(--color-text-primary)]", children: value }),
+      change && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "mt-3 flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: cn(
+          "text-sm font-medium",
+          change.type === "increase" ? "text-[var(--color-success)]" : "text-[var(--color-error)]"
+        ), children: [
+          change.type === "increase" ? "\u2191" : "\u2193",
+          " ",
+          Math.abs(change.value),
+          "%"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-xs text-[var(--color-text-tertiary)]", children: "vs p\xE9riode pr\xE9c\xE9dente" })
+      ] })
+    ] }),
+    Icon && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: cn("p-2.5 rounded-lg", colorClasses[color]), children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { className: "w-5 h-5" }) })
+  ] }) });
+};
+
+// src/services/WorkspaceServices.ts
+var WorkspaceServices = {
+  /**
+   * Récupère les données du workspace Procurement (Achats)
+   */
+  getProcurementWorkspace: async (businessEntityId) => {
+    const params = new URLSearchParams();
+    if (businessEntityId) {
+      params.append("business_entity", businessEntityId);
+    }
+    const queryString = params.toString();
+    const url = `${API_URL}/core/workspaces/procurement/${queryString ? `?${queryString}` : ""}`;
+    const response = await FetchApi.get(url);
+    if (!response.success) {
+      throw new Error(response.message || "Erreur lors de la r\xE9cup\xE9ration des donn\xE9es du workspace");
+    }
+    return response.data;
+  }
+};
+
+// src/pages/workspaces/WorkSpace.tsx
+var import_react29 = require("react");
+var import_lucide_react25 = require("lucide-react");
+
+// src/pages/workspaces/PurchaseWorkspace.tsx
+var import_react25 = require("react");
+var import_lucide_react21 = require("lucide-react");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var formatCurrency2 = (amount) => {
+  return new Intl.NumberFormat("fr-FR", {
+    style: "decimal",
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 0
+  }).format(amount) + " FCFA";
+};
+var formatCurrencyShort = (amount) => {
+  if (amount >= 1e6) {
+    return `${(amount / 1e6).toFixed(1)}M FCFA`;
+  } else if (amount >= 1e3) {
+    return `${(amount / 1e3).toFixed(0)}k FCFA`;
+  }
+  return formatCurrency2(amount);
+};
+var formatRelativeTime = (timestamp) => {
+  if (!timestamp) return "";
+  const date = new Date(timestamp);
+  const now = /* @__PURE__ */ new Date();
+  const diffMs = now.getTime() - date.getTime();
+  const diffMins = Math.floor(diffMs / 6e4);
+  const diffHours = Math.floor(diffMs / 36e5);
+  const diffDays = Math.floor(diffMs / 864e5);
+  if (diffMins < 1) return "A l'instant";
+  if (diffMins < 60) return `Il y a ${diffMins} min`;
+  if (diffHours < 24) return `Il y a ${diffHours}h`;
+  if (diffDays === 1) return "Hier";
+  if (diffDays < 7) return `Il y a ${diffDays} jours`;
+  return date.toLocaleDateString("fr-FR");
+};
+var PurchaseWorkspace = () => {
+  const [stats, setStats] = (0, import_react25.useState)(null);
+  const [recentActivities, setRecentActivities] = (0, import_react25.useState)([]);
+  const [pendingTasks, setPendingTasks] = (0, import_react25.useState)([]);
+  const [loading, setLoading] = (0, import_react25.useState)(true);
+  const [error, setError] = (0, import_react25.useState)(null);
+  (0, import_react25.useEffect)(() => {
+    loadWorkspaceData();
+  }, []);
+  const loadWorkspaceData = async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const businessEntityId = localStorage.getItem("active_center_id") || void 0;
+      const data = await WorkspaceServices.getProcurementWorkspace(businessEntityId);
+      setStats(data);
+      setRecentActivities(data.recent_activities || []);
+      setPendingTasks(data.pending_tasks || []);
+    } catch (err) {
+      console.error("Erreur lors du chargement du workspace:", err);
+      setError("Impossible de charger les donnees du workspace. Veuillez reessayer.");
+      setStats({
+        purchase_requests: {
+          total: 0,
+          draft: 0,
+          pending_approval: 0,
+          approved: 0,
+          in_sourcing: 0,
+          completed: 0,
+          rejected: 0,
+          trend: 0
+        },
+        rfqs: {
+          total: 0,
+          draft: 0,
+          open: 0,
+          pending_evaluation: 0,
+          closed: 0
+        },
+        purchase_orders: {
+          total: 0,
+          pending_delivery: 0,
+          delivered: 0,
+          total_value: 0,
+          trend: 0
+        },
+        receipts: {
+          total: 0,
+          pending_validation: 0,
+          validated: 0
+        },
+        vendors: {
+          total: 0,
+          active: 0
+        },
+        alerts: {
+          overdue_deliveries: 0,
+          expiring_contracts: 0,
+          pending_approvals: 0
+        },
+        recent_activities: [],
+        pending_tasks: []
+      });
+    } finally {
+      setLoading(false);
+    }
+  };
+  const getPriorityColor = (priority) => {
+    const colors = {
+      low: "bg-[var(--color-border-light)] text-[var(--color-text-secondary)]",
+      medium: "bg-[var(--color-info-light)] text-[var(--color-info)]",
+      high: "bg-[var(--color-warning-light)] text-[var(--color-warning)]",
+      critical: "bg-[var(--color-error-light)] text-[var(--color-error)]"
+    };
+    return colors[priority] || colors.medium;
+  };
+  const getActivityIcon = (type) => {
+    const icons = {
+      pr_created: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react21.FileText, { className: "w-4 h-4" }),
+      rfq_sent: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react21.Send, { className: "w-4 h-4" }),
+      quote_received: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react21.FileCheck, { className: "w-4 h-4" }),
+      po_issued: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react21.ShoppingCart, { className: "w-4 h-4" }),
+      receipt_created: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react21.Package, { className: "w-4 h-4" }),
+      approval_pending: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react21.Clock, { className: "w-4 h-4" })
+    };
+    return icons[type] || /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react21.FileText, { className: "w-4 h-4" });
+  };
+  const getActivityStatusColor = (status) => {
+    const colors = {
+      info: "bg-[var(--color-info-light)] text-[var(--color-info)]",
+      success: "bg-[var(--color-success-light)] text-[var(--color-success)]",
+      warning: "bg-[var(--color-warning-light)] text-[var(--color-warning)]",
+      error: "bg-[var(--color-error-light)] text-[var(--color-error)]"
+    };
+    return colors[status] || colors.info;
+  };
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex items-center justify-center h-96", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react21.RefreshCw, { className: "w-12 h-12 text-[var(--color-primary)] animate-spin mx-auto mb-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-[var(--color-text-secondary)]", children: "Chargement du workspace Achats..." })
+    ] }) });
+  }
+  if (!stats) return null;
+  const ErrorBanner = error ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-[var(--color-error-light)] border border-[var(--color-error)] rounded-xl p-4 mb-6", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center space-x-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react21.AlertTriangle, { className: "w-5 h-5 text-[var(--color-error)]" }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-sm text-[var(--color-error)]", children: error }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      "button",
+      {
+        onClick: loadWorkspaceData,
+        className: "text-sm text-[var(--color-error)] hover:underline font-medium",
+        children: "Reessayer"
+      }
+    )
+  ] }) }) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "space-y-6", children: [
+    ErrorBanner,
+    (stats.alerts.overdue_deliveries > 0 || stats.alerts.expiring_contracts > 0 || stats.alerts.pending_approvals > 0) && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-[var(--color-warning-light)] border border-[var(--color-warning)] rounded-xl p-4", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-start space-x-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react21.AlertTriangle, { className: "w-5 h-5 text-[var(--color-warning)] mt-0.5" }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("h3", { className: "font-semibold text-[var(--color-text-primary)]", children: "Alertes necessitant votre attention" }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "mt-2 flex flex-wrap gap-4", children: [
+          stats.alerts.overdue_deliveries > 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "text-sm text-[var(--color-warning)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("strong", { children: stats.alerts.overdue_deliveries }),
+            " livraisons en retard"
+          ] }),
+          stats.alerts.expiring_contracts > 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "text-sm text-[var(--color-warning)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("strong", { children: stats.alerts.expiring_contracts }),
+            " contrats expirant bientot"
+          ] }),
+          stats.alerts.pending_approvals > 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "text-sm text-[var(--color-warning)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("strong", { children: stats.alerts.pending_approvals }),
+            " approbations en attente"
+          ] })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        StatCard,
+        {
+          title: "Demandes d'achat",
+          value: stats.purchase_requests.total,
+          icon: import_lucide_react21.FileText,
+          color: "primary",
+          change: stats.purchase_requests.trend !== 0 ? {
+            value: stats.purchase_requests.trend,
+            type: stats.purchase_requests.trend > 0 ? "increase" : "decrease"
+          } : void 0
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        StatCard,
+        {
+          title: "Appels d'offres actifs",
+          value: stats.rfqs.open,
+          icon: import_lucide_react21.ClipboardList,
+          color: "info"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        StatCard,
+        {
+          title: "Commandes en cours",
+          value: stats.purchase_orders.pending_delivery,
+          icon: import_lucide_react21.Truck,
+          color: "warning"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        StatCard,
+        {
+          title: "Budget engage",
+          value: formatCurrencyShort(stats.purchase_orders.total_value),
+          icon: import_lucide_react21.Banknote,
+          color: "success",
+          change: stats.purchase_orders.trend !== 0 ? {
+            value: stats.purchase_orders.trend,
+            type: stats.purchase_orders.trend > 0 ? "increase" : "decrease"
+          } : void 0
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "lg:col-span-2 space-y-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(ModernCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            CardHeader,
+            {
+              title: "Taches en attente",
+              icon: import_lucide_react21.Clock,
+              action: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("button", { className: "text-sm text-[var(--color-primary)] hover:underline flex items-center", children: [
+                "Voir tout ",
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react21.ArrowRight, { className: "w-4 h-4 ml-1" })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CardBody, { noPadding: true, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "divide-y divide-[var(--color-border-light)]", children: pendingTasks.map((task) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+            "div",
+            {
+              className: "p-4 hover:bg-[var(--color-surface-hover)] transition-colors cursor-pointer flex items-center justify-between",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center space-x-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: `px-2 py-1 text-xs font-medium rounded-full ${getPriorityColor(task.priority)}`, children: task.priority === "critical" ? "Critique" : task.priority === "high" ? "Haute" : task.priority === "medium" ? "Moyenne" : "Basse" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: task.title }),
+                    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: [
+                      "Echeance: ",
+                      task.dueDate
+                    ] })
+                  ] })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react21.ArrowRight, { className: "w-4 h-4 text-[var(--color-text-tertiary)]" })
+              ]
+            },
+            task.id
+          )) }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(ModernCard, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CardHeader, { title: "Demandes d'achat", icon: import_lucide_react21.FileText }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "space-y-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-surface-hover)] rounded-lg", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center space-x-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "w-2 h-2 bg-[var(--color-text-tertiary)] rounded-full" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "Brouillons" })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "font-semibold text-[var(--color-text-primary)]", children: stats.purchase_requests.draft })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-warning-light)] rounded-lg", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center space-x-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "w-2 h-2 bg-[var(--color-warning)] rounded-full" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "En attente d'approbation" })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "font-semibold text-[var(--color-text-primary)]", children: stats.purchase_requests.pending_approval })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-success-light)] rounded-lg", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center space-x-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "w-2 h-2 bg-[var(--color-success)] rounded-full" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "Approuvees" })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "font-semibold text-[var(--color-text-primary)]", children: stats.purchase_requests.approved })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-info-light)] rounded-lg", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center space-x-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "w-2 h-2 bg-[var(--color-info)] rounded-full" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "En sourcing" })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "font-semibold text-[var(--color-text-primary)]", children: stats.purchase_requests.in_sourcing })
+              ] })
+            ] }) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(ModernCard, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CardHeader, { title: "Appels d'offres (RFQ)", icon: import_lucide_react21.ClipboardList }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "space-y-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-info-light)] rounded-lg", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center space-x-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "w-2 h-2 bg-[var(--color-info)] rounded-full" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "Ouverts" })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "font-semibold text-[var(--color-text-primary)]", children: stats.rfqs.open })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-secondary)] bg-opacity-10 rounded-lg", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center space-x-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "w-2 h-2 bg-[var(--color-secondary)] rounded-full" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "En evaluation" })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "font-semibold text-[var(--color-text-primary)]", children: stats.rfqs.pending_evaluation })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-success-light)] rounded-lg", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center space-x-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "w-2 h-2 bg-[var(--color-success)] rounded-full" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "Clotures" })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "font-semibold text-[var(--color-text-primary)]", children: stats.rfqs.closed })
+              ] })
+            ] }) })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(ModernCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            CardHeader,
+            {
+              title: "Activites recentes",
+              icon: import_lucide_react21.Clock,
+              action: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("button", { className: "text-sm text-[var(--color-primary)] hover:underline", children: "Historique" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CardBody, { noPadding: true, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "divide-y divide-[var(--color-border-light)]", children: recentActivities.map((activity) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            "div",
+            {
+              className: "p-4 hover:bg-[var(--color-surface-hover)] transition-colors",
+              children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-start space-x-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: `p-2 rounded-lg ${getActivityStatusColor(activity.status)}`, children: getActivityIcon(activity.type) }),
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: activity.title }),
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-xs text-[var(--color-text-secondary)] truncate", children: activity.description }),
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)] mt-1", children: formatRelativeTime(activity.timestamp) })
+                ] })
+              ] })
+            },
+            activity.id
+          )) }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(ModernCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CardHeader, { title: "Fournisseurs", icon: import_lucide_react21.Users }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "text-center py-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-4xl font-bold text-[var(--color-text-primary)]", children: stats.vendors.total }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)] mt-1", children: "fournisseurs references" }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "mt-4 flex justify-center space-x-6", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-lg font-semibold text-[var(--color-success)]", children: stats.vendors.active }),
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "Actifs" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-lg font-semibold text-[var(--color-text-tertiary)]", children: stats.vendors.total - stats.vendors.active }),
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "Inactifs" })
+              ] })
+            ] })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(ModernCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CardHeader, { title: "Receptions", icon: import_lucide_react21.Package }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "En attente de validation" }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "px-2 py-1 text-xs font-medium bg-[var(--color-warning-light)] text-[var(--color-warning)] rounded-full", children: stats.receipts.pending_validation })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Validees ce mois" }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "px-2 py-1 text-xs font-medium bg-[var(--color-success-light)] text-[var(--color-success)] rounded-full", children: stats.receipts.validated })
+            ] })
+          ] }) })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+var PurchaseWorkspace_default = PurchaseWorkspace;
+
+// src/pages/workspaces/AccountingWorkspace.tsx
+var import_react26 = require("react");
+var import_lucide_react22 = require("lucide-react");
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var formatCurrency3 = (amount) => {
+  return new Intl.NumberFormat("fr-FR", {
+    style: "decimal",
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 0
+  }).format(amount) + " FCFA";
+};
+var formatCurrencyShort2 = (amount) => {
+  if (amount >= 1e6) {
+    return `${(amount / 1e6).toFixed(1)}M FCFA`;
+  } else if (amount >= 1e3) {
+    return `${(amount / 1e3).toFixed(0)}k FCFA`;
+  }
+  return formatCurrency3(amount);
+};
+var AccountingWorkspace = () => {
+  const [stats, setStats] = (0, import_react26.useState)(null);
+  const [loading, setLoading] = (0, import_react26.useState)(true);
+  const [error, setError] = (0, import_react26.useState)(null);
+  (0, import_react26.useEffect)(() => {
+    loadWorkspaceData();
+  }, []);
+  const loadWorkspaceData = async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      await new Promise((resolve) => setTimeout(resolve, 500));
+      setStats({
+        journal_entries: {
+          total: 0,
+          draft: 0,
+          pending_validation: 0,
+          validated: 0,
+          trend: 0
+        },
+        invoices: {
+          receivable: 0,
+          payable: 0,
+          overdue_receivable: 0,
+          overdue_payable: 0
+        },
+        cash_flow: {
+          inflow: 0,
+          outflow: 0,
+          balance: 0
+        },
+        bank_reconciliation: {
+          pending: 0,
+          reconciled: 0
+        },
+        alerts: {
+          unbalanced_entries: 0,
+          overdue_invoices: 0,
+          pending_approvals: 0
+        }
+      });
+    } catch (err) {
+      console.error("Erreur lors du chargement du workspace:", err);
+      setError("Impossible de charger les donnees du workspace comptabilite.");
+    } finally {
+      setLoading(false);
+    }
+  };
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex items-center justify-center h-96", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react22.RefreshCw, { className: "w-12 h-12 text-[var(--color-primary)] animate-spin mx-auto mb-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-[var(--color-text-secondary)]", children: "Chargement du workspace Comptabilite..." })
+    ] }) });
+  }
+  if (!stats) return null;
+  const ErrorBanner = error ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "bg-[var(--color-error-light)] border border-[var(--color-error)] rounded-xl p-4 mb-6", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center space-x-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react22.AlertTriangle, { className: "w-5 h-5 text-[var(--color-error)]" }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-sm text-[var(--color-error)]", children: error }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      "button",
+      {
+        onClick: loadWorkspaceData,
+        className: "text-sm text-[var(--color-error)] hover:underline font-medium",
+        children: "Reessayer"
+      }
+    )
+  ] }) }) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "space-y-6", children: [
+    ErrorBanner,
+    (stats.alerts.unbalanced_entries > 0 || stats.alerts.overdue_invoices > 0 || stats.alerts.pending_approvals > 0) && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "bg-[var(--color-warning-light)] border border-[var(--color-warning)] rounded-xl p-4", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-start space-x-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react22.AlertTriangle, { className: "w-5 h-5 text-[var(--color-warning)] mt-0.5" }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h3", { className: "font-semibold text-[var(--color-text-primary)]", children: "Alertes comptables" }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "mt-2 flex flex-wrap gap-4", children: [
+          stats.alerts.unbalanced_entries > 0 && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "text-sm text-[var(--color-warning)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("strong", { children: stats.alerts.unbalanced_entries }),
+            " ecritures non equilibrees"
+          ] }),
+          stats.alerts.overdue_invoices > 0 && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "text-sm text-[var(--color-warning)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("strong", { children: stats.alerts.overdue_invoices }),
+            " factures en retard"
+          ] }),
+          stats.alerts.pending_approvals > 0 && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "text-sm text-[var(--color-warning)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("strong", { children: stats.alerts.pending_approvals }),
+            " validations en attente"
+          ] })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        StatCard,
+        {
+          title: "Ecritures comptables",
+          value: stats.journal_entries.total,
+          icon: import_lucide_react22.BookOpen,
+          color: "primary",
+          change: stats.journal_entries.trend !== 0 ? {
+            value: stats.journal_entries.trend,
+            type: stats.journal_entries.trend > 0 ? "increase" : "decrease"
+          } : void 0
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        StatCard,
+        {
+          title: "Creances clients",
+          value: formatCurrencyShort2(stats.invoices.receivable),
+          icon: import_lucide_react22.TrendingUp,
+          color: "success"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        StatCard,
+        {
+          title: "Dettes fournisseurs",
+          value: formatCurrencyShort2(stats.invoices.payable),
+          icon: import_lucide_react22.TrendingDown,
+          color: "warning"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        StatCard,
+        {
+          title: "Solde tresorerie",
+          value: formatCurrencyShort2(stats.cash_flow.balance),
+          icon: import_lucide_react22.PiggyBank,
+          color: "info"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "lg:col-span-2 space-y-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(ModernCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            CardHeader,
+            {
+              title: "Ecritures comptables",
+              icon: import_lucide_react22.BookOpen,
+              action: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("button", { className: "text-sm text-[var(--color-primary)] hover:underline flex items-center", children: [
+                "Voir tout ",
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react22.ArrowRight, { className: "w-4 h-4 ml-1" })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "grid grid-cols-3 gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "p-4 bg-[var(--color-surface-hover)] rounded-lg text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-2xl font-bold text-[var(--color-text-tertiary)]", children: stats.journal_entries.draft }),
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Brouillons" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "p-4 bg-[var(--color-warning-light)] rounded-lg text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-2xl font-bold text-[var(--color-warning)]", children: stats.journal_entries.pending_validation }),
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "A valider" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "p-4 bg-[var(--color-success-light)] rounded-lg text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-2xl font-bold text-[var(--color-success)]", children: stats.journal_entries.validated }),
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Validees" })
+            ] })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(ModernCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CardHeader, { title: "Flux de tresorerie (ce mois)", icon: import_lucide_react22.Banknote }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "grid grid-cols-3 gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "p-4 bg-[var(--color-success-light)] rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center space-x-2 mb-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react22.TrendingUp, { className: "w-5 h-5 text-[var(--color-success)]" }),
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Entrees" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-xl font-bold text-[var(--color-success)]", children: formatCurrencyShort2(stats.cash_flow.inflow) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "p-4 bg-[var(--color-error-light)] rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center space-x-2 mb-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react22.TrendingDown, { className: "w-5 h-5 text-[var(--color-error)]" }),
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Sorties" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-xl font-bold text-[var(--color-error)]", children: formatCurrencyShort2(stats.cash_flow.outflow) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "p-4 bg-[var(--color-info-light)] rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center space-x-2 mb-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react22.PiggyBank, { className: "w-5 h-5 text-[var(--color-info)]" }),
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Solde" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-xl font-bold text-[var(--color-info)]", children: formatCurrencyShort2(stats.cash_flow.balance) })
+            ] })
+          ] }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(ModernCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CardHeader, { title: "Factures en cours", icon: import_lucide_react22.Receipt }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center justify-between mb-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Creances clients" }),
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "font-semibold text-[var(--color-success)]", children: formatCurrencyShort2(stats.invoices.receivable) })
+              ] }),
+              stats.invoices.overdue_receivable > 0 && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "text-xs text-[var(--color-error)] flex items-center space-x-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react22.AlertTriangle, { className: "w-3 h-3" }),
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { children: [
+                  "Dont ",
+                  formatCurrencyShort2(stats.invoices.overdue_receivable),
+                  " en retard"
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "border-t border-[var(--color-border-light)] pt-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center justify-between mb-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Dettes fournisseurs" }),
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "font-semibold text-[var(--color-warning)]", children: formatCurrencyShort2(stats.invoices.payable) })
+              ] }),
+              stats.invoices.overdue_payable > 0 && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "text-xs text-[var(--color-error)] flex items-center space-x-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react22.AlertTriangle, { className: "w-3 h-3" }),
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { children: [
+                  "Dont ",
+                  formatCurrencyShort2(stats.invoices.overdue_payable),
+                  " en retard"
+                ] })
+              ] })
+            ] })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(ModernCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CardHeader, { title: "Rapprochement bancaire", icon: import_lucide_react22.CreditCard }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Operations a pointer" }),
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "px-2 py-1 text-xs font-medium bg-[var(--color-warning-light)] text-[var(--color-warning)] rounded-full", children: stats.bank_reconciliation.pending })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Operations pointees" }),
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "px-2 py-1 text-xs font-medium bg-[var(--color-success-light)] text-[var(--color-success)] rounded-full", children: stats.bank_reconciliation.reconciled })
+            ] })
+          ] }) })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+var AccountingWorkspace_default = AccountingWorkspace;
+
+// src/pages/workspaces/CrmWorkspace.tsx
+var import_react27 = require("react");
+var import_lucide_react23 = require("lucide-react");
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var formatCurrencyShort3 = (amount) => {
+  if (amount >= 1e6) {
+    return `${(amount / 1e6).toFixed(1)}M FCFA`;
+  } else if (amount >= 1e3) {
+    return `${(amount / 1e3).toFixed(0)}k FCFA`;
+  }
+  return `${amount.toLocaleString("fr-FR")} FCFA`;
+};
+var CrmWorkspace = () => {
+  const [stats, setStats] = (0, import_react27.useState)(null);
+  const [recentContacts, setRecentContacts] = (0, import_react27.useState)([]);
+  const [loading, setLoading] = (0, import_react27.useState)(true);
+  const [error, setError] = (0, import_react27.useState)(null);
+  (0, import_react27.useEffect)(() => {
+    loadWorkspaceData();
+  }, []);
+  const loadWorkspaceData = async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      await new Promise((resolve) => setTimeout(resolve, 500));
+      setStats({
+        clients: {
+          total: 0,
+          active: 0,
+          new_this_month: 0,
+          trend: 0
+        },
+        opportunities: {
+          total: 0,
+          qualified: 0,
+          negotiation: 0,
+          won: 0,
+          lost: 0,
+          total_value: 0
+        },
+        activities: {
+          pending_calls: 0,
+          pending_meetings: 0,
+          pending_emails: 0,
+          overdue: 0
+        },
+        revenue: {
+          monthly: 0,
+          quarterly: 0,
+          trend: 0
+        },
+        alerts: {
+          overdue_activities: 0,
+          expiring_opportunities: 0,
+          inactive_clients: 0
+        }
+      });
+      setRecentContacts([]);
+    } catch (err) {
+      console.error("Erreur lors du chargement du workspace:", err);
+      setError("Impossible de charger les donnees du workspace CRM.");
+    } finally {
+      setLoading(false);
+    }
+  };
+  const getStatusColor = (status) => {
+    const colors = {
+      hot: "bg-[var(--color-error-light)] text-[var(--color-error)]",
+      warm: "bg-[var(--color-warning-light)] text-[var(--color-warning)]",
+      cold: "bg-[var(--color-info-light)] text-[var(--color-info)]"
+    };
+    return colors[status] || colors.cold;
+  };
+  const getStatusLabel = (status) => {
+    const labels = { hot: "Chaud", warm: "Tiede", cold: "Froid" };
+    return labels[status] || status;
+  };
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex items-center justify-center h-96", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react23.RefreshCw, { className: "w-12 h-12 text-[var(--color-primary)] animate-spin mx-auto mb-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-[var(--color-text-secondary)]", children: "Chargement du workspace CRM..." })
+    ] }) });
+  }
+  if (!stats) return null;
+  const ErrorBanner = error ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "bg-[var(--color-error-light)] border border-[var(--color-error)] rounded-xl p-4 mb-6", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center space-x-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react23.AlertTriangle, { className: "w-5 h-5 text-[var(--color-error)]" }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-sm text-[var(--color-error)]", children: error }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      "button",
+      {
+        onClick: loadWorkspaceData,
+        className: "text-sm text-[var(--color-error)] hover:underline font-medium",
+        children: "Reessayer"
+      }
+    )
+  ] }) }) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "space-y-6", children: [
+    ErrorBanner,
+    (stats.alerts.overdue_activities > 0 || stats.alerts.expiring_opportunities > 0) && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "bg-[var(--color-warning-light)] border border-[var(--color-warning)] rounded-xl p-4", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-start space-x-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react23.AlertTriangle, { className: "w-5 h-5 text-[var(--color-warning)] mt-0.5" }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h3", { className: "font-semibold text-[var(--color-text-primary)]", children: "Alertes CRM" }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "mt-2 flex flex-wrap gap-4", children: [
+          stats.alerts.overdue_activities > 0 && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "text-sm text-[var(--color-warning)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("strong", { children: stats.alerts.overdue_activities }),
+            " activites en retard"
+          ] }),
+          stats.alerts.expiring_opportunities > 0 && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "text-sm text-[var(--color-warning)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("strong", { children: stats.alerts.expiring_opportunities }),
+            " opportunites a relancer"
+          ] }),
+          stats.alerts.inactive_clients > 0 && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "text-sm text-[var(--color-warning)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("strong", { children: stats.alerts.inactive_clients }),
+            " clients inactifs"
+          ] })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        StatCard,
+        {
+          title: "Clients actifs",
+          value: stats.clients.active,
+          icon: import_lucide_react23.Users,
+          color: "primary",
+          change: stats.clients.trend !== 0 ? {
+            value: stats.clients.trend,
+            type: stats.clients.trend > 0 ? "increase" : "decrease"
+          } : void 0
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        StatCard,
+        {
+          title: "Opportunites",
+          value: stats.opportunities.total,
+          icon: import_lucide_react23.Target,
+          color: "info"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        StatCard,
+        {
+          title: "Pipeline",
+          value: formatCurrencyShort3(stats.opportunities.total_value),
+          icon: import_lucide_react23.TrendingUp,
+          color: "success"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        StatCard,
+        {
+          title: "CA mensuel",
+          value: formatCurrencyShort3(stats.revenue.monthly),
+          icon: import_lucide_react23.Banknote,
+          color: "warning",
+          change: stats.revenue.trend !== 0 ? {
+            value: stats.revenue.trend,
+            type: stats.revenue.trend > 0 ? "increase" : "decrease"
+          } : void 0
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "lg:col-span-2 space-y-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(ModernCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            CardHeader,
+            {
+              title: "Pipeline commercial",
+              icon: import_lucide_react23.Target,
+              action: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("button", { className: "text-sm text-[var(--color-primary)] hover:underline flex items-center", children: [
+                "Voir tout ",
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react23.ArrowRight, { className: "w-4 h-4 ml-1" })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "grid grid-cols-4 gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "p-4 bg-[var(--color-info-light)] rounded-lg text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-2xl font-bold text-[var(--color-info)]", children: stats.opportunities.qualified }),
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Qualifiees" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "p-4 bg-[var(--color-warning-light)] rounded-lg text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-2xl font-bold text-[var(--color-warning)]", children: stats.opportunities.negotiation }),
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Negociation" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "p-4 bg-[var(--color-success-light)] rounded-lg text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-2xl font-bold text-[var(--color-success)]", children: stats.opportunities.won }),
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Gagnees" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "p-4 bg-[var(--color-error-light)] rounded-lg text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-2xl font-bold text-[var(--color-error)]", children: stats.opportunities.lost }),
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Perdues" })
+            ] })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(ModernCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            CardHeader,
+            {
+              title: "Contacts recents",
+              icon: import_lucide_react23.Users,
+              action: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("button", { className: "text-sm text-[var(--color-primary)] hover:underline flex items-center", children: [
+                "Voir tout ",
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react23.ArrowRight, { className: "w-4 h-4 ml-1" })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CardBody, { noPadding: true, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "divide-y divide-[var(--color-border-light)]", children: recentContacts.map((contact) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+            "div",
+            {
+              className: "p-4 hover:bg-[var(--color-surface-hover)] transition-colors cursor-pointer flex items-center justify-between",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center space-x-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "w-10 h-10 bg-[var(--color-primary-light)] rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-sm font-semibold text-[var(--color-primary)]", children: contact.name.split(" ").map((n) => n[0]).join("") }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: contact.name }),
+                    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: contact.company })
+                  ] })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: `px-2 py-1 text-xs font-medium rounded-full ${getStatusColor(contact.status)}`, children: getStatusLabel(contact.status) })
+              ]
+            },
+            contact.id
+          )) }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(ModernCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CardHeader, { title: "Activites a faire", icon: import_lucide_react23.Activity }),
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-surface-hover)] rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center space-x-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react23.Phone, { className: "w-4 h-4 text-[var(--color-info)]" }),
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "Appels" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "px-2 py-1 text-xs font-medium bg-[var(--color-info-light)] text-[var(--color-info)] rounded-full", children: stats.activities.pending_calls })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-surface-hover)] rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center space-x-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react23.Calendar, { className: "w-4 h-4 text-[var(--color-warning)]" }),
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "Reunions" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "px-2 py-1 text-xs font-medium bg-[var(--color-warning-light)] text-[var(--color-warning)] rounded-full", children: stats.activities.pending_meetings })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-surface-hover)] rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center space-x-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react23.Mail, { className: "w-4 h-4 text-[var(--color-success)]" }),
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "Emails" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "px-2 py-1 text-xs font-medium bg-[var(--color-success-light)] text-[var(--color-success)] rounded-full", children: stats.activities.pending_emails })
+            ] }),
+            stats.activities.overdue > 0 && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-error-light)] rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center space-x-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react23.AlertTriangle, { className: "w-4 h-4 text-[var(--color-error)]" }),
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "En retard" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "px-2 py-1 text-xs font-medium bg-[var(--color-error)] text-white rounded-full", children: stats.activities.overdue })
+            ] })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(ModernCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CardHeader, { title: "Nouveaux clients", icon: import_lucide_react23.UserPlus }),
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "text-center py-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("p", { className: "text-4xl font-bold text-[var(--color-success)]", children: [
+              "+",
+              stats.clients.new_this_month
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)] mt-1", children: "ce mois-ci" }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "mt-4 pt-4 border-t border-[var(--color-border-light)]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-2xl font-bold text-[var(--color-text-primary)]", children: stats.clients.total }),
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "clients au total" })
+            ] })
+          ] }) })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+var CrmWorkspace_default = CrmWorkspace;
+
+// src/pages/workspaces/FacilityWorkspace.tsx
+var import_react28 = require("react");
+var import_lucide_react24 = require("lucide-react");
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var FacilityWorkspace = () => {
+  const [stats, setStats] = (0, import_react28.useState)(null);
+  const [maintenanceTasks, setMaintenanceTasks] = (0, import_react28.useState)([]);
+  const [loading, setLoading] = (0, import_react28.useState)(true);
+  const [error, setError] = (0, import_react28.useState)(null);
+  (0, import_react28.useEffect)(() => {
+    loadWorkspaceData();
+  }, []);
+  const loadWorkspaceData = async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      await new Promise((resolve) => setTimeout(resolve, 500));
+      setStats({
+        sites: {
+          total: 0,
+          active: 0
+        },
+        maintenance: {
+          scheduled: 0,
+          in_progress: 0,
+          completed: 0,
+          overdue: 0
+        },
+        incidents: {
+          open: 0,
+          in_progress: 0,
+          resolved: 0,
+          critical: 0
+        },
+        equipment: {
+          total: 0,
+          operational: 0,
+          under_maintenance: 0,
+          out_of_service: 0
+        },
+        alerts: {
+          critical_incidents: 0,
+          overdue_maintenance: 0,
+          expiring_contracts: 0
+        }
+      });
+      setMaintenanceTasks([]);
+    } catch (err) {
+      console.error("Erreur lors du chargement du workspace:", err);
+      setError("Impossible de charger les donnees du workspace Facility.");
+    } finally {
+      setLoading(false);
+    }
+  };
+  const getPriorityColor = (priority) => {
+    const colors = {
+      low: "bg-[var(--color-border-light)] text-[var(--color-text-secondary)]",
+      medium: "bg-[var(--color-info-light)] text-[var(--color-info)]",
+      high: "bg-[var(--color-warning-light)] text-[var(--color-warning)]",
+      critical: "bg-[var(--color-error-light)] text-[var(--color-error)]"
+    };
+    return colors[priority] || colors.medium;
+  };
+  const getPriorityLabel = (priority) => {
+    const labels = { low: "Basse", medium: "Moyenne", high: "Haute", critical: "Critique" };
+    return labels[priority] || priority;
+  };
+  const getTypeColor = (type) => {
+    return type === "corrective" ? "bg-[var(--color-error-light)] text-[var(--color-error)]" : "bg-[var(--color-info-light)] text-[var(--color-info)]";
+  };
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex items-center justify-center h-96", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react24.RefreshCw, { className: "w-12 h-12 text-[var(--color-primary)] animate-spin mx-auto mb-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-[var(--color-text-secondary)]", children: "Chargement du workspace Facility..." })
+    ] }) });
+  }
+  if (!stats) return null;
+  const ErrorBanner = error ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "bg-[var(--color-error-light)] border border-[var(--color-error)] rounded-xl p-4 mb-6", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center space-x-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react24.AlertTriangle, { className: "w-5 h-5 text-[var(--color-error)]" }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-sm text-[var(--color-error)]", children: error }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      "button",
+      {
+        onClick: loadWorkspaceData,
+        className: "text-sm text-[var(--color-error)] hover:underline font-medium",
+        children: "Reessayer"
+      }
+    )
+  ] }) }) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "space-y-6", children: [
+    ErrorBanner,
+    (stats.alerts.critical_incidents > 0 || stats.alerts.overdue_maintenance > 0) && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "bg-[var(--color-error-light)] border border-[var(--color-error)] rounded-xl p-4", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-start space-x-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react24.AlertTriangle, { className: "w-5 h-5 text-[var(--color-error)] mt-0.5" }),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("h3", { className: "font-semibold text-[var(--color-text-primary)]", children: "Alertes critiques" }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "mt-2 flex flex-wrap gap-4", children: [
+          stats.alerts.critical_incidents > 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "text-sm text-[var(--color-error)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("strong", { children: stats.alerts.critical_incidents }),
+            " incident(s) critique(s)"
+          ] }),
+          stats.alerts.overdue_maintenance > 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "text-sm text-[var(--color-error)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("strong", { children: stats.alerts.overdue_maintenance }),
+            " maintenance(s) en retard"
+          ] }),
+          stats.alerts.expiring_contracts > 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "text-sm text-[var(--color-warning)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("strong", { children: stats.alerts.expiring_contracts }),
+            " contrat(s) expirant bientot"
+          ] })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        StatCard,
+        {
+          title: "Sites actifs",
+          value: stats.sites.active,
+          icon: import_lucide_react24.Building2,
+          color: "primary"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        StatCard,
+        {
+          title: "Maintenances planifiees",
+          value: stats.maintenance.scheduled,
+          icon: import_lucide_react24.Wrench,
+          color: "info"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        StatCard,
+        {
+          title: "Incidents ouverts",
+          value: stats.incidents.open,
+          icon: import_lucide_react24.AlertTriangle,
+          color: "warning"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        StatCard,
+        {
+          title: "Equipements operationnels",
+          value: stats.equipment.total > 0 ? `${Math.round(stats.equipment.operational / stats.equipment.total * 100)}%` : "0%",
+          icon: import_lucide_react24.CheckCircle,
+          color: "success"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "lg:col-span-2 space-y-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(ModernCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+            CardHeader,
+            {
+              title: "Maintenances a venir",
+              icon: import_lucide_react24.Wrench,
+              action: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("button", { className: "text-sm text-[var(--color-primary)] hover:underline flex items-center", children: [
+                "Voir tout ",
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react24.ArrowRight, { className: "w-4 h-4 ml-1" })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CardBody, { noPadding: true, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "divide-y divide-[var(--color-border-light)]", children: maintenanceTasks.map((task) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+            "div",
+            {
+              className: "p-4 hover:bg-[var(--color-surface-hover)] transition-colors cursor-pointer",
+              children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center space-x-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: `px-2 py-1 text-xs font-medium rounded-full ${getPriorityColor(task.priority)}`, children: getPriorityLabel(task.priority) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: task.title }),
+                    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center space-x-2 mt-1", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react24.MapPin, { className: "w-3 h-3 text-[var(--color-text-tertiary)]" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-xs text-[var(--color-text-tertiary)]", children: task.site })
+                    ] })
+                  ] })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center space-x-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: `px-2 py-1 text-xs rounded ${getTypeColor(task.type)}`, children: task.type === "preventive" ? "Preventive" : "Corrective" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "text-right", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "Echeance" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: new Date(task.dueDate).toLocaleDateString("fr-FR") })
+                  ] })
+                ] })
+              ] })
+            },
+            task.id
+          )) }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(ModernCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CardHeader, { title: "Etat des maintenances", icon: import_lucide_react24.Calendar }),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "grid grid-cols-4 gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "p-4 bg-[var(--color-info-light)] rounded-lg text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-2xl font-bold text-[var(--color-info)]", children: stats.maintenance.scheduled }),
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Planifiees" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "p-4 bg-[var(--color-warning-light)] rounded-lg text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-2xl font-bold text-[var(--color-warning)]", children: stats.maintenance.in_progress }),
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "En cours" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "p-4 bg-[var(--color-success-light)] rounded-lg text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-2xl font-bold text-[var(--color-success)]", children: stats.maintenance.completed }),
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Terminees" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "p-4 bg-[var(--color-error-light)] rounded-lg text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-2xl font-bold text-[var(--color-error)]", children: stats.maintenance.overdue }),
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "En retard" })
+            ] })
+          ] }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(ModernCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CardHeader, { title: "Incidents", icon: import_lucide_react24.AlertTriangle }),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "space-y-3", children: [
+            stats.incidents.critical > 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-error-light)] rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center space-x-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-2 h-2 bg-[var(--color-error)] rounded-full animate-pulse" }),
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-sm font-medium text-[var(--color-error)]", children: "Critiques" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "font-bold text-[var(--color-error)]", children: stats.incidents.critical })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-warning-light)] rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center space-x-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-2 h-2 bg-[var(--color-warning)] rounded-full" }),
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "Ouverts" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "font-semibold text-[var(--color-text-primary)]", children: stats.incidents.open })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-info-light)] rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center space-x-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-2 h-2 bg-[var(--color-info)] rounded-full" }),
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "En cours" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "font-semibold text-[var(--color-text-primary)]", children: stats.incidents.in_progress })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-success-light)] rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center space-x-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-2 h-2 bg-[var(--color-success)] rounded-full" }),
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "Resolus" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "font-semibold text-[var(--color-text-primary)]", children: stats.incidents.resolved })
+            ] })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(ModernCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CardHeader, { title: "Equipements", icon: import_lucide_react24.Shield }),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "text-center py-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-4xl font-bold text-[var(--color-text-primary)]", children: stats.equipment.total }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)] mt-1", children: "equipements references" }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "mt-4 grid grid-cols-3 gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "p-2 bg-[var(--color-success-light)] rounded", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-lg font-semibold text-[var(--color-success)]", children: stats.equipment.operational }),
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "OK" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "p-2 bg-[var(--color-warning-light)] rounded", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-lg font-semibold text-[var(--color-warning)]", children: stats.equipment.under_maintenance }),
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "Maint." })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "p-2 bg-[var(--color-error-light)] rounded", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-lg font-semibold text-[var(--color-error)]", children: stats.equipment.out_of_service }),
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "HS" })
+              ] })
+            ] })
+          ] }) })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+var FacilityWorkspace_default = FacilityWorkspace;
+
+// src/pages/workspaces/WorkSpace.tsx
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var MODULES_CONFIG = [
+  {
+    id: "purchase",
+    label: "Achats",
+    description: "Gestion des achats et approvisionnements",
+    icon: import_lucide_react25.ShoppingCart,
+    color: "text-blue-600",
+    bgColor: "bg-blue-50",
+    component: PurchaseWorkspace_default
+  },
+  {
+    id: "accounting",
+    label: "Comptabilite",
+    description: "Gestion comptable et financiere",
+    icon: import_lucide_react25.Calculator,
+    color: "text-green-600",
+    bgColor: "bg-green-50",
+    component: AccountingWorkspace_default
+  },
+  {
+    id: "crm",
+    label: "CRM",
+    description: "Gestion de la relation client",
+    icon: import_lucide_react25.Users,
+    color: "text-purple-600",
+    bgColor: "bg-purple-50",
+    component: CrmWorkspace_default
+  },
+  {
+    id: "facility",
+    label: "Facility",
+    description: "Gestion des installations et maintenances",
+    icon: import_lucide_react25.Building2,
+    color: "text-orange-600",
+    bgColor: "bg-orange-50",
+    component: FacilityWorkspace_default
+  }
+];
+var WorkSpace = () => {
+  const [activeModule, setActiveModule] = (0, import_react29.useState)(null);
+  const [availableModules, setAvailableModules] = (0, import_react29.useState)([]);
+  const [loading, setLoading] = (0, import_react29.useState)(true);
+  const [showModuleSelector, setShowModuleSelector] = (0, import_react29.useState)(false);
+  (0, import_react29.useEffect)(() => {
+    loadAvailableModules();
+  }, []);
+  const loadAvailableModules = async () => {
+    setLoading(true);
+    try {
+      await new Promise((resolve) => setTimeout(resolve, 300));
+      const userModules = ["purchase", "accounting", "crm", "facility"];
+      setAvailableModules(userModules);
+      if (userModules.length > 0 && !activeModule) {
+        setActiveModule(userModules[0]);
+      }
+    } catch (error) {
+      console.error("Erreur lors du chargement des modules:", error);
+      setAvailableModules(["purchase"]);
+      setActiveModule("purchase");
+    } finally {
+      setLoading(false);
+    }
+  };
+  const filteredModules = (0, import_react29.useMemo)(() => {
+    return MODULES_CONFIG.filter((m) => availableModules.includes(m.id));
+  }, [availableModules]);
+  const currentModule = (0, import_react29.useMemo)(() => {
+    return MODULES_CONFIG.find((m) => m.id === activeModule);
+  }, [activeModule]);
+  const ActiveWorkspaceComponent = currentModule?.component;
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex items-center justify-center h-screen bg-[var(--color-background)]", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react25.RefreshCw, { className: "w-12 h-12 text-[var(--color-primary)] animate-spin mx-auto mb-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-[var(--color-text-secondary)]", children: "Chargement des workspaces..." })
+    ] }) });
+  }
+  if (filteredModules.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex items-center justify-center h-screen bg-[var(--color-background)]", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react25.LayoutDashboard, { className: "w-16 h-16 text-[var(--color-text-tertiary)] mx-auto mb-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("h2", { className: "text-xl font-semibold text-[var(--color-text-primary)] mb-2", children: "Aucun workspace disponible" }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-[var(--color-text-secondary)]", children: "Contactez votre administrateur pour obtenir l'acces aux modules." })
+    ] }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "min-h-screen bg-[var(--color-background)]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "sticky top-0 z-40 bg-[var(--color-surface)] border-b border-[var(--color-border-light)] shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "px-6 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center space-x-4", children: [
+        currentModule && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: `p-2 rounded-lg ${currentModule.bgColor}`, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(currentModule.icon, { className: `w-6 h-6 ${currentModule.color}` }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "relative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+            "button",
+            {
+              onClick: () => setShowModuleSelector(!showModuleSelector),
+              className: "flex items-center space-x-2 hover:bg-[var(--color-surface-hover)] px-3 py-2 rounded-lg transition-colors",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("h1", { className: "text-xl font-bold text-[var(--color-text-primary)]", children: [
+                    "Workspace - ",
+                    currentModule?.label
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: currentModule?.description })
+                ] }),
+                filteredModules.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react25.ChevronDown, { className: `w-5 h-5 text-[var(--color-text-tertiary)] transition-transform ${showModuleSelector ? "rotate-180" : ""}` })
+              ]
+            }
+          ),
+          showModuleSelector && filteredModules.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+              "div",
+              {
+                className: "fixed inset-0 z-10",
+                onClick: () => setShowModuleSelector(false)
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "absolute top-full left-0 mt-2 w-72 bg-[var(--color-surface)] rounded-xl shadow-xl border border-[var(--color-border-light)] z-20 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "p-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-xs font-semibold text-[var(--color-text-tertiary)] uppercase tracking-wide px-3 py-2", children: "Changer de workspace" }),
+              filteredModules.map((module2) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+                "button",
+                {
+                  onClick: () => {
+                    setActiveModule(module2.id);
+                    setShowModuleSelector(false);
+                  },
+                  className: `
+                                                            w-full flex items-center space-x-3 px-3 py-3 rounded-lg transition-colors
+                                                            ${activeModule === module2.id ? "bg-[var(--color-primary-light)]" : "hover:bg-[var(--color-surface-hover)]"}
+                                                        `,
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: `p-2 rounded-lg ${module2.bgColor}`, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(module2.icon, { className: `w-5 h-5 ${module2.color}` }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "text-left", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: `font-medium ${activeModule === module2.id ? "text-[var(--color-primary)]" : "text-[var(--color-text-primary)]"}`, children: module2.label }),
+                      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: module2.description })
+                    ] })
+                  ]
+                },
+                module2.id
+              ))
+            ] }) })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        "button",
+        {
+          onClick: loadAvailableModules,
+          className: "p-2 hover:bg-[var(--color-surface-hover)] rounded-lg transition-colors",
+          title: "Actualiser",
+          children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react25.RefreshCw, { className: "w-5 h-5 text-[var(--color-text-tertiary)]" })
+        }
+      )
+    ] }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "p-6", children: ActiveWorkspaceComponent && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ActiveWorkspaceComponent, {}) })
+  ] });
+};
+var WorkSpace_default = WorkSpace;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ACCOUNT_TYPE_LABELS,
   AccountServices,
+  AccountingWorkspace,
   Alert,
   AlertProvider,
   ApprovalAnswerModal,
@@ -10334,8 +11876,11 @@ var formatCurrency = (amount, currency = "XOF", showDecimals = false) => {
   AuthServices,
   BALANCE_TYPE_LABELS,
   CHOICES,
+  CardBody,
+  CardHeader,
   ClientServices,
   CountrySelector,
+  CrmWorkspace,
   DataTable,
   DateInput,
   DocumentFooter,
@@ -10343,6 +11888,7 @@ var formatCurrency = (amount, currency = "XOF", showDecimals = false) => {
   EntityFileManager,
   FDrawer,
   FROM_MODULE_CHOICES,
+  FacilityWorkspace,
   FetchApi,
   FileInput,
   FileManager,
@@ -10356,6 +11902,7 @@ var formatCurrency = (amount, currency = "XOF", showDecimals = false) => {
   LegalFormSelector,
   MinimalVendorForm,
   Modal,
+  ModernCard,
   NumberInput,
   PRINT_GREEN,
   Pages,
@@ -10363,6 +11910,7 @@ var formatCurrency = (amount, currency = "XOF", showDecimals = false) => {
   PrimaryButton,
   PrintPreview,
   PrintableDocument,
+  PurchaseWorkspace,
   RewiseLayout,
   SYSCOHADA_CLASSES,
   SecondaryButton,
@@ -10376,6 +11924,7 @@ var formatCurrency = (amount, currency = "XOF", showDecimals = false) => {
   SelectVendor,
   SessionProvider,
   SignatureSection,
+  StatCard,
   TEMPLATE_FNE_CHOICES,
   TaxSelector,
   TemplateFNESelector,
@@ -10387,6 +11936,8 @@ var formatCurrency = (amount, currency = "XOF", showDecimals = false) => {
   UnitServices,
   UserServices,
   VendorServices,
+  WorkSpace,
+  WorkspaceServices,
   fileManagerApi,
   formatCurrency,
   formatDate,