ptechcore_ui 1.0.47 → 1.0.48

package/dist/index.cjs

@@ -4824,7 +4824,7 @@ var Pagination = ({
 };
 
 // src/components/common/FormVendor.tsx
-var import_react11 = require("react");
+var import_react20 = require("react");
 
 // src/components/common/CommonSelect.tsx
 var import_react10 = require("react");
@@ -5856,919 +5856,363 @@ var SelectClient = ({
   ] });
 };
 
-// src/components/common/FormVendor.tsx
-var import_lucide_react8 = require("lucide-react");
+// src/components/common/FileManager/FileManager.tsx
+var import_react17 = require("react");
+var import_lucide_react15 = require("lucide-react");
+
+// src/components/common/FileManager/FileManagerContext.tsx
+var import_react11 = require("react");
 var import_jsx_runtime15 = require("react/jsx-runtime");
-var FormVendor = ({
-  isOpen,
-  onClose,
-  object,
-  from = "procurement",
-  refresh = () => {
+var defaultTexts = {
+  createFolder: "Cr\xE9er un dossier",
+  uploadFiles: "Uploader des fichiers",
+  rename: "Renommer",
+  delete: "Supprimer",
+  download: "T\xE9l\xE9charger",
+  open: "Ouvrir",
+  deselectAll: "Tout d\xE9s\xE9lectionner",
+  newFolderName: "Nom du dossier",
+  confirmDelete: "Voulez-vous vraiment supprimer",
+  noFiles: "Aucun fichier",
+  dropFilesHere: "D\xE9posez vos fichiers ici",
+  cancel: "Annuler",
+  confirm: "Confirmer"
+};
+var FileManagerContext = (0, import_react11.createContext)(null);
+var useFileManager = () => {
+  const context = (0, import_react11.useContext)(FileManagerContext);
+  if (!context) {
+    throw new Error("useFileManager must be used within a FileManagerProvider");
   }
+  return context;
+};
+var FileManagerProvider = ({
+  children,
+  data,
+  rootName = "Fichiers",
+  viewMode: initialViewMode = "grid",
+  allowMultiSelect = true,
+  allowUpload = true,
+  allowCreateFolder = true,
+  allowRename = true,
+  allowDelete = true,
+  allowDownload = true,
+  texts: customTexts = {},
+  onCreateFolder,
+  onUploadFiles,
+  onRename,
+  onDelete,
+  onDownload,
+  onOpen,
+  onSelect
 }) => {
-  const [formData, setFormData] = (0, import_react11.useState)(object || {
-    from_module: from ?? null,
-    legal_name: "",
-    trading_name: "",
-    phone: "",
-    email: "",
-    logo: "",
-    year_founded: "",
-    activity_sector: "",
-    description: "",
-    accounting_account_number: "",
-    account: null,
-    capital: null,
-    annual_turnover: null,
-    payment_delay: null,
-    country: "",
-    city: "",
-    address: "",
-    legal_form: "",
-    tax_regime: "",
-    tax_account: "",
-    rccm: "",
-    legal_representative_name: "",
-    legal_representative_address: "",
-    legal_representative_phone: "",
-    legal_representative_email: "",
-    legal_representative_id_document: "",
-    legal_representative_id_number: "",
-    legal_representative_fonction: "",
-    bank_name: "",
-    bank_address: "",
-    bank_email: "",
-    bank_phone: "",
-    iban: "",
-    rib: "",
-    vendor_number: ""
+  const rootFolder = (0, import_react11.useMemo)(
+    () => ({
+      id: "__root__",
+      name: rootName,
+      type: "folder",
+      path: "/",
+      children: data
+    }),
+    [data, rootName]
+  );
+  const [currentFolder, setCurrentFolder] = (0, import_react11.useState)(rootFolder);
+  const [pathHistory, setPathHistory] = (0, import_react11.useState)([rootFolder]);
+  const [selectedItems, setSelectedItems] = (0, import_react11.useState)([]);
+  const [viewMode, setViewMode] = (0, import_react11.useState)(initialViewMode);
+  const [renamingItem, setRenamingItem] = (0, import_react11.useState)(null);
+  const [contextMenu, setContextMenu] = (0, import_react11.useState)({
+    visible: false,
+    position: { x: 0, y: 0 },
+    item: null
   });
-  const [errors, setErrors] = (0, import_react11.useState)({});
-  const [activeTab, setActiveTab] = (0, import_react11.useState)("general");
-  const [loading, setLoading] = (0, import_react11.useState)(false);
-  const { token } = useSession();
-  const { success, error: showError } = useToast();
-  const handleInputChange = (e) => {
-    const { name, value } = e.target;
-    setFormData((prev) => ({ ...prev, [name]: value }));
-    if (errors[name]) {
-      setErrors((prev) => ({ ...prev, [name]: void 0 }));
-    }
-  };
-  const handleTextareaChange = (e) => {
-    const { name, value } = e.target;
-    setFormData((prev) => ({ ...prev, [name]: value }));
-  };
-  const validateForm = () => {
-    const newErrors = {};
-    if (!formData.legal_name?.trim()) {
-      newErrors.legal_name = "La raison sociale est obligatoire";
-    }
-    if (formData.email && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(formData.email)) {
-      newErrors.email = "Format d'email invalide";
-    }
-    if (formData.iban && formData.iban.length > 0 && formData.iban.length < 15) {
-      newErrors.iban = "Format IBAN invalide";
-    }
-    setErrors(newErrors);
-    return Object.keys(newErrors).length === 0;
-  };
-  const handleSaveVendor = async (entityData) => {
-    try {
-      if (object && object.id) {
-        await VendorServices.update(object.id, entityData);
-        success("Fournisseur modifi\xE9 avec succ\xE8s !");
+  const texts = (0, import_react11.useMemo)(() => ({ ...defaultTexts, ...customTexts }), [customTexts]);
+  const currentFolderContents = (0, import_react11.useMemo)(() => {
+    return currentFolder?.children || [];
+  }, [currentFolder]);
+  const navigateToFolder = (0, import_react11.useCallback)(
+    (folder) => {
+      if (!folder) {
+        setCurrentFolder(rootFolder);
+        setPathHistory([rootFolder]);
       } else {
-        await VendorServices.create(entityData);
-        success("Fournisseur cr\xE9\xE9 avec succ\xE8s !");
+        setCurrentFolder(folder);
+        setPathHistory((prev) => [...prev, folder]);
       }
-      refresh();
-      onClose();
-    } catch (error) {
-      console.error(error);
-      showError("Erreur lors de l'enregistrement du fournisseur");
+      setSelectedItems([]);
+      setContextMenu({ visible: false, position: { x: 0, y: 0 }, item: null });
+    },
+    [rootFolder]
+  );
+  const navigateBack = (0, import_react11.useCallback)(() => {
+    if (pathHistory.length > 1) {
+      const newHistory = [...pathHistory];
+      newHistory.pop();
+      const previousFolder = newHistory[newHistory.length - 1];
+      setCurrentFolder(previousFolder);
+      setPathHistory(newHistory);
+      setSelectedItems([]);
     }
-  };
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    if (!validateForm()) return;
-    setLoading(true);
-    try {
-      await handleSaveVendor(formData);
-    } finally {
-      setLoading(false);
+  }, [pathHistory]);
+  const navigateToPath = (0, import_react11.useCallback)(
+    (index) => {
+      if (index < pathHistory.length - 1) {
+        const newHistory = pathHistory.slice(0, index + 1);
+        setCurrentFolder(newHistory[newHistory.length - 1]);
+        setPathHistory(newHistory);
+        setSelectedItems([]);
+      }
+    },
+    [pathHistory]
+  );
+  const selectItem = (0, import_react11.useCallback)(
+    (item, multiSelect = false) => {
+      setSelectedItems((prev) => {
+        if (multiSelect && allowMultiSelect) {
+          const isSelected = prev.some((i) => i.id === item.id);
+          if (isSelected) {
+            return prev.filter((i) => i.id !== item.id);
+          }
+          return [...prev, item];
+        }
+        return [item];
+      });
+      if (onSelect) {
+        const newSelection = allowMultiSelect && multiSelect ? selectedItems.some((i) => i.id === item.id) ? selectedItems.filter((i) => i.id !== item.id) : [...selectedItems, item] : [item];
+        onSelect(newSelection);
+      }
+    },
+    [allowMultiSelect, onSelect, selectedItems]
+  );
+  const deselectAll = (0, import_react11.useCallback)(() => {
+    setSelectedItems([]);
+    if (onSelect) {
+      onSelect([]);
     }
-  };
-  const tabs = [
-    { id: "general", label: "G\xE9n\xE9ral", icon: import_lucide_react8.Building2 },
-    { id: "contacts", label: "Adresses & Contacts", icon: import_lucide_react8.MapPin },
-    { id: "representative", label: "Repr\xE9sentant", icon: import_lucide_react8.FileText },
-    { id: "accounting", label: "Comptabilit\xE9", icon: import_lucide_react8.FileText },
-    { id: "banking", label: "Bancaire", icon: import_lucide_react8.CreditCard }
-  ];
-  const renderTabContent = () => {
-    switch (activeTab) {
-      case "general":
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-            TextInput,
-            {
-              label: "Raison sociale",
-              name: "legal_name",
-              value: formData.legal_name || "",
-              placeholder: "Nom l\\u00e9gal de l'entit\\u00e9",
-              required: true,
-              error: errors.legal_name,
-              onChange: handleInputChange
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-            TextInput,
-            {
-              label: "Nom commercial",
-              name: "trading_name",
-              value: formData.trading_name || "",
-              placeholder: "Nom commercial (optionnel)",
-              onChange: handleInputChange
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-              TextInput,
-              {
-                label: "Num\\u00e9ro d'identification fiscale (NCC)",
-                name: "tax_account",
-                value: formData.tax_account || "",
-                placeholder: "Num\\u00e9ro d'identification fiscale",
-                onChange: handleInputChange
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-              TextInput,
-              {
-                label: "RCCM",
-                name: "rccm",
-                value: formData.rccm || "",
-                placeholder: "Registre du Commerce et du Cr\\u00e9dit Mobilier",
-                onChange: handleInputChange
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-              TextInput,
-              {
-                label: "Forme juridique",
-                name: "legal_form",
-                value: formData.legal_form || "",
-                placeholder: "SARL, SA, SAS, etc.",
-                onChange: handleInputChange
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-              TextInput,
-              {
-                label: "R\\u00e9gime fiscal",
-                name: "tax_regime",
-                value: formData.tax_regime || "",
-                placeholder: "R\\u00e9gime fiscal",
-                onChange: handleInputChange
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-              TextInput,
-              {
-                label: "Ann\\u00e9e de fondation",
-                name: "year_founded",
-                value: formData.year_founded || "",
-                placeholder: "2020",
-                onChange: handleInputChange
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-              TextInput,
-              {
-                label: "Secteur d'activit\\u00e9",
-                name: "activity_sector",
-                value: formData.activity_sector || "",
-                placeholder: "Informatique, Commerce, etc.",
-                onChange: handleInputChange
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Description" }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.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 de l'activit\\u00e9 de l'entit\\u00e9"
-              }
-            )
-          ] })
-        ] });
-      case "contacts":
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-              InputField,
-              {
-                label: "T\\u00e9l\\u00e9phone",
-                name: "phone",
-                type: "tel",
-                value: formData.phone || "",
-                placeholder: "+225 XX XX XX XX XX",
-                onChange: handleInputChange
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-              InputField,
-              {
-                label: "Email",
-                name: "email",
-                type: "email",
-                value: formData.email || "",
-                placeholder: "contact@entite.com",
-                error: errors.email,
-                onChange: handleInputChange
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-              TextInput,
-              {
-                label: "Pays",
-                name: "country",
-                value: formData.country || "",
-                placeholder: "C\\u00f4te d'Ivoire",
-                onChange: handleInputChange
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-              TextInput,
-              {
-                label: "Ville",
-                name: "city",
-                value: formData.city || "",
-                placeholder: "Abidjan",
-                onChange: handleInputChange
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Adresse compl\\u00e8te" }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-              "textarea",
-              {
-                name: "address",
-                value: formData.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\\u00e8te de l'entit\\u00e9"
-              }
-            )
-          ] })
-        ] });
-      case "representative":
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-            TextInput,
+  }, [onSelect]);
+  const showContextMenu = (0, import_react11.useCallback)((item, position) => {
+    setContextMenu({
+      visible: true,
+      position,
+      item
+    });
+  }, []);
+  const hideContextMenu = (0, import_react11.useCallback)(() => {
+    setContextMenu((prev) => ({ ...prev, visible: false }));
+  }, []);
+  const startRenaming = (0, import_react11.useCallback)((item) => {
+    setRenamingItem(item);
+    hideContextMenu();
+  }, [hideContextMenu]);
+  const stopRenaming = (0, import_react11.useCallback)(() => {
+    setRenamingItem(null);
+  }, []);
+  const contextValue = (0, import_react11.useMemo)(
+    () => ({
+      data,
+      currentFolder,
+      currentFolderContents,
+      pathHistory,
+      selectedItems,
+      viewMode,
+      contextMenu,
+      renamingItem,
+      navigateToFolder,
+      navigateBack,
+      navigateToPath,
+      selectItem,
+      deselectAll,
+      setViewMode,
+      showContextMenu,
+      hideContextMenu,
+      startRenaming,
+      stopRenaming,
+      onCreateFolder,
+      onUploadFiles,
+      onRename,
+      onDelete,
+      onDownload,
+      onOpen,
+      allowUpload,
+      allowCreateFolder,
+      allowRename,
+      allowDelete,
+      allowDownload,
+      allowMultiSelect,
+      texts
+    }),
+    [
+      data,
+      currentFolder,
+      currentFolderContents,
+      pathHistory,
+      selectedItems,
+      viewMode,
+      contextMenu,
+      renamingItem,
+      navigateToFolder,
+      navigateBack,
+      navigateToPath,
+      selectItem,
+      deselectAll,
+      showContextMenu,
+      hideContextMenu,
+      startRenaming,
+      stopRenaming,
+      onCreateFolder,
+      onUploadFiles,
+      onRename,
+      onDelete,
+      onDownload,
+      onOpen,
+      allowUpload,
+      allowCreateFolder,
+      allowRename,
+      allowDelete,
+      allowDownload,
+      allowMultiSelect,
+      texts
+    ]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FileManagerContext.Provider, { value: contextValue, children });
+};
+
+// src/components/common/FileManager/components/FolderTree.tsx
+var import_react12 = require("react");
+var import_lucide_react8 = require("lucide-react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var FolderTreeItem = ({ item, level }) => {
+  const { currentFolder, navigateToFolder, pathHistory } = useFileManager();
+  const [isExpanded, setIsExpanded] = (0, import_react12.useState)(
+    pathHistory.some((f) => f.id === item.id) || level === 0
+  );
+  const isSelected = currentFolder?.id === item.id;
+  const hasChildren = item.children?.some((child) => child.type === "folder");
+  const folderChildren = item.children?.filter((child) => child.type === "folder") || [];
+  const handleToggle = (e) => {
+    e.stopPropagation();
+    setIsExpanded(!isExpanded);
+  };
+  const handleClick = () => {
+    navigateToFolder(item);
+    if (!isExpanded) {
+      setIsExpanded(true);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+      "div",
+      {
+        className: cn(
+          "flex items-center gap-1 py-1.5 px-2 rounded-lg cursor-pointer transition-colors",
+          "hover:bg-gray-100 dark:hover:bg-gray-800",
+          isSelected && "bg-blue-50 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300"
+        ),
+        style: { paddingLeft: `${level * 12 + 8}px` },
+        onClick: handleClick,
+        children: [
+          hasChildren ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            "button",
             {
-              label: "Nom du repr\\u00e9sentant l\\u00e9gal",
-              name: "legal_representative_name",
-              value: formData.legal_representative_name || "",
-              placeholder: "Nom et pr\\u00e9nom du repr\\u00e9sentant",
-              onChange: handleInputChange
+              onClick: handleToggle,
+              className: "p-0.5 hover:bg-gray-200 dark:hover:bg-gray-700 rounded",
+              children: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react8.ChevronDown, { className: "w-4 h-4 text-gray-500 dark:text-gray-400" }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react8.ChevronRight, { className: "w-4 h-4 text-gray-500 dark:text-gray-400" })
             }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-            TextInput,
+          ) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "w-5" }),
+          isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react8.FolderOpen, { className: "w-4 h-4 text-yellow-500 flex-shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react8.Folder, { className: "w-4 h-4 text-yellow-500 flex-shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            "span",
             {
-              label: "Fonction du repr\\u00e9sentant",
-              name: "legal_representative_fonction",
-              value: formData.legal_representative_fonction || "",
-              placeholder: "Directeur G\\u00e9n\\u00e9ral, G\\u00e9rant, etc.",
-              onChange: handleInputChange
+              className: cn(
+                "text-sm truncate",
+                isSelected ? "font-medium" : "text-gray-700 dark:text-gray-300"
+              ),
+              children: item.name
             }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-              InputField,
-              {
-                label: "T\\u00e9l\\u00e9phone du repr\\u00e9sentant",
-                name: "legal_representative_phone",
-                type: "tel",
-                value: formData.legal_representative_phone || "",
-                placeholder: "+225 XX XX XX XX XX",
-                onChange: handleInputChange
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-              InputField,
-              {
-                label: "Email du repr\\u00e9sentant",
-                name: "legal_representative_email",
-                type: "email",
-                value: formData.legal_representative_email || "",
-                placeholder: "representant@entite.com",
-                onChange: handleInputChange
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-              TextInput,
-              {
-                label: "Type de document d'identit\\u00e9",
-                name: "legal_representative_id_document",
-                value: formData.legal_representative_id_document || "",
-                placeholder: "CNI, Passeport, etc.",
-                onChange: handleInputChange
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-              TextInput,
-              {
-                label: "Num\\u00e9ro de document d'identit\\u00e9",
-                name: "legal_representative_id_number",
-                value: formData.legal_representative_id_number || "",
-                placeholder: "Num\\u00e9ro du document",
-                onChange: handleInputChange
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Adresse du repr\\u00e9sentant" }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-              "textarea",
-              {
-                name: "legal_representative_address",
-                value: formData.legal_representative_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 du repr\\u00e9sentant l\\u00e9gal"
-              }
-            )
-          ] })
-        ] });
-      case "accounting":
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-            SelectAccount,
-            {
-              value: formData.account,
-              filterClass: "4",
-              onSelect: (option) => {
-                setFormData((prev) => ({
-                  ...prev,
-                  account: option.value,
-                  accounting_account_number: option.object?.account_number || ""
-                }));
-              }
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-              TextInput,
-              {
-                label: "Numero de compte (manuel)",
-                name: "accounting_account_number",
-                value: formData.accounting_account_number || "",
-                placeholder: "Numero de compte comptable",
-                onChange: handleInputChange
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-              TextInput,
-              {
-                label: "Capital",
-                name: "capital",
-                value: formData.capital?.toString() || "",
-                placeholder: "Capital social",
-                onChange: handleInputChange
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-              TextInput,
-              {
-                label: "Chiffre d'affaires annuel",
-                name: "annual_turnover",
-                value: formData.annual_turnover?.toString() || "",
-                placeholder: "Chiffre d'affaires",
-                onChange: handleInputChange
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-              TextInput,
-              {
-                label: "Delai de paiement (jours)",
-                name: "payment_delay",
-                value: formData.payment_delay?.toString() || "",
-                placeholder: "30",
-                onChange: handleInputChange
-              }
-            )
-          ] })
-        ] });
-      case "banking":
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-              TextInput,
-              {
-                label: "RIB",
-                name: "rib",
-                value: formData.rib || "",
-                placeholder: "Relev\\u00e9 d'Identit\\u00e9 Bancaire",
-                onChange: handleInputChange
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-              TextInput,
-              {
-                label: "IBAN",
-                name: "iban",
-                value: formData.iban || "",
-                placeholder: "CI93 1234 5678 9012 3456 789",
-                error: errors.iban,
-                onChange: handleInputChange
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-            TextInput,
-            {
-              label: "Nom de la banque",
-              name: "bank_name",
-              value: formData.bank_name || "",
-              placeholder: "Nom de la banque",
-              onChange: handleInputChange
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-              InputField,
-              {
-                label: "Email de la banque",
-                name: "bank_email",
-                type: "email",
-                value: formData.bank_email || "",
-                placeholder: "contact@banque.com",
-                onChange: handleInputChange
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-              InputField,
-              {
-                label: "T\\u00e9l\\u00e9phone de la banque",
-                name: "bank_phone",
-                type: "tel",
-                value: formData.bank_phone || "",
-                placeholder: "+225 XX XX XX XX XX",
-                onChange: handleInputChange
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Adresse de la banque" }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-              "textarea",
-              {
-                name: "bank_address",
-                value: formData.bank_address || "",
-                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: "Adresse de la banque"
-              }
-            )
-          ] })
-        ] });
-      default:
-        return null;
-    }
+          )
+        ]
+      }
+    ),
+    isExpanded && folderChildren.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { children: folderChildren.map((child) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(FolderTreeItem, { item: child, level: level + 1 }, child.id)) })
+  ] });
+};
+var FolderTree = () => {
+  const { data, currentFolder, navigateToFolder } = useFileManager();
+  const rootItem = {
+    id: "__root__",
+    name: "Fichiers",
+    type: "folder",
+    path: "/",
+    children: data
   };
-  if (!isOpen) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-    Modals_default,
-    {
-      title: object ? "Modifier le fournisseur" : "Ajouter un fournisseur",
-      width: "w-[100%]",
-      description: "",
-      open: isOpen,
-      onClose,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "border-b border-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("nav", { className: "flex space-x-8 px-6", children: tabs.map((tab) => {
-          const Icon = tab.icon;
-          return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime15.jsx)(Icon, { className: "w-4 h-4 inline mr-2" }),
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: tab.label })
-              ]
-            },
-            tab.id
-          );
-        }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("form", { onSubmit: handleSubmit, className: "p-6", children: [
-          renderTabContent(),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex justify-between pt-6 border-t border-gray-200 mt-8", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime15.jsx)(
-              Buttons_default,
-              {
-                type: "submit",
-                disabled: loading,
-                children: loading ? "Chargement..." : object ? "Modifier" : "Enregistrer le fournisseur"
-              }
-            )
-          ] })
-        ] })
-      ]
-    }
-  );
+  const isRootSelected = currentFolder?.id === "__root__";
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "h-full overflow-y-auto py-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+      "div",
+      {
+        className: cn(
+          "flex items-center gap-2 py-1.5 px-3 rounded-lg cursor-pointer transition-colors mb-1",
+          "hover:bg-gray-100 dark:hover:bg-gray-800",
+          isRootSelected && "bg-blue-50 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300"
+        ),
+        onClick: () => navigateToFolder(rootItem),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react8.Folder, { className: "w-4 h-4 text-yellow-500" }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: cn("text-sm", isRootSelected && "font-medium"), children: rootItem.name })
+        ]
+      }
+    ),
+    data.filter((item) => item.type === "folder").map((folder) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(FolderTreeItem, { item: folder, level: 1 }, folder.id))
+  ] });
 };
