ptechcore_ui 1.0.36 → 1.0.38

package/dist/index.js

@@ -1757,8 +1757,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",
@@ -2130,6 +2130,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(
@@ -2636,7 +2639,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",
@@ -2751,8 +2754,8 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
               /* @__PURE__ */ jsx9("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-3", children: [
                 { name: "WiseConnect", icon: crm_blue_default, iconWhite: crmwhite_default, url: moduleUrls.wiseConnect },
                 { name: "WiseReach", icon: marketingblue_default, iconWhite: marketingblanc_default, url: moduleUrls.wiseReach },
-                { name: "WiseOps", icon: facilityblue_default, iconWhite: facilityblanc_default, url: moduleUrls.wiseOps },
-                { name: "WiseGuard", icon: security_managementblue_default, iconWhite: security_managementblanc_default, url: moduleUrls.wiseGuard }
+                { 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((module) => /* @__PURE__ */ jsx9(
                 "button",
                 {
@@ -4721,6 +4724,7 @@ import { useEffect as useEffect8, useState as useState10 } from "react";
 
 // src/components/common/SearchableSelect.tsx
 import { useState as useState9, useRef as useRef2, useEffect as useEffect7 } from "react";
+import { createPortal as createPortal2 } from "react-dom";
 import { Search as Search3, ChevronDown as ChevronDown2, X as X6, RefreshCw as RefreshCw2, Plus as Plus2 } from "lucide-react";
 import { Fragment as Fragment5, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var SearchableSelect = ({
@@ -4738,7 +4742,9 @@ var SearchableSelect = ({
 }) => {
   const [isOpen, setIsOpen] = useState9(false);
   const [searchTerm, setSearchTerm] = useState9("");
+  const [dropdownPosition, setDropdownPosition] = useState9({ top: 0, left: 0, width: 0 });
   const dropdownRef = useRef2(null);
+  const dropdownMenuRef = useRef2(null);
   const inputRef = useRef2(null);
   const selectedOption = options.find((option) => option.value === value);
   const defaultFilter = (option, searchTerm2) => {
@@ -4747,9 +4753,22 @@ var SearchableSelect = ({
   const filteredOptions = options.filter(
     (option) => filterFunction ? filterFunction(option, searchTerm) : defaultFilter(option, searchTerm)
   );
+  useEffect7(() => {
+    if (isOpen && dropdownRef.current) {
+      const rect = dropdownRef.current.getBoundingClientRect();
+      setDropdownPosition({
+        top: rect.bottom + window.scrollY,
+        left: rect.left + window.scrollX,
+        width: rect.width
+      });
+    }
+  }, [isOpen]);
   useEffect7(() => {
     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("");
       }
@@ -4788,17 +4807,17 @@ var SearchableSelect = ({
           ${isOpen ? "ring-2 ring-[#6B7C92] border-transparent" : ""}
         `,
         children: /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx13("div", { className: "flex items-center space-x-2 flex-1", children: selectedOption ? /* @__PURE__ */ jsxs10(Fragment5, { children: [
+          /* @__PURE__ */ jsx13("div", { className: "flex items-center space-x-2 flex-1 min-w-0", children: selectedOption ? /* @__PURE__ */ jsxs10(Fragment5, { children: [
             selectedOption.image && /* @__PURE__ */ jsx13(
               "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__ */ jsx13("span", { className: "text-gray-900", children: selectedOption.label })
-          ] }) : /* @__PURE__ */ jsx13("span", { className: "text-gray-400", children: placeholder }) }),
+            selectedOption.content || /* @__PURE__ */ jsx13("span", { className: "text-gray-900 truncate", children: selectedOption.label })
+          ] }) : /* @__PURE__ */ jsx13("span", { className: "text-gray-400 truncate", children: placeholder }) }),
           /* @__PURE__ */ jsxs10("div", { className: "flex items-center space-x-2", children: [
             allowClear && selectedOption && /* @__PURE__ */ jsx13(
               "button",
@@ -4820,64 +4839,80 @@ var SearchableSelect = ({
         ] })
       }
     ),
-    isOpen && /* @__PURE__ */ jsxs10("div", { className: "absolute z-50 w-full mt-1 bg-white border border-gray-200 rounded-lg shadow-lg", children: [
-      /* @__PURE__ */ jsxs10("div", { className: "p-3 border-b border-gray-200 flex", children: [
-        /* @__PURE__ */ jsxs10("div", { className: "relative w-full", children: [
-          /* @__PURE__ */ jsx13(Search3, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" }),
-          /* @__PURE__ */ jsx13(
-            "input",
-            {
-              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__ */ jsx13(
-          "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__ */ jsx13(RefreshCw2, { className: `w-4 h-4 ${disabled ? "animate-spin" : ""}` })
-          }
-        ),
-        addElement && /* @__PURE__ */ jsx13(
-          "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__ */ jsx13(Plus2, { className: "w-4 h-4" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx13("div", { className: "max-h-60 overflow-y-auto", children: filteredOptions.length > 0 ? filteredOptions.map((option) => /* @__PURE__ */ jsxs10(
+    isOpen && createPortal2(
+      /* @__PURE__ */ jsxs10(
         "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__ */ jsx13(
-              "img",
+            /* @__PURE__ */ jsxs10("div", { className: "p-3 border-b border-gray-200 flex", children: [
+              /* @__PURE__ */ jsxs10("div", { className: "relative w-full", children: [
+                /* @__PURE__ */ jsx13(Search3, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" }),
+                /* @__PURE__ */ jsx13(
+                  "input",
+                  {
+                    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__ */ jsx13(
+                "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__ */ jsx13(RefreshCw2, { className: `w-4 h-4 ${disabled ? "animate-spin" : ""}` })
+                }
+              ),
+              addElement && /* @__PURE__ */ jsx13(
+                "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__ */ jsx13(Plus2, { className: "w-4 h-4" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx13("div", { className: "max-h-60 overflow-y-auto", children: filteredOptions.length > 0 ? filteredOptions.map((option) => /* @__PURE__ */ jsxs10(
+              "div",
               {
-                src: option.image,
-                alt: option.label,
-                className: "w-8 h-8 rounded-full object-cover"
-              }
-            ),
-            option.content || /* @__PURE__ */ jsx13("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__ */ jsx13(
+                    "img",
+                    {
+                      src: option.image,
+                      alt: option.label,
+                      className: "w-8 h-8 rounded-full object-cover"
+                    }
+                  ),
+                  option.content || /* @__PURE__ */ jsx13("span", { className: "text-gray-900", children: option.label })
+                ]
+              },
+              option.value
+            )) : /* @__PURE__ */ jsx13("div", { className: "px-4 py-3 text-gray-500 text-center", children: "Aucun r\xE9sultat trouv\xE9" }) })
           ]
-        },
-        option.value
-      )) : /* @__PURE__ */ jsx13("div", { className: "px-4 py-3 text-gray-500 text-center", children: "Aucun r\xE9sultat trouv\xE9" }) })
-    ] })
+        }
+      ),
+      document.body
+    )
   ] });
 };
 
@@ -4945,7 +4980,10 @@ var PROFIT_URI = `${API_URL}/accounting/profit-center/`;
 import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 var SelectVendor = ({
   value,
-  onSelect
+  onSelect,
+  allowClear,
+  onRemove,
+  label = "Ajouter un fournisseur"
 }) => {
   const [showModal, setShowModal] = useState10(false);
   const [selectedVendor, setSelectedVendor] = useState10(null);
@@ -4995,7 +5033,7 @@ var SelectVendor = ({
     loadVendors();
   };
   return /* @__PURE__ */ jsxs11("div", { children: [
-    /* @__PURE__ */ jsx14("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx14("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Ajouter un fournisseur" }) }),
+    label && /* @__PURE__ */ jsx14("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx14("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: label }) }),
     /* @__PURE__ */ jsx14(
       SearchableSelect,
       {
@@ -5008,7 +5046,9 @@ var SelectVendor = ({
         refresh: handleRefresh,
         addElement: () => {
           setShowModal(true);
-        }
+        },
+        allowClear,
+        onRemove
       },
       "fourni" + value
     ),
@@ -5027,7 +5067,10 @@ var SelectVendor = ({
 };
 var SelectUser = ({
   value,
-  onSelect
+  onSelect,
+  allowClear,
+  onRemove,
+  label = "S\xE9lectionner un utilisateur"
 }) => {
   const { token, activeBusinessEntity } = useSession();
   const [users, setUsers] = useState10(() => {
@@ -5083,7 +5126,7 @@ var SelectUser = ({
     }));
   };
   return /* @__PURE__ */ jsxs11("div", { children: [
-    /* @__PURE__ */ jsx14("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx14("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un utilisateur" }) }),
+    label && /* @__PURE__ */ jsx14("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx14("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: label }) }),
     /* @__PURE__ */ jsx14(
       SearchableSelect,
       {
@@ -5093,7 +5136,9 @@ var SelectUser = ({
         searchPlaceholder: "Rechercher...",
         onSelect,
         disabled: loading,
-        refresh: handleRefresh
+        refresh: handleRefresh,
+        allowClear,
+        onRemove
       },
       "user" + value
     ),
@@ -5102,7 +5147,10 @@ var SelectUser = ({
 };
 var SelectDepartment = ({
   value,
-  onSelect
+  onSelect,
+  allowClear,
+  onRemove,
+  label = "S\xE9lectionner un d\xE9partement"
 }) => {
   const { token, activeBusinessEntity } = useSession();
   const [departments, setDepartments] = useState10(() => {
@@ -5148,7 +5196,7 @@ var SelectDepartment = ({
     }));
   };
   return /* @__PURE__ */ jsxs11("div", { children: [
-    /* @__PURE__ */ jsx14("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx14("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un d\xE9partement" }) }),
+    label && /* @__PURE__ */ jsx14("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx14("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: label }) }),
     /* @__PURE__ */ jsx14(
       SearchableSelect,
       {
@@ -5158,7 +5206,9 @@ var SelectDepartment = ({
         searchPlaceholder: "Rechercher...",
         onSelect,
         disabled: loading,
-        refresh: handleRefresh
+        refresh: handleRefresh,
+        allowClear,
+        onRemove
       },
       "dept" + value
     ),
@@ -5167,7 +5217,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] = useState10(() => {
@@ -5220,7 +5273,7 @@ var SelectCostCenter = ({
     }));
   };
   return /* @__PURE__ */ jsxs11("div", { children: [
-    /* @__PURE__ */ jsx14("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx14("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un centre de co\xFBt" }) }),
+    label && /* @__PURE__ */ jsx14("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx14("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: label }) }),
     /* @__PURE__ */ jsx14(
       SearchableSelect,
       {
@@ -5230,7 +5283,9 @@ var SelectCostCenter = ({
         searchPlaceholder: "Rechercher...",
         onSelect,
         disabled: loading,
-        refresh: handleRefresh
+        refresh: handleRefresh,
+        allowClear,
+        onRemove
       },
       "cost" + value
     ),
@@ -5239,7 +5294,10 @@ var SelectCostCenter = ({
 };
 var SelectUnit = ({
   value,
-  onSelect
+  onSelect,
+  allowClear,
+  onRemove,
+  label = "S\xE9lectionner une unit\xE9"
 }) => {
   const { token, activeBusinessEntity } = useSession();
   const [units, setUnits] = useState10(() => {
@@ -5294,7 +5352,7 @@ var SelectUnit = ({
     }));
   };
   return /* @__PURE__ */ jsxs11("div", { children: [
-    /* @__PURE__ */ jsx14("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx14("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner une unit\xE9" }) }),
+    label && /* @__PURE__ */ jsx14("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx14("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: label }) }),
     /* @__PURE__ */ jsx14(
       SearchableSelect,
       {
@@ -5304,7 +5362,9 @@ var SelectUnit = ({
         searchPlaceholder: "Rechercher...",
         onSelect,
         disabled: loading,
-        refresh: handleRefresh
+        refresh: handleRefresh,
+        allowClear,
+        onRemove
       },
       "unit" + value
     ),
@@ -5335,7 +5395,9 @@ var SelectAccount = ({
   filterClass,
   filterType,
   showInactive = false,
-  label = "Selectionner un compte"
+  label = "Selectionner un compte",
+  allowClear,
+  onRemove
 }) => {
   const { token, activeBusinessEntity } = useSession();
   const [accounts, setAccounts] = useState10(() => {
@@ -5502,7 +5564,9 @@ var SelectAccount = ({
         onSelect,
         disabled: loading,
         refresh: handleRefresh,
-        addElement: handleOpenModal
+        addElement: handleOpenModal,
+        allowClear,
+        onRemove
       },
       "account" + value
     ),
@@ -5612,7 +5676,10 @@ var SelectAccount = ({
 };
 var SelectClient = ({
   value,
-  onSelect
+  onSelect,
+  allowClear,
+  onRemove,
+  label = "S\xE9lectionner un client"
 }) => {
   const { token, activeBusinessEntity } = useSession();
   const [clients, setClients] = useState10(() => {
@@ -5662,7 +5729,7 @@ var SelectClient = ({
     loadClients();
   };
   return /* @__PURE__ */ jsxs11("div", { children: [
-    /* @__PURE__ */ jsx14("div", { className: "flex justify-between", children: /* @__PURE__ */ jsx14("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un client" }) }),
+    label && /* @__PURE__ */ jsx14("div", { className: "flex justify-between", children: /* @__PURE__ */ jsx14("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: label }) }),
     /* @__PURE__ */ jsx14(
       SearchableSelect,
       {
@@ -5672,7 +5739,9 @@ var SelectClient = ({
         searchPlaceholder: "Rechercher...",
         onSelect,
         disabled: loading,
-        refresh: handleRefresh
+        refresh: handleRefresh,
+        allowClear,
+        onRemove
       },
       "client" + value
     ),
@@ -10261,9 +10330,1528 @@ var formatCurrency = (amount, currency = "XOF", showDecimals = false) => {
     maximumFractionDigits: showDecimals ? 2 : 0
   }) + (currency ? ` ${currency}` : "");
 };
+
+// src/components/common/ModernCard.tsx
+import { jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
+var ModernCard = ({
+  children,
+  className,
+  hoverable = false,
+  bordered = true,
+  elevated = false,
+  gradient = false,
+  onClick
+}) => {
+  return /* @__PURE__ */ jsx32(
+    "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__ */ jsx32("div", { className: cn("p-4 border-b border-[var(--color-border-light)]", className), children: /* @__PURE__ */ jsxs27("div", { className: "flex items-start justify-between", children: [
+    /* @__PURE__ */ jsxs27("div", { className: "flex items-start gap-4", children: [
+      Icon && /* @__PURE__ */ jsx32("div", { className: "p-2 bg-[var(--color-primary-light)] rounded-lg", children: /* @__PURE__ */ jsx32(Icon, { className: "w-4 h-4 text-[var(--color-primary)]" }) }),
+      /* @__PURE__ */ jsxs27("div", { children: [
+        /* @__PURE__ */ jsx32("h3", { className: "text-lg font-semibold text-[var(--color-text-primary)]", children: title }),
+        subtitle && /* @__PURE__ */ jsx32("p", { className: "mt-1 text-sm text-[var(--color-text-secondary)]", children: subtitle })
+      ] })
+    ] }),
+    action && /* @__PURE__ */ jsx32("div", { children: action }),
+    children
+  ] }) });
+};
+var CardBody = ({
+  children,
+  className,
+  noPadding = false
+}) => {
+  return /* @__PURE__ */ jsx32("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__ */ jsx32(ModernCard, { className: cn("p-4", className), hoverable: true, children: /* @__PURE__ */ jsxs27("div", { className: "flex items-start justify-between", children: [
+    /* @__PURE__ */ jsxs27("div", { className: "flex-1", children: [
+      /* @__PURE__ */ jsx32("p", { className: "text-sm font-medium text-[var(--color-text-secondary)]", children: title }),
+      /* @__PURE__ */ jsx32("p", { className: "mt-2 text-3xl font-bold text-[var(--color-text-primary)]", children: value }),
+      change && /* @__PURE__ */ jsxs27("div", { className: "mt-3 flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs27("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__ */ jsx32("span", { className: "text-xs text-[var(--color-text-tertiary)]", children: "vs p\xE9riode pr\xE9c\xE9dente" })
+      ] })
+    ] }),
+    Icon && /* @__PURE__ */ jsx32("div", { className: cn("p-2.5 rounded-lg", colorClasses[color]), children: /* @__PURE__ */ jsx32(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
+import { useState as useState25, useEffect as useEffect17, useMemo as useMemo2 } from "react";
+import {
+  ShoppingCart as ShoppingCart2,
+  Calculator as Calculator2,
+  Users as Users5,
+  Building2 as Building25,
+  RefreshCw as RefreshCw8,
+  ChevronDown as ChevronDown4,
+  LayoutDashboard
+} from "lucide-react";
+
+// src/pages/workspaces/PurchaseWorkspace.tsx
+import { useState as useState21, useEffect as useEffect13 } from "react";
+import {
+  FileText as FileText7,
+  ShoppingCart,
+  Package,
+  Clock as Clock2,
+  Banknote,
+  Users as Users2,
+  Send as Send2,
+  ArrowRight,
+  RefreshCw as RefreshCw4,
+  AlertTriangle as AlertTriangle3,
+  FileCheck,
+  Truck,
+  ClipboardList
+} from "lucide-react";
+import { jsx as jsx33, jsxs as jsxs28 } from "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] = useState21(null);
+  const [recentActivities, setRecentActivities] = useState21([]);
+  const [pendingTasks, setPendingTasks] = useState21([]);
+  const [loading, setLoading] = useState21(true);
+  const [error, setError] = useState21(null);
+  useEffect13(() => {
+    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__ */ jsx33(FileText7, { className: "w-4 h-4" }),
+      rfq_sent: /* @__PURE__ */ jsx33(Send2, { className: "w-4 h-4" }),
+      quote_received: /* @__PURE__ */ jsx33(FileCheck, { className: "w-4 h-4" }),
+      po_issued: /* @__PURE__ */ jsx33(ShoppingCart, { className: "w-4 h-4" }),
+      receipt_created: /* @__PURE__ */ jsx33(Package, { className: "w-4 h-4" }),
+      approval_pending: /* @__PURE__ */ jsx33(Clock2, { className: "w-4 h-4" })
+    };
+    return icons[type] || /* @__PURE__ */ jsx33(FileText7, { 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__ */ jsx33("div", { className: "flex items-center justify-center h-96", children: /* @__PURE__ */ jsxs28("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx33(RefreshCw4, { className: "w-12 h-12 text-[var(--color-primary)] animate-spin mx-auto mb-4" }),
+      /* @__PURE__ */ jsx33("p", { className: "text-[var(--color-text-secondary)]", children: "Chargement du workspace Achats..." })
+    ] }) });
+  }
+  if (!stats) return null;
+  const ErrorBanner = error ? /* @__PURE__ */ jsx33("div", { className: "bg-[var(--color-error-light)] border border-[var(--color-error)] rounded-xl p-4 mb-6", children: /* @__PURE__ */ jsxs28("div", { className: "flex items-center space-x-3", children: [
+    /* @__PURE__ */ jsx33(AlertTriangle3, { className: "w-5 h-5 text-[var(--color-error)]" }),
+    /* @__PURE__ */ jsx33("div", { className: "flex-1", children: /* @__PURE__ */ jsx33("p", { className: "text-sm text-[var(--color-error)]", children: error }) }),
+    /* @__PURE__ */ jsx33(
+      "button",
+      {
+        onClick: loadWorkspaceData,
+        className: "text-sm text-[var(--color-error)] hover:underline font-medium",
+        children: "Reessayer"
+      }
+    )
+  ] }) }) : null;
+  return /* @__PURE__ */ jsxs28("div", { className: "space-y-6", children: [
+    ErrorBanner,
+    (stats.alerts.overdue_deliveries > 0 || stats.alerts.expiring_contracts > 0 || stats.alerts.pending_approvals > 0) && /* @__PURE__ */ jsx33("div", { className: "bg-[var(--color-warning-light)] border border-[var(--color-warning)] rounded-xl p-4", children: /* @__PURE__ */ jsxs28("div", { className: "flex items-start space-x-3", children: [
+      /* @__PURE__ */ jsx33(AlertTriangle3, { className: "w-5 h-5 text-[var(--color-warning)] mt-0.5" }),
+      /* @__PURE__ */ jsxs28("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx33("h3", { className: "font-semibold text-[var(--color-text-primary)]", children: "Alertes necessitant votre attention" }),
+        /* @__PURE__ */ jsxs28("div", { className: "mt-2 flex flex-wrap gap-4", children: [
+          stats.alerts.overdue_deliveries > 0 && /* @__PURE__ */ jsxs28("span", { className: "text-sm text-[var(--color-warning)]", children: [
+            /* @__PURE__ */ jsx33("strong", { children: stats.alerts.overdue_deliveries }),
+            " livraisons en retard"
+          ] }),
+          stats.alerts.expiring_contracts > 0 && /* @__PURE__ */ jsxs28("span", { className: "text-sm text-[var(--color-warning)]", children: [
+            /* @__PURE__ */ jsx33("strong", { children: stats.alerts.expiring_contracts }),
+            " contrats expirant bientot"
+          ] }),
+          stats.alerts.pending_approvals > 0 && /* @__PURE__ */ jsxs28("span", { className: "text-sm text-[var(--color-warning)]", children: [
+            /* @__PURE__ */ jsx33("strong", { children: stats.alerts.pending_approvals }),
+            " approbations en attente"
+          ] })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs28("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6", children: [
+      /* @__PURE__ */ jsx33(
+        StatCard,
+        {
+          title: "Demandes d'achat",
+          value: stats.purchase_requests.total,
+          icon: FileText7,
+          color: "primary",
+          change: stats.purchase_requests.trend !== 0 ? {
+            value: stats.purchase_requests.trend,
+            type: stats.purchase_requests.trend > 0 ? "increase" : "decrease"
+          } : void 0
+        }
+      ),
+      /* @__PURE__ */ jsx33(
+        StatCard,
+        {
+          title: "Appels d'offres actifs",
+          value: stats.rfqs.open,
+          icon: ClipboardList,
+          color: "info"
+        }
+      ),
+      /* @__PURE__ */ jsx33(
+        StatCard,
+        {
+          title: "Commandes en cours",
+          value: stats.purchase_orders.pending_delivery,
+          icon: Truck,
+          color: "warning"
+        }
+      ),
+      /* @__PURE__ */ jsx33(
+        StatCard,
+        {
+          title: "Budget engage",
+          value: formatCurrencyShort(stats.purchase_orders.total_value),
+          icon: 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__ */ jsxs28("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", children: [
+      /* @__PURE__ */ jsxs28("div", { className: "lg:col-span-2 space-y-6", children: [
+        /* @__PURE__ */ jsxs28(ModernCard, { children: [
+          /* @__PURE__ */ jsx33(
+            CardHeader,
+            {
+              title: "Taches en attente",
+              icon: Clock2,
+              action: /* @__PURE__ */ jsxs28("button", { className: "text-sm text-[var(--color-primary)] hover:underline flex items-center", children: [
+                "Voir tout ",
+                /* @__PURE__ */ jsx33(ArrowRight, { className: "w-4 h-4 ml-1" })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx33(CardBody, { noPadding: true, children: /* @__PURE__ */ jsx33("div", { className: "divide-y divide-[var(--color-border-light)]", children: pendingTasks.map((task) => /* @__PURE__ */ jsxs28(
+            "div",
+            {
+              className: "p-4 hover:bg-[var(--color-surface-hover)] transition-colors cursor-pointer flex items-center justify-between",
+              children: [
+                /* @__PURE__ */ jsxs28("div", { className: "flex items-center space-x-3", children: [
+                  /* @__PURE__ */ jsx33("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__ */ jsxs28("div", { children: [
+                    /* @__PURE__ */ jsx33("p", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: task.title }),
+                    /* @__PURE__ */ jsxs28("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: [
+                      "Echeance: ",
+                      task.dueDate
+                    ] })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx33(ArrowRight, { className: "w-4 h-4 text-[var(--color-text-tertiary)]" })
+              ]
+            },
+            task.id
+          )) }) })
+        ] }),
+        /* @__PURE__ */ jsxs28("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
+          /* @__PURE__ */ jsxs28(ModernCard, { children: [
+            /* @__PURE__ */ jsx33(CardHeader, { title: "Demandes d'achat", icon: FileText7 }),
+            /* @__PURE__ */ jsx33(CardBody, { children: /* @__PURE__ */ jsxs28("div", { className: "space-y-3", children: [
+              /* @__PURE__ */ jsxs28("div", { className: "flex items-center justify-between p-3 bg-[var(--color-surface-hover)] rounded-lg", children: [
+                /* @__PURE__ */ jsxs28("div", { className: "flex items-center space-x-2", children: [
+                  /* @__PURE__ */ jsx33("div", { className: "w-2 h-2 bg-[var(--color-text-tertiary)] rounded-full" }),
+                  /* @__PURE__ */ jsx33("span", { className: "text-sm text-[var(--color-text-primary)]", children: "Brouillons" })
+                ] }),
+                /* @__PURE__ */ jsx33("span", { className: "font-semibold text-[var(--color-text-primary)]", children: stats.purchase_requests.draft })
+              ] }),
+              /* @__PURE__ */ jsxs28("div", { className: "flex items-center justify-between p-3 bg-[var(--color-warning-light)] rounded-lg", children: [
+                /* @__PURE__ */ jsxs28("div", { className: "flex items-center space-x-2", children: [
+                  /* @__PURE__ */ jsx33("div", { className: "w-2 h-2 bg-[var(--color-warning)] rounded-full" }),
+                  /* @__PURE__ */ jsx33("span", { className: "text-sm text-[var(--color-text-primary)]", children: "En attente d'approbation" })
+                ] }),
+                /* @__PURE__ */ jsx33("span", { className: "font-semibold text-[var(--color-text-primary)]", children: stats.purchase_requests.pending_approval })
+              ] }),
+              /* @__PURE__ */ jsxs28("div", { className: "flex items-center justify-between p-3 bg-[var(--color-success-light)] rounded-lg", children: [
+                /* @__PURE__ */ jsxs28("div", { className: "flex items-center space-x-2", children: [
+                  /* @__PURE__ */ jsx33("div", { className: "w-2 h-2 bg-[var(--color-success)] rounded-full" }),
+                  /* @__PURE__ */ jsx33("span", { className: "text-sm text-[var(--color-text-primary)]", children: "Approuvees" })
+                ] }),
+                /* @__PURE__ */ jsx33("span", { className: "font-semibold text-[var(--color-text-primary)]", children: stats.purchase_requests.approved })
+              ] }),
+              /* @__PURE__ */ jsxs28("div", { className: "flex items-center justify-between p-3 bg-[var(--color-info-light)] rounded-lg", children: [
+                /* @__PURE__ */ jsxs28("div", { className: "flex items-center space-x-2", children: [
+                  /* @__PURE__ */ jsx33("div", { className: "w-2 h-2 bg-[var(--color-info)] rounded-full" }),
+                  /* @__PURE__ */ jsx33("span", { className: "text-sm text-[var(--color-text-primary)]", children: "En sourcing" })
+                ] }),
+                /* @__PURE__ */ jsx33("span", { className: "font-semibold text-[var(--color-text-primary)]", children: stats.purchase_requests.in_sourcing })
+              ] })
+            ] }) })
+          ] }),
+          /* @__PURE__ */ jsxs28(ModernCard, { children: [
+            /* @__PURE__ */ jsx33(CardHeader, { title: "Appels d'offres (RFQ)", icon: ClipboardList }),
+            /* @__PURE__ */ jsx33(CardBody, { children: /* @__PURE__ */ jsxs28("div", { className: "space-y-3", children: [
+              /* @__PURE__ */ jsxs28("div", { className: "flex items-center justify-between p-3 bg-[var(--color-info-light)] rounded-lg", children: [
+                /* @__PURE__ */ jsxs28("div", { className: "flex items-center space-x-2", children: [
+                  /* @__PURE__ */ jsx33("div", { className: "w-2 h-2 bg-[var(--color-info)] rounded-full" }),
+                  /* @__PURE__ */ jsx33("span", { className: "text-sm text-[var(--color-text-primary)]", children: "Ouverts" })
+                ] }),
+                /* @__PURE__ */ jsx33("span", { className: "font-semibold text-[var(--color-text-primary)]", children: stats.rfqs.open })
+              ] }),
+              /* @__PURE__ */ jsxs28("div", { className: "flex items-center justify-between p-3 bg-[var(--color-secondary)] bg-opacity-10 rounded-lg", children: [
+                /* @__PURE__ */ jsxs28("div", { className: "flex items-center space-x-2", children: [
+                  /* @__PURE__ */ jsx33("div", { className: "w-2 h-2 bg-[var(--color-secondary)] rounded-full" }),
+                  /* @__PURE__ */ jsx33("span", { className: "text-sm text-[var(--color-text-primary)]", children: "En evaluation" })
+                ] }),
+                /* @__PURE__ */ jsx33("span", { className: "font-semibold text-[var(--color-text-primary)]", children: stats.rfqs.pending_evaluation })
+              ] }),
+              /* @__PURE__ */ jsxs28("div", { className: "flex items-center justify-between p-3 bg-[var(--color-success-light)] rounded-lg", children: [
+                /* @__PURE__ */ jsxs28("div", { className: "flex items-center space-x-2", children: [
+                  /* @__PURE__ */ jsx33("div", { className: "w-2 h-2 bg-[var(--color-success)] rounded-full" }),
+                  /* @__PURE__ */ jsx33("span", { className: "text-sm text-[var(--color-text-primary)]", children: "Clotures" })
+                ] }),
+                /* @__PURE__ */ jsx33("span", { className: "font-semibold text-[var(--color-text-primary)]", children: stats.rfqs.closed })
+              ] })
+            ] }) })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs28("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsxs28(ModernCard, { children: [
+          /* @__PURE__ */ jsx33(
+            CardHeader,
+            {
+              title: "Activites recentes",
+              icon: Clock2,
+              action: /* @__PURE__ */ jsx33("button", { className: "text-sm text-[var(--color-primary)] hover:underline", children: "Historique" })
+            }
+          ),
+          /* @__PURE__ */ jsx33(CardBody, { noPadding: true, children: /* @__PURE__ */ jsx33("div", { className: "divide-y divide-[var(--color-border-light)]", children: recentActivities.map((activity) => /* @__PURE__ */ jsx33(
+            "div",
+            {
+              className: "p-4 hover:bg-[var(--color-surface-hover)] transition-colors",
+              children: /* @__PURE__ */ jsxs28("div", { className: "flex items-start space-x-3", children: [
+                /* @__PURE__ */ jsx33("div", { className: `p-2 rounded-lg ${getActivityStatusColor(activity.status)}`, children: getActivityIcon(activity.type) }),
+                /* @__PURE__ */ jsxs28("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsx33("p", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: activity.title }),
+                  /* @__PURE__ */ jsx33("p", { className: "text-xs text-[var(--color-text-secondary)] truncate", children: activity.description }),
+                  /* @__PURE__ */ jsx33("p", { className: "text-xs text-[var(--color-text-tertiary)] mt-1", children: formatRelativeTime(activity.timestamp) })
+                ] })
+              ] })
+            },
+            activity.id
+          )) }) })
+        ] }),
+        /* @__PURE__ */ jsxs28(ModernCard, { children: [
+          /* @__PURE__ */ jsx33(CardHeader, { title: "Fournisseurs", icon: Users2 }),
+          /* @__PURE__ */ jsx33(CardBody, { children: /* @__PURE__ */ jsxs28("div", { className: "text-center py-4", children: [
+            /* @__PURE__ */ jsx33("p", { className: "text-4xl font-bold text-[var(--color-text-primary)]", children: stats.vendors.total }),
+            /* @__PURE__ */ jsx33("p", { className: "text-sm text-[var(--color-text-secondary)] mt-1", children: "fournisseurs references" }),
+            /* @__PURE__ */ jsxs28("div", { className: "mt-4 flex justify-center space-x-6", children: [
+              /* @__PURE__ */ jsxs28("div", { children: [
+                /* @__PURE__ */ jsx33("p", { className: "text-lg font-semibold text-[var(--color-success)]", children: stats.vendors.active }),
+                /* @__PURE__ */ jsx33("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "Actifs" })
+              ] }),
+              /* @__PURE__ */ jsxs28("div", { children: [
+                /* @__PURE__ */ jsx33("p", { className: "text-lg font-semibold text-[var(--color-text-tertiary)]", children: stats.vendors.total - stats.vendors.active }),
+                /* @__PURE__ */ jsx33("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "Inactifs" })
+              ] })
+            ] })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsxs28(ModernCard, { children: [
+          /* @__PURE__ */ jsx33(CardHeader, { title: "Receptions", icon: Package }),
+          /* @__PURE__ */ jsx33(CardBody, { children: /* @__PURE__ */ jsxs28("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ jsxs28("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsx33("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "En attente de validation" }),
+              /* @__PURE__ */ jsx33("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__ */ jsxs28("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsx33("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Validees ce mois" }),
+              /* @__PURE__ */ jsx33("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
+import { useState as useState22, useEffect as useEffect14 } from "react";
+import {
+  TrendingUp,
+  TrendingDown,
+  Banknote as Banknote2,
+  ArrowRight as ArrowRight2,
+  RefreshCw as RefreshCw5,
+  AlertTriangle as AlertTriangle4,
+  BookOpen,
+  Receipt,
+  PiggyBank,
+  CreditCard as CreditCard3
+} from "lucide-react";
+import { jsx as jsx34, jsxs as jsxs29 } from "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] = useState22(null);
+  const [loading, setLoading] = useState22(true);
+  const [error, setError] = useState22(null);
+  useEffect14(() => {
+    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__ */ jsx34("div", { className: "flex items-center justify-center h-96", children: /* @__PURE__ */ jsxs29("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx34(RefreshCw5, { className: "w-12 h-12 text-[var(--color-primary)] animate-spin mx-auto mb-4" }),
+      /* @__PURE__ */ jsx34("p", { className: "text-[var(--color-text-secondary)]", children: "Chargement du workspace Comptabilite..." })
+    ] }) });
+  }
+  if (!stats) return null;
+  const ErrorBanner = error ? /* @__PURE__ */ jsx34("div", { className: "bg-[var(--color-error-light)] border border-[var(--color-error)] rounded-xl p-4 mb-6", children: /* @__PURE__ */ jsxs29("div", { className: "flex items-center space-x-3", children: [
+    /* @__PURE__ */ jsx34(AlertTriangle4, { className: "w-5 h-5 text-[var(--color-error)]" }),
+    /* @__PURE__ */ jsx34("div", { className: "flex-1", children: /* @__PURE__ */ jsx34("p", { className: "text-sm text-[var(--color-error)]", children: error }) }),
+    /* @__PURE__ */ jsx34(
+      "button",
+      {
+        onClick: loadWorkspaceData,
+        className: "text-sm text-[var(--color-error)] hover:underline font-medium",
+        children: "Reessayer"
+      }
+    )
+  ] }) }) : null;
+  return /* @__PURE__ */ jsxs29("div", { className: "space-y-6", children: [
+    ErrorBanner,
+    (stats.alerts.unbalanced_entries > 0 || stats.alerts.overdue_invoices > 0 || stats.alerts.pending_approvals > 0) && /* @__PURE__ */ jsx34("div", { className: "bg-[var(--color-warning-light)] border border-[var(--color-warning)] rounded-xl p-4", children: /* @__PURE__ */ jsxs29("div", { className: "flex items-start space-x-3", children: [
+      /* @__PURE__ */ jsx34(AlertTriangle4, { className: "w-5 h-5 text-[var(--color-warning)] mt-0.5" }),
+      /* @__PURE__ */ jsxs29("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx34("h3", { className: "font-semibold text-[var(--color-text-primary)]", children: "Alertes comptables" }),
+        /* @__PURE__ */ jsxs29("div", { className: "mt-2 flex flex-wrap gap-4", children: [
+          stats.alerts.unbalanced_entries > 0 && /* @__PURE__ */ jsxs29("span", { className: "text-sm text-[var(--color-warning)]", children: [
+            /* @__PURE__ */ jsx34("strong", { children: stats.alerts.unbalanced_entries }),
+            " ecritures non equilibrees"
+          ] }),
+          stats.alerts.overdue_invoices > 0 && /* @__PURE__ */ jsxs29("span", { className: "text-sm text-[var(--color-warning)]", children: [
+            /* @__PURE__ */ jsx34("strong", { children: stats.alerts.overdue_invoices }),
+            " factures en retard"
+          ] }),
+          stats.alerts.pending_approvals > 0 && /* @__PURE__ */ jsxs29("span", { className: "text-sm text-[var(--color-warning)]", children: [
+            /* @__PURE__ */ jsx34("strong", { children: stats.alerts.pending_approvals }),
+            " validations en attente"
+          ] })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs29("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6", children: [
+      /* @__PURE__ */ jsx34(
+        StatCard,
+        {
+          title: "Ecritures comptables",
+          value: stats.journal_entries.total,
+          icon: 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__ */ jsx34(
+        StatCard,
+        {
+          title: "Creances clients",
+          value: formatCurrencyShort2(stats.invoices.receivable),
+          icon: TrendingUp,
+          color: "success"
+        }
+      ),
+      /* @__PURE__ */ jsx34(
+        StatCard,
+        {
+          title: "Dettes fournisseurs",
+          value: formatCurrencyShort2(stats.invoices.payable),
+          icon: TrendingDown,
+          color: "warning"
+        }
+      ),
+      /* @__PURE__ */ jsx34(
+        StatCard,
+        {
+          title: "Solde tresorerie",
+          value: formatCurrencyShort2(stats.cash_flow.balance),
+          icon: PiggyBank,
+          color: "info"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs29("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", children: [
+      /* @__PURE__ */ jsxs29("div", { className: "lg:col-span-2 space-y-6", children: [
+        /* @__PURE__ */ jsxs29(ModernCard, { children: [
+          /* @__PURE__ */ jsx34(
+            CardHeader,
+            {
+              title: "Ecritures comptables",
+              icon: BookOpen,
+              action: /* @__PURE__ */ jsxs29("button", { className: "text-sm text-[var(--color-primary)] hover:underline flex items-center", children: [
+                "Voir tout ",
+                /* @__PURE__ */ jsx34(ArrowRight2, { className: "w-4 h-4 ml-1" })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx34(CardBody, { children: /* @__PURE__ */ jsxs29("div", { className: "grid grid-cols-3 gap-4", children: [
+            /* @__PURE__ */ jsxs29("div", { className: "p-4 bg-[var(--color-surface-hover)] rounded-lg text-center", children: [
+              /* @__PURE__ */ jsx34("p", { className: "text-2xl font-bold text-[var(--color-text-tertiary)]", children: stats.journal_entries.draft }),
+              /* @__PURE__ */ jsx34("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Brouillons" })
+            ] }),
+            /* @__PURE__ */ jsxs29("div", { className: "p-4 bg-[var(--color-warning-light)] rounded-lg text-center", children: [
+              /* @__PURE__ */ jsx34("p", { className: "text-2xl font-bold text-[var(--color-warning)]", children: stats.journal_entries.pending_validation }),
+              /* @__PURE__ */ jsx34("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "A valider" })
+            ] }),
+            /* @__PURE__ */ jsxs29("div", { className: "p-4 bg-[var(--color-success-light)] rounded-lg text-center", children: [
+              /* @__PURE__ */ jsx34("p", { className: "text-2xl font-bold text-[var(--color-success)]", children: stats.journal_entries.validated }),
+              /* @__PURE__ */ jsx34("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Validees" })
+            ] })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsxs29(ModernCard, { children: [
+          /* @__PURE__ */ jsx34(CardHeader, { title: "Flux de tresorerie (ce mois)", icon: Banknote2 }),
+          /* @__PURE__ */ jsx34(CardBody, { children: /* @__PURE__ */ jsxs29("div", { className: "grid grid-cols-3 gap-4", children: [
+            /* @__PURE__ */ jsxs29("div", { className: "p-4 bg-[var(--color-success-light)] rounded-lg", children: [
+              /* @__PURE__ */ jsxs29("div", { className: "flex items-center space-x-2 mb-2", children: [
+                /* @__PURE__ */ jsx34(TrendingUp, { className: "w-5 h-5 text-[var(--color-success)]" }),
+                /* @__PURE__ */ jsx34("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Entrees" })
+              ] }),
+              /* @__PURE__ */ jsx34("p", { className: "text-xl font-bold text-[var(--color-success)]", children: formatCurrencyShort2(stats.cash_flow.inflow) })
+            ] }),
+            /* @__PURE__ */ jsxs29("div", { className: "p-4 bg-[var(--color-error-light)] rounded-lg", children: [
+              /* @__PURE__ */ jsxs29("div", { className: "flex items-center space-x-2 mb-2", children: [
+                /* @__PURE__ */ jsx34(TrendingDown, { className: "w-5 h-5 text-[var(--color-error)]" }),
+                /* @__PURE__ */ jsx34("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Sorties" })
+              ] }),
+              /* @__PURE__ */ jsx34("p", { className: "text-xl font-bold text-[var(--color-error)]", children: formatCurrencyShort2(stats.cash_flow.outflow) })
+            ] }),
+            /* @__PURE__ */ jsxs29("div", { className: "p-4 bg-[var(--color-info-light)] rounded-lg", children: [
+              /* @__PURE__ */ jsxs29("div", { className: "flex items-center space-x-2 mb-2", children: [
+                /* @__PURE__ */ jsx34(PiggyBank, { className: "w-5 h-5 text-[var(--color-info)]" }),
+                /* @__PURE__ */ jsx34("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Solde" })
+              ] }),
+              /* @__PURE__ */ jsx34("p", { className: "text-xl font-bold text-[var(--color-info)]", children: formatCurrencyShort2(stats.cash_flow.balance) })
+            ] })
+          ] }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs29("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsxs29(ModernCard, { children: [
+          /* @__PURE__ */ jsx34(CardHeader, { title: "Factures en cours", icon: Receipt }),
+          /* @__PURE__ */ jsx34(CardBody, { children: /* @__PURE__ */ jsxs29("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxs29("div", { children: [
+              /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between mb-2", children: [
+                /* @__PURE__ */ jsx34("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Creances clients" }),
+                /* @__PURE__ */ jsx34("span", { className: "font-semibold text-[var(--color-success)]", children: formatCurrencyShort2(stats.invoices.receivable) })
+              ] }),
+              stats.invoices.overdue_receivable > 0 && /* @__PURE__ */ jsxs29("div", { className: "text-xs text-[var(--color-error)] flex items-center space-x-1", children: [
+                /* @__PURE__ */ jsx34(AlertTriangle4, { className: "w-3 h-3" }),
+                /* @__PURE__ */ jsxs29("span", { children: [
+                  "Dont ",
+                  formatCurrencyShort2(stats.invoices.overdue_receivable),
+                  " en retard"
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs29("div", { className: "border-t border-[var(--color-border-light)] pt-4", children: [
+              /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between mb-2", children: [
+                /* @__PURE__ */ jsx34("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Dettes fournisseurs" }),
+                /* @__PURE__ */ jsx34("span", { className: "font-semibold text-[var(--color-warning)]", children: formatCurrencyShort2(stats.invoices.payable) })
+              ] }),
+              stats.invoices.overdue_payable > 0 && /* @__PURE__ */ jsxs29("div", { className: "text-xs text-[var(--color-error)] flex items-center space-x-1", children: [
+                /* @__PURE__ */ jsx34(AlertTriangle4, { className: "w-3 h-3" }),
+                /* @__PURE__ */ jsxs29("span", { children: [
+                  "Dont ",
+                  formatCurrencyShort2(stats.invoices.overdue_payable),
+                  " en retard"
+                ] })
+              ] })
+            ] })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsxs29(ModernCard, { children: [
+          /* @__PURE__ */ jsx34(CardHeader, { title: "Rapprochement bancaire", icon: CreditCard3 }),
+          /* @__PURE__ */ jsx34(CardBody, { children: /* @__PURE__ */ jsxs29("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsx34("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Operations a pointer" }),
+              /* @__PURE__ */ jsx34("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__ */ jsxs29("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsx34("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Operations pointees" }),
+              /* @__PURE__ */ jsx34("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
+import { useState as useState23, useEffect as useEffect15 } from "react";
+import {
+  Users as Users3,
+  UserPlus,
+  Target as Target2,
+  TrendingUp as TrendingUp2,
+  Banknote as Banknote3,
+  ArrowRight as ArrowRight3,
+  RefreshCw as RefreshCw6,
+  AlertTriangle as AlertTriangle5,
+  Phone as Phone2,
+  Mail as Mail2,
+  Calendar as Calendar2,
+  Activity
+} from "lucide-react";
+import { jsx as jsx35, jsxs as jsxs30 } from "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] = useState23(null);
+  const [recentContacts, setRecentContacts] = useState23([]);
+  const [loading, setLoading] = useState23(true);
+  const [error, setError] = useState23(null);
+  useEffect15(() => {
+    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__ */ jsx35("div", { className: "flex items-center justify-center h-96", children: /* @__PURE__ */ jsxs30("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx35(RefreshCw6, { className: "w-12 h-12 text-[var(--color-primary)] animate-spin mx-auto mb-4" }),
+      /* @__PURE__ */ jsx35("p", { className: "text-[var(--color-text-secondary)]", children: "Chargement du workspace CRM..." })
+    ] }) });
+  }
+  if (!stats) return null;
+  const ErrorBanner = error ? /* @__PURE__ */ jsx35("div", { className: "bg-[var(--color-error-light)] border border-[var(--color-error)] rounded-xl p-4 mb-6", children: /* @__PURE__ */ jsxs30("div", { className: "flex items-center space-x-3", children: [
+    /* @__PURE__ */ jsx35(AlertTriangle5, { className: "w-5 h-5 text-[var(--color-error)]" }),
+    /* @__PURE__ */ jsx35("div", { className: "flex-1", children: /* @__PURE__ */ jsx35("p", { className: "text-sm text-[var(--color-error)]", children: error }) }),
+    /* @__PURE__ */ jsx35(
+      "button",
+      {
+        onClick: loadWorkspaceData,
+        className: "text-sm text-[var(--color-error)] hover:underline font-medium",
+        children: "Reessayer"
+      }
+    )
+  ] }) }) : null;
+  return /* @__PURE__ */ jsxs30("div", { className: "space-y-6", children: [
+    ErrorBanner,
+    (stats.alerts.overdue_activities > 0 || stats.alerts.expiring_opportunities > 0) && /* @__PURE__ */ jsx35("div", { className: "bg-[var(--color-warning-light)] border border-[var(--color-warning)] rounded-xl p-4", children: /* @__PURE__ */ jsxs30("div", { className: "flex items-start space-x-3", children: [
+      /* @__PURE__ */ jsx35(AlertTriangle5, { className: "w-5 h-5 text-[var(--color-warning)] mt-0.5" }),
+      /* @__PURE__ */ jsxs30("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx35("h3", { className: "font-semibold text-[var(--color-text-primary)]", children: "Alertes CRM" }),
+        /* @__PURE__ */ jsxs30("div", { className: "mt-2 flex flex-wrap gap-4", children: [
+          stats.alerts.overdue_activities > 0 && /* @__PURE__ */ jsxs30("span", { className: "text-sm text-[var(--color-warning)]", children: [
+            /* @__PURE__ */ jsx35("strong", { children: stats.alerts.overdue_activities }),
+            " activites en retard"
+          ] }),
+          stats.alerts.expiring_opportunities > 0 && /* @__PURE__ */ jsxs30("span", { className: "text-sm text-[var(--color-warning)]", children: [
+            /* @__PURE__ */ jsx35("strong", { children: stats.alerts.expiring_opportunities }),
+            " opportunites a relancer"
+          ] }),
+          stats.alerts.inactive_clients > 0 && /* @__PURE__ */ jsxs30("span", { className: "text-sm text-[var(--color-warning)]", children: [
+            /* @__PURE__ */ jsx35("strong", { children: stats.alerts.inactive_clients }),
+            " clients inactifs"
+          ] })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs30("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6", children: [
+      /* @__PURE__ */ jsx35(
+        StatCard,
+        {
+          title: "Clients actifs",
+          value: stats.clients.active,
+          icon: Users3,
+          color: "primary",
+          change: stats.clients.trend !== 0 ? {
+            value: stats.clients.trend,
+            type: stats.clients.trend > 0 ? "increase" : "decrease"
+          } : void 0
+        }
+      ),
+      /* @__PURE__ */ jsx35(
+        StatCard,
+        {
+          title: "Opportunites",
+          value: stats.opportunities.total,
+          icon: Target2,
+          color: "info"
+        }
+      ),
+      /* @__PURE__ */ jsx35(
+        StatCard,
+        {
+          title: "Pipeline",
+          value: formatCurrencyShort3(stats.opportunities.total_value),
+          icon: TrendingUp2,
+          color: "success"
+        }
+      ),
+      /* @__PURE__ */ jsx35(
+        StatCard,
+        {
+          title: "CA mensuel",
+          value: formatCurrencyShort3(stats.revenue.monthly),
+          icon: Banknote3,
+          color: "warning",
+          change: stats.revenue.trend !== 0 ? {
+            value: stats.revenue.trend,
+            type: stats.revenue.trend > 0 ? "increase" : "decrease"
+          } : void 0
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs30("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", children: [
+      /* @__PURE__ */ jsxs30("div", { className: "lg:col-span-2 space-y-6", children: [
+        /* @__PURE__ */ jsxs30(ModernCard, { children: [
+          /* @__PURE__ */ jsx35(
+            CardHeader,
+            {
+              title: "Pipeline commercial",
+              icon: Target2,
+              action: /* @__PURE__ */ jsxs30("button", { className: "text-sm text-[var(--color-primary)] hover:underline flex items-center", children: [
+                "Voir tout ",
+                /* @__PURE__ */ jsx35(ArrowRight3, { className: "w-4 h-4 ml-1" })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx35(CardBody, { children: /* @__PURE__ */ jsxs30("div", { className: "grid grid-cols-4 gap-4", children: [
+            /* @__PURE__ */ jsxs30("div", { className: "p-4 bg-[var(--color-info-light)] rounded-lg text-center", children: [
+              /* @__PURE__ */ jsx35("p", { className: "text-2xl font-bold text-[var(--color-info)]", children: stats.opportunities.qualified }),
+              /* @__PURE__ */ jsx35("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Qualifiees" })
+            ] }),
+            /* @__PURE__ */ jsxs30("div", { className: "p-4 bg-[var(--color-warning-light)] rounded-lg text-center", children: [
+              /* @__PURE__ */ jsx35("p", { className: "text-2xl font-bold text-[var(--color-warning)]", children: stats.opportunities.negotiation }),
+              /* @__PURE__ */ jsx35("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Negociation" })
+            ] }),
+            /* @__PURE__ */ jsxs30("div", { className: "p-4 bg-[var(--color-success-light)] rounded-lg text-center", children: [
+              /* @__PURE__ */ jsx35("p", { className: "text-2xl font-bold text-[var(--color-success)]", children: stats.opportunities.won }),
+              /* @__PURE__ */ jsx35("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Gagnees" })
+            ] }),
+            /* @__PURE__ */ jsxs30("div", { className: "p-4 bg-[var(--color-error-light)] rounded-lg text-center", children: [
+              /* @__PURE__ */ jsx35("p", { className: "text-2xl font-bold text-[var(--color-error)]", children: stats.opportunities.lost }),
+              /* @__PURE__ */ jsx35("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Perdues" })
+            ] })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsxs30(ModernCard, { children: [
+          /* @__PURE__ */ jsx35(
+            CardHeader,
+            {
+              title: "Contacts recents",
+              icon: Users3,
+              action: /* @__PURE__ */ jsxs30("button", { className: "text-sm text-[var(--color-primary)] hover:underline flex items-center", children: [
+                "Voir tout ",
+                /* @__PURE__ */ jsx35(ArrowRight3, { className: "w-4 h-4 ml-1" })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx35(CardBody, { noPadding: true, children: /* @__PURE__ */ jsx35("div", { className: "divide-y divide-[var(--color-border-light)]", children: recentContacts.map((contact) => /* @__PURE__ */ jsxs30(
+            "div",
+            {
+              className: "p-4 hover:bg-[var(--color-surface-hover)] transition-colors cursor-pointer flex items-center justify-between",
+              children: [
+                /* @__PURE__ */ jsxs30("div", { className: "flex items-center space-x-3", children: [
+                  /* @__PURE__ */ jsx35("div", { className: "w-10 h-10 bg-[var(--color-primary-light)] rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx35("span", { className: "text-sm font-semibold text-[var(--color-primary)]", children: contact.name.split(" ").map((n) => n[0]).join("") }) }),
+                  /* @__PURE__ */ jsxs30("div", { children: [
+                    /* @__PURE__ */ jsx35("p", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: contact.name }),
+                    /* @__PURE__ */ jsx35("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: contact.company })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx35("span", { className: `px-2 py-1 text-xs font-medium rounded-full ${getStatusColor(contact.status)}`, children: getStatusLabel(contact.status) })
+              ]
+            },
+            contact.id
+          )) }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs30("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsxs30(ModernCard, { children: [
+          /* @__PURE__ */ jsx35(CardHeader, { title: "Activites a faire", icon: Activity }),
+          /* @__PURE__ */ jsx35(CardBody, { children: /* @__PURE__ */ jsxs30("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ jsxs30("div", { className: "flex items-center justify-between p-3 bg-[var(--color-surface-hover)] rounded-lg", children: [
+              /* @__PURE__ */ jsxs30("div", { className: "flex items-center space-x-2", children: [
+                /* @__PURE__ */ jsx35(Phone2, { className: "w-4 h-4 text-[var(--color-info)]" }),
+                /* @__PURE__ */ jsx35("span", { className: "text-sm text-[var(--color-text-primary)]", children: "Appels" })
+              ] }),
+              /* @__PURE__ */ jsx35("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__ */ jsxs30("div", { className: "flex items-center justify-between p-3 bg-[var(--color-surface-hover)] rounded-lg", children: [
+              /* @__PURE__ */ jsxs30("div", { className: "flex items-center space-x-2", children: [
+                /* @__PURE__ */ jsx35(Calendar2, { className: "w-4 h-4 text-[var(--color-warning)]" }),
+                /* @__PURE__ */ jsx35("span", { className: "text-sm text-[var(--color-text-primary)]", children: "Reunions" })
+              ] }),
+              /* @__PURE__ */ jsx35("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__ */ jsxs30("div", { className: "flex items-center justify-between p-3 bg-[var(--color-surface-hover)] rounded-lg", children: [
+              /* @__PURE__ */ jsxs30("div", { className: "flex items-center space-x-2", children: [
+                /* @__PURE__ */ jsx35(Mail2, { className: "w-4 h-4 text-[var(--color-success)]" }),
+                /* @__PURE__ */ jsx35("span", { className: "text-sm text-[var(--color-text-primary)]", children: "Emails" })
+              ] }),
+              /* @__PURE__ */ jsx35("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__ */ jsxs30("div", { className: "flex items-center justify-between p-3 bg-[var(--color-error-light)] rounded-lg", children: [
+              /* @__PURE__ */ jsxs30("div", { className: "flex items-center space-x-2", children: [
+                /* @__PURE__ */ jsx35(AlertTriangle5, { className: "w-4 h-4 text-[var(--color-error)]" }),
+                /* @__PURE__ */ jsx35("span", { className: "text-sm text-[var(--color-text-primary)]", children: "En retard" })
+              ] }),
+              /* @__PURE__ */ jsx35("span", { className: "px-2 py-1 text-xs font-medium bg-[var(--color-error)] text-white rounded-full", children: stats.activities.overdue })
+            ] })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsxs30(ModernCard, { children: [
+          /* @__PURE__ */ jsx35(CardHeader, { title: "Nouveaux clients", icon: UserPlus }),
+          /* @__PURE__ */ jsx35(CardBody, { children: /* @__PURE__ */ jsxs30("div", { className: "text-center py-4", children: [
+            /* @__PURE__ */ jsxs30("p", { className: "text-4xl font-bold text-[var(--color-success)]", children: [
+              "+",
+              stats.clients.new_this_month
+            ] }),
+            /* @__PURE__ */ jsx35("p", { className: "text-sm text-[var(--color-text-secondary)] mt-1", children: "ce mois-ci" }),
+            /* @__PURE__ */ jsxs30("div", { className: "mt-4 pt-4 border-t border-[var(--color-border-light)]", children: [
+              /* @__PURE__ */ jsx35("p", { className: "text-2xl font-bold text-[var(--color-text-primary)]", children: stats.clients.total }),
+              /* @__PURE__ */ jsx35("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "clients au total" })
+            ] })
+          ] }) })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+var CrmWorkspace_default = CrmWorkspace;
+
+// src/pages/workspaces/FacilityWorkspace.tsx
+import { useState as useState24, useEffect as useEffect16 } from "react";
+import {
+  Building2 as Building24,
+  Wrench,
+  AlertTriangle as AlertTriangle6,
+  CheckCircle as CheckCircle4,
+  ArrowRight as ArrowRight4,
+  RefreshCw as RefreshCw7,
+  Calendar as Calendar3,
+  MapPin as MapPin3,
+  Shield as Shield2
+} from "lucide-react";
+import { jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
+var FacilityWorkspace = () => {
+  const [stats, setStats] = useState24(null);
+  const [maintenanceTasks, setMaintenanceTasks] = useState24([]);
+  const [loading, setLoading] = useState24(true);
+  const [error, setError] = useState24(null);
+  useEffect16(() => {
+    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__ */ jsx36("div", { className: "flex items-center justify-center h-96", children: /* @__PURE__ */ jsxs31("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx36(RefreshCw7, { className: "w-12 h-12 text-[var(--color-primary)] animate-spin mx-auto mb-4" }),
+      /* @__PURE__ */ jsx36("p", { className: "text-[var(--color-text-secondary)]", children: "Chargement du workspace Facility..." })
+    ] }) });
+  }
+  if (!stats) return null;
+  const ErrorBanner = error ? /* @__PURE__ */ jsx36("div", { className: "bg-[var(--color-error-light)] border border-[var(--color-error)] rounded-xl p-4 mb-6", children: /* @__PURE__ */ jsxs31("div", { className: "flex items-center space-x-3", children: [
+    /* @__PURE__ */ jsx36(AlertTriangle6, { className: "w-5 h-5 text-[var(--color-error)]" }),
+    /* @__PURE__ */ jsx36("div", { className: "flex-1", children: /* @__PURE__ */ jsx36("p", { className: "text-sm text-[var(--color-error)]", children: error }) }),
+    /* @__PURE__ */ jsx36(
+      "button",
+      {
+        onClick: loadWorkspaceData,
+        className: "text-sm text-[var(--color-error)] hover:underline font-medium",
+        children: "Reessayer"
+      }
+    )
+  ] }) }) : null;
+  return /* @__PURE__ */ jsxs31("div", { className: "space-y-6", children: [
+    ErrorBanner,
+    (stats.alerts.critical_incidents > 0 || stats.alerts.overdue_maintenance > 0) && /* @__PURE__ */ jsx36("div", { className: "bg-[var(--color-error-light)] border border-[var(--color-error)] rounded-xl p-4", children: /* @__PURE__ */ jsxs31("div", { className: "flex items-start space-x-3", children: [
+      /* @__PURE__ */ jsx36(AlertTriangle6, { className: "w-5 h-5 text-[var(--color-error)] mt-0.5" }),
+      /* @__PURE__ */ jsxs31("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx36("h3", { className: "font-semibold text-[var(--color-text-primary)]", children: "Alertes critiques" }),
+        /* @__PURE__ */ jsxs31("div", { className: "mt-2 flex flex-wrap gap-4", children: [
+          stats.alerts.critical_incidents > 0 && /* @__PURE__ */ jsxs31("span", { className: "text-sm text-[var(--color-error)]", children: [
+            /* @__PURE__ */ jsx36("strong", { children: stats.alerts.critical_incidents }),
+            " incident(s) critique(s)"
+          ] }),
+          stats.alerts.overdue_maintenance > 0 && /* @__PURE__ */ jsxs31("span", { className: "text-sm text-[var(--color-error)]", children: [
+            /* @__PURE__ */ jsx36("strong", { children: stats.alerts.overdue_maintenance }),
+            " maintenance(s) en retard"
+          ] }),
+          stats.alerts.expiring_contracts > 0 && /* @__PURE__ */ jsxs31("span", { className: "text-sm text-[var(--color-warning)]", children: [
+            /* @__PURE__ */ jsx36("strong", { children: stats.alerts.expiring_contracts }),
+            " contrat(s) expirant bientot"
+          ] })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs31("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6", children: [
+      /* @__PURE__ */ jsx36(
+        StatCard,
+        {
+          title: "Sites actifs",
+          value: stats.sites.active,
+          icon: Building24,
+          color: "primary"
+        }
+      ),
+      /* @__PURE__ */ jsx36(
+        StatCard,
+        {
+          title: "Maintenances planifiees",
+          value: stats.maintenance.scheduled,
+          icon: Wrench,
+          color: "info"
+        }
+      ),
+      /* @__PURE__ */ jsx36(
+        StatCard,
+        {
+          title: "Incidents ouverts",
+          value: stats.incidents.open,
+          icon: AlertTriangle6,
+          color: "warning"
+        }
+      ),
+      /* @__PURE__ */ jsx36(
+        StatCard,
+        {
+          title: "Equipements operationnels",
+          value: stats.equipment.total > 0 ? `${Math.round(stats.equipment.operational / stats.equipment.total * 100)}%` : "0%",
+          icon: CheckCircle4,
+          color: "success"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs31("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", children: [
+      /* @__PURE__ */ jsxs31("div", { className: "lg:col-span-2 space-y-6", children: [
+        /* @__PURE__ */ jsxs31(ModernCard, { children: [
+          /* @__PURE__ */ jsx36(
+            CardHeader,
+            {
+              title: "Maintenances a venir",
+              icon: Wrench,
+              action: /* @__PURE__ */ jsxs31("button", { className: "text-sm text-[var(--color-primary)] hover:underline flex items-center", children: [
+                "Voir tout ",
+                /* @__PURE__ */ jsx36(ArrowRight4, { className: "w-4 h-4 ml-1" })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx36(CardBody, { noPadding: true, children: /* @__PURE__ */ jsx36("div", { className: "divide-y divide-[var(--color-border-light)]", children: maintenanceTasks.map((task) => /* @__PURE__ */ jsx36(
+            "div",
+            {
+              className: "p-4 hover:bg-[var(--color-surface-hover)] transition-colors cursor-pointer",
+              children: /* @__PURE__ */ jsxs31("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ jsxs31("div", { className: "flex items-center space-x-3", children: [
+                  /* @__PURE__ */ jsx36("span", { className: `px-2 py-1 text-xs font-medium rounded-full ${getPriorityColor(task.priority)}`, children: getPriorityLabel(task.priority) }),
+                  /* @__PURE__ */ jsxs31("div", { children: [
+                    /* @__PURE__ */ jsx36("p", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: task.title }),
+                    /* @__PURE__ */ jsxs31("div", { className: "flex items-center space-x-2 mt-1", children: [
+                      /* @__PURE__ */ jsx36(MapPin3, { className: "w-3 h-3 text-[var(--color-text-tertiary)]" }),
+                      /* @__PURE__ */ jsx36("span", { className: "text-xs text-[var(--color-text-tertiary)]", children: task.site })
+                    ] })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs31("div", { className: "flex items-center space-x-3", children: [
+                  /* @__PURE__ */ jsx36("span", { className: `px-2 py-1 text-xs rounded ${getTypeColor(task.type)}`, children: task.type === "preventive" ? "Preventive" : "Corrective" }),
+                  /* @__PURE__ */ jsxs31("div", { className: "text-right", children: [
+                    /* @__PURE__ */ jsx36("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "Echeance" }),
+                    /* @__PURE__ */ jsx36("p", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: new Date(task.dueDate).toLocaleDateString("fr-FR") })
+                  ] })
+                ] })
+              ] })
+            },
+            task.id
+          )) }) })
+        ] }),
+        /* @__PURE__ */ jsxs31(ModernCard, { children: [
+          /* @__PURE__ */ jsx36(CardHeader, { title: "Etat des maintenances", icon: Calendar3 }),
+          /* @__PURE__ */ jsx36(CardBody, { children: /* @__PURE__ */ jsxs31("div", { className: "grid grid-cols-4 gap-4", children: [
+            /* @__PURE__ */ jsxs31("div", { className: "p-4 bg-[var(--color-info-light)] rounded-lg text-center", children: [
+              /* @__PURE__ */ jsx36("p", { className: "text-2xl font-bold text-[var(--color-info)]", children: stats.maintenance.scheduled }),
+              /* @__PURE__ */ jsx36("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Planifiees" })
+            ] }),
+            /* @__PURE__ */ jsxs31("div", { className: "p-4 bg-[var(--color-warning-light)] rounded-lg text-center", children: [
+              /* @__PURE__ */ jsx36("p", { className: "text-2xl font-bold text-[var(--color-warning)]", children: stats.maintenance.in_progress }),
+              /* @__PURE__ */ jsx36("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "En cours" })
+            ] }),
+            /* @__PURE__ */ jsxs31("div", { className: "p-4 bg-[var(--color-success-light)] rounded-lg text-center", children: [
+              /* @__PURE__ */ jsx36("p", { className: "text-2xl font-bold text-[var(--color-success)]", children: stats.maintenance.completed }),
+              /* @__PURE__ */ jsx36("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Terminees" })
+            ] }),
+            /* @__PURE__ */ jsxs31("div", { className: "p-4 bg-[var(--color-error-light)] rounded-lg text-center", children: [
+              /* @__PURE__ */ jsx36("p", { className: "text-2xl font-bold text-[var(--color-error)]", children: stats.maintenance.overdue }),
+              /* @__PURE__ */ jsx36("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "En retard" })
+            ] })
+          ] }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs31("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsxs31(ModernCard, { children: [
+          /* @__PURE__ */ jsx36(CardHeader, { title: "Incidents", icon: AlertTriangle6 }),
+          /* @__PURE__ */ jsx36(CardBody, { children: /* @__PURE__ */ jsxs31("div", { className: "space-y-3", children: [
+            stats.incidents.critical > 0 && /* @__PURE__ */ jsxs31("div", { className: "flex items-center justify-between p-3 bg-[var(--color-error-light)] rounded-lg", children: [
+              /* @__PURE__ */ jsxs31("div", { className: "flex items-center space-x-2", children: [
+                /* @__PURE__ */ jsx36("div", { className: "w-2 h-2 bg-[var(--color-error)] rounded-full animate-pulse" }),
+                /* @__PURE__ */ jsx36("span", { className: "text-sm font-medium text-[var(--color-error)]", children: "Critiques" })
+              ] }),
+              /* @__PURE__ */ jsx36("span", { className: "font-bold text-[var(--color-error)]", children: stats.incidents.critical })
+            ] }),
+            /* @__PURE__ */ jsxs31("div", { className: "flex items-center justify-between p-3 bg-[var(--color-warning-light)] rounded-lg", children: [
+              /* @__PURE__ */ jsxs31("div", { className: "flex items-center space-x-2", children: [
+                /* @__PURE__ */ jsx36("div", { className: "w-2 h-2 bg-[var(--color-warning)] rounded-full" }),
+                /* @__PURE__ */ jsx36("span", { className: "text-sm text-[var(--color-text-primary)]", children: "Ouverts" })
+              ] }),
+              /* @__PURE__ */ jsx36("span", { className: "font-semibold text-[var(--color-text-primary)]", children: stats.incidents.open })
+            ] }),
+            /* @__PURE__ */ jsxs31("div", { className: "flex items-center justify-between p-3 bg-[var(--color-info-light)] rounded-lg", children: [
+              /* @__PURE__ */ jsxs31("div", { className: "flex items-center space-x-2", children: [
+                /* @__PURE__ */ jsx36("div", { className: "w-2 h-2 bg-[var(--color-info)] rounded-full" }),
+                /* @__PURE__ */ jsx36("span", { className: "text-sm text-[var(--color-text-primary)]", children: "En cours" })
+              ] }),
+              /* @__PURE__ */ jsx36("span", { className: "font-semibold text-[var(--color-text-primary)]", children: stats.incidents.in_progress })
+            ] }),
+            /* @__PURE__ */ jsxs31("div", { className: "flex items-center justify-between p-3 bg-[var(--color-success-light)] rounded-lg", children: [
+              /* @__PURE__ */ jsxs31("div", { className: "flex items-center space-x-2", children: [
+                /* @__PURE__ */ jsx36("div", { className: "w-2 h-2 bg-[var(--color-success)] rounded-full" }),
+                /* @__PURE__ */ jsx36("span", { className: "text-sm text-[var(--color-text-primary)]", children: "Resolus" })
+              ] }),
+              /* @__PURE__ */ jsx36("span", { className: "font-semibold text-[var(--color-text-primary)]", children: stats.incidents.resolved })
+            ] })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsxs31(ModernCard, { children: [
+          /* @__PURE__ */ jsx36(CardHeader, { title: "Equipements", icon: Shield2 }),
+          /* @__PURE__ */ jsx36(CardBody, { children: /* @__PURE__ */ jsxs31("div", { className: "text-center py-4", children: [
+            /* @__PURE__ */ jsx36("p", { className: "text-4xl font-bold text-[var(--color-text-primary)]", children: stats.equipment.total }),
+            /* @__PURE__ */ jsx36("p", { className: "text-sm text-[var(--color-text-secondary)] mt-1", children: "equipements references" }),
+            /* @__PURE__ */ jsxs31("div", { className: "mt-4 grid grid-cols-3 gap-2", children: [
+              /* @__PURE__ */ jsxs31("div", { className: "p-2 bg-[var(--color-success-light)] rounded", children: [
+                /* @__PURE__ */ jsx36("p", { className: "text-lg font-semibold text-[var(--color-success)]", children: stats.equipment.operational }),
+                /* @__PURE__ */ jsx36("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "OK" })
+              ] }),
+              /* @__PURE__ */ jsxs31("div", { className: "p-2 bg-[var(--color-warning-light)] rounded", children: [
+                /* @__PURE__ */ jsx36("p", { className: "text-lg font-semibold text-[var(--color-warning)]", children: stats.equipment.under_maintenance }),
+                /* @__PURE__ */ jsx36("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "Maint." })
+              ] }),
+              /* @__PURE__ */ jsxs31("div", { className: "p-2 bg-[var(--color-error-light)] rounded", children: [
+                /* @__PURE__ */ jsx36("p", { className: "text-lg font-semibold text-[var(--color-error)]", children: stats.equipment.out_of_service }),
+                /* @__PURE__ */ jsx36("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "HS" })
+              ] })
+            ] })
+          ] }) })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+var FacilityWorkspace_default = FacilityWorkspace;
+
+// src/pages/workspaces/WorkSpace.tsx
+import { Fragment as Fragment9, jsx as jsx37, jsxs as jsxs32 } from "react/jsx-runtime";
+var MODULES_CONFIG = [
+  {
+    id: "purchase",
+    label: "Achats",
+    description: "Gestion des achats et approvisionnements",
+    icon: ShoppingCart2,
+    color: "text-blue-600",
+    bgColor: "bg-blue-50",
+    component: PurchaseWorkspace_default
+  },
+  {
+    id: "accounting",
+    label: "Comptabilite",
+    description: "Gestion comptable et financiere",
+    icon: Calculator2,
+    color: "text-green-600",
+    bgColor: "bg-green-50",
+    component: AccountingWorkspace_default
+  },
+  {
+    id: "crm",
+    label: "CRM",
+    description: "Gestion de la relation client",
+    icon: Users5,
+    color: "text-purple-600",
+    bgColor: "bg-purple-50",
+    component: CrmWorkspace_default
+  },
+  {
+    id: "facility",
+    label: "Facility",
+    description: "Gestion des installations et maintenances",
+    icon: Building25,
+    color: "text-orange-600",
+    bgColor: "bg-orange-50",
+    component: FacilityWorkspace_default
+  }
+];
+var WorkSpace = () => {
+  const [activeModule, setActiveModule] = useState25(null);
+  const [availableModules, setAvailableModules] = useState25([]);
+  const [loading, setLoading] = useState25(true);
+  const [showModuleSelector, setShowModuleSelector] = useState25(false);
+  useEffect17(() => {
+    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 = useMemo2(() => {
+    return MODULES_CONFIG.filter((m) => availableModules.includes(m.id));
+  }, [availableModules]);
+  const currentModule = useMemo2(() => {
+    return MODULES_CONFIG.find((m) => m.id === activeModule);
+  }, [activeModule]);
+  const ActiveWorkspaceComponent = currentModule?.component;
+  if (loading) {
+    return /* @__PURE__ */ jsx37("div", { className: "flex items-center justify-center h-screen bg-[var(--color-background)]", children: /* @__PURE__ */ jsxs32("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx37(RefreshCw8, { className: "w-12 h-12 text-[var(--color-primary)] animate-spin mx-auto mb-4" }),
+      /* @__PURE__ */ jsx37("p", { className: "text-[var(--color-text-secondary)]", children: "Chargement des workspaces..." })
+    ] }) });
+  }
+  if (filteredModules.length === 0) {
+    return /* @__PURE__ */ jsx37("div", { className: "flex items-center justify-center h-screen bg-[var(--color-background)]", children: /* @__PURE__ */ jsxs32("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx37(LayoutDashboard, { className: "w-16 h-16 text-[var(--color-text-tertiary)] mx-auto mb-4" }),
+      /* @__PURE__ */ jsx37("h2", { className: "text-xl font-semibold text-[var(--color-text-primary)] mb-2", children: "Aucun workspace disponible" }),
+      /* @__PURE__ */ jsx37("p", { className: "text-[var(--color-text-secondary)]", children: "Contactez votre administrateur pour obtenir l'acces aux modules." })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxs32("div", { className: "min-h-screen bg-[var(--color-background)]", children: [
+    /* @__PURE__ */ jsx37("div", { className: "sticky top-0 z-40 bg-[var(--color-surface)] border-b border-[var(--color-border-light)] shadow-sm", children: /* @__PURE__ */ jsx37("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxs32("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs32("div", { className: "flex items-center space-x-4", children: [
+        currentModule && /* @__PURE__ */ jsx37("div", { className: `p-2 rounded-lg ${currentModule.bgColor}`, children: /* @__PURE__ */ jsx37(currentModule.icon, { className: `w-6 h-6 ${currentModule.color}` }) }),
+        /* @__PURE__ */ jsxs32("div", { className: "relative", children: [
+          /* @__PURE__ */ jsxs32(
+            "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__ */ jsxs32("div", { children: [
+                  /* @__PURE__ */ jsxs32("h1", { className: "text-xl font-bold text-[var(--color-text-primary)]", children: [
+                    "Workspace - ",
+                    currentModule?.label
+                  ] }),
+                  /* @__PURE__ */ jsx37("p", { className: "text-sm text-[var(--color-text-secondary)]", children: currentModule?.description })
+                ] }),
+                filteredModules.length > 1 && /* @__PURE__ */ jsx37(ChevronDown4, { className: `w-5 h-5 text-[var(--color-text-tertiary)] transition-transform ${showModuleSelector ? "rotate-180" : ""}` })
+              ]
+            }
+          ),
+          showModuleSelector && filteredModules.length > 1 && /* @__PURE__ */ jsxs32(Fragment9, { children: [
+            /* @__PURE__ */ jsx37(
+              "div",
+              {
+                className: "fixed inset-0 z-10",
+                onClick: () => setShowModuleSelector(false)
+              }
+            ),
+            /* @__PURE__ */ jsx37("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__ */ jsxs32("div", { className: "p-2", children: [
+              /* @__PURE__ */ jsx37("p", { className: "text-xs font-semibold text-[var(--color-text-tertiary)] uppercase tracking-wide px-3 py-2", children: "Changer de workspace" }),
+              filteredModules.map((module) => /* @__PURE__ */ jsxs32(
+                "button",
+                {
+                  onClick: () => {
+                    setActiveModule(module.id);
+                    setShowModuleSelector(false);
+                  },
+                  className: `
+                                                            w-full flex items-center space-x-3 px-3 py-3 rounded-lg transition-colors
+                                                            ${activeModule === module.id ? "bg-[var(--color-primary-light)]" : "hover:bg-[var(--color-surface-hover)]"}
+                                                        `,
+                  children: [
+                    /* @__PURE__ */ jsx37("div", { className: `p-2 rounded-lg ${module.bgColor}`, children: /* @__PURE__ */ jsx37(module.icon, { className: `w-5 h-5 ${module.color}` }) }),
+                    /* @__PURE__ */ jsxs32("div", { className: "text-left", children: [
+                      /* @__PURE__ */ jsx37("p", { className: `font-medium ${activeModule === module.id ? "text-[var(--color-primary)]" : "text-[var(--color-text-primary)]"}`, children: module.label }),
+                      /* @__PURE__ */ jsx37("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: module.description })
+                    ] })
+                  ]
+                },
+                module.id
+              ))
+            ] }) })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx37(
+        "button",
+        {
+          onClick: loadAvailableModules,
+          className: "p-2 hover:bg-[var(--color-surface-hover)] rounded-lg transition-colors",
+          title: "Actualiser",
+          children: /* @__PURE__ */ jsx37(RefreshCw8, { className: "w-5 h-5 text-[var(--color-text-tertiary)]" })
+        }
+      )
+    ] }) }) }),
+    /* @__PURE__ */ jsx37("div", { className: "p-6", children: ActiveWorkspaceComponent && /* @__PURE__ */ jsx37(ActiveWorkspaceComponent, {}) })
+  ] });
+};
+var WorkSpace_default = WorkSpace;
 export {
   ACCOUNT_TYPE_LABELS,
   AccountServices,
+  AccountingWorkspace_default as AccountingWorkspace,
   Alert_default as Alert,
   AlertProvider,
   ApprovalAnswerModal,
@@ -10274,8 +11862,11 @@ export {
   AuthServices,
   BALANCE_TYPE_LABELS,
   Choices_default as CHOICES,
+  CardBody,
+  CardHeader,
   ClientServices,
   CountrySelector,
+  CrmWorkspace_default as CrmWorkspace,
   DataTable,
   DateInput,
   DocumentFooter,
@@ -10283,6 +11874,7 @@ export {
   EntityFileManager,
   FDrawer,
   FROM_MODULE_CHOICES,
+  FacilityWorkspace_default as FacilityWorkspace,
   FetchApi,
   FileInput,
   FileManager,
@@ -10296,6 +11888,7 @@ export {
   LegalFormSelector,
   MinimalVendorForm,
   Modals_default as Modal,
+  ModernCard,
   NumberInput,
   PRINT_GREEN,
   Pages_default as Pages,
@@ -10303,6 +11896,7 @@ export {
   Buttons_default as PrimaryButton,
   PrintPreview,
   PrintableDocument,
+  PurchaseWorkspace_default as PurchaseWorkspace,
   ModernDoubleSidebarLayout_default as RewiseLayout,
   SYSCOHADA_CLASSES,
   SecondaryButton,
@@ -10316,6 +11910,7 @@ export {
   SelectVendor,
   SessionProvider,
   SignatureSection,
+  StatCard,
   TEMPLATE_FNE_CHOICES,
   TaxSelector,
   TemplateFNESelector,
@@ -10327,6 +11922,8 @@ export {
   UnitServices,
   UserServices,
   VendorServices,
+  WorkSpace_default as WorkSpace,
+  WorkspaceServices,
   fileManagerApi,
   formatCurrency,
   formatDate,