ptechcore_ui 1.0.36 → 1.0.39

package/dist/index.cjs

@@ -31,6 +31,8 @@ var index_exports = {};
 __export(index_exports, {
   ACCOUNT_TYPE_LABELS: () => ACCOUNT_TYPE_LABELS,
   AccountServices: () => AccountServices,
+  AccountingWorkspace: () => AccountingWorkspace_default,
+  ActifsPage: () => ActifsPage_default,
   Alert: () => Alert_default,
   AlertProvider: () => AlertProvider,
   ApprovalAnswerModal: () => ApprovalAnswerModal,
@@ -40,9 +42,14 @@ __export(index_exports, {
   ApprovalWorkflow: () => ApprovalWorkflow_default,
   AuthServices: () => AuthServices,
   BALANCE_TYPE_LABELS: () => BALANCE_TYPE_LABELS,
+  BudgetPage: () => BudgetPage_default,
   CHOICES: () => Choices_default,
+  CardBody: () => CardBody,
+  CardHeader: () => CardHeader,
+  ChatEquipePage: () => ChatEquipePage_default,
   ClientServices: () => ClientServices,
   CountrySelector: () => CountrySelector,
+  CrmWorkspace: () => CrmWorkspace_default,
   DataTable: () => DataTable,
   DateInput: () => DateInput,
   DocumentFooter: () => DocumentFooter,
@@ -50,6 +57,7 @@ __export(index_exports, {
   EntityFileManager: () => EntityFileManager,
   FDrawer: () => FDrawer,
   FROM_MODULE_CHOICES: () => FROM_MODULE_CHOICES,
+  FacilityWorkspace: () => FacilityWorkspace_default,
   FetchApi: () => FetchApi,
   FileInput: () => FileInput,
   FileManager: () => FileManager,
@@ -57,21 +65,28 @@ __export(index_exports, {
   ForeignCurrencySelector: () => ForeignCurrencySelector,
   FormClient: () => FormClient,
   FormVendor: () => FormVendor,
+  HRConnectPage: () => HRConnectPage_default,
   InfoBox: () => InfoBox,
   InputField: () => InputField,
   InvoiceTypeSelector: () => InvoiceTypeSelector,
   LegalFormSelector: () => LegalFormSelector,
+  MeetingHubPage: () => MeetingHubPage_default,
   MinimalVendorForm: () => MinimalVendorForm,
   Modal: () => Modals_default,
+  ModernCard: () => ModernCard,
   NumberInput: () => NumberInput,
   PRINT_GREEN: () => PRINT_GREEN,
   Pages: () => Pages_default,
   PaymentMethodSelector: () => PaymentMethodSelector,
+  PlanningPage: () => PlanningPage_default,
   PrimaryButton: () => Buttons_default,
   PrintPreview: () => PrintPreview,
   PrintableDocument: () => PrintableDocument,
+  PurchaseRequestsPage: () => PurchaseRequestsPage,
+  PurchaseWorkspace: () => PurchaseWorkspace_default,
   RewiseLayout: () => ModernDoubleSidebarLayout_default,
   SYSCOHADA_CLASSES: () => SYSCOHADA_CLASSES,
+  SearchableSelect: () => SearchableSelect,
   SecondaryButton: () => SecondaryButton,
   SelectAccount: () => SelectAccount,
   SelectClient: () => SelectClient,
@@ -83,7 +98,9 @@ __export(index_exports, {
   SelectVendor: () => SelectVendor,
   SessionProvider: () => SessionProvider,
   SignatureSection: () => SignatureSection,
+  StatCard: () => StatCard,
   TEMPLATE_FNE_CHOICES: () => TEMPLATE_FNE_CHOICES,
+  TaskPilot: () => TaskPilot_default,
   TaxSelector: () => TaxSelector,
   TemplateFNESelector: () => TemplateFNESelector,
   TextInput: () => TextInput,
@@ -94,6 +111,9 @@ __export(index_exports, {
   UnitServices: () => UnitServices,
   UserServices: () => UserServices,
   VendorServices: () => VendorServices,
+  WorkSpace: () => WorkSpace_default,
+  WorkSpaceRoutes: () => WorkSpaceRoutes,
+  WorkspaceServices: () => WorkspaceServices,
   fileManagerApi: () => fileManagerApi,
   formatCurrency: () => formatCurrency,
   formatDate: () => formatDate,
@@ -1070,6 +1090,7 @@ var SessionProvider = ({ children }) => {
           setActiveBusinessEntity(result.data.user.centers_access.find((item) => parseInt(item.id) === parseInt(saved_center_id)) || result.data.user.centers_access[0] || null);
         } else {
           setLoggedUser(null);
+          localStorage.removeItem("token");
         }
       }).catch(() => setLoggedUser(null));
     } else {
@@ -1840,8 +1861,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",
@@ -1853,7 +1874,7 @@ var MODULE_CODE_MAP = {
   "PURCHASE": "WiseProcure",
   "HR": "WiseHR"
 };
-var RewiseLayout = ({ children, module_name = "Rewise", module_description = "Description du module", primaryMenuItems, secondaryMenuItems }) => {
+var RewiseLayout = ({ children, module_name = "Rewise", module_description = "", primaryMenuItems, secondaryMenuItems }) => {
   const location = (0, import_react_router_dom3.useLocation)();
   const navigate = (0, import_react_router_dom3.useNavigate)();
   const { theme, themeType, setTheme } = useTheme();
@@ -2001,7 +2022,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
   const isModuleActive = (moduleId) => selectedModule === moduleId;
   const getBreadcrumbs = () => {
     const paths = location.pathname.split("/").filter(Boolean);
-    const breadcrumbs = [{ label: "Accueil", path: "/" }];
+    const breadcrumbs = [{ label: "Accueil", path: "/workspace/" }];
     paths.forEach((path, index) => {
       const fullPath = "/" + paths.slice(0, index + 1).join("/");
       const module2 = primaryMenuItems.find((m) => m.id === path);
@@ -2213,6 +2234,9 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                       setSecondaryCollapsed(true);
                     } else {
                       setSelectedModule(item.id);
+                      if (secondaryMenuItems[item.id] && secondaryMenuItems[item.id].length > 0) {
+                        setSecondaryCollapsed(false);
+                      }
                     }
                   },
                   className: cn(
@@ -2719,7 +2743,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                         "button",
                         {
                           onClick: () => {
-                            navigate("/settings");
+                            window.location.href = "https://core.rewise.praedium-tech.com/parameters/profit-cost-centers/";
                             setShowUserMenu(false);
                           },
                           className: "w-full flex items-center gap-3 px-3 py-2 rounded-lg hover:bg-[var(--color-surface-hover)] transition-colors",
@@ -2834,8 +2858,8 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
               /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-3", children: [
                 { name: "WiseConnect", icon: crm_blue_default, iconWhite: crmwhite_default, url: moduleUrls.wiseConnect },
                 { name: "WiseReach", icon: marketingblue_default, iconWhite: marketingblanc_default, url: moduleUrls.wiseReach },
-                { name: "WiseOps", icon: facilityblue_default, iconWhite: facilityblanc_default, url: moduleUrls.wiseOps },
-                { name: "WiseGuard", icon: security_managementblue_default, iconWhite: security_managementblanc_default, url: moduleUrls.wiseGuard }
+                { name: "WiseFm", icon: facilityblue_default, iconWhite: facilityblanc_default, url: moduleUrls.wiseOps },
+                { name: "WiseHSE", icon: security_managementblue_default, iconWhite: security_managementblanc_default, url: moduleUrls.wiseGuard }
               ].map((module2) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                 "button",
                 {
@@ -4804,6 +4828,7 @@ var import_react10 = require("react");
 
 // src/components/common/SearchableSelect.tsx
 var import_react9 = require("react");
+var import_react_dom2 = require("react-dom");
 var import_lucide_react7 = require("lucide-react");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var SearchableSelect = ({
@@ -4821,7 +4846,9 @@ var SearchableSelect = ({
 }) => {
   const [isOpen, setIsOpen] = (0, import_react9.useState)(false);
   const [searchTerm, setSearchTerm] = (0, import_react9.useState)("");
+  const [dropdownPosition, setDropdownPosition] = (0, import_react9.useState)({ top: 0, left: 0, width: 0 });
   const dropdownRef = (0, import_react9.useRef)(null);
+  const dropdownMenuRef = (0, import_react9.useRef)(null);
   const inputRef = (0, import_react9.useRef)(null);
   const selectedOption = options.find((option) => option.value === value);
   const defaultFilter = (option, searchTerm2) => {
@@ -4830,9 +4857,22 @@ var SearchableSelect = ({
   const filteredOptions = options.filter(
     (option) => filterFunction ? filterFunction(option, searchTerm) : defaultFilter(option, searchTerm)
   );
+  (0, import_react9.useEffect)(() => {
+    if (isOpen && dropdownRef.current) {
+      const rect = dropdownRef.current.getBoundingClientRect();
+      setDropdownPosition({
+        top: rect.bottom + window.scrollY,
+        left: rect.left + window.scrollX,
+        width: rect.width
+      });
+    }
+  }, [isOpen]);
   (0, import_react9.useEffect)(() => {
     const handleClickOutside = (event) => {
-      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+      const target = event.target;
+      const isOutsideTrigger = dropdownRef.current && !dropdownRef.current.contains(target);
+      const isOutsideMenu = dropdownMenuRef.current && !dropdownMenuRef.current.contains(target);
+      if (isOutsideTrigger && isOutsideMenu) {
         setIsOpen(false);
         setSearchTerm("");
       }
@@ -4871,17 +4911,17 @@ var SearchableSelect = ({
           ${isOpen ? "ring-2 ring-[#6B7C92] border-transparent" : ""}
         `,
         children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex items-center space-x-2 flex-1", children: selectedOption ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex items-center space-x-2 flex-1 min-w-0", children: selectedOption ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
             selectedOption.image && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
               "img",
               {
                 src: selectedOption.image,
                 alt: selectedOption.label,
-                className: "w-6 h-6 rounded-full object-cover"
+                className: "w-6 h-6 rounded-full object-cover flex-shrink-0"
               }
             ),
-            selectedOption.content || /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-gray-900", children: selectedOption.label })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-gray-400", children: placeholder }) }),
+            selectedOption.content || /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-gray-900 truncate", children: selectedOption.label })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-gray-400 truncate", children: placeholder }) }),
           /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center space-x-2", children: [
             allowClear && selectedOption && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
               "button",
@@ -4903,64 +4943,80 @@ var SearchableSelect = ({
         ] })
       }
     ),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "absolute z-50 w-full mt-1 bg-white border border-gray-200 rounded-lg shadow-lg", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "p-3 border-b border-gray-200 flex", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "relative w-full", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react7.Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-            "input",
-            {
-              ref: inputRef,
-              type: "text",
-              placeholder: searchPlaceholder,
-              value: searchTerm,
-              onChange: (e) => setSearchTerm(e.target.value),
-              className: "w-full pl-10 pr-4 py-2 border border-gray-200 rounded-lg focus:ring-2 focus:ring-[#6B7C92] focus:border-transparent"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-          "button",
-          {
-            type: "button",
-            onClick: refresh,
-            disabled,
-            className: "px-3 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-            title: "Rafra\xEEchir la liste",
-            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react7.RefreshCw, { className: `w-4 h-4 ${disabled ? "animate-spin" : ""}` })
-          }
-        ),
-        addElement && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-          "button",
-          {
-            type: "button",
-            onClick: addElement,
-            className: "px-3 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-            title: "Rafra\xEEchir la liste",
-            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react7.Plus, { className: "w-4 h-4" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "max-h-60 overflow-y-auto", children: filteredOptions.length > 0 ? filteredOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    isOpen && (0, import_react_dom2.createPortal)(
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
         "div",
         {
-          onClick: () => handleSelect(option),
-          className: "px-4 py-3 hover:bg-gray-50 cursor-pointer flex items-center space-x-3",
+          ref: dropdownMenuRef,
+          className: "fixed bg-white border border-gray-200 rounded-lg shadow-lg",
+          style: {
+            top: dropdownPosition.top,
+            left: dropdownPosition.left,
+            width: dropdownPosition.width,
+            zIndex: 9999
+          },
           children: [
-            option.image && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-              "img",
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "p-3 border-b border-gray-200 flex", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "relative w-full", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react7.Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                  "input",
+                  {
+                    ref: inputRef,
+                    type: "text",
+                    placeholder: searchPlaceholder,
+                    value: searchTerm,
+                    onChange: (e) => setSearchTerm(e.target.value),
+                    className: "w-full pl-10 pr-4 py-2 border border-gray-200 rounded-lg focus:ring-2 focus:ring-[#6B7C92] focus:border-transparent"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: refresh,
+                  disabled,
+                  className: "px-3 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+                  title: "Rafra\xEEchir la liste",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react7.RefreshCw, { className: `w-4 h-4 ${disabled ? "animate-spin" : ""}` })
+                }
+              ),
+              addElement && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: addElement,
+                  className: "px-3 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+                  title: "Ajouter un \xE9l\xE9ment",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react7.Plus, { className: "w-4 h-4" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "max-h-60 overflow-y-auto", children: filteredOptions.length > 0 ? filteredOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+              "div",
               {
-                src: option.image,
-                alt: option.label,
-                className: "w-8 h-8 rounded-full object-cover"
-              }
-            ),
-            option.content || /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-gray-900", children: option.label })
+                onClick: () => handleSelect(option),
+                className: "px-4 py-3 hover:bg-gray-50 cursor-pointer flex items-center space-x-3",
+                children: [
+                  option.image && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                    "img",
+                    {
+                      src: option.image,
+                      alt: option.label,
+                      className: "w-8 h-8 rounded-full object-cover"
+                    }
+                  ),
+                  option.content || /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-gray-900", children: option.label })
+                ]
+              },
+              option.value
+            )) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "px-4 py-3 text-gray-500 text-center", children: "Aucun r\xE9sultat trouv\xE9" }) })
           ]
-        },
-        option.value
-      )) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "px-4 py-3 text-gray-500 text-center", children: "Aucun r\xE9sultat trouv\xE9" }) })
-    ] })
+        }
+      ),
+      document.body
+    )
   ] });
 };
 
@@ -5028,7 +5084,10 @@ var PROFIT_URI = `${API_URL}/accounting/profit-center/`;
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var SelectVendor = ({
   value,
-  onSelect
+  onSelect,
+  allowClear,
+  onRemove,
+  label = "Ajouter un fournisseur"
 }) => {
   const [showModal, setShowModal] = (0, import_react10.useState)(false);
   const [selectedVendor, setSelectedVendor] = (0, import_react10.useState)(null);
@@ -5078,7 +5137,7 @@ var SelectVendor = ({
     loadVendors();
   };
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Ajouter un fournisseur" }) }),
+    label && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: label }) }),
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       SearchableSelect,
       {
@@ -5091,7 +5150,9 @@ var SelectVendor = ({
         refresh: handleRefresh,
         addElement: () => {
           setShowModal(true);
-        }
+        },
+        allowClear,
+        onRemove
       },
       "fourni" + value
     ),
@@ -5110,7 +5171,10 @@ var SelectVendor = ({
 };
 var SelectUser = ({
   value,
-  onSelect
+  onSelect,
+  allowClear,
+  onRemove,
+  label = "S\xE9lectionner un utilisateur"
 }) => {
   const { token, activeBusinessEntity } = useSession();
   const [users, setUsers] = (0, import_react10.useState)(() => {
@@ -5166,7 +5230,7 @@ var SelectUser = ({
     }));
   };
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un utilisateur" }) }),
+    label && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: label }) }),
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       SearchableSelect,
       {
@@ -5176,7 +5240,9 @@ var SelectUser = ({
         searchPlaceholder: "Rechercher...",
         onSelect,
         disabled: loading,
-        refresh: handleRefresh
+        refresh: handleRefresh,
+        allowClear,
+        onRemove
       },
       "user" + value
     ),
@@ -5185,7 +5251,10 @@ var SelectUser = ({
 };
 var SelectDepartment = ({
   value,
-  onSelect
+  onSelect,
+  allowClear,
+  onRemove,
+  label = "S\xE9lectionner un d\xE9partement"
 }) => {
   const { token, activeBusinessEntity } = useSession();
   const [departments, setDepartments] = (0, import_react10.useState)(() => {
@@ -5231,7 +5300,7 @@ var SelectDepartment = ({
     }));
   };
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un d\xE9partement" }) }),
+    label && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: label }) }),
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       SearchableSelect,
       {
@@ -5241,7 +5310,9 @@ var SelectDepartment = ({
         searchPlaceholder: "Rechercher...",
         onSelect,
         disabled: loading,
-        refresh: handleRefresh
+        refresh: handleRefresh,
+        allowClear,
+        onRemove
       },
       "dept" + value
     ),
@@ -5250,7 +5321,10 @@ var SelectDepartment = ({
 };
 var SelectCostCenter = ({
   value,
-  onSelect
+  onSelect,
+  allowClear,
+  onRemove,
+  label = "S\xE9lectionner un centre de co\xFBt"
 }) => {
   const { token, activeBusinessEntity } = useSession();
   const [costCenters, setCostCenters] = (0, import_react10.useState)(() => {
@@ -5303,7 +5377,7 @@ var SelectCostCenter = ({
     }));
   };
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un centre de co\xFBt" }) }),
+    label && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: label }) }),
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       SearchableSelect,
       {
@@ -5313,7 +5387,9 @@ var SelectCostCenter = ({
         searchPlaceholder: "Rechercher...",
         onSelect,
         disabled: loading,
-        refresh: handleRefresh
+        refresh: handleRefresh,
+        allowClear,
+        onRemove
       },
       "cost" + value
     ),
@@ -5322,7 +5398,10 @@ var SelectCostCenter = ({
 };
 var SelectUnit = ({
   value,
-  onSelect
+  onSelect,
+  allowClear,
+  onRemove,
+  label = "S\xE9lectionner une unit\xE9"
 }) => {
   const { token, activeBusinessEntity } = useSession();
   const [units, setUnits] = (0, import_react10.useState)(() => {
@@ -5377,7 +5456,7 @@ var SelectUnit = ({
     }));
   };
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner une unit\xE9" }) }),
+    label && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: label }) }),
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       SearchableSelect,
       {
@@ -5387,7 +5466,9 @@ var SelectUnit = ({
         searchPlaceholder: "Rechercher...",
         onSelect,
         disabled: loading,
-        refresh: handleRefresh
+        refresh: handleRefresh,
+        allowClear,
+        onRemove
       },
       "unit" + value
     ),
@@ -5418,7 +5499,9 @@ var SelectAccount = ({
   filterClass,
   filterType,
   showInactive = false,
-  label = "Selectionner un compte"
+  label = "Selectionner un compte",
+  allowClear,
+  onRemove
 }) => {
   const { token, activeBusinessEntity } = useSession();
   const [accounts, setAccounts] = (0, import_react10.useState)(() => {
@@ -5585,7 +5668,9 @@ var SelectAccount = ({
         onSelect,
         disabled: loading,
         refresh: handleRefresh,
-        addElement: handleOpenModal
+        addElement: handleOpenModal,
+        allowClear,
+        onRemove
       },
       "account" + value
     ),
@@ -5695,7 +5780,10 @@ var SelectAccount = ({
 };
 var SelectClient = ({
   value,
-  onSelect
+  onSelect,
+  allowClear,
+  onRemove,
+  label = "S\xE9lectionner un client"
 }) => {
   const { token, activeBusinessEntity } = useSession();
   const [clients, setClients] = (0, import_react10.useState)(() => {
@@ -5745,7 +5833,7 @@ var SelectClient = ({
     loadClients();
   };
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un client" }) }),
+    label && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: label }) }),
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       SearchableSelect,
       {
@@ -5755,7 +5843,9 @@ var SelectClient = ({
         searchPlaceholder: "Rechercher...",
         onSelect,
         disabled: loading,
-        refresh: handleRefresh
+        refresh: handleRefresh,
+        allowClear,
+        onRemove
       },
       "client" + value
     ),
@@ -10320,10 +10410,3613 @@ var formatCurrency = (amount, currency = "XOF", showDecimals = false) => {
     maximumFractionDigits: showDecimals ? 2 : 0
   }) + (currency ? ` ${currency}` : "");
 };
+
+// src/components/common/ModernCard.tsx
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var ModernCard = ({
+  children,
+  className,
+  hoverable = false,
+  bordered = true,
+  elevated = false,
+  gradient = false,
+  onClick
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    "div",
+    {
+      onClick,
+      className: cn(
+        "bg-[var(--color-surface)] rounded-xl transition-all duration-300",
+        bordered && "border border-[var(--color-border)]",
+        elevated && "shadow-[var(--shadow-md)]",
+        hoverable && "hover:shadow-[var(--shadow-lg)] hover:-translate-y-1 cursor-pointer",
+        gradient && "bg-gradient-to-br from-[var(--color-surface)] to-[var(--color-surface-hover)]",
+        onClick && "cursor-pointer",
+        className
+      ),
+      children
+    }
+  );
+};
+var CardHeader = ({
+  title,
+  subtitle,
+  icon: Icon,
+  action,
+  className,
+  children
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: cn("p-4 border-b border-[var(--color-border-light)]", className), children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-start justify-between", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-start gap-4", children: [
+      Icon && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "p-2 bg-[var(--color-primary-light)] rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { className: "w-4 h-4 text-[var(--color-primary)]" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("h3", { className: "text-lg font-semibold text-[var(--color-text-primary)]", children: title }),
+        subtitle && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "mt-1 text-sm text-[var(--color-text-secondary)]", children: subtitle })
+      ] })
+    ] }),
+    action && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { children: action }),
+    children
+  ] }) });
+};
+var CardBody = ({
+  children,
+  className,
+  noPadding = false
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: cn(!noPadding && "p-4", className), children });
+};
+var StatCard = ({
+  title,
+  value,
+  change,
+  icon: Icon,
+  color = "primary",
+  className
+}) => {
+  const colorClasses = {
+    primary: "bg-[var(--color-primary-light)] text-[var(--color-primary)]",
+    success: "bg-[var(--color-success-light)] text-[var(--color-success)]",
+    warning: "bg-[var(--color-warning-light)] text-[var(--color-warning)]",
+    error: "bg-[var(--color-error-light)] text-[var(--color-error)]",
+    info: "bg-[var(--color-info-light)] text-[var(--color-info)]"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ModernCard, { className: cn("p-4", className), hoverable: true, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-start justify-between", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-sm font-medium text-[var(--color-text-secondary)]", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "mt-2 text-3xl font-bold text-[var(--color-text-primary)]", children: value }),
+      change && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "mt-3 flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: cn(
+          "text-sm font-medium",
+          change.type === "increase" ? "text-[var(--color-success)]" : "text-[var(--color-error)]"
+        ), children: [
+          change.type === "increase" ? "\u2191" : "\u2193",
+          " ",
+          Math.abs(change.value),
+          "%"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-xs text-[var(--color-text-tertiary)]", children: "vs p\xE9riode pr\xE9c\xE9dente" })
+      ] })
+    ] }),
+    Icon && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: cn("p-2.5 rounded-lg", colorClasses[color]), children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { className: "w-5 h-5" }) })
+  ] }) });
+};
+
+// src/services/WorkspaceServices.ts
+var WorkspaceServices = {
+  /**
+   * Récupère les données du workspace Procurement (Achats)
+   */
+  getProcurementWorkspace: async (businessEntityId) => {
+    const params = new URLSearchParams();
+    if (businessEntityId) {
+      params.append("business_entity", businessEntityId);
+    }
+    const queryString = params.toString();
+    const url = `${API_URL}/core/workspaces/procurement/${queryString ? `?${queryString}` : ""}`;
+    const response = await FetchApi.get(url);
+    if (!response.success) {
+      throw new Error(response.message || "Erreur lors de la r\xE9cup\xE9ration des donn\xE9es du workspace");
+    }
+    return response.data;
+  }
+};
+
+// src/pages/workspaces/WorkSpace.tsx
+var import_react29 = require("react");
+var import_lucide_react25 = require("lucide-react");
+
+// src/pages/workspaces/PurchaseWorkspace.tsx
+var import_react25 = require("react");
+var import_lucide_react21 = require("lucide-react");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var formatCurrency2 = (amount) => {
+  return new Intl.NumberFormat("fr-FR", {
+    style: "decimal",
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 0
+  }).format(amount) + " FCFA";
+};
+var formatCurrencyShort = (amount) => {
+  if (amount >= 1e6) {
+    return `${(amount / 1e6).toFixed(1)}M FCFA`;
+  } else if (amount >= 1e3) {
+    return `${(amount / 1e3).toFixed(0)}k FCFA`;
+  }
+  return formatCurrency2(amount);
+};
+var formatRelativeTime = (timestamp) => {
+  if (!timestamp) return "";
+  const date = new Date(timestamp);
+  const now = /* @__PURE__ */ new Date();
+  const diffMs = now.getTime() - date.getTime();
+  const diffMins = Math.floor(diffMs / 6e4);
+  const diffHours = Math.floor(diffMs / 36e5);
+  const diffDays = Math.floor(diffMs / 864e5);
+  if (diffMins < 1) return "A l'instant";
+  if (diffMins < 60) return `Il y a ${diffMins} min`;
+  if (diffHours < 24) return `Il y a ${diffHours}h`;
+  if (diffDays === 1) return "Hier";
+  if (diffDays < 7) return `Il y a ${diffDays} jours`;
+  return date.toLocaleDateString("fr-FR");
+};
+var PurchaseWorkspace = () => {
+  const [stats, setStats] = (0, import_react25.useState)(null);
+  const [recentActivities, setRecentActivities] = (0, import_react25.useState)([]);
+  const [pendingTasks, setPendingTasks] = (0, import_react25.useState)([]);
+  const [loading, setLoading] = (0, import_react25.useState)(true);
+  const [error, setError] = (0, import_react25.useState)(null);
+  (0, import_react25.useEffect)(() => {
+    loadWorkspaceData();
+  }, []);
+  const loadWorkspaceData = async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const businessEntityId = localStorage.getItem("active_center_id") || void 0;
+      const data = await WorkspaceServices.getProcurementWorkspace(businessEntityId);
+      setStats(data);
+      setRecentActivities(data.recent_activities || []);
+      setPendingTasks(data.pending_tasks || []);
+    } catch (err) {
+      console.error("Erreur lors du chargement du workspace:", err);
+      setError("Impossible de charger les donnees du workspace. Veuillez reessayer.");
+      setStats({
+        purchase_requests: {
+          total: 0,
+          draft: 0,
+          pending_approval: 0,
+          approved: 0,
+          in_sourcing: 0,
+          completed: 0,
+          rejected: 0,
+          trend: 0
+        },
+        rfqs: {
+          total: 0,
+          draft: 0,
+          open: 0,
+          pending_evaluation: 0,
+          closed: 0
+        },
+        purchase_orders: {
+          total: 0,
+          pending_delivery: 0,
+          delivered: 0,
+          total_value: 0,
+          trend: 0
+        },
+        receipts: {
+          total: 0,
+          pending_validation: 0,
+          validated: 0
+        },
+        vendors: {
+          total: 0,
+          active: 0
+        },
+        alerts: {
+          overdue_deliveries: 0,
+          expiring_contracts: 0,
+          pending_approvals: 0
+        },
+        recent_activities: [],
+        pending_tasks: []
+      });
+    } finally {
+      setLoading(false);
+    }
+  };
+  const getPriorityColor = (priority) => {
+    const colors = {
+      low: "bg-[var(--color-border-light)] text-[var(--color-text-secondary)]",
+      medium: "bg-[var(--color-info-light)] text-[var(--color-info)]",
+      high: "bg-[var(--color-warning-light)] text-[var(--color-warning)]",
+      critical: "bg-[var(--color-error-light)] text-[var(--color-error)]"
+    };
+    return colors[priority] || colors.medium;
+  };
+  const getActivityIcon = (type) => {
+    const icons = {
+      pr_created: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react21.FileText, { className: "w-4 h-4" }),
+      rfq_sent: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react21.Send, { className: "w-4 h-4" }),
+      quote_received: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react21.FileCheck, { className: "w-4 h-4" }),
+      po_issued: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react21.ShoppingCart, { className: "w-4 h-4" }),
+      receipt_created: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react21.Package, { className: "w-4 h-4" }),
+      approval_pending: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react21.Clock, { className: "w-4 h-4" })
+    };
+    return icons[type] || /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react21.FileText, { className: "w-4 h-4" });
+  };
+  const getActivityStatusColor = (status) => {
+    const colors = {
+      info: "bg-[var(--color-info-light)] text-[var(--color-info)]",
+      success: "bg-[var(--color-success-light)] text-[var(--color-success)]",
+      warning: "bg-[var(--color-warning-light)] text-[var(--color-warning)]",
+      error: "bg-[var(--color-error-light)] text-[var(--color-error)]"
+    };
+    return colors[status] || colors.info;
+  };
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex items-center justify-center h-96", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react21.RefreshCw, { className: "w-12 h-12 text-[var(--color-primary)] animate-spin mx-auto mb-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-[var(--color-text-secondary)]", children: "Chargement du workspace Achats..." })
+    ] }) });
+  }
+  if (!stats) return null;
+  const ErrorBanner = error ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-[var(--color-error-light)] border border-[var(--color-error)] rounded-xl p-4 mb-6", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center space-x-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react21.AlertTriangle, { className: "w-5 h-5 text-[var(--color-error)]" }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-sm text-[var(--color-error)]", children: error }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      "button",
+      {
+        onClick: loadWorkspaceData,
+        className: "text-sm text-[var(--color-error)] hover:underline font-medium",
+        children: "Reessayer"
+      }
+    )
+  ] }) }) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "space-y-6", children: [
+    ErrorBanner,
+    (stats.alerts.overdue_deliveries > 0 || stats.alerts.expiring_contracts > 0 || stats.alerts.pending_approvals > 0) && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-[var(--color-warning-light)] border border-[var(--color-warning)] rounded-xl p-4", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-start space-x-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react21.AlertTriangle, { className: "w-5 h-5 text-[var(--color-warning)] mt-0.5" }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("h3", { className: "font-semibold text-[var(--color-text-primary)]", children: "Alertes necessitant votre attention" }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "mt-2 flex flex-wrap gap-4", children: [
+          stats.alerts.overdue_deliveries > 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "text-sm text-[var(--color-warning)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("strong", { children: stats.alerts.overdue_deliveries }),
+            " livraisons en retard"
+          ] }),
+          stats.alerts.expiring_contracts > 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "text-sm text-[var(--color-warning)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("strong", { children: stats.alerts.expiring_contracts }),
+            " contrats expirant bientot"
+          ] }),
+          stats.alerts.pending_approvals > 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "text-sm text-[var(--color-warning)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("strong", { children: stats.alerts.pending_approvals }),
+            " approbations en attente"
+          ] })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        StatCard,
+        {
+          title: "Demandes d'achat",
+          value: stats.purchase_requests.total,
+          icon: import_lucide_react21.FileText,
+          color: "primary",
+          change: stats.purchase_requests.trend !== 0 ? {
+            value: stats.purchase_requests.trend,
+            type: stats.purchase_requests.trend > 0 ? "increase" : "decrease"
+          } : void 0
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        StatCard,
+        {
+          title: "Appels d'offres actifs",
+          value: stats.rfqs.open,
+          icon: import_lucide_react21.ClipboardList,
+          color: "info"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        StatCard,
+        {
+          title: "Commandes en cours",
+          value: stats.purchase_orders.pending_delivery,
+          icon: import_lucide_react21.Truck,
+          color: "warning"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        StatCard,
+        {
+          title: "Budget engage",
+          value: formatCurrencyShort(stats.purchase_orders.total_value),
+          icon: import_lucide_react21.Banknote,
+          color: "success",
+          change: stats.purchase_orders.trend !== 0 ? {
+            value: stats.purchase_orders.trend,
+            type: stats.purchase_orders.trend > 0 ? "increase" : "decrease"
+          } : void 0
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "lg:col-span-2 space-y-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(ModernCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            CardHeader,
+            {
+              title: "Taches en attente",
+              icon: import_lucide_react21.Clock,
+              action: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("button", { className: "text-sm text-[var(--color-primary)] hover:underline flex items-center", children: [
+                "Voir tout ",
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react21.ArrowRight, { className: "w-4 h-4 ml-1" })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CardBody, { noPadding: true, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "divide-y divide-[var(--color-border-light)]", children: pendingTasks.map((task) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+            "div",
+            {
+              className: "p-4 hover:bg-[var(--color-surface-hover)] transition-colors cursor-pointer flex items-center justify-between",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center space-x-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: `px-2 py-1 text-xs font-medium rounded-full ${getPriorityColor(task.priority)}`, children: task.priority === "critical" ? "Critique" : task.priority === "high" ? "Haute" : task.priority === "medium" ? "Moyenne" : "Basse" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: task.title }),
+                    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: [
+                      "Echeance: ",
+                      task.dueDate
+                    ] })
+                  ] })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react21.ArrowRight, { className: "w-4 h-4 text-[var(--color-text-tertiary)]" })
+              ]
+            },
+            task.id
+          )) }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(ModernCard, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CardHeader, { title: "Demandes d'achat", icon: import_lucide_react21.FileText }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "space-y-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-surface-hover)] rounded-lg", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center space-x-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "w-2 h-2 bg-[var(--color-text-tertiary)] rounded-full" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "Brouillons" })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "font-semibold text-[var(--color-text-primary)]", children: stats.purchase_requests.draft })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-warning-light)] rounded-lg", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center space-x-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "w-2 h-2 bg-[var(--color-warning)] rounded-full" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "En attente d'approbation" })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "font-semibold text-[var(--color-text-primary)]", children: stats.purchase_requests.pending_approval })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-success-light)] rounded-lg", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center space-x-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "w-2 h-2 bg-[var(--color-success)] rounded-full" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "Approuvees" })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "font-semibold text-[var(--color-text-primary)]", children: stats.purchase_requests.approved })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-info-light)] rounded-lg", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center space-x-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "w-2 h-2 bg-[var(--color-info)] rounded-full" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "En sourcing" })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "font-semibold text-[var(--color-text-primary)]", children: stats.purchase_requests.in_sourcing })
+              ] })
+            ] }) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(ModernCard, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CardHeader, { title: "Appels d'offres (RFQ)", icon: import_lucide_react21.ClipboardList }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "space-y-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-info-light)] rounded-lg", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center space-x-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "w-2 h-2 bg-[var(--color-info)] rounded-full" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "Ouverts" })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "font-semibold text-[var(--color-text-primary)]", children: stats.rfqs.open })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-secondary)] bg-opacity-10 rounded-lg", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center space-x-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "w-2 h-2 bg-[var(--color-secondary)] rounded-full" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "En evaluation" })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "font-semibold text-[var(--color-text-primary)]", children: stats.rfqs.pending_evaluation })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-success-light)] rounded-lg", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center space-x-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "w-2 h-2 bg-[var(--color-success)] rounded-full" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "Clotures" })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "font-semibold text-[var(--color-text-primary)]", children: stats.rfqs.closed })
+              ] })
+            ] }) })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(ModernCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            CardHeader,
+            {
+              title: "Activites recentes",
+              icon: import_lucide_react21.Clock,
+              action: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("button", { className: "text-sm text-[var(--color-primary)] hover:underline", children: "Historique" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CardBody, { noPadding: true, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "divide-y divide-[var(--color-border-light)]", children: recentActivities.map((activity) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            "div",
+            {
+              className: "p-4 hover:bg-[var(--color-surface-hover)] transition-colors",
+              children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-start space-x-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: `p-2 rounded-lg ${getActivityStatusColor(activity.status)}`, children: getActivityIcon(activity.type) }),
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: activity.title }),
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-xs text-[var(--color-text-secondary)] truncate", children: activity.description }),
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)] mt-1", children: formatRelativeTime(activity.timestamp) })
+                ] })
+              ] })
+            },
+            activity.id
+          )) }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(ModernCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CardHeader, { title: "Fournisseurs", icon: import_lucide_react21.Users }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "text-center py-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-4xl font-bold text-[var(--color-text-primary)]", children: stats.vendors.total }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)] mt-1", children: "fournisseurs references" }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "mt-4 flex justify-center space-x-6", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-lg font-semibold text-[var(--color-success)]", children: stats.vendors.active }),
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "Actifs" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-lg font-semibold text-[var(--color-text-tertiary)]", children: stats.vendors.total - stats.vendors.active }),
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "Inactifs" })
+              ] })
+            ] })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(ModernCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CardHeader, { title: "Receptions", icon: import_lucide_react21.Package }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "En attente de validation" }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "px-2 py-1 text-xs font-medium bg-[var(--color-warning-light)] text-[var(--color-warning)] rounded-full", children: stats.receipts.pending_validation })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Validees ce mois" }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "px-2 py-1 text-xs font-medium bg-[var(--color-success-light)] text-[var(--color-success)] rounded-full", children: stats.receipts.validated })
+            ] })
+          ] }) })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+var PurchaseWorkspace_default = PurchaseWorkspace;
+
+// src/pages/workspaces/AccountingWorkspace.tsx
+var import_react26 = require("react");
+var import_lucide_react22 = require("lucide-react");
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var formatCurrency3 = (amount) => {
+  return new Intl.NumberFormat("fr-FR", {
+    style: "decimal",
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 0
+  }).format(amount) + " FCFA";
+};
+var formatCurrencyShort2 = (amount) => {
+  if (amount >= 1e6) {
+    return `${(amount / 1e6).toFixed(1)}M FCFA`;
+  } else if (amount >= 1e3) {
+    return `${(amount / 1e3).toFixed(0)}k FCFA`;
+  }
+  return formatCurrency3(amount);
+};
+var AccountingWorkspace = () => {
+  const [stats, setStats] = (0, import_react26.useState)(null);
+  const [loading, setLoading] = (0, import_react26.useState)(true);
+  const [error, setError] = (0, import_react26.useState)(null);
+  (0, import_react26.useEffect)(() => {
+    loadWorkspaceData();
+  }, []);
+  const loadWorkspaceData = async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      await new Promise((resolve) => setTimeout(resolve, 500));
+      setStats({
+        journal_entries: {
+          total: 0,
+          draft: 0,
+          pending_validation: 0,
+          validated: 0,
+          trend: 0
+        },
+        invoices: {
+          receivable: 0,
+          payable: 0,
+          overdue_receivable: 0,
+          overdue_payable: 0
+        },
+        cash_flow: {
+          inflow: 0,
+          outflow: 0,
+          balance: 0
+        },
+        bank_reconciliation: {
+          pending: 0,
+          reconciled: 0
+        },
+        alerts: {
+          unbalanced_entries: 0,
+          overdue_invoices: 0,
+          pending_approvals: 0
+        }
+      });
+    } catch (err) {
+      console.error("Erreur lors du chargement du workspace:", err);
+      setError("Impossible de charger les donnees du workspace comptabilite.");
+    } finally {
+      setLoading(false);
+    }
+  };
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex items-center justify-center h-96", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react22.RefreshCw, { className: "w-12 h-12 text-[var(--color-primary)] animate-spin mx-auto mb-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-[var(--color-text-secondary)]", children: "Chargement du workspace Comptabilite..." })
+    ] }) });
+  }
+  if (!stats) return null;
+  const ErrorBanner = error ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "bg-[var(--color-error-light)] border border-[var(--color-error)] rounded-xl p-4 mb-6", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center space-x-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react22.AlertTriangle, { className: "w-5 h-5 text-[var(--color-error)]" }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-sm text-[var(--color-error)]", children: error }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      "button",
+      {
+        onClick: loadWorkspaceData,
+        className: "text-sm text-[var(--color-error)] hover:underline font-medium",
+        children: "Reessayer"
+      }
+    )
+  ] }) }) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "space-y-6", children: [
+    ErrorBanner,
+    (stats.alerts.unbalanced_entries > 0 || stats.alerts.overdue_invoices > 0 || stats.alerts.pending_approvals > 0) && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "bg-[var(--color-warning-light)] border border-[var(--color-warning)] rounded-xl p-4", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-start space-x-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react22.AlertTriangle, { className: "w-5 h-5 text-[var(--color-warning)] mt-0.5" }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h3", { className: "font-semibold text-[var(--color-text-primary)]", children: "Alertes comptables" }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "mt-2 flex flex-wrap gap-4", children: [
+          stats.alerts.unbalanced_entries > 0 && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "text-sm text-[var(--color-warning)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("strong", { children: stats.alerts.unbalanced_entries }),
+            " ecritures non equilibrees"
+          ] }),
+          stats.alerts.overdue_invoices > 0 && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "text-sm text-[var(--color-warning)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("strong", { children: stats.alerts.overdue_invoices }),
+            " factures en retard"
+          ] }),
+          stats.alerts.pending_approvals > 0 && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "text-sm text-[var(--color-warning)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("strong", { children: stats.alerts.pending_approvals }),
+            " validations en attente"
+          ] })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        StatCard,
+        {
+          title: "Ecritures comptables",
+          value: stats.journal_entries.total,
+          icon: import_lucide_react22.BookOpen,
+          color: "primary",
+          change: stats.journal_entries.trend !== 0 ? {
+            value: stats.journal_entries.trend,
+            type: stats.journal_entries.trend > 0 ? "increase" : "decrease"
+          } : void 0
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        StatCard,
+        {
+          title: "Creances clients",
+          value: formatCurrencyShort2(stats.invoices.receivable),
+          icon: import_lucide_react22.TrendingUp,
+          color: "success"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        StatCard,
+        {
+          title: "Dettes fournisseurs",
+          value: formatCurrencyShort2(stats.invoices.payable),
+          icon: import_lucide_react22.TrendingDown,
+          color: "warning"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        StatCard,
+        {
+          title: "Solde tresorerie",
+          value: formatCurrencyShort2(stats.cash_flow.balance),
+          icon: import_lucide_react22.PiggyBank,
+          color: "info"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "lg:col-span-2 space-y-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(ModernCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            CardHeader,
+            {
+              title: "Ecritures comptables",
+              icon: import_lucide_react22.BookOpen,
+              action: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("button", { className: "text-sm text-[var(--color-primary)] hover:underline flex items-center", children: [
+                "Voir tout ",
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react22.ArrowRight, { className: "w-4 h-4 ml-1" })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "grid grid-cols-3 gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "p-4 bg-[var(--color-surface-hover)] rounded-lg text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-2xl font-bold text-[var(--color-text-tertiary)]", children: stats.journal_entries.draft }),
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Brouillons" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "p-4 bg-[var(--color-warning-light)] rounded-lg text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-2xl font-bold text-[var(--color-warning)]", children: stats.journal_entries.pending_validation }),
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "A valider" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "p-4 bg-[var(--color-success-light)] rounded-lg text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-2xl font-bold text-[var(--color-success)]", children: stats.journal_entries.validated }),
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Validees" })
+            ] })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(ModernCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CardHeader, { title: "Flux de tresorerie (ce mois)", icon: import_lucide_react22.Banknote }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "grid grid-cols-3 gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "p-4 bg-[var(--color-success-light)] rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center space-x-2 mb-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react22.TrendingUp, { className: "w-5 h-5 text-[var(--color-success)]" }),
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Entrees" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-xl font-bold text-[var(--color-success)]", children: formatCurrencyShort2(stats.cash_flow.inflow) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "p-4 bg-[var(--color-error-light)] rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center space-x-2 mb-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react22.TrendingDown, { className: "w-5 h-5 text-[var(--color-error)]" }),
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Sorties" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-xl font-bold text-[var(--color-error)]", children: formatCurrencyShort2(stats.cash_flow.outflow) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "p-4 bg-[var(--color-info-light)] rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center space-x-2 mb-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react22.PiggyBank, { className: "w-5 h-5 text-[var(--color-info)]" }),
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Solde" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-xl font-bold text-[var(--color-info)]", children: formatCurrencyShort2(stats.cash_flow.balance) })
+            ] })
+          ] }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(ModernCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CardHeader, { title: "Factures en cours", icon: import_lucide_react22.Receipt }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center justify-between mb-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Creances clients" }),
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "font-semibold text-[var(--color-success)]", children: formatCurrencyShort2(stats.invoices.receivable) })
+              ] }),
+              stats.invoices.overdue_receivable > 0 && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "text-xs text-[var(--color-error)] flex items-center space-x-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react22.AlertTriangle, { className: "w-3 h-3" }),
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { children: [
+                  "Dont ",
+                  formatCurrencyShort2(stats.invoices.overdue_receivable),
+                  " en retard"
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "border-t border-[var(--color-border-light)] pt-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center justify-between mb-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Dettes fournisseurs" }),
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "font-semibold text-[var(--color-warning)]", children: formatCurrencyShort2(stats.invoices.payable) })
+              ] }),
+              stats.invoices.overdue_payable > 0 && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "text-xs text-[var(--color-error)] flex items-center space-x-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react22.AlertTriangle, { className: "w-3 h-3" }),
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { children: [
+                  "Dont ",
+                  formatCurrencyShort2(stats.invoices.overdue_payable),
+                  " en retard"
+                ] })
+              ] })
+            ] })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(ModernCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CardHeader, { title: "Rapprochement bancaire", icon: import_lucide_react22.CreditCard }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Operations a pointer" }),
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "px-2 py-1 text-xs font-medium bg-[var(--color-warning-light)] text-[var(--color-warning)] rounded-full", children: stats.bank_reconciliation.pending })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Operations pointees" }),
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "px-2 py-1 text-xs font-medium bg-[var(--color-success-light)] text-[var(--color-success)] rounded-full", children: stats.bank_reconciliation.reconciled })
+            ] })
+          ] }) })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+var AccountingWorkspace_default = AccountingWorkspace;
+
+// src/pages/workspaces/CrmWorkspace.tsx
+var import_react27 = require("react");
+var import_lucide_react23 = require("lucide-react");
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var formatCurrencyShort3 = (amount) => {
+  if (amount >= 1e6) {
+    return `${(amount / 1e6).toFixed(1)}M FCFA`;
+  } else if (amount >= 1e3) {
+    return `${(amount / 1e3).toFixed(0)}k FCFA`;
+  }
+  return `${amount.toLocaleString("fr-FR")} FCFA`;
+};
+var CrmWorkspace = () => {
+  const [stats, setStats] = (0, import_react27.useState)(null);
+  const [recentContacts, setRecentContacts] = (0, import_react27.useState)([]);
+  const [loading, setLoading] = (0, import_react27.useState)(true);
+  const [error, setError] = (0, import_react27.useState)(null);
+  (0, import_react27.useEffect)(() => {
+    loadWorkspaceData();
+  }, []);
+  const loadWorkspaceData = async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      await new Promise((resolve) => setTimeout(resolve, 500));
+      setStats({
+        clients: {
+          total: 0,
+          active: 0,
+          new_this_month: 0,
+          trend: 0
+        },
+        opportunities: {
+          total: 0,
+          qualified: 0,
+          negotiation: 0,
+          won: 0,
+          lost: 0,
+          total_value: 0
+        },
+        activities: {
+          pending_calls: 0,
+          pending_meetings: 0,
+          pending_emails: 0,
+          overdue: 0
+        },
+        revenue: {
+          monthly: 0,
+          quarterly: 0,
+          trend: 0
+        },
+        alerts: {
+          overdue_activities: 0,
+          expiring_opportunities: 0,
+          inactive_clients: 0
+        }
+      });
+      setRecentContacts([]);
+    } catch (err) {
+      console.error("Erreur lors du chargement du workspace:", err);
+      setError("Impossible de charger les donnees du workspace CRM.");
+    } finally {
+      setLoading(false);
+    }
+  };
+  const getStatusColor = (status) => {
+    const colors = {
+      hot: "bg-[var(--color-error-light)] text-[var(--color-error)]",
+      warm: "bg-[var(--color-warning-light)] text-[var(--color-warning)]",
+      cold: "bg-[var(--color-info-light)] text-[var(--color-info)]"
+    };
+    return colors[status] || colors.cold;
+  };
+  const getStatusLabel = (status) => {
+    const labels = { hot: "Chaud", warm: "Tiede", cold: "Froid" };
+    return labels[status] || status;
+  };
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex items-center justify-center h-96", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react23.RefreshCw, { className: "w-12 h-12 text-[var(--color-primary)] animate-spin mx-auto mb-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-[var(--color-text-secondary)]", children: "Chargement du workspace CRM..." })
+    ] }) });
+  }
+  if (!stats) return null;
+  const ErrorBanner = error ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "bg-[var(--color-error-light)] border border-[var(--color-error)] rounded-xl p-4 mb-6", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center space-x-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react23.AlertTriangle, { className: "w-5 h-5 text-[var(--color-error)]" }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-sm text-[var(--color-error)]", children: error }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      "button",
+      {
+        onClick: loadWorkspaceData,
+        className: "text-sm text-[var(--color-error)] hover:underline font-medium",
+        children: "Reessayer"
+      }
+    )
+  ] }) }) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "space-y-6", children: [
+    ErrorBanner,
+    (stats.alerts.overdue_activities > 0 || stats.alerts.expiring_opportunities > 0) && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "bg-[var(--color-warning-light)] border border-[var(--color-warning)] rounded-xl p-4", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-start space-x-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react23.AlertTriangle, { className: "w-5 h-5 text-[var(--color-warning)] mt-0.5" }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h3", { className: "font-semibold text-[var(--color-text-primary)]", children: "Alertes CRM" }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "mt-2 flex flex-wrap gap-4", children: [
+          stats.alerts.overdue_activities > 0 && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "text-sm text-[var(--color-warning)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("strong", { children: stats.alerts.overdue_activities }),
+            " activites en retard"
+          ] }),
+          stats.alerts.expiring_opportunities > 0 && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "text-sm text-[var(--color-warning)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("strong", { children: stats.alerts.expiring_opportunities }),
+            " opportunites a relancer"
+          ] }),
+          stats.alerts.inactive_clients > 0 && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "text-sm text-[var(--color-warning)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("strong", { children: stats.alerts.inactive_clients }),
+            " clients inactifs"
+          ] })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        StatCard,
+        {
+          title: "Clients actifs",
+          value: stats.clients.active,
+          icon: import_lucide_react23.Users,
+          color: "primary",
+          change: stats.clients.trend !== 0 ? {
+            value: stats.clients.trend,
+            type: stats.clients.trend > 0 ? "increase" : "decrease"
+          } : void 0
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        StatCard,
+        {
+          title: "Opportunites",
+          value: stats.opportunities.total,
+          icon: import_lucide_react23.Target,
+          color: "info"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        StatCard,
+        {
+          title: "Pipeline",
+          value: formatCurrencyShort3(stats.opportunities.total_value),
+          icon: import_lucide_react23.TrendingUp,
+          color: "success"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        StatCard,
+        {
+          title: "CA mensuel",
+          value: formatCurrencyShort3(stats.revenue.monthly),
+          icon: import_lucide_react23.Banknote,
+          color: "warning",
+          change: stats.revenue.trend !== 0 ? {
+            value: stats.revenue.trend,
+            type: stats.revenue.trend > 0 ? "increase" : "decrease"
+          } : void 0
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "lg:col-span-2 space-y-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(ModernCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            CardHeader,
+            {
+              title: "Pipeline commercial",
+              icon: import_lucide_react23.Target,
+              action: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("button", { className: "text-sm text-[var(--color-primary)] hover:underline flex items-center", children: [
+                "Voir tout ",
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react23.ArrowRight, { className: "w-4 h-4 ml-1" })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "grid grid-cols-4 gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "p-4 bg-[var(--color-info-light)] rounded-lg text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-2xl font-bold text-[var(--color-info)]", children: stats.opportunities.qualified }),
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Qualifiees" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "p-4 bg-[var(--color-warning-light)] rounded-lg text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-2xl font-bold text-[var(--color-warning)]", children: stats.opportunities.negotiation }),
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Negociation" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "p-4 bg-[var(--color-success-light)] rounded-lg text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-2xl font-bold text-[var(--color-success)]", children: stats.opportunities.won }),
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Gagnees" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "p-4 bg-[var(--color-error-light)] rounded-lg text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-2xl font-bold text-[var(--color-error)]", children: stats.opportunities.lost }),
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Perdues" })
+            ] })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(ModernCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            CardHeader,
+            {
+              title: "Contacts recents",
+              icon: import_lucide_react23.Users,
+              action: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("button", { className: "text-sm text-[var(--color-primary)] hover:underline flex items-center", children: [
+                "Voir tout ",
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react23.ArrowRight, { className: "w-4 h-4 ml-1" })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CardBody, { noPadding: true, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "divide-y divide-[var(--color-border-light)]", children: recentContacts.map((contact) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+            "div",
+            {
+              className: "p-4 hover:bg-[var(--color-surface-hover)] transition-colors cursor-pointer flex items-center justify-between",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center space-x-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "w-10 h-10 bg-[var(--color-primary-light)] rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-sm font-semibold text-[var(--color-primary)]", children: contact.name.split(" ").map((n) => n[0]).join("") }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: contact.name }),
+                    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: contact.company })
+                  ] })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: `px-2 py-1 text-xs font-medium rounded-full ${getStatusColor(contact.status)}`, children: getStatusLabel(contact.status) })
+              ]
+            },
+            contact.id
+          )) }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(ModernCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CardHeader, { title: "Activites a faire", icon: import_lucide_react23.Activity }),
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-surface-hover)] rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center space-x-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react23.Phone, { className: "w-4 h-4 text-[var(--color-info)]" }),
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "Appels" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "px-2 py-1 text-xs font-medium bg-[var(--color-info-light)] text-[var(--color-info)] rounded-full", children: stats.activities.pending_calls })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-surface-hover)] rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center space-x-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react23.Calendar, { className: "w-4 h-4 text-[var(--color-warning)]" }),
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "Reunions" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "px-2 py-1 text-xs font-medium bg-[var(--color-warning-light)] text-[var(--color-warning)] rounded-full", children: stats.activities.pending_meetings })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-surface-hover)] rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center space-x-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react23.Mail, { className: "w-4 h-4 text-[var(--color-success)]" }),
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "Emails" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "px-2 py-1 text-xs font-medium bg-[var(--color-success-light)] text-[var(--color-success)] rounded-full", children: stats.activities.pending_emails })
+            ] }),
+            stats.activities.overdue > 0 && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-error-light)] rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center space-x-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react23.AlertTriangle, { className: "w-4 h-4 text-[var(--color-error)]" }),
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "En retard" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "px-2 py-1 text-xs font-medium bg-[var(--color-error)] text-white rounded-full", children: stats.activities.overdue })
+            ] })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(ModernCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CardHeader, { title: "Nouveaux clients", icon: import_lucide_react23.UserPlus }),
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "text-center py-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("p", { className: "text-4xl font-bold text-[var(--color-success)]", children: [
+              "+",
+              stats.clients.new_this_month
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)] mt-1", children: "ce mois-ci" }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "mt-4 pt-4 border-t border-[var(--color-border-light)]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-2xl font-bold text-[var(--color-text-primary)]", children: stats.clients.total }),
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "clients au total" })
+            ] })
+          ] }) })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+var CrmWorkspace_default = CrmWorkspace;
+
+// src/pages/workspaces/FacilityWorkspace.tsx
+var import_react28 = require("react");
+var import_lucide_react24 = require("lucide-react");
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var FacilityWorkspace = () => {
+  const [stats, setStats] = (0, import_react28.useState)(null);
+  const [maintenanceTasks, setMaintenanceTasks] = (0, import_react28.useState)([]);
+  const [loading, setLoading] = (0, import_react28.useState)(true);
+  const [error, setError] = (0, import_react28.useState)(null);
+  (0, import_react28.useEffect)(() => {
+    loadWorkspaceData();
+  }, []);
+  const loadWorkspaceData = async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      await new Promise((resolve) => setTimeout(resolve, 500));
+      setStats({
+        sites: {
+          total: 0,
+          active: 0
+        },
+        maintenance: {
+          scheduled: 0,
+          in_progress: 0,
+          completed: 0,
+          overdue: 0
+        },
+        incidents: {
+          open: 0,
+          in_progress: 0,
+          resolved: 0,
+          critical: 0
+        },
+        equipment: {
+          total: 0,
+          operational: 0,
+          under_maintenance: 0,
+          out_of_service: 0
+        },
+        alerts: {
+          critical_incidents: 0,
+          overdue_maintenance: 0,
+          expiring_contracts: 0
+        }
+      });
+      setMaintenanceTasks([]);
+    } catch (err) {
+      console.error("Erreur lors du chargement du workspace:", err);
+      setError("Impossible de charger les donnees du workspace Facility.");
+    } finally {
+      setLoading(false);
+    }
+  };
+  const getPriorityColor = (priority) => {
+    const colors = {
+      low: "bg-[var(--color-border-light)] text-[var(--color-text-secondary)]",
+      medium: "bg-[var(--color-info-light)] text-[var(--color-info)]",
+      high: "bg-[var(--color-warning-light)] text-[var(--color-warning)]",
+      critical: "bg-[var(--color-error-light)] text-[var(--color-error)]"
+    };
+    return colors[priority] || colors.medium;
+  };
+  const getPriorityLabel = (priority) => {
+    const labels = { low: "Basse", medium: "Moyenne", high: "Haute", critical: "Critique" };
+    return labels[priority] || priority;
+  };
+  const getTypeColor = (type) => {
+    return type === "corrective" ? "bg-[var(--color-error-light)] text-[var(--color-error)]" : "bg-[var(--color-info-light)] text-[var(--color-info)]";
+  };
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex items-center justify-center h-96", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react24.RefreshCw, { className: "w-12 h-12 text-[var(--color-primary)] animate-spin mx-auto mb-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-[var(--color-text-secondary)]", children: "Chargement du workspace Facility..." })
+    ] }) });
+  }
+  if (!stats) return null;
+  const ErrorBanner = error ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "bg-[var(--color-error-light)] border border-[var(--color-error)] rounded-xl p-4 mb-6", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center space-x-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react24.AlertTriangle, { className: "w-5 h-5 text-[var(--color-error)]" }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-sm text-[var(--color-error)]", children: error }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      "button",
+      {
+        onClick: loadWorkspaceData,
+        className: "text-sm text-[var(--color-error)] hover:underline font-medium",
+        children: "Reessayer"
+      }
+    )
+  ] }) }) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "space-y-6", children: [
+    ErrorBanner,
+    (stats.alerts.critical_incidents > 0 || stats.alerts.overdue_maintenance > 0) && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "bg-[var(--color-error-light)] border border-[var(--color-error)] rounded-xl p-4", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-start space-x-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react24.AlertTriangle, { className: "w-5 h-5 text-[var(--color-error)] mt-0.5" }),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("h3", { className: "font-semibold text-[var(--color-text-primary)]", children: "Alertes critiques" }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "mt-2 flex flex-wrap gap-4", children: [
+          stats.alerts.critical_incidents > 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "text-sm text-[var(--color-error)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("strong", { children: stats.alerts.critical_incidents }),
+            " incident(s) critique(s)"
+          ] }),
+          stats.alerts.overdue_maintenance > 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "text-sm text-[var(--color-error)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("strong", { children: stats.alerts.overdue_maintenance }),
+            " maintenance(s) en retard"
+          ] }),
+          stats.alerts.expiring_contracts > 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "text-sm text-[var(--color-warning)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("strong", { children: stats.alerts.expiring_contracts }),
+            " contrat(s) expirant bientot"
+          ] })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        StatCard,
+        {
+          title: "Sites actifs",
+          value: stats.sites.active,
+          icon: import_lucide_react24.Building2,
+          color: "primary"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        StatCard,
+        {
+          title: "Maintenances planifiees",
+          value: stats.maintenance.scheduled,
+          icon: import_lucide_react24.Wrench,
+          color: "info"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        StatCard,
+        {
+          title: "Incidents ouverts",
+          value: stats.incidents.open,
+          icon: import_lucide_react24.AlertTriangle,
+          color: "warning"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        StatCard,
+        {
+          title: "Equipements operationnels",
+          value: stats.equipment.total > 0 ? `${Math.round(stats.equipment.operational / stats.equipment.total * 100)}%` : "0%",
+          icon: import_lucide_react24.CheckCircle,
+          color: "success"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "lg:col-span-2 space-y-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(ModernCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+            CardHeader,
+            {
+              title: "Maintenances a venir",
+              icon: import_lucide_react24.Wrench,
+              action: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("button", { className: "text-sm text-[var(--color-primary)] hover:underline flex items-center", children: [
+                "Voir tout ",
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react24.ArrowRight, { className: "w-4 h-4 ml-1" })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CardBody, { noPadding: true, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "divide-y divide-[var(--color-border-light)]", children: maintenanceTasks.map((task) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+            "div",
+            {
+              className: "p-4 hover:bg-[var(--color-surface-hover)] transition-colors cursor-pointer",
+              children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center space-x-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: `px-2 py-1 text-xs font-medium rounded-full ${getPriorityColor(task.priority)}`, children: getPriorityLabel(task.priority) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: task.title }),
+                    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center space-x-2 mt-1", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react24.MapPin, { className: "w-3 h-3 text-[var(--color-text-tertiary)]" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-xs text-[var(--color-text-tertiary)]", children: task.site })
+                    ] })
+                  ] })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center space-x-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: `px-2 py-1 text-xs rounded ${getTypeColor(task.type)}`, children: task.type === "preventive" ? "Preventive" : "Corrective" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "text-right", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "Echeance" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: new Date(task.dueDate).toLocaleDateString("fr-FR") })
+                  ] })
+                ] })
+              ] })
+            },
+            task.id
+          )) }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(ModernCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CardHeader, { title: "Etat des maintenances", icon: import_lucide_react24.Calendar }),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "grid grid-cols-4 gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "p-4 bg-[var(--color-info-light)] rounded-lg text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-2xl font-bold text-[var(--color-info)]", children: stats.maintenance.scheduled }),
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Planifiees" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "p-4 bg-[var(--color-warning-light)] rounded-lg text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-2xl font-bold text-[var(--color-warning)]", children: stats.maintenance.in_progress }),
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "En cours" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "p-4 bg-[var(--color-success-light)] rounded-lg text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-2xl font-bold text-[var(--color-success)]", children: stats.maintenance.completed }),
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Terminees" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "p-4 bg-[var(--color-error-light)] rounded-lg text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-2xl font-bold text-[var(--color-error)]", children: stats.maintenance.overdue }),
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "En retard" })
+            ] })
+          ] }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(ModernCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CardHeader, { title: "Incidents", icon: import_lucide_react24.AlertTriangle }),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "space-y-3", children: [
+            stats.incidents.critical > 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-error-light)] rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center space-x-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-2 h-2 bg-[var(--color-error)] rounded-full animate-pulse" }),
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-sm font-medium text-[var(--color-error)]", children: "Critiques" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "font-bold text-[var(--color-error)]", children: stats.incidents.critical })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-warning-light)] rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center space-x-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-2 h-2 bg-[var(--color-warning)] rounded-full" }),
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "Ouverts" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "font-semibold text-[var(--color-text-primary)]", children: stats.incidents.open })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-info-light)] rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center space-x-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-2 h-2 bg-[var(--color-info)] rounded-full" }),
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "En cours" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "font-semibold text-[var(--color-text-primary)]", children: stats.incidents.in_progress })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-success-light)] rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center space-x-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-2 h-2 bg-[var(--color-success)] rounded-full" }),
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "Resolus" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "font-semibold text-[var(--color-text-primary)]", children: stats.incidents.resolved })
+            ] })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(ModernCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CardHeader, { title: "Equipements", icon: import_lucide_react24.Shield }),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "text-center py-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-4xl font-bold text-[var(--color-text-primary)]", children: stats.equipment.total }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)] mt-1", children: "equipements references" }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "mt-4 grid grid-cols-3 gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "p-2 bg-[var(--color-success-light)] rounded", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-lg font-semibold text-[var(--color-success)]", children: stats.equipment.operational }),
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "OK" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "p-2 bg-[var(--color-warning-light)] rounded", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-lg font-semibold text-[var(--color-warning)]", children: stats.equipment.under_maintenance }),
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "Maint." })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "p-2 bg-[var(--color-error-light)] rounded", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-lg font-semibold text-[var(--color-error)]", children: stats.equipment.out_of_service }),
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "HS" })
+              ] })
+            ] })
+          ] }) })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+var FacilityWorkspace_default = FacilityWorkspace;
+
+// src/pages/workspaces/WorkSpace.tsx
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var MODULES_CONFIG = [
+  {
+    id: "purchase",
+    label: "Achats",
+    description: "Gestion des achats et approvisionnements",
+    icon: import_lucide_react25.ShoppingCart,
+    color: "text-blue-600",
+    bgColor: "bg-blue-50",
+    component: PurchaseWorkspace_default
+  },
+  {
+    id: "accounting",
+    label: "Comptabilite",
+    description: "Gestion comptable et financiere",
+    icon: import_lucide_react25.Calculator,
+    color: "text-green-600",
+    bgColor: "bg-green-50",
+    component: AccountingWorkspace_default
+  },
+  {
+    id: "crm",
+    label: "CRM",
+    description: "Gestion de la relation client",
+    icon: import_lucide_react25.Users,
+    color: "text-purple-600",
+    bgColor: "bg-purple-50",
+    component: CrmWorkspace_default
+  },
+  {
+    id: "facility",
+    label: "Facility",
+    description: "Gestion des installations et maintenances",
+    icon: import_lucide_react25.Building2,
+    color: "text-orange-600",
+    bgColor: "bg-orange-50",
+    component: FacilityWorkspace_default
+  }
+];
+var WorkSpace = () => {
+  const [activeModule, setActiveModule] = (0, import_react29.useState)(null);
+  const [availableModules, setAvailableModules] = (0, import_react29.useState)([]);
+  const [loading, setLoading] = (0, import_react29.useState)(true);
+  const [showModuleSelector, setShowModuleSelector] = (0, import_react29.useState)(false);
+  (0, import_react29.useEffect)(() => {
+    loadAvailableModules();
+  }, []);
+  const loadAvailableModules = async () => {
+    setLoading(true);
+    try {
+      await new Promise((resolve) => setTimeout(resolve, 300));
+      const userModules = ["purchase", "accounting", "crm", "facility"];
+      setAvailableModules(userModules);
+      if (userModules.length > 0 && !activeModule) {
+        setActiveModule(userModules[0]);
+      }
+    } catch (error) {
+      console.error("Erreur lors du chargement des modules:", error);
+      setAvailableModules(["purchase"]);
+      setActiveModule("purchase");
+    } finally {
+      setLoading(false);
+    }
+  };
+  const filteredModules = (0, import_react29.useMemo)(() => {
+    return MODULES_CONFIG.filter((m) => availableModules.includes(m.id));
+  }, [availableModules]);
+  const currentModule = (0, import_react29.useMemo)(() => {
+    return MODULES_CONFIG.find((m) => m.id === activeModule);
+  }, [activeModule]);
+  const ActiveWorkspaceComponent = currentModule?.component;
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex items-center justify-center h-screen bg-[var(--color-background)]", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react25.RefreshCw, { className: "w-12 h-12 text-[var(--color-primary)] animate-spin mx-auto mb-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-[var(--color-text-secondary)]", children: "Chargement des workspaces..." })
+    ] }) });
+  }
+  if (filteredModules.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex items-center justify-center h-screen bg-[var(--color-background)]", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react25.LayoutDashboard, { className: "w-16 h-16 text-[var(--color-text-tertiary)] mx-auto mb-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("h2", { className: "text-xl font-semibold text-[var(--color-text-primary)] mb-2", children: "Aucun workspace disponible" }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-[var(--color-text-secondary)]", children: "Contactez votre administrateur pour obtenir l'acces aux modules." })
+    ] }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "min-h-screen bg-[var(--color-background)]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "sticky top-0 z-40 bg-[var(--color-surface)] border-b border-[var(--color-border-light)] shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "px-6 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center space-x-4", children: [
+        currentModule && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: `p-2 rounded-lg ${currentModule.bgColor}`, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(currentModule.icon, { className: `w-6 h-6 ${currentModule.color}` }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "relative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+            "button",
+            {
+              onClick: () => setShowModuleSelector(!showModuleSelector),
+              className: "flex items-center space-x-2 hover:bg-[var(--color-surface-hover)] px-3 py-2 rounded-lg transition-colors",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("h1", { className: "text-xl font-bold text-[var(--color-text-primary)]", children: [
+                    "Workspace - ",
+                    currentModule?.label
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: currentModule?.description })
+                ] }),
+                filteredModules.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react25.ChevronDown, { className: `w-5 h-5 text-[var(--color-text-tertiary)] transition-transform ${showModuleSelector ? "rotate-180" : ""}` })
+              ]
+            }
+          ),
+          showModuleSelector && filteredModules.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+              "div",
+              {
+                className: "fixed inset-0 z-10",
+                onClick: () => setShowModuleSelector(false)
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "absolute top-full left-0 mt-2 w-72 bg-[var(--color-surface)] rounded-xl shadow-xl border border-[var(--color-border-light)] z-20 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "p-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-xs font-semibold text-[var(--color-text-tertiary)] uppercase tracking-wide px-3 py-2", children: "Changer de workspace" }),
+              filteredModules.map((module2) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+                "button",
+                {
+                  onClick: () => {
+                    setActiveModule(module2.id);
+                    setShowModuleSelector(false);
+                  },
+                  className: `
+                                                            w-full flex items-center space-x-3 px-3 py-3 rounded-lg transition-colors
+                                                            ${activeModule === module2.id ? "bg-[var(--color-primary-light)]" : "hover:bg-[var(--color-surface-hover)]"}
+                                                        `,
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: `p-2 rounded-lg ${module2.bgColor}`, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(module2.icon, { className: `w-5 h-5 ${module2.color}` }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "text-left", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: `font-medium ${activeModule === module2.id ? "text-[var(--color-primary)]" : "text-[var(--color-text-primary)]"}`, children: module2.label }),
+                      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: module2.description })
+                    ] })
+                  ]
+                },
+                module2.id
+              ))
+            ] }) })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        "button",
+        {
+          onClick: loadAvailableModules,
+          className: "p-2 hover:bg-[var(--color-surface-hover)] rounded-lg transition-colors",
+          title: "Actualiser",
+          children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react25.RefreshCw, { className: "w-5 h-5 text-[var(--color-text-tertiary)]" })
+        }
+      )
+    ] }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "p-6", children: ActiveWorkspaceComponent && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ActiveWorkspaceComponent, {}) })
+  ] });
+};
+var WorkSpace_default = WorkSpace;
+
+// src/pages/workspaces/HRConnectPage.tsx
+var import_lucide_react26 = require("lucide-react");
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var HRConnectPage = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "h-full flex flex-col", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "bg-[var(--color-surface)] border-b border-[var(--color-border)] px-6 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "p-2 bg-purple-100 rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react26.UserCog, { className: "w-6 h-6 text-purple-600" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h1", { className: "text-xl font-semibold text-[var(--color-text-primary)]", children: "HR Connect" }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Gestion des ressources humaines" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex-1 p-6 bg-[var(--color-background)]", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "bg-[var(--color-surface)] rounded-xl p-6 border border-[var(--color-border-light)] hover:shadow-md transition-shadow", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-3 mb-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "p-2 bg-blue-100 rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react26.Users, { className: "w-5 h-5 text-blue-600" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h3", { className: "font-medium text-[var(--color-text-primary)]", children: "Employ\xE9s" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "G\xE9rer les profils et informations des employ\xE9s" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "bg-[var(--color-surface)] rounded-xl p-6 border border-[var(--color-border-light)] hover:shadow-md transition-shadow", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-3 mb-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "p-2 bg-green-100 rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react26.Calendar, { className: "w-5 h-5 text-green-600" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h3", { className: "font-medium text-[var(--color-text-primary)]", children: "Cong\xE9s" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Suivi des demandes de cong\xE9s et absences" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "bg-[var(--color-surface)] rounded-xl p-6 border border-[var(--color-border-light)] hover:shadow-md transition-shadow", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-3 mb-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "p-2 bg-orange-100 rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react26.FileText, { className: "w-5 h-5 text-orange-600" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h3", { className: "font-medium text-[var(--color-text-primary)]", children: "Documents" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Gestion des documents RH et contrats" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "bg-[var(--color-surface)] rounded-xl p-6 border border-[var(--color-border-light)] hover:shadow-md transition-shadow", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-3 mb-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "p-2 bg-indigo-100 rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react26.TrendingUp, { className: "w-5 h-5 text-indigo-600" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h3", { className: "font-medium text-[var(--color-text-primary)]", children: "Performance" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "\xC9valuations et objectifs des employ\xE9s" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "bg-[var(--color-surface)] rounded-xl p-6 border border-[var(--color-border-light)] hover:shadow-md transition-shadow", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-3 mb-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "p-2 bg-pink-100 rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react26.Award, { className: "w-5 h-5 text-pink-600" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h3", { className: "font-medium text-[var(--color-text-primary)]", children: "Formations" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Programmes de formation et d\xE9veloppement" })
+      ] })
+    ] }) })
+  ] });
+};
+var HRConnectPage_default = HRConnectPage;
+
+// src/pages/workspaces/MeetingHubPage.tsx
+var import_lucide_react27 = require("lucide-react");
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var MeetingHubPage = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "h-full flex flex-col", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "bg-[var(--color-surface)] border-b border-[var(--color-border)] px-6 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "p-2 bg-blue-100 rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react27.Calendar, { className: "w-6 h-6 text-blue-600" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h1", { className: "text-xl font-semibold text-[var(--color-text-primary)]", children: "Meeting Hub" }),
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Planification et gestion des r\xE9unions" })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Buttons_default, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react27.Plus, { className: "w-4 h-4 mr-2" }),
+        "Nouvelle r\xE9union"
+      ] })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex-1 p-6 bg-[var(--color-background)]", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "lg:col-span-2 bg-[var(--color-surface)] rounded-xl border border-[var(--color-border-light)]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "p-4 border-b border-[var(--color-border-light)]", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h2", { className: "font-semibold text-[var(--color-text-primary)]", children: "R\xE9unions du jour" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "p-4 space-y-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-start gap-4 p-4 bg-[var(--color-background)] rounded-lg", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "p-2 bg-blue-100 rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react27.Video, { className: "w-5 h-5 text-blue-600" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h3", { className: "font-medium text-[var(--color-text-primary)]", children: "Stand-up quotidien" }),
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-4 mt-2 text-sm text-[var(--color-text-secondary)]", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: "flex items-center gap-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react27.Clock, { className: "w-4 h-4" }),
+                  "09:00 - 09:30"
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: "flex items-center gap-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react27.Users, { className: "w-4 h-4" }),
+                  "8 participants"
+                ] })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-start gap-4 p-4 bg-[var(--color-background)] rounded-lg", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "p-2 bg-green-100 rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react27.MapPin, { className: "w-5 h-5 text-green-600" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h3", { className: "font-medium text-[var(--color-text-primary)]", children: "Revue de sprint" }),
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-4 mt-2 text-sm text-[var(--color-text-secondary)]", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: "flex items-center gap-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react27.Clock, { className: "w-4 h-4" }),
+                  "14:00 - 15:30"
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: "flex items-center gap-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react27.Users, { className: "w-4 h-4" }),
+                  "12 participants"
+                ] })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-center text-sm text-[var(--color-text-tertiary)] py-4", children: "Aucune autre r\xE9union pr\xE9vue aujourd'hui" })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "bg-[var(--color-surface)] rounded-xl p-6 border border-[var(--color-border-light)]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h3", { className: "font-medium text-[var(--color-text-primary)] mb-4", children: "Cette semaine" }),
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex justify-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "R\xE9unions planifi\xE9es" }),
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "font-semibold text-[var(--color-text-primary)]", children: "12" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex justify-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Heures de r\xE9union" }),
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "font-semibold text-[var(--color-text-primary)]", children: "8h" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex justify-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Participants uniques" }),
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "font-semibold text-[var(--color-text-primary)]", children: "24" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "bg-[var(--color-surface)] rounded-xl p-6 border border-[var(--color-border-light)]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h3", { className: "font-medium text-[var(--color-text-primary)] mb-4", children: "Salles disponibles" }),
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center justify-between p-2 bg-green-50 rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "Salle A" }),
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-xs px-2 py-1 bg-green-100 text-green-700 rounded", children: "Libre" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center justify-between p-2 bg-red-50 rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "Salle B" }),
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-xs px-2 py-1 bg-red-100 text-red-700 rounded", children: "Occup\xE9e" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center justify-between p-2 bg-green-50 rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "Salle C" }),
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-xs px-2 py-1 bg-green-100 text-green-700 rounded", children: "Libre" })
+            ] })
+          ] })
+        ] })
+      ] })
+    ] }) })
+  ] });
+};
+var MeetingHubPage_default = MeetingHubPage;
+
+// src/pages/workspaces/BudgetPage.tsx
+var import_lucide_react28 = require("lucide-react");
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var BudgetPage = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "h-full flex flex-col", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "bg-[var(--color-surface)] border-b border-[var(--color-border)] px-6 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "p-2 bg-emerald-100 rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react28.CircleDollarSign, { className: "w-6 h-6 text-emerald-600" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("h1", { className: "text-xl font-semibold text-[var(--color-text-primary)]", children: "Budget" }),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Gestion budg\xE9taire et suivi financier" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex-1 p-6 bg-[var(--color-background)]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6 mb-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "bg-[var(--color-surface)] rounded-xl p-6 border border-[var(--color-border-light)]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center justify-between mb-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Budget Total" }),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "p-2 bg-blue-100 rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react28.CircleDollarSign, { className: "w-5 h-5 text-blue-600" }) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-2xl font-bold text-[var(--color-text-primary)]", children: "1,250,000 \u20AC" }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("p", { className: "text-sm text-green-600 mt-2 flex items-center gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react28.TrendingUp, { className: "w-4 h-4" }),
+            "+12% vs ann\xE9e pr\xE9c\xE9dente"
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "bg-[var(--color-surface)] rounded-xl p-6 border border-[var(--color-border-light)]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center justify-between mb-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "D\xE9penses YTD" }),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "p-2 bg-orange-100 rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react28.TrendingDown, { className: "w-5 h-5 text-orange-600" }) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-2xl font-bold text-[var(--color-text-primary)]", children: "875,000 \u20AC" }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)] mt-2", children: "70% du budget utilis\xE9" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "bg-[var(--color-surface)] rounded-xl p-6 border border-[var(--color-border-light)]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center justify-between mb-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Disponible" }),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "p-2 bg-green-100 rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react28.PieChart, { className: "w-5 h-5 text-green-600" }) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-2xl font-bold text-green-600", children: "375,000 \u20AC" }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)] mt-2", children: "30% restant" })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "bg-[var(--color-surface)] rounded-xl border border-[var(--color-border-light)]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "p-4 border-b border-[var(--color-border-light)] flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react28.BarChart3, { className: "w-5 h-5 text-[var(--color-text-secondary)]" }),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("h2", { className: "font-semibold text-[var(--color-text-primary)]", children: "OPEX - D\xE9penses Op\xE9rationnelles" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "p-4 space-y-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex justify-between text-sm mb-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-[var(--color-text-secondary)]", children: "Salaires" }),
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-[var(--color-text-primary)]", children: "450,000 \u20AC" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "w-full bg-[var(--color-border)] rounded-full h-2", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "bg-blue-600 h-2 rounded-full", style: { width: "75%" } }) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex justify-between text-sm mb-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-[var(--color-text-secondary)]", children: "Fournitures" }),
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-[var(--color-text-primary)]", children: "125,000 \u20AC" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "w-full bg-[var(--color-border)] rounded-full h-2", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "bg-green-600 h-2 rounded-full", style: { width: "60%" } }) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex justify-between text-sm mb-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-[var(--color-text-secondary)]", children: "Services" }),
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-[var(--color-text-primary)]", children: "200,000 \u20AC" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "w-full bg-[var(--color-border)] rounded-full h-2", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "bg-purple-600 h-2 rounded-full", style: { width: "80%" } }) })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "bg-[var(--color-surface)] rounded-xl border border-[var(--color-border-light)]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "p-4 border-b border-[var(--color-border-light)] flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react28.FileText, { className: "w-5 h-5 text-[var(--color-text-secondary)]" }),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("h2", { className: "font-semibold text-[var(--color-text-primary)]", children: "CAPEX - Investissements" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "p-4 space-y-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex justify-between text-sm mb-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-[var(--color-text-secondary)]", children: "\xC9quipements IT" }),
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-[var(--color-text-primary)]", children: "75,000 \u20AC" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "w-full bg-[var(--color-border)] rounded-full h-2", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "bg-indigo-600 h-2 rounded-full", style: { width: "50%" } }) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex justify-between text-sm mb-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-[var(--color-text-secondary)]", children: "Mobilier" }),
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-[var(--color-text-primary)]", children: "25,000 \u20AC" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "w-full bg-[var(--color-border)] rounded-full h-2", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "bg-pink-600 h-2 rounded-full", style: { width: "30%" } }) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex justify-between text-sm mb-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-[var(--color-text-secondary)]", children: "V\xE9hicules" }),
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-[var(--color-text-primary)]", children: "0 \u20AC" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "w-full bg-[var(--color-border)] rounded-full h-2", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "bg-orange-600 h-2 rounded-full", style: { width: "0%" } }) })
+            ] })
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+var BudgetPage_default = BudgetPage;
+
+// src/pages/workspaces/ChatEquipePage.tsx
+var import_react30 = require("react");
+var import_lucide_react29 = require("lucide-react");
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var ChatEquipePage = () => {
+  const [message, setMessage] = (0, import_react30.useState)("");
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "h-full flex flex-col", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "bg-[var(--color-surface)] border-b border-[var(--color-border)] px-6 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "p-2 bg-indigo-100 rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react29.MessageCircle, { className: "w-6 h-6 text-indigo-600" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("h1", { className: "text-xl font-semibold text-[var(--color-text-primary)]", children: "Chat \xC9quipe" }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Communication interne et messagerie" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex-1 flex overflow-hidden bg-[var(--color-background)]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "w-80 border-r border-[var(--color-border)] bg-[var(--color-surface)] flex flex-col", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "p-4 border-b border-[var(--color-border-light)]", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "relative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react29.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--color-text-tertiary)]" }),
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            "input",
+            {
+              type: "text",
+              placeholder: "Rechercher...",
+              className: "w-full pl-9 pr-4 py-2 text-sm border border-[var(--color-border)] rounded-lg\r\n                  focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)]/20 focus:border-[var(--color-primary)]\r\n                  bg-[var(--color-background)] text-[var(--color-text-primary)]"
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex-1 overflow-y-auto", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "p-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center justify-between px-3 py-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-xs font-semibold text-[var(--color-text-tertiary)] uppercase", children: "Canaux" }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("button", { className: "p-1 hover:bg-[var(--color-surface-hover)] rounded", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react29.Plus, { className: "w-4 h-4 text-[var(--color-text-tertiary)]" }) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("button", { className: "w-full flex items-center gap-3 px-3 py-2 rounded-lg bg-[var(--color-primary-light)] text-[var(--color-primary)]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-lg", children: "#" }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-sm font-medium", children: "g\xE9n\xE9ral" }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "ml-auto text-xs bg-[var(--color-primary)] text-white px-2 py-0.5 rounded-full", children: "3" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("button", { className: "w-full flex items-center gap-3 px-3 py-2 rounded-lg hover:bg-[var(--color-surface-hover)] text-[var(--color-text-primary)]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-lg", children: "#" }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-sm", children: "projets" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("button", { className: "w-full flex items-center gap-3 px-3 py-2 rounded-lg hover:bg-[var(--color-surface-hover)] text-[var(--color-text-primary)]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-lg", children: "#" }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-sm", children: "annonces" })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "p-2 mt-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex items-center justify-between px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-xs font-semibold text-[var(--color-text-tertiary)] uppercase", children: "Messages Directs" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("button", { className: "w-full flex items-center gap-3 px-3 py-2 rounded-lg hover:bg-[var(--color-surface-hover)]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-8 h-8 bg-blue-100 rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-xs font-medium text-blue-600", children: "JD" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex-1 text-left", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "Jean Dupont" }),
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)] truncate", children: "D'accord, merci!" })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("button", { className: "w-full flex items-center gap-3 px-3 py-2 rounded-lg hover:bg-[var(--color-surface-hover)]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-8 h-8 bg-green-100 rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-xs font-medium text-green-600", children: "ML" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex-1 text-left", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-sm text-[var(--color-text-primary)]", children: "Marie Lambert" }),
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)] truncate", children: "Le rapport est pr\xEAt" })
+              ] })
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex-1 flex flex-col", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "bg-[var(--color-surface)] border-b border-[var(--color-border-light)] px-6 py-3 flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-lg font-medium text-[var(--color-text-primary)]", children: "# g\xE9n\xE9ral" }),
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-sm text-[var(--color-text-tertiary)]", children: "|" }),
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Canal de discussion g\xE9n\xE9rale" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("button", { className: "p-2 hover:bg-[var(--color-surface-hover)] rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react29.Users, { className: "w-5 h-5 text-[var(--color-text-tertiary)]" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("button", { className: "p-2 hover:bg-[var(--color-surface-hover)] rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react29.Phone, { className: "w-5 h-5 text-[var(--color-text-tertiary)]" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("button", { className: "p-2 hover:bg-[var(--color-surface-hover)] rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react29.Video, { className: "w-5 h-5 text-[var(--color-text-tertiary)]" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("button", { className: "p-2 hover:bg-[var(--color-surface-hover)] rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react29.MoreVertical, { className: "w-5 h-5 text-[var(--color-text-tertiary)]" }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex-1 overflow-y-auto p-6 space-y-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-sm font-medium text-blue-600", children: "JD" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "font-medium text-[var(--color-text-primary)]", children: "Jean Dupont" }),
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-xs text-[var(--color-text-tertiary)]", children: "10:30" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "text-sm text-[var(--color-text-primary)] mt-1", children: "Bonjour \xE0 tous ! La r\xE9union de ce matin est report\xE9e \xE0 14h." })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-10 h-10 bg-green-100 rounded-full flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-sm font-medium text-green-600", children: "ML" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "font-medium text-[var(--color-text-primary)]", children: "Marie Lambert" }),
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-xs text-[var(--color-text-tertiary)]", children: "10:32" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "text-sm text-[var(--color-text-primary)] mt-1", children: "Bien not\xE9, merci pour l'info !" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "bg-[var(--color-surface)] border-t border-[var(--color-border-light)] p-4", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            "input",
+            {
+              type: "text",
+              placeholder: "\xC9crire un message...",
+              value: message,
+              onChange: (e) => setMessage(e.target.value),
+              className: "flex-1 px-4 py-2 border border-[var(--color-border)] rounded-lg\r\n                  focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)]/20 focus:border-[var(--color-primary)]\r\n                  bg-[var(--color-background)] text-[var(--color-text-primary)]"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("button", { className: "p-2 bg-[var(--color-primary)] text-white rounded-lg hover:bg-[var(--color-primary-dark)] transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react29.Send, { className: "w-5 h-5" }) })
+        ] }) })
+      ] })
+    ] })
+  ] });
+};
+var ChatEquipePage_default = ChatEquipePage;
+
+// src/pages/workspaces/ActifsPage.tsx
+var import_lucide_react30 = require("lucide-react");
+var import_jsx_runtime42 = require("react/jsx-runtime");
+var ActifsPage = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "h-full flex flex-col", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "bg-[var(--color-surface)] border-b border-[var(--color-border)] px-6 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "p-2 bg-orange-100 rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react30.Building2, { className: "w-6 h-6 text-orange-600" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h1", { className: "text-xl font-semibold text-[var(--color-text-primary)]", children: "Actifs" }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Gestion des immobilisations et \xE9quipements" })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(SecondaryButton, { variant: "outline", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react30.Filter, { className: "w-4 h-4 mr-2" }),
+          "Filtrer"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(Buttons_default, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react30.Plus, { className: "w-4 h-4 mr-2" }),
+          "Nouvel actif"
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex-1 p-6 bg-[var(--color-background)]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "mb-6", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "relative max-w-md", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react30.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--color-text-tertiary)]" }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          "input",
+          {
+            type: "text",
+            placeholder: "Rechercher un actif...",
+            className: "w-full pl-9 pr-4 py-2 text-sm border border-[var(--color-border)] rounded-lg\r\n                focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)]/20 focus:border-[var(--color-primary)]\r\n                bg-[var(--color-surface)] text-[var(--color-text-primary)]"
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-4 mb-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "bg-[var(--color-surface)] rounded-xl p-4 border border-[var(--color-border-light)]", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "p-2 bg-blue-100 rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react30.Laptop, { className: "w-5 h-5 text-blue-600" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-2xl font-bold text-[var(--color-text-primary)]", children: "156" }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-xs text-[var(--color-text-secondary)]", children: "\xC9quipements IT" })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "bg-[var(--color-surface)] rounded-xl p-4 border border-[var(--color-border-light)]", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "p-2 bg-green-100 rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react30.Truck, { className: "w-5 h-5 text-green-600" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-2xl font-bold text-[var(--color-text-primary)]", children: "24" }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-xs text-[var(--color-text-secondary)]", children: "V\xE9hicules" })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "bg-[var(--color-surface)] rounded-xl p-4 border border-[var(--color-border-light)]", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "p-2 bg-purple-100 rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react30.Package, { className: "w-5 h-5 text-purple-600" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-2xl font-bold text-[var(--color-text-primary)]", children: "89" }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-xs text-[var(--color-text-secondary)]", children: "Mobilier" })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "bg-[var(--color-surface)] rounded-xl p-4 border border-[var(--color-border-light)]", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "p-2 bg-orange-100 rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react30.Wrench, { className: "w-5 h-5 text-orange-600" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-2xl font-bold text-[var(--color-text-primary)]", children: "12" }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-xs text-[var(--color-text-secondary)]", children: "En maintenance" })
+          ] })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "bg-[var(--color-surface)] rounded-xl border border-[var(--color-border-light)] overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("table", { className: "w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("thead", { className: "bg-[var(--color-background)]", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("th", { className: "px-6 py-3 text-left text-xs font-semibold text-[var(--color-text-secondary)] uppercase", children: "Code" }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("th", { className: "px-6 py-3 text-left text-xs font-semibold text-[var(--color-text-secondary)] uppercase", children: "D\xE9signation" }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("th", { className: "px-6 py-3 text-left text-xs font-semibold text-[var(--color-text-secondary)] uppercase", children: "Cat\xE9gorie" }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("th", { className: "px-6 py-3 text-left text-xs font-semibold text-[var(--color-text-secondary)] uppercase", children: "Localisation" }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("th", { className: "px-6 py-3 text-left text-xs font-semibold text-[var(--color-text-secondary)] uppercase", children: "\xC9tat" }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("th", { className: "px-6 py-3 text-left text-xs font-semibold text-[var(--color-text-secondary)] uppercase", children: "Valeur" })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("tbody", { className: "divide-y divide-[var(--color-border-light)]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("tr", { className: "hover:bg-[var(--color-surface-hover)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("td", { className: "px-6 py-4 text-sm font-medium text-[var(--color-primary)]", children: "ACT-001" }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("td", { className: "px-6 py-4 text-sm text-[var(--color-text-primary)]", children: 'MacBook Pro 16"' }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("td", { className: "px-6 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "inline-flex items-center gap-1 px-2 py-1 text-xs bg-blue-100 text-blue-700 rounded", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react30.Laptop, { className: "w-3 h-3" }),
+              "IT"
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("td", { className: "px-6 py-4 text-sm text-[var(--color-text-secondary)]", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react30.MapPin, { className: "w-3 h-3" }),
+              "Bureau A-201"
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("td", { className: "px-6 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "px-2 py-1 text-xs bg-green-100 text-green-700 rounded", children: "Actif" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("td", { className: "px-6 py-4 text-sm text-[var(--color-text-primary)]", children: "2,499 \u20AC" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("tr", { className: "hover:bg-[var(--color-surface-hover)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("td", { className: "px-6 py-4 text-sm font-medium text-[var(--color-primary)]", children: "ACT-002" }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("td", { className: "px-6 py-4 text-sm text-[var(--color-text-primary)]", children: "Bureau ergonomique" }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("td", { className: "px-6 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "inline-flex items-center gap-1 px-2 py-1 text-xs bg-purple-100 text-purple-700 rounded", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react30.Package, { className: "w-3 h-3" }),
+              "Mobilier"
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("td", { className: "px-6 py-4 text-sm text-[var(--color-text-secondary)]", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react30.MapPin, { className: "w-3 h-3" }),
+              "Bureau A-201"
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("td", { className: "px-6 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "px-2 py-1 text-xs bg-green-100 text-green-700 rounded", children: "Actif" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("td", { className: "px-6 py-4 text-sm text-[var(--color-text-primary)]", children: "890 \u20AC" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("tr", { className: "hover:bg-[var(--color-surface-hover)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("td", { className: "px-6 py-4 text-sm font-medium text-[var(--color-primary)]", children: "ACT-003" }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("td", { className: "px-6 py-4 text-sm text-[var(--color-text-primary)]", children: "Renault Kangoo" }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("td", { className: "px-6 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "inline-flex items-center gap-1 px-2 py-1 text-xs bg-green-100 text-green-700 rounded", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react30.Truck, { className: "w-3 h-3" }),
+              "V\xE9hicule"
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("td", { className: "px-6 py-4 text-sm text-[var(--color-text-secondary)]", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react30.MapPin, { className: "w-3 h-3" }),
+              "Parking B"
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("td", { className: "px-6 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "px-2 py-1 text-xs bg-orange-100 text-orange-700 rounded", children: "Maintenance" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("td", { className: "px-6 py-4 text-sm text-[var(--color-text-primary)]", children: "18,500 \u20AC" })
+          ] })
+        ] })
+      ] }) }) })
+    ] })
+  ] });
+};
+var ActifsPage_default = ActifsPage;
+
+// src/pages/workspaces/PlanningPage.tsx
+var import_react31 = require("react");
+var import_lucide_react31 = require("lucide-react");
+var import_jsx_runtime43 = require("react/jsx-runtime");
+var DAYS = ["Lun", "Mar", "Mer", "Jeu", "Ven", "Sam", "Dim"];
+var MONTHS = ["Janvier", "F\xE9vrier", "Mars", "Avril", "Mai", "Juin", "Juillet", "Ao\xFBt", "Septembre", "Octobre", "Novembre", "D\xE9cembre"];
+var PlanningPage = () => {
+  const [currentDate] = (0, import_react31.useState)(/* @__PURE__ */ new Date());
+  const currentMonth = MONTHS[currentDate.getMonth()];
+  const currentYear = currentDate.getFullYear();
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "h-full flex flex-col", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bg-[var(--color-surface)] border-b border-[var(--color-border)] px-6 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "p-2 bg-teal-100 rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react31.CalendarClock, { className: "w-6 h-6 text-teal-600" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h1", { className: "text-xl font-semibold text-[var(--color-text-primary)]", children: "Planning" }),
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Planification des ressources et emploi du temps" })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(Buttons_default, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react31.Plus, { className: "w-4 h-4 mr-2" }),
+        "Nouveau planning"
+      ] })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex-1 p-6 bg-[var(--color-background)]", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-4 gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "lg:col-span-3 bg-[var(--color-surface)] rounded-xl border border-[var(--color-border-light)]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center justify-between p-4 border-b border-[var(--color-border-light)]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("button", { className: "p-2 hover:bg-[var(--color-surface-hover)] rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react31.ChevronLeft, { className: "w-5 h-5 text-[var(--color-text-secondary)]" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("h2", { className: "text-lg font-semibold text-[var(--color-text-primary)]", children: [
+              currentMonth,
+              " ",
+              currentYear
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("button", { className: "p-2 hover:bg-[var(--color-surface-hover)] rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react31.ChevronRight, { className: "w-5 h-5 text-[var(--color-text-secondary)]" }) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("button", { className: "px-3 py-1.5 text-sm bg-[var(--color-primary)] text-white rounded-lg", children: "Aujourd'hui" }),
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("button", { className: "px-3 py-1.5 text-sm border border-[var(--color-border)] rounded-lg hover:bg-[var(--color-surface-hover)]", children: "Semaine" }),
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("button", { className: "px-3 py-1.5 text-sm border border-[var(--color-border)] rounded-lg hover:bg-[var(--color-surface-hover)]", children: "Mois" })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "p-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "grid grid-cols-7 gap-2 mb-2", children: DAYS.map((day) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "text-center text-xs font-semibold text-[var(--color-text-tertiary)] py-2", children: day }, day)) }),
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "grid grid-cols-7 gap-2", children: Array.from({ length: 35 }, (_, i) => {
+            const dayNum = i - 3;
+            const isCurrentMonth = dayNum >= 0 && dayNum < 31;
+            const isToday = dayNum + 1 === currentDate.getDate();
+            return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+              "div",
+              {
+                className: `
+                        min-h-[80px] p-2 rounded-lg border transition-colors cursor-pointer
+                        ${isCurrentMonth ? "border-[var(--color-border-light)] hover:border-[var(--color-primary)]" : "border-transparent"}
+                        ${isToday ? "bg-[var(--color-primary-light)] border-[var(--color-primary)]" : ""}
+                      `,
+                children: isCurrentMonth && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: `text-sm ${isToday ? "font-bold text-[var(--color-primary)]" : "text-[var(--color-text-primary)]"}`, children: dayNum + 1 }),
+                  dayNum === 4 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "mt-1 px-1.5 py-0.5 bg-blue-100 text-blue-700 text-xs rounded truncate", children: "R\xE9union \xE9quipe" }),
+                  dayNum === 10 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "mt-1 px-1.5 py-0.5 bg-green-100 text-green-700 text-xs rounded truncate", children: "Formation" }),
+                  dayNum === 15 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "mt-1 px-1.5 py-0.5 bg-purple-100 text-purple-700 text-xs rounded truncate", children: "Deadline projet" })
+                ] })
+              },
+              i
+            );
+          }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bg-[var(--color-surface)] rounded-xl border border-[var(--color-border-light)]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "p-4 border-b border-[var(--color-border-light)]", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h3", { className: "font-semibold text-[var(--color-text-primary)]", children: "\xC9v\xE9nements \xE0 venir" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "p-4 space-y-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-start gap-3 p-3 bg-blue-50 rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "p-1.5 bg-blue-100 rounded", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react31.Clock, { className: "w-4 h-4 text-blue-600" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: "R\xE9union \xE9quipe" }),
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-xs text-[var(--color-text-secondary)]", children: "Demain, 09:00" })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-start gap-3 p-3 bg-green-50 rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "p-1.5 bg-green-100 rounded", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react31.Users, { className: "w-4 h-4 text-green-600" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: "Formation" }),
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-xs text-[var(--color-text-secondary)]", children: "15 D\xE9c, 14:00" })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-start gap-3 p-3 bg-purple-50 rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "p-1.5 bg-purple-100 rounded", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react31.CalendarClock, { className: "w-4 h-4 text-purple-600" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: "Deadline projet" }),
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-xs text-[var(--color-text-secondary)]", children: "20 D\xE9c, 18:00" })
+              ] })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bg-[var(--color-surface)] rounded-xl p-4 border border-[var(--color-border-light)]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h3", { className: "font-semibold text-[var(--color-text-primary)] mb-4", children: "Cette semaine" }),
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex justify-between items-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "R\xE9unions" }),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "font-semibold text-[var(--color-text-primary)]", children: "8" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex justify-between items-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "T\xE2ches planifi\xE9es" }),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "font-semibold text-[var(--color-text-primary)]", children: "15" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex justify-between items-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Heures occup\xE9es" }),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "font-semibold text-[var(--color-text-primary)]", children: "32h" })
+            ] })
+          ] })
+        ] })
+      ] })
+    ] }) })
+  ] });
+};
+var PlanningPage_default = PlanningPage;
+
+// src/pages/workspaces/TaskPilot.tsx
+var import_react33 = require("react");
+var import_lucide_react33 = require("lucide-react");
+
+// src/models/Task.ts
+var TASK_STATUS_OPTIONS = [
+  { value: "new", label: "\xC0 faire" },
+  { value: "in_progress", label: "En cours" },
+  { value: "in_review", label: "En r\xE9vision" },
+  { value: "done", label: "Termin\xE9" }
+];
+var TASK_PRIORITY_OPTIONS = [
+  { value: "high", label: "Haute", color: "bg-red-100 text-red-700" },
+  { value: "medium", label: "Moyenne", color: "bg-yellow-100 text-yellow-700" },
+  { value: "minimum", label: "Basse", color: "bg-green-100 text-green-700" }
+];
+
+// src/services/TaskServices.ts
+var URI5 = `${API_URL}/workspace/tasks/`;
+var TaskServices = {
+  create: (data) => FetchApi.post(`${URI5}`, data),
+  get: (id) => FetchApi.get(`${URI5}${id}/`),
+  list: (params) => FetchApi.get(`${URI5}?${new URLSearchParams(params).toString()}`),
+  update: (id, data) => FetchApi.put(`${URI5}${id}/`, data),
+  patch: (id, data) => FetchApi.patch(`${URI5}${id}/`, data),
+  delete: (id) => FetchApi.delete(`${URI5}${id}/`),
+  updateStatus: (id, status) => FetchApi.patch(`${URI5}${id}/`, { status })
+};
+
+// src/pages/workspaces/FormTask.tsx
+var import_react32 = require("react");
+var import_lucide_react32 = require("lucide-react");
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var FormTask = ({ open, onClose, task, defaultStatus = "new", onSuccess }) => {
+  const { addToast } = useToast();
+  const [loading, setLoading] = (0, import_react32.useState)(false);
+  const [formData, setFormData] = (0, import_react32.useState)({
+    title: "",
+    description: "",
+    status: defaultStatus,
+    priority: "medium",
+    start_date: "",
+    end_date: ""
+  });
+  (0, import_react32.useEffect)(() => {
+    if (task) {
+      setFormData({
+        title: task.title || "",
+        description: task.description || "",
+        status: task.status || defaultStatus,
+        priority: task.priority || "medium",
+        start_date: task.start_date ? task.start_date.split("T")[0] : "",
+        end_date: task.end_date ? task.end_date.split("T")[0] : ""
+      });
+    } else {
+      setFormData({
+        title: "",
+        description: "",
+        status: defaultStatus,
+        priority: "medium",
+        start_date: "",
+        end_date: ""
+      });
+    }
+  }, [task, defaultStatus, open]);
+  const handleInputChange = (e) => {
+    const { name, value } = e.target;
+    setFormData((prev) => ({ ...prev, [name]: value }));
+  };
+  const handleSelectChange = (e) => {
+    const { name, value } = e.target;
+    setFormData((prev) => ({ ...prev, [name]: value }));
+  };
+  const handleTextAreaChange = (e) => {
+    const { name, value } = e.target;
+    setFormData((prev) => ({ ...prev, [name]: value }));
+  };
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!formData.title.trim()) {
+      addToast({ type: "error", message: "Le titre est obligatoire" });
+      return;
+    }
+    setLoading(true);
+    try {
+      const payload = {
+        ...formData,
+        start_date: formData.start_date || null,
+        end_date: formData.end_date || null
+      };
+      if (task?.id) {
+        await TaskServices.update(task.id, payload);
+        addToast({ type: "success", message: "T\xE2che mise \xE0 jour avec succ\xE8s" });
+      } else {
+        await TaskServices.create(payload);
+        addToast({ type: "success", message: "T\xE2che cr\xE9\xE9e avec succ\xE8s" });
+      }
+      onSuccess?.();
+      onClose();
+    } catch (error) {
+      console.error("Error saving task:", error);
+      addToast({ type: "error", message: "Erreur lors de la sauvegarde" });
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    Modals_default,
+    {
+      open,
+      onClose,
+      title: task ? "Modifier la t\xE2che" : "Nouvelle t\xE2che",
+      description: task ? "Modifiez les d\xE9tails de la t\xE2che" : "Cr\xE9ez une nouvelle t\xE2che",
+      width: "max-w-lg",
+      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          TextInput,
+          {
+            label: "Titre",
+            name: "title",
+            value: formData.title,
+            onChange: handleInputChange,
+            placeholder: "Entrez le titre de la t\xE2che",
+            required: true
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-col gap-1 w-full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("label", { className: "block text-[var(--color-text-secondary)] text-sm font-medium mb-2", children: "Description" }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            "textarea",
+            {
+              name: "description",
+              value: formData.description,
+              onChange: handleTextAreaChange,
+              placeholder: "D\xE9crivez la t\xE2che...",
+              rows: 3,
+              className: "w-full px-3 py-2 border border-[var(--color-border)] rounded-lg\r\n              focus:ring-2 focus:ring-[var(--color-primary)]/20 focus:border-[var(--color-primary)]\r\n              text-sm resize-none bg-[var(--color-surface)] text-[var(--color-text-primary)]"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            SelectInput,
+            {
+              label: "Statut",
+              name: "status",
+              value: formData.status,
+              onChange: handleSelectChange,
+              options: TASK_STATUS_OPTIONS.map((opt) => ({ label: opt.label, value: opt.value }))
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            SelectInput,
+            {
+              label: "Priorit\xE9",
+              name: "priority",
+              value: formData.priority,
+              onChange: handleSelectChange,
+              options: TASK_PRIORITY_OPTIONS.map((opt) => ({ label: opt.label, value: opt.value }))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            DateInput,
+            {
+              label: "Date de d\xE9but",
+              name: "start_date",
+              value: formData.start_date,
+              onChange: handleInputChange
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            DateInput,
+            {
+              label: "Date de fin",
+              name: "end_date",
+              value: formData.end_date,
+              onChange: handleInputChange
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex justify-end gap-3 pt-4 border-t border-[var(--color-border)]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            SecondaryButton,
+            {
+              type: "button",
+              onClick: onClose,
+              disabled: loading,
+              variant: "outline",
+              children: "Annuler"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+            Buttons_default,
+            {
+              type: "submit",
+              disabled: loading,
+              children: [
+                loading && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react32.Loader2, { className: "w-4 h-4 animate-spin mr-2" }),
+                task ? "Mettre \xE0 jour" : "Cr\xE9er"
+              ]
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+};
+var FormTask_default = FormTask;
+
+// src/pages/workspaces/TaskPilot.tsx
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var COLUMNS = [
+  { id: "new", title: "\xC0 faire", color: "bg-[var(--color-surface)]" },
+  { id: "in_progress", title: "En cours", color: "bg-[var(--color-info-light)]" },
+  { id: "in_review", title: "En r\xE9vision", color: "bg-[var(--color-warning-light)]" },
+  { id: "done", title: "Termin\xE9", color: "bg-[var(--color-success-light)]" }
+];
+var PriorityBadge = ({ priority }) => {
+  const option = TASK_PRIORITY_OPTIONS.find((p) => p.value === priority);
+  if (!option) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: `px-2 py-0.5 text-xs font-medium rounded ${option.color}`, children: option.label });
+};
+var TaskCard = ({ task, isDragging, onDragStart, onDragEnd, onEdit, onDelete }) => {
+  const [showMenu, setShowMenu] = (0, import_react33.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+    "div",
+    {
+      draggable: true,
+      onDragStart: (e) => onDragStart(e, task),
+      onDragEnd,
+      className: `
+        bg-[var(--color-surface)] rounded-lg p-4 shadow-sm border border-[var(--color-border-light)]
+        hover:shadow-md transition-all cursor-grab active:cursor-grabbing
+        ${isDragging ? "opacity-50 scale-105 shadow-lg ring-2 ring-[var(--color-primary)]" : ""}
+      `,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-start justify-between mb-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex flex-wrap gap-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PriorityBadge, { priority: task.priority }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center gap-1 relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react33.GripVertical, { className: "w-4 h-4 text-[var(--color-text-tertiary)]" }),
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              "button",
+              {
+                onClick: (e) => {
+                  e.stopPropagation();
+                  setShowMenu(!showMenu);
+                },
+                className: "p-1 hover:bg-[var(--color-surface-hover)] rounded transition-colors",
+                children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react33.MoreVertical, { className: "w-4 h-4 text-[var(--color-text-tertiary)]" })
+              }
+            ),
+            showMenu && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "absolute right-0 top-8 bg-[var(--color-surface)] border border-[var(--color-border)] rounded-lg shadow-lg py-1 z-10 min-w-[120px]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+                "button",
+                {
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    onEdit(task);
+                    setShowMenu(false);
+                  },
+                  className: "w-full px-3 py-2 text-left text-sm text-[var(--color-text-primary)] hover:bg-[var(--color-surface-hover)] flex items-center gap-2",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react33.Edit3, { className: "w-4 h-4" }),
+                    "Modifier"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+                "button",
+                {
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    onDelete(task);
+                    setShowMenu(false);
+                  },
+                  className: "w-full px-3 py-2 text-left text-sm text-[var(--color-error)] hover:bg-[var(--color-error-light)] flex items-center gap-2",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react33.Trash2, { className: "w-4 h-4" }),
+                    "Supprimer"
+                  ]
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("h3", { className: "font-medium text-[var(--color-text-primary)] text-sm mb-1", children: task.title }),
+        task.description && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "text-xs text-[var(--color-text-secondary)] mb-4 line-clamp-2", children: task.description }),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center justify-between pt-2 text-xs text-[var(--color-text-tertiary)]", children: [
+          task.end_date && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react33.Calendar, { className: "w-3.5 h-3.5" }),
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { children: new Date(task.end_date).toLocaleDateString("fr-FR") })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center gap-3", children: [
+            task.comment && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react33.MessageSquare, { className: "w-3.5 h-3.5" }) }),
+            task.file && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react33.Paperclip, { className: "w-3.5 h-3.5" }) })
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+var KanbanColumn = ({ column, tasks, onAddTask, draggedTask, onDragStart, onDragEnd, onDragOver, onDrop, isDropTarget, onEditTask, onDeleteTask }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+    "div",
+    {
+      onDragOver,
+      onDrop: (e) => onDrop(e, column.id),
+      className: `
+        flex flex-col rounded-xl min-w-[300px] max-w-[300px] transition-all duration-200
+        ${column.color}
+        ${isDropTarget ? "ring-2 ring-[var(--color-primary)] ring-dashed bg-[var(--color-primary-light)]" : ""}
+      `,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center justify-between p-4 pb-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("h2", { className: "font-semibold text-[var(--color-text-primary)] text-sm", children: column.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "px-2 py-0.5 text-xs font-medium bg-[var(--color-border)] text-[var(--color-text-secondary)] rounded-full", children: tasks.length })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            "button",
+            {
+              onClick: () => onAddTask(column.id),
+              className: "p-1 hover:bg-[var(--color-surface-hover)] rounded transition-colors",
+              children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react33.Plus, { className: "w-4 h-4 text-[var(--color-text-secondary)]" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex-1 p-2 pt-0 space-y-3 overflow-y-auto max-h-[calc(100vh-250px)]", children: [
+          tasks.map((task) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            TaskCard,
+            {
+              task,
+              isDragging: draggedTask?.id === task.id,
+              onDragStart,
+              onDragEnd,
+              onEdit: onEditTask,
+              onDelete: onDeleteTask
+            },
+            task.id
+          )),
+          tasks.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: `
+            border-2 border-dashed rounded-lg p-8 text-center transition-colors
+            ${isDropTarget ? "border-[var(--color-primary)] bg-[var(--color-primary-light)]" : "border-[var(--color-border)]"}
+          `, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "text-sm text-[var(--color-text-tertiary)]", children: "D\xE9posez une t\xE2che ici" }) })
+        ] })
+      ]
+    }
+  );
+};
+var TaskPilot = () => {
+  const { success: showSuccess, error: showError, warning: showWarning, info: showInfo, confirm: confirm2 } = useToast();
+  const [tasks, setTasks] = (0, import_react33.useState)([]);
+  const [loading, setLoading] = (0, import_react33.useState)(true);
+  const [searchQuery, setSearchQuery] = (0, import_react33.useState)("");
+  const [draggedTask, setDraggedTask] = (0, import_react33.useState)(null);
+  const [dropTargetColumn, setDropTargetColumn] = (0, import_react33.useState)(null);
+  const [isFormOpen, setIsFormOpen] = (0, import_react33.useState)(false);
+  const [editingTask, setEditingTask] = (0, import_react33.useState)(null);
+  const [defaultStatus, setDefaultStatus] = (0, import_react33.useState)("new");
+  const loadTasks = (0, import_react33.useCallback)(async () => {
+    try {
+      setLoading(true);
+      const response = await TaskServices.list();
+      const data = response;
+      if (Array.isArray(data)) {
+        setTasks(data);
+      } else if (data.results) {
+        setTasks(data.results);
+      } else if (data.data) {
+        setTasks(data.data);
+      }
+    } catch (error) {
+      console.error("Error loading tasks:", error);
+      showError("Erreur lors du chargement des t\xE2ches");
+    } finally {
+      setLoading(false);
+    }
+  }, [showError]);
+  (0, import_react33.useEffect)(() => {
+    loadTasks();
+  }, [loadTasks]);
+  const getTasksByStatus = (status) => {
+    return tasks.filter((task) => task.status === status).filter(
+      (task) => searchQuery === "" || task.title?.toLowerCase().includes(searchQuery.toLowerCase()) || task.description?.toLowerCase().includes(searchQuery.toLowerCase())
+    );
+  };
+  const handleDragStart = (e, task) => {
+    setDraggedTask(task);
+    e.dataTransfer.effectAllowed = "move";
+    e.dataTransfer.setData("text/plain", String(task.id));
+  };
+  const handleDragEnd = () => {
+    setDraggedTask(null);
+    setDropTargetColumn(null);
+  };
+  const handleDragOver = (e) => {
+    e.preventDefault();
+    e.dataTransfer.dropEffect = "move";
+  };
+  const handleDrop = async (e, columnId) => {
+    e.preventDefault();
+    if (draggedTask && draggedTask.status !== columnId) {
+      setTasks(
+        (prevTasks) => prevTasks.map(
+          (task) => task.id === draggedTask.id ? { ...task, status: columnId } : task
+        )
+      );
+      try {
+        await TaskServices.updateStatus(draggedTask.id, columnId);
+        showSuccess("Statut mis \xE0 jour");
+      } catch (error) {
+        console.error("Error updating status:", error);
+        setTasks(
+          (prevTasks) => prevTasks.map(
+            (task) => task.id === draggedTask.id ? { ...task, status: draggedTask.status } : task
+          )
+        );
+        showError("Erreur lors de la mise \xE0 jour");
+      }
+    }
+    setDraggedTask(null);
+    setDropTargetColumn(null);
+  };
+  const handleColumnDragEnter = (columnId) => {
+    if (draggedTask && draggedTask.status !== columnId) {
+      setDropTargetColumn(columnId);
+    }
+  };
+  const handleColumnDragLeave = () => {
+    setDropTargetColumn(null);
+  };
+  const handleAddTask = (status) => {
+    setEditingTask(null);
+    setDefaultStatus(status);
+    setIsFormOpen(true);
+  };
+  const handleEditTask = (task) => {
+    setEditingTask(task);
+    setDefaultStatus(task.status);
+    setIsFormOpen(true);
+  };
+  const handleDeleteTask = async (task) => {
+    const confirmed = await confirm2("\xCAtes-vous s\xFBr de vouloir supprimer cette t\xE2che ?");
+    if (!confirmed) return;
+    try {
+      await TaskServices.delete(task.id);
+      setTasks((prev) => prev.filter((t) => t.id !== task.id));
+      showSuccess("T\xE2che supprim\xE9e");
+    } catch (error) {
+      console.error("Error deleting task:", error);
+      showError("Erreur lors de la suppression");
+    }
+  };
+  const handleFormSuccess = () => {
+    loadTasks();
+  };
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "h-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react33.Loader2, { className: "w-8 h-8 animate-spin text-[var(--color-primary)]" }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "h-full flex flex-col", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "bg-[var(--color-surface)] border-b border-[var(--color-border)] px-6 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center justify-between flex-wrap gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("h1", { className: "text-xl font-semibold text-[var(--color-text-primary)]", children: "Task Pilot" }),
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center gap-3 flex-wrap", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "relative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react33.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--color-text-tertiary)]" }),
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            "input",
+            {
+              type: "text",
+              placeholder: "Rechercher...",
+              value: searchQuery,
+              onChange: (e) => setSearchQuery(e.target.value),
+              className: "pl-9 pr-4 py-2 text-sm border border-[var(--color-border)] rounded-lg\r\n                  focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)]/20 focus:border-[var(--color-primary)]\r\n                  w-64 bg-[var(--color-surface)] text-[var(--color-text-primary)]"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(SecondaryButton, { variant: "outline", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react33.Filter, { className: "w-4 h-4 mr-2" }),
+          "Filtrer"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Buttons_default, { onClick: () => handleAddTask("new"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react33.Plus, { className: "w-4 h-4 mr-2" }),
+          "Nouvelle t\xE2che"
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex-1 overflow-x-auto p-6 bg-[var(--color-background)]", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex gap-4 h-full", children: COLUMNS.map((column) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      "div",
+      {
+        onDragEnter: () => handleColumnDragEnter(column.id),
+        onDragLeave: handleColumnDragLeave,
+        children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+          KanbanColumn,
+          {
+            column,
+            tasks: getTasksByStatus(column.id),
+            onAddTask: handleAddTask,
+            draggedTask,
+            onDragStart: handleDragStart,
+            onDragEnd: handleDragEnd,
+            onDragOver: handleDragOver,
+            onDrop: handleDrop,
+            isDropTarget: dropTargetColumn === column.id,
+            onEditTask: handleEditTask,
+            onDeleteTask: handleDeleteTask
+          }
+        )
+      },
+      column.id
+    )) }) }),
+    draggedTask && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "fixed bottom-4 left-1/2 -translate-x-1/2 bg-[var(--color-primary)] text-[var(--color-text-inverse)] px-4 py-2 rounded-lg shadow-lg text-sm font-medium animate-pulse", children: [
+      'D\xE9placez "',
+      draggedTask.title?.substring(0, 30),
+      '..." vers une colonne'
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      FormTask_default,
+      {
+        open: isFormOpen,
+        onClose: () => setIsFormOpen(false),
+        task: editingTask,
+        defaultStatus,
+        onSuccess: handleFormSuccess
+      }
+    )
+  ] });
+};
+var TaskPilot_default = TaskPilot;
+
+// src/pages/workspaces/PurchaseRequestsPage.tsx
+var import_react35 = require("react");
+var import_lucide_react35 = require("lucide-react");
+
+// src/pages/workspaces/FormPurchaseRequest.tsx
+var import_react34 = require("react");
+var import_lucide_react34 = require("lucide-react");
+
+// src/services/PurchaseRequestServices.ts
+var VENDORS_API_URL2 = `${API_URL}/procurement/purchase-requests/`;
+var PurchaseRequestServices = {
+  createPurchaseRequest: (data, token) => FetchApi.post(`${VENDORS_API_URL2}`, data, token),
+  getPurchaseRequest: (id, token) => FetchApi.get(`${VENDORS_API_URL2}${id}/`, token),
+  getPurchaseRequests: (token) => FetchApi.get(`${VENDORS_API_URL2}`, token),
+  updatePurchaseRequest: (id, data, token) => FetchApi.put(`${VENDORS_API_URL2}${id}/`, data, token),
+  deletePurchaseRequest: (id, token) => FetchApi.delete(`${VENDORS_API_URL2}${id}/`, token)
+};
+
+// src/globals.ts
+var UNITS = [
+  "Pi\xE8ce",
+  "Unit\xE9",
+  "Lot",
+  "Kg",
+  "Gramme",
+  "Tonne",
+  "Litre",
+  "M\xB2",
+  "M\xB3",
+  "M\xE8tre",
+  "Cm",
+  "Heure",
+  "Jour",
+  "Mois"
+];
+
+// src/pages/workspaces/FormPurchaseRequest.tsx
+var import_jsx_runtime46 = require("react/jsx-runtime");
+var FormPurchaseRequest = ({
+  isOpen,
+  onClose,
+  object,
+  refresh = () => {
+  }
+}) => {
+  const [formData, setFormData] = (0, import_react34.useState)(object || {
+    request_number: "",
+    title: "",
+    description: "",
+    category: "",
+    requester: null,
+    department: null,
+    cost_center: null,
+    estimated_amount: 0,
+    currency: "",
+    budget_available: false,
+    urgency: "low",
+    needed_date: "",
+    delivery_address: "",
+    delivery_contact: "",
+    delivery_phone: "",
+    status: "draft",
+    approval_date: null,
+    approved_by: null,
+    created_at: "",
+    updated_at: "",
+    comments: null,
+    vendor: null,
+    evaluation_score: null,
+    evaluation_notes: null,
+    evaluated_by: null,
+    evaluated_at: null,
+    assigned_buyer: null,
+    budget_approval_requested_at: null,
+    items: [
+      { description: "", specifications: "", quantity: 1, unit: "", unit_price: 0, total_price: 0, comments: "" }
+    ]
+  });
+  const [errors, setErrors] = (0, import_react34.useState)({});
+  const [activeTab, setActiveTab] = (0, import_react34.useState)("general");
+  const [loading, setLoading] = (0, import_react34.useState)(false);
+  const { loggedUser, token } = useSession();
+  const { success, error: showError } = useToast();
+  const [budgetInfo, setBudgetInfo] = (0, import_react34.useState)({ totalBudget: 0, totalActual: 0, available: 0, loading: false });
+  const readonly = false;
+  const fetchDepartmentBudget = async (departmentId) => {
+    if (!departmentId) {
+      setBudgetInfo({ totalBudget: 0, totalActual: 0, available: 0, loading: false });
+      return;
+    }
+    setBudgetInfo((prev) => ({ ...prev, loading: true }));
+    try {
+      const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+      const response = await fetch(
+        `${API_URL}/core/departments/${departmentId}/budget-and-actual/?year=${currentYear}&category=expenses`,
+        {
+          headers: {
+            "Authorization": `Token ${localStorage.getItem("token")}`
+          }
+        }
+      );
+      if (response.ok) {
+        const data = await response.json();
+        const available = (data.totals?.budget || 0) - (data.totals?.actual || 0);
+        setBudgetInfo({
+          totalBudget: data.totals?.budget || 0,
+          totalActual: data.totals?.actual || 0,
+          available,
+          loading: false
+        });
+      } else {
+        setBudgetInfo({ totalBudget: 0, totalActual: 0, available: 0, loading: false });
+      }
+    } catch (error) {
+      console.error("Erreur lors de la r\xE9cup\xE9ration du budget:", error);
+      setBudgetInfo({ totalBudget: 0, totalActual: 0, available: 0, loading: false });
+    }
+  };
+  (0, import_react34.useEffect)(() => {
+    if (formData.department) {
+      fetchDepartmentBudget(formData.department);
+    }
+  }, [formData.department]);
+  const handleInputChange = (e) => {
+    const { name, value } = e.target;
+    setFormData((prev) => ({ ...prev, [name]: value }));
+    if (errors[name]) {
+      setErrors((prev) => {
+        const next = { ...prev };
+        delete next[name];
+        return next;
+      });
+    }
+  };
+  const selectDept = (option) => {
+    setFormData({ ...formData, department: option.value });
+  };
+  const selectCostCenter = (option) => {
+    setFormData({ ...formData, cost_center: option.value });
+  };
+  const handleSelectChange = (e) => {
+    const { name, value } = e.target;
+    setFormData((prev) => ({ ...prev, [name]: value }));
+  };
+  const handleTextareaChange = (e) => {
+    const { name, value } = e.target;
+    setFormData((prev) => ({ ...prev, [name]: value }));
+  };
+  const validateForm = () => {
+    const newErrors = {};
+    if (!formData.title?.trim()) {
+      newErrors.title = "Le titre est obligatoire";
+    }
+    if (!formData.category?.trim()) {
+      newErrors.category = "La cat\xE9gorie est obligatoire";
+    }
+    if (!formData.estimated_amount || formData.estimated_amount <= 0) {
+      newErrors.estimated_amount = "Le montant estim\xE9 doit \xEAtre sup\xE9rieur \xE0 0";
+    }
+    setErrors(newErrors);
+    return Object.keys(newErrors).length === 0;
+  };
+  const handleSavePurchaseRequest = async (entityData) => {
+    try {
+      if (object && object.id) {
+        await PurchaseRequestServices.updatePurchaseRequest(object.id, entityData, token);
+        success("Entit\xE9 modifi\xE9e avec succ\xE8s !");
+      } else {
+        await PurchaseRequestServices.createPurchaseRequest({ ...entityData, requester: loggedUser?.id }, token);
+        success("Entit\xE9 cr\xE9\xE9e avec succ\xE8s !");
+      }
+      refresh();
+      onClose();
+    } catch (error) {
+      console.error(error);
+      showError("Erreur lors de l'enregistrement de l'entit\xE9");
+    }
+  };
+  const selectVendor = (option) => {
+    setFormData({ ...formData, suggered_vendor: Number(option.value) });
+  };
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!validateForm()) return;
+    setLoading(true);
+    try {
+      await handleSavePurchaseRequest(formData);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const tabs = [
+    { id: "general", label: "G\xE9n\xE9ral", icon: import_lucide_react34.Building2 },
+    { id: "items", label: "Articles", icon: import_lucide_react34.FileText },
+    { id: "vendors", label: "Fournisseurs et Budgets", icon: import_lucide_react34.CreditCard }
+    // { id: 'delivery', label: 'Livraison', icon: MapPin },
+  ];
+  const ajouterLigneAchat = () => {
+    setFormData({ ...formData, items: [...formData.items ?? [], { description: "", specifications: "", quantity: 1, unit: "", unit_price: 0, total_price: 0, comments: "" }] });
+  };
+  const renderTabContent = () => {
+    switch (activeTab) {
+      case "general":
+        return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+            TextInput,
+            {
+              label: "Num\xE9ro de demande",
+              name: "request_number",
+              value: formData.request_number || "",
+              placeholder: "Num\xE9ro automatique",
+              onChange: handleInputChange,
+              disabled: true
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+            TextInput,
+            {
+              label: "Titre",
+              name: "title",
+              value: formData.title || "",
+              placeholder: "Titre de la demande d'achat",
+              required: true,
+              error: errors.title,
+              onChange: handleInputChange
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+              TextInput,
+              {
+                label: "Cat\xE9gorie",
+                name: "category",
+                value: formData.category || "",
+                placeholder: "Cat\xE9gorie de produits/services",
+                required: true,
+                error: errors.category,
+                onChange: handleInputChange
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SelectDepartment, { value: formData.department, onSelect: selectDept }),
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+              TextInput,
+              {
+                label: "Montant estim\xE9",
+                name: "estimated_amount",
+                value: formData.estimated_amount || "",
+                placeholder: "Montant en devise",
+                error: errors.estimated_amount,
+                onChange: handleInputChange
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Urgence" }),
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+                "select",
+                {
+                  name: "urgency",
+                  value: formData.urgency || "low",
+                  onChange: handleSelectChange,
+                  className: "w-full px-4 py-3 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#6B7C92] focus:border-transparent",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("option", { value: "low", children: "Faible" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("option", { value: "medium", children: "Moyenne" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("option", { value: "high", children: "\xC9lev\xE9e" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("option", { value: "critical", children: "Critique" })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+              InputField,
+              {
+                label: "Date de besoin",
+                name: "needed_date",
+                type: "date",
+                min: (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
+                value: formData.needed_date || "",
+                onChange: handleInputChange
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Description" }),
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+              "textarea",
+              {
+                name: "description",
+                value: formData.description || "",
+                onChange: handleTextareaChange,
+                rows: 3,
+                className: "w-full px-4 py-3 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#6B7C92] focus:border-transparent placeholder-gray-400",
+                placeholder: "Description d\xE9taill\xE9e de la demande"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Commentaires" }),
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+              "textarea",
+              {
+                name: "comments",
+                value: formData.comments || "",
+                onChange: handleTextareaChange,
+                rows: 2,
+                className: "w-full px-4 py-3 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#6B7C92] focus:border-transparent placeholder-gray-400",
+                placeholder: "Commentaires additionnels"
+              }
+            )
+          ] })
+        ] });
+      case "delivery":
+        return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Adresse de livraison" }),
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+              "textarea",
+              {
+                name: "delivery_address",
+                value: formData.delivery_address || "",
+                onChange: handleTextareaChange,
+                rows: 3,
+                className: "w-full px-4 py-3 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#6B7C92] focus:border-transparent placeholder-gray-400",
+                placeholder: "Adresse compl\xE8te de livraison"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+              TextInput,
+              {
+                label: "Contact de livraison",
+                name: "delivery_contact",
+                value: formData.delivery_contact || "",
+                placeholder: "Nom du contact",
+                onChange: handleInputChange
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+              InputField,
+              {
+                label: "T\xE9l\xE9phone de livraison",
+                name: "delivery_phone",
+                type: "tel",
+                value: formData.delivery_phone || "",
+                placeholder: "+33 1 23 45 67 89",
+                onChange: handleInputChange
+              }
+            )
+          ] })
+        ] });
+      case "vendors":
+        return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "space-y-4", children: [
+          (formData?.items?.reduce((sum, item) => sum + (Number(item?.total_price) || 0), 0) ?? 0) < 3e5 ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_jsx_runtime46.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SelectVendor, { value: formData.suggered_vendor, onSelect: selectVendor }) }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_jsx_runtime46.Fragment, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SelectCostCenter, { value: formData.cost_center, onSelect: selectCostCenter }) }),
+          object && (formData.approval_date || formData.approved_by || formData.evaluation_score) && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "mt-6 p-4 bg-gray-50 rounded-lg", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("h4", { className: "text-sm font-medium text-gray-700 mb-3", children: "Informations syst\xE8me (lecture seule)" }),
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+              formData.approval_date && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-xs text-gray-500", children: "Date d'approbation:" }),
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-sm", children: formData.approval_date })
+              ] }),
+              formData.approved_by && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-xs text-gray-500", children: "Approuv\xE9 par:" }),
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-sm", children: formData.approved_by })
+              ] }),
+              formData.evaluation_score && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-xs text-gray-500", children: "Note d'\xE9valuation:" }),
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-sm", children: formData.evaluation_score })
+              ] }),
+              formData.evaluated_at && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-xs text-gray-500", children: "Date d'\xE9valuation:" }),
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-sm", children: formData.evaluated_at })
+              ] })
+            ] }),
+            formData.evaluation_notes && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "mt-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-xs text-gray-500", children: "Notes d'\xE9valuation:" }),
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-sm", children: formData.evaluation_notes })
+            ] })
+          ] })
+        ] });
+      case "items":
+        return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex justify-between items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("h3", { className: "text-lg font-medium text-gray-900", children: "Articles demand\xE9s" }),
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+              Buttons_default,
+              {
+                type: "button",
+                onClick: ajouterLigneAchat,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react34.Plus, { className: "w-4 h-4 mr-2" }),
+                  "Ajouter ligne"
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "border border-gray-200 rounded-lg p-4", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("table", { className: "w-full", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("thead", { className: "bg-[#e8eaec]", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("tr", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("th", { className: "border border-[#d1d7de] px-2 py-2 text-left text-xs font-semibold text-[#283042] uppercase", children: "D\xE9signation" }),
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("th", { className: "border border-[#d1d7de] px-2 py-2 text-left text-xs font-semibold text-[#283042] uppercase", children: "Unit\xE9" }),
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("th", { className: "border border-[#d1d7de] px-2 py-2 text-right text-xs font-semibold text-[#283042] uppercase", children: "Qt\xE9" }),
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("th", { className: "border border-[#d1d7de] px-2 py-2 text-right text-xs font-semibold text-[#283042] uppercase", children: "Prix U. HT" }),
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("th", { className: "border border-[#d1d7de] px-2 py-2 text-right text-xs font-semibold text-[#283042] uppercase", children: "Mont. HT" }),
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("th", { className: "border border-[#d1d7de] px-2 py-2 text-left text-xs font-semibold text-[#283042] uppercase", children: "Commentaires" }),
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("th", { className: "border border-[#d1d7de] px-2 py-2 text-center text-xs font-semibold text-[#283042] uppercase print:hidden", children: "Actions" })
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("tbody", { className: "divide-y divide-[#E8E8E8]", children: formData?.items?.map((line, index) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("tr", { className: index % 2 === 0 ? "bg-white" : "bg-gray-50", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("td", { className: "border border-[#d1d7de] px-2 py-2", children: !readonly ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                "textarea",
+                {
+                  value: line.description,
+                  onChange: (e) => {
+                    const newLignes = [...formData.items ?? []];
+                    newLignes[index].description = e.target.value;
+                    setFormData({ ...formData, items: newLignes });
+                  },
+                  rows: 2,
+                  className: `w-full px-1 py-1 border rounded text-xs resize-none ${errors[`line_${index}_designation`] ? "border-red-500" : "border-[#d1d7de]"}`,
+                  placeholder: "Description d\xE9taill\xE9e *"
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "text-xs", children: line.description }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("td", { className: "border border-[#d1d7de] px-2 py-2", children: !readonly ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                "select",
+                {
+                  value: line.unit,
+                  onChange: (e) => {
+                    const newLignes = [...formData.items ?? []];
+                    newLignes[index].unit = e.target.value;
+                    setFormData({ ...formData, items: newLignes });
+                  },
+                  className: "w-full px-1 py-1 border border-[#d1d7de] rounded text-xs",
+                  children: UNITS.map((unit) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("option", { value: unit, children: unit }, unit))
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "text-xs", children: line.unit }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("td", { className: "border border-[#d1d7de] px-2 py-2 text-right", children: !readonly ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                "input",
+                {
+                  type: "number",
+                  min: "0",
+                  value: line.quantity,
+                  onChange: (e) => {
+                    const newLignes = [...formData.items ?? []];
+                    const quantity = parseFloat(e.target.value) || 0;
+                    newLignes[index].quantity = quantity;
+                    newLignes[index].total_price = quantity * (newLignes[index].unit_price || 0);
+                    setFormData({ ...formData, items: newLignes });
+                  },
+                  className: `w-full px-1 py-1 border rounded text-xs text-right ${errors[`line_${index}_quantity`] ? "border-red-500" : "border-[#d1d7de]"}`
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "text-xs font-medium", children: line.quantity.toLocaleString("fr-FR") }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("td", { className: "border border-[#d1d7de] px-2 py-2 text-right", children: !readonly ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                "input",
+                {
+                  type: "number",
+                  min: "0",
+                  value: line.unit_price,
+                  onChange: (e) => {
+                    const newLignes = [...formData.items ?? []];
+                    const unitPrice = parseFloat(e.target.value) || 0;
+                    newLignes[index].unit_price = unitPrice;
+                    newLignes[index].total_price = (newLignes[index].quantity || 0) * unitPrice;
+                    setFormData({ ...formData, items: newLignes });
+                  },
+                  className: `w-full px-1 py-1 border rounded text-xs text-right ${errors[`line_${index}_price`] ? "border-red-500" : "border-[#d1d7de]"}`
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "text-xs", children: [
+                line.unit_price?.toFixed(2),
+                " FCFA"
+              ] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("td", { className: "border border-[#d1d7de] px-2 py-2 text-right font-medium", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "text-xs", children: [
+                ((line.quantity || 0) * (line.unit_price || 0)).toFixed(2),
+                " FCFA"
+              ] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("td", { className: "border border-[#d1d7de] px-2 py-2", children: !readonly ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                "textarea",
+                {
+                  value: line.comments || "",
+                  onChange: (e) => {
+                    const newLignes = [...formData.items ?? []];
+                    newLignes[index].comments = e.target.value;
+                    setFormData({ ...formData, items: newLignes });
+                  },
+                  rows: 1,
+                  className: "w-full px-1 py-1 border border-[#d1d7de] rounded text-xs resize-none",
+                  placeholder: "Commentaires"
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "text-xs", children: line.comments || "-" }) }),
+              !readonly && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("td", { className: "border border-[#d1d7de] px-2 py-2 text-center print:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                Buttons_default,
+                {
+                  onClick: () => {
+                    const newItems = (formData.items ?? []).filter((_, i) => i !== index);
+                    setFormData({ ...formData, items: newItems });
+                  },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react34.Trash2, { className: "w-3 h-3" })
+                }
+              ) })
+            ] }, line.id)) })
+          ] }) })
+        ] });
+      default:
+        return null;
+    }
+  };
+  if (!isOpen) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+    Modals_default,
+    {
+      title: "Demande d'achat",
+      width: "max-w-4xl",
+      minContentHeight: "450px",
+      description: ``,
+      open: isOpen,
+      onClose,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "border-b border-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("nav", { className: "flex space-x-8 px-6", children: tabs.map((tab) => {
+          const Icon = tab.icon;
+          return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+            "button",
+            {
+              type: "button",
+              onClick: () => setActiveTab(tab.id),
+              className: `
+                                    flex items-center space-x-2 py-4 px-2 text-sm font-medium border-b-2 transition-colors
+                                    ${activeTab === tab.id ? "border-[#6A8A82] text-[#6A8A82]" : "border-transparent text-[#767676] hover:text-[#6A8A82] hover:border-[#6A8A82]/30"}
+                                `,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Icon, { className: "w-4 h-4 inline mr-2" }),
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { children: tab.label })
+              ]
+            },
+            tab.id
+          );
+        }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("form", { onSubmit: handleSubmit, className: "p-6", children: [
+          renderTabContent(),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex justify-between pt-6 border-t border-gray-200 mt-8", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: onClose,
+                className: "px-6 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors",
+                children: "Annuler"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+              Buttons_default,
+              {
+                type: "submit",
+                disabled: loading,
+                children: loading ? "chargement..." : "Enregistrer l'entit\xE9"
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+
+// src/pages/workspaces/PurchaseRequestsPage.tsx
+var import_jsx_runtime47 = require("react/jsx-runtime");
+var PurchaseRequestsPage = () => {
+  const [purchaseRequests, setPurchaseRequests] = (0, import_react35.useState)([]);
+  const [loading, setLoading] = (0, import_react35.useState)(true);
+  const [refreshToggle, setRefreshToggle] = (0, import_react35.useState)(false);
+  const [showModal, setShowModal] = (0, import_react35.useState)(false);
+  const [showModalRFQ, setShowModalRFQ] = (0, import_react35.useState)(false);
+  const [showModalSourcing, setShowModalSourcing] = (0, import_react35.useState)(false);
+  const [selectedPurchaseRequest, setSelectedPurchaseRequest] = (0, import_react35.useState)(null);
+  const { token } = useSession();
+  (0, import_react35.useEffect)(() => {
+  }, []);
+  const loadPurchaseRequests = async () => {
+    setRefreshToggle((prev) => !prev);
+  };
+  const tabs = [
+    { id: "purchase_requests", label: "Demande d'achat", icon: import_lucide_react35.ClipboardCheck },
+    { id: "my_gr_se", label: "My GR-SE", icon: import_lucide_react35.ClipboardCheck }
+  ];
+  const [activeTab, setActiveTab] = (0, import_react35.useState)("purchase_requests");
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+    Pages_default,
+    {
+      title: "Proculink",
+      description: "G\xE9rez vos demandes d'achat",
+      sideAction: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Buttons_default, { onClick: () => {
+        setShowModal(true);
+        setSelectedPurchaseRequest(null);
+      }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react35.Plus, { className: "h-4 w-4 mr-2" }),
+        " Nouvelle demande"
+      ] }),
+      tabs: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("nav", { className: "flex space-x-1 mt-4 overflow-x-auto", children: tabs.map((tab) => {
+        const Icon = tab.icon;
+        return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+          "button",
+          {
+            onClick: () => setActiveTab(tab.id),
+            className: `px-4 py-2 text-sm rounded-lg transition-all whitespace-nowrap  ${activeTab === tab.id ? "bg-[var(--color-primary)] text-white shadow-md" : "text-gray-600 hover:bg-gray-100"}`,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Icon, { className: "w-4 h-4 inline mr-2" }),
+              tab.label
+            ]
+          },
+          tab.id
+        );
+      }) }),
+      children: [
+        activeTab === "purchase_requests" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          FDrawer,
+          {
+            apiEndpoint: `/procurement/purchase-requests/myself/`,
+            toggle: refreshToggle,
+            columns: [
+              { key: "request_number", label: "N\xB0 DA", type: "text", filterable: true, sortable: true, search_name: "request_number" },
+              { key: "requested_by_user", label: "Demandeur", type: "text", filterable: true, sortable: false, search_name: "requester__last_name" },
+              { key: "title", label: "Titre", type: "text", filterable: true, sortable: true, search_name: "title" },
+              { key: "amount", label: "Montant", type: "number", filterable: true, sortable: true, search_name: "amount" },
+              { key: "vendor", label: "Fournisseur", type: "text", filterable: true, sortable: true, search_name: "vendor", formule: (item) => item.vendor_info?.legal_name ?? "" },
+              { key: "created_at", label: "Date de cr\xE9ation", type: "date", filterable: true, sortable: true, search_name: "created_at" },
+              { key: "status", label: "Statut", type: "text", filterable: true, sortable: true, search_name: "status" },
+              {
+                key: "sourcing_id",
+                label: "Sourcing",
+                type: "text",
+                filterable: true,
+                sortable: false,
+                search_name: "sourcing_id",
+                formule: (item) => {
+                  if (item.sourcing_id) {
+                    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "bg-secondary text-[13px] text-primary px-4 py-1 rounded-[4px]", onClick: () => {
+                    }, children: "SSJ" });
+                  }
+                  if (item.rfq) {
+                    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                      "span",
+                      {
+                        className: "bg-secondary text-[13px] text-primary px-4 py-1 rounded-[4px]",
+                        onClick: () => {
+                          setSelectedPurchaseRequest(item);
+                          setShowModalRFQ(true);
+                        },
+                        children: "appel d'offre"
+                      }
+                    );
+                  }
+                  return "N/A";
+                }
+              },
+              {
+                key: "approval_status",
+                label: "",
+                type: "custom",
+                filterable: true,
+                sortable: false,
+                search_name: "approval_status",
+                formule: (item) => {
+                  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                    ApprovalWorkflow_default,
+                    {
+                      title: `Approbation de la demande d'achat ${item.request_number} ${item.title}`,
+                      process: "PCR-PR",
+                      object_id: item.id,
+                      CustomBtn: (props) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Buttons_default, { className: "rounded-[6px] bg-gray-500 p-1 text-white", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react35.ClipboardCheck, {}) }),
+                      readOnly: false
+                    }
+                  );
+                }
+              }
+            ],
+            actions: [
+              {
+                label: "Modifier",
+                permission: "edit_user",
+                onclick: (item) => {
+                  setSelectedPurchaseRequest(item);
+                  setShowModal(true);
+                }
+              },
+              { label: "Supprimer", permission: "delete_user", onclick: (item) => {
+              } }
+            ],
+            ordering: "title"
+          }
+        ),
+        activeTab === "my_gr_se" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          FDrawer,
+          {
+            apiEndpoint: `/procurement/receipts/search/`,
+            columns: [
+              { key: "created_at", label: "Date de cr\xE9ation", type: "date", filterable: true, sortable: true, search_name: "created_at" },
+              { key: "receipt_number", label: "N\xB0 R\xE9ception", type: "text", filterable: true, sortable: false, search_name: "receipt_number" },
+              { key: "type_of_receipt", label: "Type", type: "text", filterable: true, sortable: false, search_name: "type_of_receipt" },
+              {
+                key: "purchase_order",
+                label: "N\xB0 Commande",
+                type: "text",
+                filterable: true,
+                sortable: false,
+                search_name: "purchase_order__quote_number",
+                formule: (item) => item.purchase_order_info?.quote_number ?? "-"
+              },
+              {
+                key: "vendor",
+                label: "Fournisseur",
+                type: "text",
+                filterable: true,
+                sortable: false,
+                search_name: "purchase_order__vendor__legal_name",
+                formule: (item) => item.purchase_order_info?.vendor_info?.legal_name ?? "-"
+              },
+              { key: "received_at", label: "Date de r\xE9ception", type: "date", filterable: true, sortable: true, search_name: "received_at" },
+              { key: "receipt_address", label: "Lieu", type: "text", filterable: true, sortable: false, search_name: "receipt_address" },
+              {
+                key: "approval_status",
+                label: "",
+                type: "custom",
+                filterable: true,
+                sortable: false,
+                search_name: "approval_status",
+                formule: (item) => {
+                  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                    ApprovalWorkflow_default,
+                    {
+                      title: `Approbation de la reception ${item.receipt_number} ${item.purchase_order_info.quote_number}`,
+                      process: "PCR-RCPT",
+                      object_id: item.id,
+                      CustomBtn: (props) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Buttons_default, { className: "rounded-[6px] bg-gray-500 p-1 text-white", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react35.ClipboardCheck, {}) }),
+                      readOnly: false
+                    }
+                  );
+                }
+              },
+              { key: "status", label: "Statut", type: "text", filterable: true, sortable: false, search_name: "status" }
+            ],
+            actions: [],
+            ordering: "received_at"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          FormPurchaseRequest,
+          {
+            isOpen: showModal,
+            onClose: () => setShowModal(false),
+            refresh: loadPurchaseRequests,
+            object: selectedPurchaseRequest
+          },
+          `PRFORM-${selectedPurchaseRequest?.id}`
+        )
+      ]
+    }
+  );
+};
+
+// src/App.tsx
+var import_react_router_dom21 = require("react-router-dom");
+
+// src/pages/Home.tsx
+var import_react36 = require("react");
+var import_react_router_dom5 = require("react-router-dom");
+var import_lucide_react36 = require("lucide-react");
+var import_jsx_runtime48 = require("react/jsx-runtime");
+
+// src/pages/auth/Login.tsx
+var import_react37 = require("react");
+var import_lucide_react37 = require("lucide-react");
+var import_react_router_dom6 = require("react-router-dom");
+var import_jsx_runtime49 = require("react/jsx-runtime");
+
+// src/pages/auth/Register.tsx
+var import_react38 = require("react");
+var import_lucide_react38 = require("lucide-react");
+var import_react_router_dom7 = require("react-router-dom");
+var import_jsx_runtime50 = require("react/jsx-runtime");
+
+// src/pages/Dashboard.tsx
+var import_react39 = require("react");
+var import_react_router_dom8 = require("react-router-dom");
+var import_lucide_react39 = require("lucide-react");
+var import_jsx_runtime51 = require("react/jsx-runtime");
+
+// src/pages/Analytics.tsx
+var import_lucide_react40 = require("lucide-react");
+var import_jsx_runtime52 = require("react/jsx-runtime");
+
+// src/pages/Team.tsx
+var import_react40 = require("react");
+var import_lucide_react41 = require("lucide-react");
+var import_jsx_runtime53 = require("react/jsx-runtime");
+
+// src/pages/Profile.tsx
+var import_react41 = require("react");
+var import_lucide_react42 = require("lucide-react");
+var import_jsx_runtime54 = require("react/jsx-runtime");
+
+// src/pages/Settings.tsx
+var import_react42 = require("react");
+var import_lucide_react43 = require("lucide-react");
+var import_jsx_runtime55 = require("react/jsx-runtime");
+
+// src/pages/CreateOrganization.tsx
+var import_react43 = require("react");
+var import_react_router_dom9 = require("react-router-dom");
+var import_lucide_react44 = require("lucide-react");
+
+// src/services/OrganizationServices.ts
+var ORGANIZATIONS_API_URL = `${API_URL}/core/organizations/`;
+var ENTITIES_API_URL = `${API_URL}/core/entities/`;
+
+// src/pages/CreateOrganization.tsx
+var import_jsx_runtime56 = require("react/jsx-runtime");
+
+// src/pages/organizations/ListOrganizations.tsx
+var import_react44 = require("react");
+var import_react_router_dom10 = require("react-router-dom");
+var import_lucide_react45 = require("lucide-react");
+var import_jsx_runtime57 = require("react/jsx-runtime");
+
+// src/pages/organizations/DetailOrganizations.tsx
+var import_react46 = require("react");
+var import_react_router_dom12 = require("react-router-dom");
+var import_lucide_react47 = require("lucide-react");
+
+// src/pages/pricings/ListPricing.tsx
+var import_react45 = require("react");
+var import_react_router_dom11 = require("react-router-dom");
+var import_lucide_react46 = require("lucide-react");
+var import_jsx_runtime58 = require("react/jsx-runtime");
+
+// src/services/PlanSubscriptionServices.tsx
+var MODULES_API_URL = `${API_URL}/core/modules/`;
+var PLANS_API_URL = `${API_URL}/core/plans/`;
+
+// src/pages/organizations/DetailOrganizations.tsx
+var import_jsx_runtime59 = require("react/jsx-runtime");
+
+// src/pages/organizations/DetailEntity.tsx
+var import_react48 = require("react");
+var import_react_router_dom13 = require("react-router-dom");
+var import_lucide_react49 = require("lucide-react");
+
+// src/forms/UserForm.tsx
+var import_react47 = require("react");
+
+// src/services/AuthorizationService.ts
+var API_BASE_URL3 = `${API_URL}/core/permissions`;
+
+// src/forms/UserForm.tsx
+var import_lucide_react48 = require("lucide-react");
+var import_jsx_runtime60 = require("react/jsx-runtime");
+
+// src/pages/organizations/DetailEntity.tsx
+var import_jsx_runtime61 = require("react/jsx-runtime");
+
+// src/pages/pricings/CartPlan.tsx
+var import_react49 = require("react");
+var import_react_router_dom14 = require("react-router-dom");
+var import_lucide_react50 = require("lucide-react");
+var import_jsx_runtime62 = require("react/jsx-runtime");
+
+// src/App.tsx
+var import_lucide_react65 = require("lucide-react");
+
+// src/pages/auth/ForgotPassword.tsx
+var import_react50 = require("react");
+var import_react_router_dom15 = require("react-router-dom");
+var import_lucide_react51 = require("lucide-react");
+var import_jsx_runtime63 = require("react/jsx-runtime");
+
+// src/pages/auth/ResetPassword.tsx
+var import_react51 = require("react");
+var import_react_router_dom16 = require("react-router-dom");
+var import_lucide_react52 = require("lucide-react");
+var import_jsx_runtime64 = require("react/jsx-runtime");
+
+// src/pages/auth/RespondInvitationEmail.tsx
+var import_react52 = require("react");
+var import_react_router_dom17 = require("react-router-dom");
+var import_lucide_react53 = require("lucide-react");
+var import_jsx_runtime65 = require("react/jsx-runtime");
+
+// src/pages/parameters/ProfitCostCenterPage.tsx
+var import_react53 = require("react");
+var import_react_router_dom18 = require("react-router-dom");
+var import_lucide_react54 = require("lucide-react");
+var import_jsx_runtime66 = require("react/jsx-runtime");
+
+// src/pages/parameters/ParametersPage.tsx
+var import_react_router_dom19 = require("react-router-dom");
+var import_lucide_react55 = require("lucide-react");
+var import_jsx_runtime67 = require("react/jsx-runtime");
+
+// src/pages/users/UsersPage.tsx
+var import_react54 = require("react");
+var import_lucide_react56 = require("lucide-react");
+var import_jsx_runtime68 = require("react/jsx-runtime");
+
+// src/pages/onboarding/OnboardingWizard.tsx
+var import_react59 = require("react");
+var import_react_router_dom20 = require("react-router-dom");
+var import_lucide_react62 = require("lucide-react");
+
+// src/pages/onboarding/components/StepIndicator.tsx
+var import_react55 = __toESM(require("react"), 1);
+var import_lucide_react57 = require("lucide-react");
+var import_jsx_runtime69 = require("react/jsx-runtime");
+
+// src/pages/onboarding/steps/WelcomeStep.tsx
+var import_lucide_react58 = require("lucide-react");
+var import_jsx_runtime70 = require("react/jsx-runtime");
+
+// src/pages/onboarding/steps/OrganizationStep.tsx
+var import_react56 = require("react");
+var import_lucide_react59 = require("lucide-react");
+var import_jsx_runtime71 = require("react/jsx-runtime");
+
+// src/pages/onboarding/steps/EntityStep.tsx
+var import_react57 = require("react");
+var import_lucide_react60 = require("lucide-react");
+var import_jsx_runtime72 = require("react/jsx-runtime");
+
+// src/pages/onboarding/steps/ConfirmationStep.tsx
+var import_react58 = require("react");
+var import_lucide_react61 = require("lucide-react");
+var import_jsx_runtime73 = require("react/jsx-runtime");
+
+// src/pages/onboarding/OnboardingWizard.tsx
+var import_jsx_runtime74 = require("react/jsx-runtime");
+
+// src/pages/parameters/CrmParametersPage.tsx
+var import_react60 = require("react");
+var import_lucide_react63 = require("lucide-react");
+
+// src/services/CrmServices.ts
+var TARGET_RETAILER_URI = `${API_URL}/crm/target-retailers/`;
+var DAS_URI = `${API_URL}/crm/das/`;
+var OTHER_COST_URI = `${API_URL}/crm/other-costs/`;
+var LEAD_NEED_URI = `${API_URL}/crm/lead-needs/`;
+
+// src/pages/parameters/CrmParametersPage.tsx
+var import_jsx_runtime75 = require("react/jsx-runtime");
+
+// src/pages/organizations/EntitiesPage.tsx
+var import_react61 = require("react");
+var import_lucide_react64 = require("lucide-react");
+var import_jsx_runtime76 = require("react/jsx-runtime");
+
+// src/App.tsx
+var import_jsx_runtime77 = require("react/jsx-runtime");
+var WorkSpaceRoutes = ({ module_name = "Rewise", module_description = "" }) => {
+  const { showAuthModal, setShowAuthModal } = useSession();
+  const primaryMenuItems = [
+    { id: "home", label: "Home", path: "/workspace/", icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react65.HomeIcon, { className: "w-4 h-4" }) },
+    { id: "task-pilot", label: "Task Pilot", path: "/workspace/task-pilot", icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react65.Workflow, { className: "w-4 h-4" }) },
+    { id: "proculink", label: "ProcuLink", path: "/workspace/proculink", icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react65.TrendingUp, { className: "w-4 h-4" }) },
+    { id: "fixitnow", label: "Fix It Now", path: "/workspace/fix-it-now", icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react65.SettingsIcon, { className: "w-4 h-4" }) },
+    { id: "hr-connect", label: "HR Connect", path: "/workspace/hr-connect", icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react65.UserCog, { className: "w-4 h-4" }) },
+    { id: "meeting-hub", label: "Meeting Hub", path: "/workspace/meeting-hub", icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react65.Calendar, { className: "w-4 h-4" }) },
+    { id: "budget", label: "Budget", icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react65.CircleDollarSign, { className: "w-4 h-4" }) },
+    { id: "chat-equipe", label: "Chat Equipe", path: "/workspace/chat-equipe", icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react65.MessageCircle, { className: "w-4 h-4" }) },
+    { id: "actifs", label: "Actifs", path: "/workspace/actifs", icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react65.Building2, { className: "w-4 h-4" }) },
+    { id: "planning", label: "Planning", path: "/workspace/planning", icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react65.CalendarClock, { className: "w-4 h-4" }) }
+  ];
+  const secondaryMenuItems = {
+    budget: [
+      { id: "opex", label: "OPEX", path: "budget/opex", icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react65.Eye, { className: "w-4 h-4" }) },
+      { id: "capex", label: "CAPEX", path: "budget/capex", icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react65.Eye, { className: "w-4 h-4" }) },
+      { id: "car", label: "CAR", path: "budget/car", icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react65.Eye, { className: "w-4 h-4" }) }
+    ]
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ModernDoubleSidebarLayout_default, { module_name, module_description, primaryMenuItems, secondaryMenuItems, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_react_router_dom21.Routes, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react_router_dom21.Route, { path: "workspace", element: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(WorkSpace_default, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react_router_dom21.Route, { path: "task-pilot", element: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(TaskPilot_default, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react_router_dom21.Route, { path: "proculink", element: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(PurchaseRequestsPage, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react_router_dom21.Route, { path: "hr-connect", element: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(HRConnectPage_default, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react_router_dom21.Route, { path: "meeting-hub", element: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(MeetingHubPage_default, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react_router_dom21.Route, { path: "budget/*", element: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(BudgetPage_default, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react_router_dom21.Route, { path: "chat-equipe", element: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ChatEquipePage_default, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react_router_dom21.Route, { path: "actifs", element: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ActifsPage_default, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react_router_dom21.Route, { path: "planning", element: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(PlanningPage_default, {}) })
+  ] }) });
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ACCOUNT_TYPE_LABELS,
   AccountServices,
+  AccountingWorkspace,
+  ActifsPage,
   Alert,
   AlertProvider,
   ApprovalAnswerModal,
@@ -10333,9 +14026,14 @@ var formatCurrency = (amount, currency = "XOF", showDecimals = false) => {
   ApprovalWorkflow,
   AuthServices,
   BALANCE_TYPE_LABELS,
+  BudgetPage,
   CHOICES,
+  CardBody,
+  CardHeader,
+  ChatEquipePage,
   ClientServices,
   CountrySelector,
+  CrmWorkspace,
   DataTable,
   DateInput,
   DocumentFooter,
@@ -10343,6 +14041,7 @@ var formatCurrency = (amount, currency = "XOF", showDecimals = false) => {
   EntityFileManager,
   FDrawer,
   FROM_MODULE_CHOICES,
+  FacilityWorkspace,
   FetchApi,
   FileInput,
   FileManager,
@@ -10350,21 +14049,28 @@ var formatCurrency = (amount, currency = "XOF", showDecimals = false) => {
   ForeignCurrencySelector,
   FormClient,
   FormVendor,
+  HRConnectPage,
   InfoBox,
   InputField,
   InvoiceTypeSelector,
   LegalFormSelector,
+  MeetingHubPage,
   MinimalVendorForm,
   Modal,
+  ModernCard,
   NumberInput,
   PRINT_GREEN,
   Pages,
   PaymentMethodSelector,
+  PlanningPage,
   PrimaryButton,
   PrintPreview,
   PrintableDocument,
+  PurchaseRequestsPage,
+  PurchaseWorkspace,
   RewiseLayout,
   SYSCOHADA_CLASSES,
+  SearchableSelect,
   SecondaryButton,
   SelectAccount,
   SelectClient,
@@ -10376,7 +14082,9 @@ var formatCurrency = (amount, currency = "XOF", showDecimals = false) => {
   SelectVendor,
   SessionProvider,
   SignatureSection,
+  StatCard,
   TEMPLATE_FNE_CHOICES,
+  TaskPilot,
   TaxSelector,
   TemplateFNESelector,
   TextInput,
@@ -10387,6 +14095,9 @@ var formatCurrency = (amount, currency = "XOF", showDecimals = false) => {
   UnitServices,
   UserServices,
   VendorServices,
+  WorkSpace,
+  WorkSpaceRoutes,
+  WorkspaceServices,
   fileManagerApi,
   formatCurrency,
   formatDate,