-var MinimalVendorForm = FormVendor;
 
-// src/components/common/FormClient.tsx
-var import_react21 = require("react");
+// src/components/common/FileManager/components/FileGrid.tsx
+var import_lucide_react10 = require("lucide-react");
 
-// src/components/common/FileManager/FileManager.tsx
-var import_react18 = require("react");
-var import_lucide_react16 = require("lucide-react");
+// src/components/common/FileManager/components/FileCard.tsx
+var import_react13 = require("react");
 
-// src/components/common/FileManager/FileManagerContext.tsx
-var import_react12 = require("react");
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var defaultTexts = {
-  createFolder: "Cr\xE9er un dossier",
-  uploadFiles: "Uploader des fichiers",
-  rename: "Renommer",
-  delete: "Supprimer",
-  download: "T\xE9l\xE9charger",
-  open: "Ouvrir",
-  deselectAll: "Tout d\xE9s\xE9lectionner",
-  newFolderName: "Nom du dossier",
-  confirmDelete: "Voulez-vous vraiment supprimer",
-  noFiles: "Aucun fichier",
-  dropFilesHere: "D\xE9posez vos fichiers ici",
-  cancel: "Annuler",
-  confirm: "Confirmer"
-};
-var FileManagerContext = (0, import_react12.createContext)(null);
-var useFileManager = () => {
-  const context = (0, import_react12.useContext)(FileManagerContext);
-  if (!context) {
-    throw new Error("useFileManager must be used within a FileManagerProvider");
-  }
-  return context;
-};
-var FileManagerProvider = ({
-  children,
-  data,
-  rootName = "Fichiers",
-  viewMode: initialViewMode = "grid",
-  allowMultiSelect = true,
-  allowUpload = true,
-  allowCreateFolder = true,
-  allowRename = true,
-  allowDelete = true,
-  allowDownload = true,
-  texts: customTexts = {},
-  onCreateFolder,
-  onUploadFiles,
-  onRename,
-  onDelete,
-  onDownload,
-  onOpen,
-  onSelect
-}) => {
-  const rootFolder = (0, import_react12.useMemo)(
-    () => ({
-      id: "__root__",
-      name: rootName,
-      type: "folder",
-      path: "/",
-      children: data
-    }),
-    [data, rootName]
-  );
-  const [currentFolder, setCurrentFolder] = (0, import_react12.useState)(rootFolder);
-  const [pathHistory, setPathHistory] = (0, import_react12.useState)([rootFolder]);
-  const [selectedItems, setSelectedItems] = (0, import_react12.useState)([]);
-  const [viewMode, setViewMode] = (0, import_react12.useState)(initialViewMode);
-  const [renamingItem, setRenamingItem] = (0, import_react12.useState)(null);
-  const [contextMenu, setContextMenu] = (0, import_react12.useState)({
-    visible: false,
-    position: { x: 0, y: 0 },
-    item: null
-  });
-  const texts = (0, import_react12.useMemo)(() => ({ ...defaultTexts, ...customTexts }), [customTexts]);
-  const currentFolderContents = (0, import_react12.useMemo)(() => {
-    return currentFolder?.children || [];
-  }, [currentFolder]);
-  const navigateToFolder = (0, import_react12.useCallback)(
-    (folder) => {
-      if (!folder) {
-        setCurrentFolder(rootFolder);
-        setPathHistory([rootFolder]);
-      } else {
-        setCurrentFolder(folder);
-        setPathHistory((prev) => [...prev, folder]);
-      }
-      setSelectedItems([]);
-      setContextMenu({ visible: false, position: { x: 0, y: 0 }, item: null });
-    },
-    [rootFolder]
-  );
-  const navigateBack = (0, import_react12.useCallback)(() => {
-    if (pathHistory.length > 1) {
-      const newHistory = [...pathHistory];
-      newHistory.pop();
-      const previousFolder = newHistory[newHistory.length - 1];
-      setCurrentFolder(previousFolder);
-      setPathHistory(newHistory);
-      setSelectedItems([]);
-    }
-  }, [pathHistory]);
-  const navigateToPath = (0, import_react12.useCallback)(
-    (index) => {
-      if (index < pathHistory.length - 1) {
-        const newHistory = pathHistory.slice(0, index + 1);
-        setCurrentFolder(newHistory[newHistory.length - 1]);
-        setPathHistory(newHistory);
-        setSelectedItems([]);
-      }
-    },
-    [pathHistory]
-  );
-  const selectItem = (0, import_react12.useCallback)(
-    (item, multiSelect = false) => {
-      setSelectedItems((prev) => {
-        if (multiSelect && allowMultiSelect) {
-          const isSelected = prev.some((i) => i.id === item.id);
-          if (isSelected) {
-            return prev.filter((i) => i.id !== item.id);
-          }
-          return [...prev, item];
-        }
-        return [item];
-      });
-      if (onSelect) {
-        const newSelection = allowMultiSelect && multiSelect ? selectedItems.some((i) => i.id === item.id) ? selectedItems.filter((i) => i.id !== item.id) : [...selectedItems, item] : [item];
-        onSelect(newSelection);
-      }
-    },
-    [allowMultiSelect, onSelect, selectedItems]
-  );
-  const deselectAll = (0, import_react12.useCallback)(() => {
-    setSelectedItems([]);
-    if (onSelect) {
-      onSelect([]);
-    }
-  }, [onSelect]);
-  const showContextMenu = (0, import_react12.useCallback)((item, position) => {
-    setContextMenu({
-      visible: true,
-      position,
-      item
-    });
-  }, []);
-  const hideContextMenu = (0, import_react12.useCallback)(() => {
-    setContextMenu((prev) => ({ ...prev, visible: false }));
-  }, []);
-  const startRenaming = (0, import_react12.useCallback)((item) => {
-    setRenamingItem(item);
-    hideContextMenu();
-  }, [hideContextMenu]);
-  const stopRenaming = (0, import_react12.useCallback)(() => {
-    setRenamingItem(null);
-  }, []);
-  const contextValue = (0, import_react12.useMemo)(
-    () => ({
-      data,
-      currentFolder,
-      currentFolderContents,
-      pathHistory,
-      selectedItems,
-      viewMode,
-      contextMenu,
-      renamingItem,
-      navigateToFolder,
-      navigateBack,
-      navigateToPath,
-      selectItem,
-      deselectAll,
-      setViewMode,
-      showContextMenu,
-      hideContextMenu,
-      startRenaming,
-      stopRenaming,
-      onCreateFolder,
-      onUploadFiles,
-      onRename,
-      onDelete,
-      onDownload,
-      onOpen,
-      allowUpload,
-      allowCreateFolder,
-      allowRename,
-      allowDelete,
-      allowDownload,
-      allowMultiSelect,
-      texts
-    }),
-    [
-      data,
-      currentFolder,
-      currentFolderContents,
-      pathHistory,
-      selectedItems,
-      viewMode,
-      contextMenu,
-      renamingItem,
-      navigateToFolder,
-      navigateBack,
-      navigateToPath,
-      selectItem,
-      deselectAll,
-      showContextMenu,
-      hideContextMenu,
-      startRenaming,
-      stopRenaming,
-      onCreateFolder,
-      onUploadFiles,
-      onRename,
-      onDelete,
-      onDownload,
-      onOpen,
-      allowUpload,
-      allowCreateFolder,
-      allowRename,
-      allowDelete,
-      allowDownload,
-      allowMultiSelect,
-      texts
-    ]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(FileManagerContext.Provider, { value: contextValue, children });
-};
-
-// src/components/common/FileManager/components/FolderTree.tsx
-var import_react13 = require("react");
-var import_lucide_react9 = require("lucide-react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var FolderTreeItem = ({ item, level }) => {
-  const { currentFolder, navigateToFolder, pathHistory } = useFileManager();
-  const [isExpanded, setIsExpanded] = (0, import_react13.useState)(
-    pathHistory.some((f) => f.id === item.id) || level === 0
-  );
-  const isSelected = currentFolder?.id === item.id;
-  const hasChildren = item.children?.some((child) => child.type === "folder");
-  const folderChildren = item.children?.filter((child) => child.type === "folder") || [];
-  const handleToggle = (e) => {
-    e.stopPropagation();
-    setIsExpanded(!isExpanded);
-  };
-  const handleClick = () => {
-    navigateToFolder(item);
-    if (!isExpanded) {
-      setIsExpanded(true);
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-      "div",
-      {
-        className: cn(
-          "flex items-center gap-1 py-1.5 px-2 rounded-lg cursor-pointer transition-colors",
-          "hover:bg-gray-100 dark:hover:bg-gray-800",
-          isSelected && "bg-blue-50 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300"
-        ),
-        style: { paddingLeft: `${level * 12 + 8}px` },
-        onClick: handleClick,
-        children: [
-          hasChildren ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-            "button",
-            {
-              onClick: handleToggle,
-              className: "p-0.5 hover:bg-gray-200 dark:hover:bg-gray-700 rounded",
-              children: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react9.ChevronDown, { className: "w-4 h-4 text-gray-500 dark:text-gray-400" }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react9.ChevronRight, { className: "w-4 h-4 text-gray-500 dark:text-gray-400" })
-            }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "w-5" }),
-          isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react9.FolderOpen, { className: "w-4 h-4 text-yellow-500 flex-shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react9.Folder, { className: "w-4 h-4 text-yellow-500 flex-shrink-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-            "span",
-            {
-              className: cn(
-                "text-sm truncate",
-                isSelected ? "font-medium" : "text-gray-700 dark:text-gray-300"
-              ),
-              children: item.name
-            }
-          )
-        ]
-      }
-    ),
-    isExpanded && folderChildren.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { children: folderChildren.map((child) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FolderTreeItem, { item: child, level: level + 1 }, child.id)) })
-  ] });
-};
-var FolderTree = () => {
-  const { data, currentFolder, navigateToFolder } = useFileManager();
-  const rootItem = {
-    id: "__root__",
-    name: "Fichiers",
-    type: "folder",
-    path: "/",
-    children: data
-  };
-  const isRootSelected = currentFolder?.id === "__root__";
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "h-full overflow-y-auto py-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-      "div",
-      {
-        className: cn(
-          "flex items-center gap-2 py-1.5 px-3 rounded-lg cursor-pointer transition-colors mb-1",
-          "hover:bg-gray-100 dark:hover:bg-gray-800",
-          isRootSelected && "bg-blue-50 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300"
-        ),
-        onClick: () => navigateToFolder(rootItem),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react9.Folder, { className: "w-4 h-4 text-yellow-500" }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: cn("text-sm", isRootSelected && "font-medium"), children: rootItem.name })
-        ]
-      }
-    ),
-    data.filter((item) => item.type === "folder").map((folder) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FolderTreeItem, { item: folder, level: 1 }, folder.id))
-  ] });
-};
-
-// src/components/common/FileManager/components/FileGrid.tsx
-var import_lucide_react11 = require("lucide-react");
-
-// src/components/common/FileManager/components/FileCard.tsx
-var import_react14 = require("react");
-
-// src/components/common/FileManager/utils.ts
-var import_lucide_react10 = require("lucide-react");
-var getFileIcon = (mimeType, isFolder, isOpen) => {
-  if (isFolder) {
-    return isOpen ? import_lucide_react10.FolderOpen : import_lucide_react10.Folder;
+// src/components/common/FileManager/utils.ts
+var import_lucide_react9 = require("lucide-react");
+var getFileIcon = (mimeType, isFolder, isOpen) => {
+  if (isFolder) {
+    return isOpen ? import_lucide_react9.FolderOpen : import_lucide_react9.Folder;
   }
   if (!mimeType) {
-    return import_lucide_react10.File;
+    return import_lucide_react9.File;
   }
   const type = mimeType.toLowerCase();
   if (type.startsWith("image/")) {
-    return import_lucide_react10.FileImage;
+    return import_lucide_react9.FileImage;
   }
   if (type === "application/pdf") {
-    return import_lucide_react10.FileText;
+    return import_lucide_react9.FileText;
   }
   if (type === "application/msword" || type === "application/vnd.openxmlformats-officedocument.wordprocessingml.document" || type.includes("word")) {
-    return import_lucide_react10.FileType;
+    return import_lucide_react9.FileType;
   }
   if (type === "application/vnd.ms-excel" || type === "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" || type.includes("excel") || type.includes("spreadsheet")) {
-    return import_lucide_react10.FileSpreadsheet;
+    return import_lucide_react9.FileSpreadsheet;
   }
   if (type === "application/vnd.ms-powerpoint" || type === "application/vnd.openxmlformats-officedocument.presentationml.presentation" || type.includes("powerpoint") || type.includes("presentation")) {
-    return import_lucide_react10.FileType;
+    return import_lucide_react9.FileType;
   }
   if (type === "application/zip" || type === "application/x-rar-compressed" || type === "application/x-7z-compressed" || type === "application/gzip" || type.includes("archive") || type.includes("compressed")) {
-    return import_lucide_react10.FileArchive;
+    return import_lucide_react9.FileArchive;
   }
   if (type.startsWith("video/")) {
-    return import_lucide_react10.FileVideo;
+    return import_lucide_react9.FileVideo;
   }
   if (type.startsWith("audio/")) {
-    return import_lucide_react10.FileAudio;
+    return import_lucide_react9.FileAudio;
   }
   if (type.includes("javascript") || type.includes("typescript") || type.includes("json") || type.includes("xml") || type.includes("html") || type.includes("css")) {
-    return import_lucide_react10.FileCode;
+    return import_lucide_react9.FileCode;
   }
   if (type.startsWith("text/")) {
-    return import_lucide_react10.FileText;
+    return import_lucide_react9.FileText;
   }
-  return import_lucide_react10.File;
+  return import_lucide_react9.File;
 };
 var formatFileSize = (bytes) => {
   if (bytes === void 0 || bytes === null) {
@@ -6798,7 +6242,7 @@ var formatDate = (date) => {
 };
 
 // src/components/common/FileManager/components/FileCard.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var FileCard = ({ item, variant = "grid" }) => {
   const {
     selectedItems,
@@ -6812,19 +6256,19 @@ var FileCard = ({ item, variant = "grid" }) => {
     onDownload,
     allowRename
   } = useFileManager();
-  const [renameValue, setRenameValue] = (0, import_react14.useState)(item.name);
-  const inputRef = (0, import_react14.useRef)(null);
+  const [renameValue, setRenameValue] = (0, import_react13.useState)(item.name);
+  const inputRef = (0, import_react13.useRef)(null);
   const isSelected = selectedItems.some((i) => i.id === item.id);
   const isRenaming = renamingItem?.id === item.id;
   const isFolder = item.type === "folder";
   const Icon = getFileIcon(item.mimeType, isFolder);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (isRenaming && inputRef.current) {
       inputRef.current.focus();
       inputRef.current.select();
     }
   }, [isRenaming]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     setRenameValue(item.name);
   }, [item.name]);
   const handleClick = (e) => {
@@ -6869,7 +6313,7 @@ var FileCard = ({ item, variant = "grid" }) => {
     }
   };
   if (variant === "list") {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
       "div",
       {
         className: cn(
@@ -6881,7 +6325,7 @@ var FileCard = ({ item, variant = "grid" }) => {
         onDoubleClick: handleDoubleClick,
         onContextMenu: handleContextMenu,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             Icon,
             {
               className: cn(
@@ -6890,7 +6334,7 @@ var FileCard = ({ item, variant = "grid" }) => {
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex-1 min-w-0", children: isRenaming ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex-1 min-w-0", children: isRenaming ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             "input",
             {
               ref: inputRef,
@@ -6902,14 +6346,14 @@ var FileCard = ({ item, variant = "grid" }) => {
               className: "w-full px-2 py-0.5 text-sm border border-blue-500 rounded outline-none bg-white dark:bg-gray-900",
               onClick: (e) => e.stopPropagation()
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "block truncate text-sm text-gray-900 dark:text-gray-100", children: item.name }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-xs text-gray-500 dark:text-gray-400 w-20 text-right", children: !isFolder && formatFileSize(item.size) }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-xs text-gray-500 dark:text-gray-400 w-24 text-right", children: formatDate(item.updatedAt || item.createdAt) })
+          ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "block truncate text-sm text-gray-900 dark:text-gray-100", children: item.name }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-xs text-gray-500 dark:text-gray-400 w-20 text-right", children: !isFolder && formatFileSize(item.size) }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-xs text-gray-500 dark:text-gray-400 w-24 text-right", children: formatDate(item.updatedAt || item.createdAt) })
         ]
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "div",
     {
       className: cn(
@@ -6921,7 +6365,7 @@ var FileCard = ({ item, variant = "grid" }) => {
       onDoubleClick: handleDoubleClick,
       onContextMenu: handleContextMenu,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "w-16 h-16 flex items-center justify-center mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w-16 h-16 flex items-center justify-center mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           Icon,
           {
             className: cn(
@@ -6930,7 +6374,7 @@ var FileCard = ({ item, variant = "grid" }) => {
             )
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "w-full text-center", children: isRenaming ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w-full text-center", children: isRenaming ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           "input",
           {
             ref: inputRef,
@@ -6942,15 +6386,15 @@ var FileCard = ({ item, variant = "grid" }) => {
             className: "w-full px-2 py-0.5 text-xs border border-blue-500 rounded outline-none text-center bg-white dark:bg-gray-900",
             onClick: (e) => e.stopPropagation()
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "block text-xs text-gray-900 dark:text-gray-100 truncate px-1", children: item.name }) }),
-        !isFolder && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-[10px] text-gray-500 dark:text-gray-400 mt-1", children: formatFileSize(item.size) })
+        ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "block text-xs text-gray-900 dark:text-gray-100 truncate px-1", children: item.name }) }),
+        !isFolder && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-[10px] text-gray-500 dark:text-gray-400 mt-1", children: formatFileSize(item.size) })
       ]
     }
   );
 };
 
 // src/components/common/FileManager/components/FileGrid.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var FileGrid = () => {
   const { currentFolderContents, texts, deselectAll, hideContextMenu } = useFileManager();
   const sortedItems = [...currentFolderContents].sort((a, b) => {
@@ -6963,32 +6407,32 @@ var FileGrid = () => {
     hideContextMenu();
   };
   if (sortedItems.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
       "div",
       {
         className: "flex-1 flex flex-col items-center justify-center text-gray-500 dark:text-gray-400 p-8",
         onClick: handleContainerClick,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react11.FolderPlus, { className: "w-16 h-16 mb-4 opacity-50" }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-lg", children: texts.noFiles }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-sm mt-2", children: texts.dropFilesHere })
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react10.FolderPlus, { className: "w-16 h-16 mb-4 opacity-50" }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-lg", children: texts.noFiles }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm mt-2", children: texts.dropFilesHere })
         ]
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "div",
     {
       className: "flex-1 overflow-y-auto p-4",
       onClick: handleContainerClick,
-      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-2", children: sortedItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(FileCard, { item, variant: "grid" }, item.id)) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-2", children: sortedItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(FileCard, { item, variant: "grid" }, item.id)) })
     }
   );
 };
 
 // src/components/common/FileManager/components/FileList.tsx
-var import_lucide_react12 = require("lucide-react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_lucide_react11 = require("lucide-react");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var FileList = () => {
   const { currentFolderContents, texts, deselectAll, hideContextMenu } = useFileManager();
   const sortedItems = [...currentFolderContents].sort((a, b) => {
@@ -7001,46 +6445,46 @@ var FileList = () => {
     hideContextMenu();
   };
   if (sortedItems.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
       "div",
       {
         className: "flex-1 flex flex-col items-center justify-center text-gray-500 dark:text-gray-400 p-8",
         onClick: handleContainerClick,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react12.FolderPlus, { className: "w-16 h-16 mb-4 opacity-50" }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-lg", children: texts.noFiles }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-sm mt-2", children: texts.dropFilesHere })
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react11.FolderPlus, { className: "w-16 h-16 mb-4 opacity-50" }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-lg", children: texts.noFiles }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-sm mt-2", children: texts.dropFilesHere })
         ]
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     "div",
     {
       className: "flex-1 overflow-y-auto p-4",
       onClick: handleContainerClick,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-3 px-3 py-2 text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider border-b border-gray-200 dark:border-gray-700 mb-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "w-5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-3 px-3 py-2 text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider border-b border-gray-200 dark:border-gray-700 mb-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "w-5" }),
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "flex-1", children: "Nom" }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "w-20 text-right", children: "Taille" }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "w-24 text-right", children: "Modifi\xE9" })
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "flex-1", children: "Nom" }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "w-20 text-right", children: "Taille" }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "w-24 text-right", children: "Modifi\xE9" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "space-y-1", children: sortedItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(FileCard, { item, variant: "list" }, item.id)) })
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "space-y-1", children: sortedItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(FileCard, { item, variant: "list" }, item.id)) })
       ]
     }
   );
 };
 
 // src/components/common/FileManager/components/Breadcrumb.tsx
-var import_react15 = __toESM(require("react"), 1);
-var import_lucide_react13 = require("lucide-react");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_react14 = __toESM(require("react"), 1);
+var import_lucide_react12 = require("lucide-react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var Breadcrumb = () => {
   const { pathHistory, navigateBack, navigateToPath } = useFileManager();
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-1 px-2 py-2 bg-gray-50 dark:bg-gray-800/50 rounded-lg", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-1 px-2 py-2 bg-gray-50 dark:bg-gray-800/50 rounded-lg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       "button",
       {
         onClick: navigateBack,
@@ -7050,12 +6494,12 @@ var Breadcrumb = () => {
           pathHistory.length > 1 ? "hover:bg-gray-200 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300" : "text-gray-400 dark:text-gray-600 cursor-not-allowed"
         ),
         title: "Retour",
-        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react13.ChevronLeft, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react12.ChevronLeft, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex items-center gap-1 overflow-x-auto scrollbar-thin", children: pathHistory.map((folder, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react15.default.Fragment, { children: [
-      index > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react13.ChevronRight, { className: "w-4 h-4 text-gray-400 dark:text-gray-600 flex-shrink-0" }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex items-center gap-1 overflow-x-auto scrollbar-thin", children: pathHistory.map((folder, index) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react14.default.Fragment, { children: [
+      index > 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react12.ChevronRight, { className: "w-4 h-4 text-gray-400 dark:text-gray-600 flex-shrink-0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         "button",
         {
           onClick: () => navigateToPath(index),
@@ -7071,18 +6515,18 @@ var Breadcrumb = () => {
 };
 
 // src/components/common/FileManager/components/Toolbar.tsx
-var import_react16 = __toESM(require("react"), 1);
-var import_lucide_react14 = require("lucide-react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_react15 = __toESM(require("react"), 1);
+var import_lucide_react13 = require("lucide-react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var CreateFolderModal = ({
   isOpen,
   onClose,
   onSubmit,
   texts
 }) => {
-  const [folderName, setFolderName] = (0, import_react16.useState)("");
-  const inputRef = (0, import_react16.useRef)(null);
-  import_react16.default.useEffect(() => {
+  const [folderName, setFolderName] = (0, import_react15.useState)("");
+  const inputRef = (0, import_react15.useRef)(null);
+  import_react15.default.useEffect(() => {
     if (isOpen && inputRef.current) {
       inputRef.current.focus();
     }
@@ -7099,21 +6543,21 @@ var CreateFolderModal = ({
     }
   };
   if (!isOpen) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "bg-white dark:bg-gray-900 rounded-xl shadow-xl p-6 w-full max-w-md mx-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center justify-between mb-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h3", { className: "text-lg font-semibold text-gray-900 dark:text-gray-100", children: texts.createFolder }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "bg-white dark:bg-gray-900 rounded-xl shadow-xl p-6 w-full max-w-md mx-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center justify-between mb-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h3", { className: "text-lg font-semibold text-gray-900 dark:text-gray-100", children: texts.createFolder }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         "button",
         {
           onClick: onClose,
           className: "p-1 rounded-md hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors",
-          children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react14.X, { className: "w-5 h-5 text-gray-500" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react13.X, { className: "w-5 h-5 text-gray-500" })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("form", { onSubmit: handleSubmit, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2", children: texts.newFolderName }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("form", { onSubmit: handleSubmit, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2", children: texts.newFolderName }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         "input",
         {
           ref: inputRef,
@@ -7124,8 +6568,8 @@ var CreateFolderModal = ({
           placeholder: "Nouveau dossier"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex justify-end gap-3 mt-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex justify-end gap-3 mt-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           "button",
           {
             type: "button",
@@ -7134,7 +6578,7 @@ var CreateFolderModal = ({
             children: texts.cancel
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           "button",
           {
             type: "submit",
@@ -7163,8 +6607,8 @@ var Toolbar = () => {
     allowUpload,
     texts
   } = useFileManager();
-  const [showCreateModal, setShowCreateModal] = (0, import_react16.useState)(false);
-  const fileInputRef = (0, import_react16.useRef)(null);
+  const [showCreateModal, setShowCreateModal] = (0, import_react15.useState)(false);
+  const fileInputRef = (0, import_react15.useRef)(null);
   const handleCreateFolder = async (name) => {
     if (onCreateFolder && currentFolder) {
       try {
@@ -7190,10 +6634,10 @@ var Toolbar = () => {
       fileInputRef.current.value = "";
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center justify-between gap-4 flex-wrap", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-2", children: [
-        allowCreateFolder && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center justify-between gap-4 flex-wrap", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-2", children: [
+        allowCreateFolder && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
           "button",
           {
             onClick: () => setShowCreateModal(true),
@@ -7203,13 +6647,13 @@ var Toolbar = () => {
               "hover:bg-gray-200 dark:hover:bg-gray-700"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react14.FolderPlus, { className: "w-4 h-4" }),
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "hidden sm:inline", children: texts.createFolder })
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react13.FolderPlus, { className: "w-4 h-4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "hidden sm:inline", children: texts.createFolder })
             ]
           }
         ),
-        allowUpload && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+        allowUpload && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
             "button",
             {
               onClick: handleUploadClick,
@@ -7218,12 +6662,12 @@ var Toolbar = () => {
                 "bg-blue-600 text-white hover:bg-blue-700"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react14.Upload, { className: "w-4 h-4" }),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "hidden sm:inline", children: texts.uploadFiles })
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react13.Upload, { className: "w-4 h-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "hidden sm:inline", children: texts.uploadFiles })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             "input",
             {
               ref: fileInputRef,
@@ -7236,14 +6680,14 @@ var Toolbar = () => {
           )
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-2", children: [
-        selectedItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-2", children: [
+        selectedItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
           "button",
           {
             onClick: deselectAll,
             className: "flex items-center gap-2 px-3 py-2 text-sm text-gray-600 dark:text-gray-400\r\n                         hover:text-gray-900 dark:hover:text-gray-100 transition-colors",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react14.X, { className: "w-4 h-4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react13.X, { className: "w-4 h-4" }),
               texts.deselectAll,
               " (",
               selectedItems.length,
@@ -7251,8 +6695,8 @@ var Toolbar = () => {
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center bg-gray-100 dark:bg-gray-800 rounded-lg p-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center bg-gray-100 dark:bg-gray-800 rounded-lg p-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             "button",
             {
               onClick: () => setViewMode("grid"),
@@ -7261,10 +6705,10 @@ var Toolbar = () => {
                 viewMode === "grid" ? "bg-white dark:bg-gray-700 shadow-sm text-gray-900 dark:text-gray-100" : "text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200"
               ),
               title: "Vue grille",
-              children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react14.Grid, { className: "w-4 h-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react13.Grid, { className: "w-4 h-4" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             "button",
             {
               onClick: () => setViewMode("list"),
@@ -7273,13 +6717,13 @@ var Toolbar = () => {
                 viewMode === "list" ? "bg-white dark:bg-gray-700 shadow-sm text-gray-900 dark:text-gray-100" : "text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200"
               ),
               title: "Vue liste",
-              children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react14.List, { className: "w-4 h-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react13.List, { className: "w-4 h-4" })
             }
           )
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       CreateFolderModal,
       {
         isOpen: showCreateModal,
@@ -7292,9 +6736,9 @@ var Toolbar = () => {
 };
 
 // src/components/common/FileManager/components/ContextMenu.tsx
-var import_react17 = require("react");
-var import_lucide_react15 = require("lucide-react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_react16 = require("react");
+var import_lucide_react14 = require("lucide-react");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var ContextMenu = () => {
   const {
     contextMenu,
@@ -7309,8 +6753,8 @@ var ContextMenu = () => {
     allowDownload,
     texts
   } = useFileManager();
-  const menuRef = (0, import_react17.useRef)(null);
-  (0, import_react17.useEffect)(() => {
+  const menuRef = (0, import_react16.useRef)(null);
+  (0, import_react16.useEffect)(() => {
     const handleClickOutside = (e) => {
       if (menuRef.current && !menuRef.current.contains(e.target)) {
         hideContextMenu();
@@ -7380,14 +6824,14 @@ var ContextMenu = () => {
       menuStyle.top = position.y - menuHeight;
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     "div",
     {
       ref: menuRef,
       style: menuStyle,
       className: "bg-white dark:bg-gray-900 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 py-1 min-w-[160px]",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
           "button",
           {
             onClick: handleOpen,
@@ -7396,12 +6840,12 @@ var ContextMenu = () => {
               "text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react15.FolderOpen, { className: "w-4 h-4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react14.FolderOpen, { className: "w-4 h-4" }),
               texts.open
             ]
           }
         ),
-        allowRename && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+        allowRename && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
           "button",
           {
             onClick: handleRename,
@@ -7410,12 +6854,12 @@ var ContextMenu = () => {
               "text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react15.Edit3, { className: "w-4 h-4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react14.Edit3, { className: "w-4 h-4" }),
               texts.rename
             ]
           }
         ),
-        allowDownload && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+        allowDownload && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
           "button",
           {
             onClick: handleDownload,
@@ -7424,14 +6868,14 @@ var ContextMenu = () => {
               "text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react15.Download, { className: "w-4 h-4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react14.Download, { className: "w-4 h-4" }),
               texts.download
             ]
           }
         ),
-        allowDelete && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "border-t border-gray-200 dark:border-gray-700 my-1" }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+        allowDelete && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "border-t border-gray-200 dark:border-gray-700 my-1" }),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
             "button",
             {
               onClick: handleDelete,
@@ -7440,7 +6884,7 @@ var ContextMenu = () => {
                 "text-red-600 dark:text-red-400 hover:bg-red-50 dark:hover:bg-red-900/20 transition-colors"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react15.Trash2, { className: "w-4 h-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react14.Trash2, { className: "w-4 h-4" }),
                 texts.delete
               ]
             }
@@ -7452,14 +6896,14 @@ var ContextMenu = () => {
 };
 
 // src/components/common/FileManager/FileManager.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var FileManagerContent = ({ className }) => {
   const { viewMode, hideContextMenu } = useFileManager();
-  const [sidebarOpen, setSidebarOpen] = (0, import_react18.useState)(false);
+  const [sidebarOpen, setSidebarOpen] = (0, import_react17.useState)(false);
   const handleMainClick = () => {
     hideContextMenu();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     "div",
     {
       className: cn(
@@ -7468,7 +6912,7 @@ var FileManagerContent = ({ className }) => {
       ),
       onClick: handleMainClick,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           "button",
           {
             onClick: (e) => {
@@ -7476,17 +6920,17 @@ var FileManagerContent = ({ className }) => {
               setSidebarOpen(!sidebarOpen);
             },
             className: "md:hidden fixed bottom-4 left-4 z-50 p-3 bg-blue-600 text-white rounded-full shadow-lg hover:bg-blue-700 transition-colors",
-            children: sidebarOpen ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react16.X, { className: "w-6 h-6" }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react16.Menu, { className: "w-6 h-6" })
+            children: sidebarOpen ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react15.X, { className: "w-6 h-6" }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react15.Menu, { className: "w-6 h-6" })
           }
         ),
-        sidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        sidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           "div",
           {
             className: "md:hidden fixed inset-0 bg-black/50 z-40",
             onClick: () => setSidebarOpen(false)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
           "aside",
           {
             className: cn(
@@ -7496,33 +6940,33 @@ var FileManagerContent = ({ className }) => {
               sidebarOpen ? "translate-x-0" : "-translate-x-full md:translate-x-0"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "p-3 border-b border-gray-200 dark:border-gray-800", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h2", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100", children: "Dossiers" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(FolderTree, {})
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "p-3 border-b border-gray-200 dark:border-gray-800", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h2", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100", children: "Dossiers" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(FolderTree, {})
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("main", { className: "flex-1 flex flex-col min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("header", { className: "p-4 border-b border-gray-200 dark:border-gray-800 space-y-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Toolbar, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Breadcrumb, {})
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("main", { className: "flex-1 flex flex-col min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("header", { className: "p-4 border-b border-gray-200 dark:border-gray-800 space-y-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Toolbar, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Breadcrumb, {})
           ] }),
-          viewMode === "grid" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(FileGrid, {}) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(FileList, {})
+          viewMode === "grid" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(FileGrid, {}) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(FileList, {})
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ContextMenu, {})
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ContextMenu, {})
       ]
     }
   );
 };
 var FileManager = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(FileManagerProvider, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(FileManagerContent, { className: props.className }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(FileManagerProvider, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(FileManagerContent, { className: props.className }) });
 };
 
 // src/components/common/FileManager/components/EntityFileManager.tsx
-var import_react20 = __toESM(require("react"), 1);
-var import_lucide_react17 = require("lucide-react");
+var import_react19 = __toESM(require("react"), 1);
+var import_lucide_react16 = require("lucide-react");
 
 // src/components/common/FileManager/hooks/useFileManagerApi.ts
-var import_react19 = require("react");
+var import_react18 = require("react");
 
 // src/components/common/FileManager/services/fileManagerApi.ts
 var API_BASE = "/api/files_manager";
@@ -7747,11 +7191,11 @@ function extractRootChildren(entityFolder) {
   return entityFolder.children || [];
 }
 function useFileManagerApi(entityType, entityId, businessEntityId) {
-  const [data, setData] = (0, import_react19.useState)([]);
-  const [loading, setLoading] = (0, import_react19.useState)(true);
-  const [error, setError] = (0, import_react19.useState)(null);
-  const [rootFolderCode, setRootFolderCode] = (0, import_react19.useState)(null);
-  const loadEntityFolders = (0, import_react19.useCallback)(async () => {
+  const [data, setData] = (0, import_react18.useState)([]);
+  const [loading, setLoading] = (0, import_react18.useState)(true);
+  const [error, setError] = (0, import_react18.useState)(null);
+  const [rootFolderCode, setRootFolderCode] = (0, import_react18.useState)(null);
+  const loadEntityFolders = (0, import_react18.useCallback)(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -7784,13 +7228,13 @@ function useFileManagerApi(entityType, entityId, businessEntityId) {
       setLoading(false);
     }
   }, [entityType, entityId]);
-  const refresh = (0, import_react19.useCallback)(async () => {
+  const refresh = (0, import_react18.useCallback)(async () => {
     await loadEntityFolders();
   }, [loadEntityFolders]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     loadEntityFolders();
   }, [loadEntityFolders]);
-  const handleCreateFolder = (0, import_react19.useCallback)(
+  const handleCreateFolder = (0, import_react18.useCallback)(
     async (name, parentId) => {
       try {
         const created = await fileManagerApi.createFolder(
@@ -7808,7 +7252,7 @@ function useFileManagerApi(entityType, entityId, businessEntityId) {
     },
     [businessEntityId, refresh]
   );
-  const handleUploadFiles = (0, import_react19.useCallback)(
+  const handleUploadFiles = (0, import_react18.useCallback)(
     async (files, parentId) => {
       try {
         const uploaded = await fileManagerApi.uploadFiles(files, parentId);
@@ -7822,7 +7266,7 @@ function useFileManagerApi(entityType, entityId, businessEntityId) {
     },
     [refresh]
   );
-  const handleRename = (0, import_react19.useCallback)(
+  const handleRename = (0, import_react18.useCallback)(
     async (item, newName) => {
       try {
         if (item.type === "folder") {
@@ -7839,7 +7283,7 @@ function useFileManagerApi(entityType, entityId, businessEntityId) {
     },
     [refresh]
   );
-  const handleDelete = (0, import_react19.useCallback)(
+  const handleDelete = (0, import_react18.useCallback)(
     async (item) => {
       try {
         if (item.metadata?.isSystemFolder) {
@@ -7859,7 +7303,7 @@ function useFileManagerApi(entityType, entityId, businessEntityId) {
     },
     [refresh]
   );
-  const handleDownload = (0, import_react19.useCallback)((item) => {
+  const handleDownload = (0, import_react18.useCallback)((item) => {
     if (item.type === "file") {
       const url = item.url || fileManagerApi.getDownloadUrl(item.id);
       window.open(url, "_blank");
@@ -7882,7 +7326,7 @@ function useFileManagerApi(entityType, entityId, businessEntityId) {
 }
 
 // src/components/common/FileManager/components/EntityFileManager.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function getRootName(entityType) {
   const names = {
     CLIENT: "Documents Client",
@@ -7893,118 +7337,697 @@ function getRootName(entityType) {
   };
   return names[entityType] || "Documents";
 }
-var LoadingState = ({ height = "400px" }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+var LoadingState = ({ height = "400px" }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
   "div",
   {
     className: "flex flex-col items-center justify-center bg-gray-50 dark:bg-gray-900 rounded-xl border border-gray-200 dark:border-gray-800",
     style: { height },
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react17.Loader2, { className: "w-10 h-10 text-blue-500 animate-spin mb-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: "Chargement des documents..." })
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react16.Loader2, { className: "w-10 h-10 text-blue-500 animate-spin mb-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: "Chargement des documents..." })
     ]
   }
 );
-var ErrorState = ({ error, onRetry, height = "400px" }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+var ErrorState = ({ error, onRetry, height = "400px" }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
   "div",
   {
     className: "flex flex-col items-center justify-center bg-red-50 dark:bg-red-900/20 rounded-xl border border-red-200 dark:border-red-800",
     style: { height },
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react17.AlertCircle, { className: "w-10 h-10 text-red-500 mb-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-red-600 dark:text-red-400 text-sm font-medium mb-2", children: "Erreur lors du chargement" }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-red-500 dark:text-red-400 text-xs mb-4 max-w-md text-center px-4", children: error.message }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react16.AlertCircle, { className: "w-10 h-10 text-red-500 mb-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-red-600 dark:text-red-400 text-sm font-medium mb-2", children: "Erreur lors du chargement" }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-red-500 dark:text-red-400 text-xs mb-4 max-w-md text-center px-4", children: error.message }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
         "button",
         {
           onClick: onRetry,
           className: "flex items-center gap-2 px-4 py-2 bg-red-100 dark:bg-red-900/40 text-red-700 dark:text-red-300 rounded-lg hover:bg-red-200 dark:hover:bg-red-900/60 transition-colors text-sm",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react17.RefreshCw, { className: "w-4 h-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react16.RefreshCw, { className: "w-4 h-4" }),
             "R\xE9essayer"
           ]
         }
-      )
-    ]
-  }
-);
-var EmptyState = ({ height = "400px" }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
-  "div",
-  {
-    className: "flex flex-col items-center justify-center bg-gray-50 dark:bg-gray-900 rounded-xl border border-gray-200 dark:border-gray-800",
-    style: { height },
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react17.FolderX, { className: "w-10 h-10 text-gray-400 mb-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-gray-600 dark:text-gray-400 text-sm font-medium mb-1", children: "Aucun document trouv\xE9" }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-gray-500 dark:text-gray-500 text-xs", children: "La structure de dossiers n'a pas encore \xE9t\xE9 cr\xE9\xE9e pour cette entit\xE9." })
-    ]
-  }
-);
-var EntityFileManager = ({
-  entityType,
-  entityId,
-  businessEntityId,
-  className,
-  height = "600px",
-  // Permissions (défaut: tout autorisé)
-  allowUpload = true,
-  allowCreateFolder = true,
-  allowRename = true,
-  allowDelete = true,
-  allowDownload = true,
-  // Callbacks
-  onFileSelect,
-  onFileOpen,
-  onUploadSuccess,
-  onError
-}) => {
-  const { data, loading, error, refresh, handlers } = useFileManagerApi(
-    entityType,
-    entityId,
-    businessEntityId
-  );
-  import_react20.default.useEffect(() => {
-    if (error && onError) {
-      onError(error);
-    }
-  }, [error, onError]);
-  if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(LoadingState, { height });
-  }
-  if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ErrorState, { error, onRetry: refresh, height });
-  }
-  if (!data || data.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(EmptyState, { height });
-  }
-  const handleUploadFiles = async (files, parentId) => {
-    const result = await handlers.onUploadFiles(files, parentId);
-    if (result && onUploadSuccess) {
-      onUploadSuccess(result);
+      )
+    ]
+  }
+);
+var EmptyState = ({ height = "400px" }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  "div",
+  {
+    className: "flex flex-col items-center justify-center bg-gray-50 dark:bg-gray-900 rounded-xl border border-gray-200 dark:border-gray-800",
+    style: { height },
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react16.FolderX, { className: "w-10 h-10 text-gray-400 mb-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-gray-600 dark:text-gray-400 text-sm font-medium mb-1", children: "Aucun document trouv\xE9" }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-gray-500 dark:text-gray-500 text-xs", children: "La structure de dossiers n'a pas encore \xE9t\xE9 cr\xE9\xE9e pour cette entit\xE9." })
+    ]
+  }
+);
+var EntityFileManager = ({
+  entityType,
+  entityId,
+  businessEntityId,
+  className,
+  height = "600px",
+  // Permissions (défaut: tout autorisé)
+  allowUpload = true,
+  allowCreateFolder = true,
+  allowRename = true,
+  allowDelete = true,
+  allowDownload = true,
+  // Callbacks
+  onFileSelect,
+  onFileOpen,
+  onUploadSuccess,
+  onError
+}) => {
+  const { data, loading, error, refresh, handlers } = useFileManagerApi(
+    entityType,
+    entityId,
+    businessEntityId
+  );
+  import_react19.default.useEffect(() => {
+    if (error && onError) {
+      onError(error);
+    }
+  }, [error, onError]);
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(LoadingState, { height });
+  }
+  if (error) {
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ErrorState, { error, onRetry: refresh, height });
+  }
+  if (!data || data.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(EmptyState, { height });
+  }
+  const handleUploadFiles = async (files, parentId) => {
+    const result = await handlers.onUploadFiles(files, parentId);
+    if (result && onUploadSuccess) {
+      onUploadSuccess(result);
+    }
+    return result;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: cn("relative", className), style: { height }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    FileManager,
+    {
+      data,
+      rootName: getRootName(entityType),
+      onCreateFolder: handlers.onCreateFolder,
+      onUploadFiles: handleUploadFiles,
+      onRename: handlers.onRename,
+      onDelete: handlers.onDelete,
+      onDownload: handlers.onDownload,
+      onSelect: onFileSelect,
+      onOpen: onFileOpen,
+      allowUpload,
+      allowCreateFolder,
+      allowRename,
+      allowDelete,
+      allowDownload,
+      allowMultiSelect: true,
+      className: "h-full"
+    }
+  ) });
+};
+
+// src/components/common/FormVendor.tsx
+var import_lucide_react17 = require("lucide-react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var FormVendor = ({
+  isOpen,
+  onClose,
+  object,
+  from = "procurement",
+  refresh = () => {
+  }
+}) => {
+  const [formData, setFormData] = (0, import_react20.useState)(object || {
+    from_module: from ?? null,
+    legal_name: "",
+    trading_name: "",
+    phone: "",
+    email: "",
+    logo: "",
+    year_founded: "",
+    activity_sector: "",
+    description: "",
+    accounting_account_number: "",
+    account: null,
+    capital: null,
+    annual_turnover: null,
+    payment_delay: null,
+    country: "",
+    city: "",
+    address: "",
+    legal_form: "",
+    tax_regime: "",
+    tax_account: "",
+    rccm: "",
+    legal_representative_name: "",
+    legal_representative_address: "",
+    legal_representative_phone: "",
+    legal_representative_email: "",
+    legal_representative_id_document: "",
+    legal_representative_id_number: "",
+    legal_representative_fonction: "",
+    bank_name: "",
+    bank_address: "",
+    bank_email: "",
+    bank_phone: "",
+    iban: "",
+    rib: "",
+    vendor_number: ""
+  });
+  const [errors, setErrors] = (0, import_react20.useState)({});
+  const [activeTab, setActiveTab] = (0, import_react20.useState)("general");
+  const [loading, setLoading] = (0, import_react20.useState)(false);
+  const { token, activeBusinessEntity } = useSession();
+  const { success, error: showError } = useToast();
+  const handleInputChange = (e) => {
+    const { name, value } = e.target;
+    setFormData((prev) => ({ ...prev, [name]: value }));
+    if (errors[name]) {
+      setErrors((prev) => ({ ...prev, [name]: void 0 }));
+    }
+  };
+  const handleTextareaChange = (e) => {
+    const { name, value } = e.target;
+    setFormData((prev) => ({ ...prev, [name]: value }));
+  };
+  const validateForm = () => {
+    const newErrors = {};
+    if (!formData.legal_name?.trim()) {
+      newErrors.legal_name = "La raison sociale est obligatoire";
+    }
+    if (formData.email && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(formData.email)) {
+      newErrors.email = "Format d'email invalide";
+    }
+    if (formData.iban && formData.iban.length > 0 && formData.iban.length < 15) {
+      newErrors.iban = "Format IBAN invalide";
+    }
+    setErrors(newErrors);
+    return Object.keys(newErrors).length === 0;
+  };
+  const handleSaveVendor = async (entityData) => {
+    try {
+      if (object && object.id) {
+        await VendorServices.update(object.id, entityData);
+        success("Fournisseur modifi\xE9 avec succ\xE8s !");
+      } else {
+        await VendorServices.create(entityData);
+        success("Fournisseur cr\xE9\xE9 avec succ\xE8s !");
+      }
+      refresh();
+      onClose();
+    } catch (error) {
+      console.error(error);
+      showError("Erreur lors de l'enregistrement du fournisseur");
+    }
+  };
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!validateForm()) return;
+    setLoading(true);
+    try {
+      await handleSaveVendor(formData);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const tabs = [
+    { id: "general", label: "G\xE9n\xE9ral", icon: import_lucide_react17.Building2 },
+    { id: "contacts", label: "Adresses & Contacts", icon: import_lucide_react17.MapPin },
+    { id: "representative", label: "Repr\xE9sentant", icon: import_lucide_react17.FileText },
+    { id: "accounting", label: "Comptabilit\xE9", icon: import_lucide_react17.FileText },
+    { id: "banking", label: "Bancaire", icon: import_lucide_react17.CreditCard },
+    { id: "attachment", label: "Fichiers", icon: import_lucide_react17.File }
+  ];
+  const renderTabContent = () => {
+    switch (activeTab) {
+      case "general":
+        return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            TextInput,
+            {
+              label: "Raison sociale",
+              name: "legal_name",
+              value: formData.legal_name || "",
+              placeholder: "Nom l\\u00e9gal de l'entit\\u00e9",
+              required: true,
+              error: errors.legal_name,
+              onChange: handleInputChange
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            TextInput,
+            {
+              label: "Nom commercial",
+              name: "trading_name",
+              value: formData.trading_name || "",
+              placeholder: "Nom commercial (optionnel)",
+              onChange: handleInputChange
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              TextInput,
+              {
+                label: "Num\\u00e9ro d'identification fiscale (NCC)",
+                name: "tax_account",
+                value: formData.tax_account || "",
+                placeholder: "Num\\u00e9ro d'identification fiscale",
+                onChange: handleInputChange
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              TextInput,
+              {
+                label: "RCCM",
+                name: "rccm",
+                value: formData.rccm || "",
+                placeholder: "Registre du Commerce et du Cr\\u00e9dit Mobilier",
+                onChange: handleInputChange
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              TextInput,
+              {
+                label: "Forme juridique",
+                name: "legal_form",
+                value: formData.legal_form || "",
+                placeholder: "SARL, SA, SAS, etc.",
+                onChange: handleInputChange
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              TextInput,
+              {
+                label: "R\\u00e9gime fiscal",
+                name: "tax_regime",
+                value: formData.tax_regime || "",
+                placeholder: "R\\u00e9gime fiscal",
+                onChange: handleInputChange
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              TextInput,
+              {
+                label: "Ann\\u00e9e de fondation",
+                name: "year_founded",
+                value: formData.year_founded || "",
+                placeholder: "2020",
+                onChange: handleInputChange
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              TextInput,
+              {
+                label: "Secteur d'activit\\u00e9",
+                name: "activity_sector",
+                value: formData.activity_sector || "",
+                placeholder: "Informatique, Commerce, etc.",
+                onChange: handleInputChange
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Description" }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.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 de l'activit\\u00e9 de l'entit\\u00e9"
+              }
+            )
+          ] })
+        ] });
+      case "contacts":
+        return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              InputField,
+              {
+                label: "T\\u00e9l\\u00e9phone",
+                name: "phone",
+                type: "tel",
+                value: formData.phone || "",
+                placeholder: "+225 XX XX XX XX XX",
+                onChange: handleInputChange
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              InputField,
+              {
+                label: "Email",
+                name: "email",
+                type: "email",
+                value: formData.email || "",
+                placeholder: "contact@entite.com",
+                error: errors.email,
+                onChange: handleInputChange
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              TextInput,
+              {
+                label: "Pays",
+                name: "country",
+                value: formData.country || "",
+                placeholder: "C\\u00f4te d'Ivoire",
+                onChange: handleInputChange
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              TextInput,
+              {
+                label: "Ville",
+                name: "city",
+                value: formData.city || "",
+                placeholder: "Abidjan",
+                onChange: handleInputChange
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Adresse compl\\u00e8te" }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              "textarea",
+              {
+                name: "address",
+                value: formData.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\\u00e8te de l'entit\\u00e9"
+              }
+            )
+          ] })
+        ] });
+      case "representative":
+        return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            TextInput,
+            {
+              label: "Nom du repr\\u00e9sentant l\\u00e9gal",
+              name: "legal_representative_name",
+              value: formData.legal_representative_name || "",
+              placeholder: "Nom et pr\\u00e9nom du repr\\u00e9sentant",
+              onChange: handleInputChange
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            TextInput,
+            {
+              label: "Fonction du repr\\u00e9sentant",
+              name: "legal_representative_fonction",
+              value: formData.legal_representative_fonction || "",
+              placeholder: "Directeur G\\u00e9n\\u00e9ral, G\\u00e9rant, etc.",
+              onChange: handleInputChange
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              InputField,
+              {
+                label: "T\\u00e9l\\u00e9phone du repr\\u00e9sentant",
+                name: "legal_representative_phone",
+                type: "tel",
+                value: formData.legal_representative_phone || "",
+                placeholder: "+225 XX XX XX XX XX",
+                onChange: handleInputChange
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              InputField,
+              {
+                label: "Email du repr\\u00e9sentant",
+                name: "legal_representative_email",
+                type: "email",
+                value: formData.legal_representative_email || "",
+                placeholder: "representant@entite.com",
+                onChange: handleInputChange
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              TextInput,
+              {
+                label: "Type de document d'identit\\u00e9",
+                name: "legal_representative_id_document",
+                value: formData.legal_representative_id_document || "",
+                placeholder: "CNI, Passeport, etc.",
+                onChange: handleInputChange
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              TextInput,
+              {
+                label: "Num\\u00e9ro de document d'identit\\u00e9",
+                name: "legal_representative_id_number",
+                value: formData.legal_representative_id_number || "",
+                placeholder: "Num\\u00e9ro du document",
+                onChange: handleInputChange
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Adresse du repr\\u00e9sentant" }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              "textarea",
+              {
+                name: "legal_representative_address",
+                value: formData.legal_representative_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 du repr\\u00e9sentant l\\u00e9gal"
+              }
+            )
+          ] })
+        ] });
+      case "accounting":
+        return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            SelectAccount,
+            {
+              value: formData.account,
+              filterClass: "4",
+              onSelect: (option) => {
+                setFormData((prev) => ({
+                  ...prev,
+                  account: option.value,
+                  accounting_account_number: option.object?.account_number || ""
+                }));
+              }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              TextInput,
+              {
+                label: "Numero de compte (manuel)",
+                name: "accounting_account_number",
+                value: formData.accounting_account_number || "",
+                placeholder: "Numero de compte comptable",
+                onChange: handleInputChange
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              TextInput,
+              {
+                label: "Capital",
+                name: "capital",
+                value: formData.capital?.toString() || "",
+                placeholder: "Capital social",
+                onChange: handleInputChange
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              TextInput,
+              {
+                label: "Chiffre d'affaires annuel",
+                name: "annual_turnover",
+                value: formData.annual_turnover?.toString() || "",
+                placeholder: "Chiffre d'affaires",
+                onChange: handleInputChange
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              TextInput,
+              {
+                label: "Delai de paiement (jours)",
+                name: "payment_delay",
+                value: formData.payment_delay?.toString() || "",
+                placeholder: "30",
+                onChange: handleInputChange
+              }
+            )
+          ] })
+        ] });
+      case "banking":
+        return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              TextInput,
+              {
+                label: "RIB",
+                name: "rib",
+                value: formData.rib || "",
+                placeholder: "Relev\\u00e9 d'Identit\\u00e9 Bancaire",
+                onChange: handleInputChange
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              TextInput,
+              {
+                label: "IBAN",
+                name: "iban",
+                value: formData.iban || "",
+                placeholder: "CI93 1234 5678 9012 3456 789",
+                error: errors.iban,
+                onChange: handleInputChange
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            TextInput,
+            {
+              label: "Nom de la banque",
+              name: "bank_name",
+              value: formData.bank_name || "",
+              placeholder: "Nom de la banque",
+              onChange: handleInputChange
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              InputField,
+              {
+                label: "Email de la banque",
+                name: "bank_email",
+                type: "email",
+                value: formData.bank_email || "",
+                placeholder: "contact@banque.com",
+                onChange: handleInputChange
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              InputField,
+              {
+                label: "T\\u00e9l\\u00e9phone de la banque",
+                name: "bank_phone",
+                type: "tel",
+                value: formData.bank_phone || "",
+                placeholder: "+225 XX XX XX XX XX",
+                onChange: handleInputChange
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Adresse de la banque" }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              "textarea",
+              {
+                name: "bank_address",
+                value: formData.bank_address || "",
+                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: "Adresse de la banque"
+              }
+            )
+          ] })
+        ] });
+      case "attachment":
+        if (!object?.id) {
+          return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 text-gray-500", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react17.File, { className: "w-12 h-12 mb-4 text-gray-400" }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-lg font-medium", children: "Fichiers non disponibles" }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-sm mt-2", children: "Enregistrez d'abord le fournisseur pour pouvoir ajouter des fichiers." })
+          ] });
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "h-[500px]", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          EntityFileManager,
+          {
+            entityType: "VENDOR",
+            entityId: object.id,
+            businessEntityId: activeBusinessEntity?.id || 0,
+            height: "100%",
+            allowUpload: true,
+            allowCreateFolder: true,
+            allowRename: true,
+            allowDelete: true,
+            allowDownload: true
+          }
+        ) });
+      default:
+        return null;
     }
-    return result;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: cn("relative", className), style: { height }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-    FileManager,
+  if (!isOpen) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+    Modals_default,
     {
-      data,
-      rootName: getRootName(entityType),
-      onCreateFolder: handlers.onCreateFolder,
-      onUploadFiles: handleUploadFiles,
-      onRename: handlers.onRename,
-      onDelete: handlers.onDelete,
-      onDownload: handlers.onDownload,
-      onSelect: onFileSelect,
-      onOpen: onFileOpen,
-      allowUpload,
-      allowCreateFolder,
-      allowRename,
-      allowDelete,
-      allowDownload,
-      allowMultiSelect: true,
-      className: "h-full"
+      title: object ? "Modifier le fournisseur" : "Ajouter un fournisseur",
+      width: "w-[100%]",
+      description: "",
+      open: isOpen,
+      onClose,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "border-b border-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("nav", { className: "flex space-x-8 px-6", children: tabs.map((tab) => {
+          const Icon = tab.icon;
+          return /* @__PURE__ */ (0, import_jsx_runtime25.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_runtime25.jsx)(Icon, { className: "w-4 h-4 inline mr-2" }),
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: tab.label })
+              ]
+            },
+            tab.id
+          );
+        }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("form", { onSubmit: handleSubmit, className: "p-6", children: [
+          renderTabContent(),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex justify-between pt-6 border-t border-gray-200 mt-8", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.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_runtime25.jsx)(
+              Buttons_default,
+              {
+                type: "submit",
+                disabled: loading,
+                children: loading ? "Chargement..." : object ? "Modifier" : "Enregistrer le fournisseur"
+              }
+            )
+          ] })
+        ] })
+      ]
     }
-  ) });
+  );
 };
+var MinimalVendorForm = FormVendor;
+
+// src/components/common/FormClient.tsx
+var import_react21 = require("react");
 
 // src/models/Client.ts
 var TEMPLATE_FNE_CHOICES = [