ptechcore_ui 1.0.47 → 1.0.48

package/dist/index.js

@@ -4721,7 +4721,7 @@ var Pagination = ({
 };
 
 // src/components/common/FormVendor.tsx
-import { useState as useState11 } from "react";
+import { useState as useState17 } from "react";
 
 // src/components/common/CommonSelect.tsx
 import { useEffect as useEffect8, useState as useState10 } from "react";
@@ -5753,1208 +5753,647 @@ var SelectClient = ({
   ] });
 };
 
-// src/components/common/FormVendor.tsx
-import {
-  Building2 as Building22,
-  MapPin,
-  FileText as FileText2,
-  CreditCard
-} from "lucide-react";
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
-var FormVendor = ({
-  isOpen,
-  onClose,
-  object,
-  from = "procurement",
-  refresh = () => {
+// src/components/common/FileManager/FileManager.tsx
+import { useState as useState15 } from "react";
+import { Menu as Menu3, X as X8 } from "lucide-react";
+
+// src/components/common/FileManager/FileManagerContext.tsx
+import { createContext as createContext4, useContext as useContext4, useState as useState11, useCallback as useCallback2, useMemo } from "react";
+import { jsx as jsx15 } from "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 = createContext4(null);
+var useFileManager = () => {
+  const context = useContext4(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] = useState11(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 = useMemo(
+    () => ({
+      id: "__root__",
+      name: rootName,
+      type: "folder",
+      path: "/",
+      children: data
+    }),
+    [data, rootName]
+  );
+  const [currentFolder, setCurrentFolder] = useState11(rootFolder);
+  const [pathHistory, setPathHistory] = useState11([rootFolder]);
+  const [selectedItems, setSelectedItems] = useState11([]);
+  const [viewMode, setViewMode] = useState11(initialViewMode);
+  const [renamingItem, setRenamingItem] = useState11(null);
+  const [contextMenu, setContextMenu] = useState11({
+    visible: false,
+    position: { x: 0, y: 0 },
+    item: null
   });
-  const [errors, setErrors] = useState11({});
-  const [activeTab, setActiveTab] = useState11("general");
-  const [loading, setLoading] = useState11(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 = useMemo(() => ({ ...defaultTexts, ...customTexts }), [customTexts]);
+  const currentFolderContents = useMemo(() => {
+    return currentFolder?.children || [];
+  }, [currentFolder]);
+  const navigateToFolder = useCallback2(
+    (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 = useCallback2(() => {
+    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 = useCallback2(
+    (index) => {
+      if (index < pathHistory.length - 1) {
+        const newHistory = pathHistory.slice(0, index + 1);
+        setCurrentFolder(newHistory[newHistory.length - 1]);
+        setPathHistory(newHistory);
+        setSelectedItems([]);
+      }
+    },
+    [pathHistory]
+  );
+  const selectItem = useCallback2(
+    (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 = useCallback2(() => {
+    setSelectedItems([]);
+    if (onSelect) {
+      onSelect([]);
     }
-  };
-  const tabs = [
-    { id: "general", label: "G\xE9n\xE9ral", icon: Building22 },
-    { id: "contacts", label: "Adresses & Contacts", icon: MapPin },
-    { id: "representative", label: "Repr\xE9sentant", icon: FileText2 },
-    { id: "accounting", label: "Comptabilit\xE9", icon: FileText2 },
-    { id: "banking", label: "Bancaire", icon: CreditCard }
-  ];
-  const renderTabContent = () => {
-    switch (activeTab) {
-      case "general":
-        return /* @__PURE__ */ jsxs12("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsx15(
-            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__ */ jsx15(
-            TextInput,
-            {
-              label: "Nom commercial",
-              name: "trading_name",
-              value: formData.trading_name || "",
-              placeholder: "Nom commercial (optionnel)",
-              onChange: handleInputChange
-            }
-          ),
-          /* @__PURE__ */ jsxs12("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ jsx15(
-              TextInput,
-              {
-                label: "Num\\u00e9ro d'identification fiscale (NCC)",
-                name: "tax_account",
-                value: formData.tax_account || "",
-                placeholder: "Num\\u00e9ro d'identification fiscale",
-                onChange: handleInputChange
-              }
-            ),
-            /* @__PURE__ */ jsx15(
-              TextInput,
-              {
-                label: "RCCM",
-                name: "rccm",
-                value: formData.rccm || "",
-                placeholder: "Registre du Commerce et du Cr\\u00e9dit Mobilier",
-                onChange: handleInputChange
-              }
-            ),
-            /* @__PURE__ */ jsx15(
-              TextInput,
-              {
-                label: "Forme juridique",
-                name: "legal_form",
-                value: formData.legal_form || "",
-                placeholder: "SARL, SA, SAS, etc.",
-                onChange: handleInputChange
-              }
-            ),
-            /* @__PURE__ */ jsx15(
-              TextInput,
-              {
-                label: "R\\u00e9gime fiscal",
-                name: "tax_regime",
-                value: formData.tax_regime || "",
-                placeholder: "R\\u00e9gime fiscal",
-                onChange: handleInputChange
-              }
-            ),
-            /* @__PURE__ */ jsx15(
-              TextInput,
-              {
-                label: "Ann\\u00e9e de fondation",
-                name: "year_founded",
-                value: formData.year_founded || "",
-                placeholder: "2020",
-                onChange: handleInputChange
-              }
-            ),
-            /* @__PURE__ */ jsx15(
-              TextInput,
-              {
-                label: "Secteur d'activit\\u00e9",
-                name: "activity_sector",
-                value: formData.activity_sector || "",
-                placeholder: "Informatique, Commerce, etc.",
-                onChange: handleInputChange
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs12("div", { children: [
-            /* @__PURE__ */ jsx15("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Description" }),
-            /* @__PURE__ */ jsx15(
-              "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__ */ jsxs12("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxs12("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ jsx15(
-              InputField,
-              {
-                label: "T\\u00e9l\\u00e9phone",
-                name: "phone",
-                type: "tel",
-                value: formData.phone || "",
-                placeholder: "+225 XX XX XX XX XX",
-                onChange: handleInputChange
-              }
-            ),
-            /* @__PURE__ */ jsx15(
-              InputField,
-              {
-                label: "Email",
-                name: "email",
-                type: "email",
-                value: formData.email || "",
-                placeholder: "contact@entite.com",
-                error: errors.email,
-                onChange: handleInputChange
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs12("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ jsx15(
-              TextInput,
-              {
-                label: "Pays",
-                name: "country",
-                value: formData.country || "",
-                placeholder: "C\\u00f4te d'Ivoire",
-                onChange: handleInputChange
-              }
-            ),
-            /* @__PURE__ */ jsx15(
-              TextInput,
-              {
-                label: "Ville",
-                name: "city",
-                value: formData.city || "",
-                placeholder: "Abidjan",
-                onChange: handleInputChange
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs12("div", { children: [
-            /* @__PURE__ */ jsx15("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Adresse compl\\u00e8te" }),
-            /* @__PURE__ */ jsx15(
-              "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__ */ jsxs12("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsx15(
-            TextInput,
+  }, [onSelect]);
+  const showContextMenu = useCallback2((item, position) => {
+    setContextMenu({
+      visible: true,
+      position,
+      item
+    });
+  }, []);
+  const hideContextMenu = useCallback2(() => {
+    setContextMenu((prev) => ({ ...prev, visible: false }));
+  }, []);
+  const startRenaming = useCallback2((item) => {
+    setRenamingItem(item);
+    hideContextMenu();
+  }, [hideContextMenu]);
+  const stopRenaming = useCallback2(() => {
+    setRenamingItem(null);
+  }, []);
+  const contextValue = 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__ */ jsx15(FileManagerContext.Provider, { value: contextValue, children });
+};
+
+// src/components/common/FileManager/components/FolderTree.tsx
+import { useState as useState12 } from "react";
+import { ChevronRight as ChevronRight2, ChevronDown as ChevronDown3, Folder, FolderOpen } from "lucide-react";
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+var FolderTreeItem = ({ item, level }) => {
+  const { currentFolder, navigateToFolder, pathHistory } = useFileManager();
+  const [isExpanded, setIsExpanded] = useState12(
+    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__ */ jsxs12("div", { children: [
+    /* @__PURE__ */ jsxs12(
+      "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__ */ jsx16(
+            "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__ */ jsx16(ChevronDown3, { className: "w-4 h-4 text-gray-500 dark:text-gray-400" }) : /* @__PURE__ */ jsx16(ChevronRight2, { className: "w-4 h-4 text-gray-500 dark:text-gray-400" })
             }
-          ),
-          /* @__PURE__ */ jsx15(
-            TextInput,
+          ) : /* @__PURE__ */ jsx16("span", { className: "w-5" }),
+          isExpanded ? /* @__PURE__ */ jsx16(FolderOpen, { className: "w-4 h-4 text-yellow-500 flex-shrink-0" }) : /* @__PURE__ */ jsx16(Folder, { className: "w-4 h-4 text-yellow-500 flex-shrink-0" }),
+          /* @__PURE__ */ jsx16(
+            "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__ */ jsxs12("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ jsx15(
-              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__ */ jsx15(
-              InputField,
-              {
-                label: "Email du repr\\u00e9sentant",
-                name: "legal_representative_email",
-                type: "email",
-                value: formData.legal_representative_email || "",
-                placeholder: "representant@entite.com",
-                onChange: handleInputChange
-              }
-            ),
-            /* @__PURE__ */ jsx15(
-              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__ */ jsx15(
-              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__ */ jsxs12("div", { children: [
-            /* @__PURE__ */ jsx15("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Adresse du repr\\u00e9sentant" }),
-            /* @__PURE__ */ jsx15(
-              "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__ */ jsxs12("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsx15(
-            SelectAccount,
-            {
-              value: formData.account,
-              filterClass: "4",
-              onSelect: (option) => {
-                setFormData((prev) => ({
-                  ...prev,
-                  account: option.value,
-                  accounting_account_number: option.object?.account_number || ""
-                }));
-              }
-            }
-          ),
-          /* @__PURE__ */ jsxs12("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ jsx15(
-              TextInput,
-              {
-                label: "Numero de compte (manuel)",
-                name: "accounting_account_number",
-                value: formData.accounting_account_number || "",
-                placeholder: "Numero de compte comptable",
-                onChange: handleInputChange
-              }
-            ),
-            /* @__PURE__ */ jsx15(
-              TextInput,
-              {
-                label: "Capital",
-                name: "capital",
-                value: formData.capital?.toString() || "",
-                placeholder: "Capital social",
-                onChange: handleInputChange
-              }
-            ),
-            /* @__PURE__ */ jsx15(
-              TextInput,
-              {
-                label: "Chiffre d'affaires annuel",
-                name: "annual_turnover",
-                value: formData.annual_turnover?.toString() || "",
-                placeholder: "Chiffre d'affaires",
-                onChange: handleInputChange
-              }
-            ),
-            /* @__PURE__ */ jsx15(
-              TextInput,
-              {
-                label: "Delai de paiement (jours)",
-                name: "payment_delay",
-                value: formData.payment_delay?.toString() || "",
-                placeholder: "30",
-                onChange: handleInputChange
-              }
-            )
-          ] })
-        ] });
-      case "banking":
-        return /* @__PURE__ */ jsxs12("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxs12("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ jsx15(
-              TextInput,
-              {
-                label: "RIB",
-                name: "rib",
-                value: formData.rib || "",
-                placeholder: "Relev\\u00e9 d'Identit\\u00e9 Bancaire",
-                onChange: handleInputChange
-              }
-            ),
-            /* @__PURE__ */ jsx15(
-              TextInput,
-              {
-                label: "IBAN",
-                name: "iban",
-                value: formData.iban || "",
-                placeholder: "CI93 1234 5678 9012 3456 789",
-                error: errors.iban,
-                onChange: handleInputChange
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx15(
-            TextInput,
-            {
-              label: "Nom de la banque",
-              name: "bank_name",
-              value: formData.bank_name || "",
-              placeholder: "Nom de la banque",
-              onChange: handleInputChange
-            }
-          ),
-          /* @__PURE__ */ jsxs12("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ jsx15(
-              InputField,
-              {
-                label: "Email de la banque",
-                name: "bank_email",
-                type: "email",
-                value: formData.bank_email || "",
-                placeholder: "contact@banque.com",
-                onChange: handleInputChange
-              }
-            ),
-            /* @__PURE__ */ jsx15(
-              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__ */ jsxs12("div", { children: [
-            /* @__PURE__ */ jsx15("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Adresse de la banque" }),
-            /* @__PURE__ */ jsx15(
-              "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__ */ jsx16("div", { children: folderChildren.map((child) => /* @__PURE__ */ jsx16(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__ */ jsxs12(
-    Modals_default,
-    {
-      title: object ? "Modifier le fournisseur" : "Ajouter un fournisseur",
-      width: "w-[100%]",
-      description: "",
-      open: isOpen,
-      onClose,
-      children: [
-        /* @__PURE__ */ jsx15("div", { className: "border-b border-gray-200", children: /* @__PURE__ */ jsx15("nav", { className: "flex space-x-8 px-6", children: tabs.map((tab) => {
-          const Icon = tab.icon;
-          return /* @__PURE__ */ jsxs12(
-            "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__ */ jsx15(Icon, { className: "w-4 h-4 inline mr-2" }),
-                /* @__PURE__ */ jsx15("span", { children: tab.label })
-              ]
-            },
-            tab.id
-          );
-        }) }) }),
-        /* @__PURE__ */ jsxs12("form", { onSubmit: handleSubmit, className: "p-6", children: [
-          renderTabContent(),
-          /* @__PURE__ */ jsxs12("div", { className: "flex justify-between pt-6 border-t border-gray-200 mt-8", children: [
-            /* @__PURE__ */ jsx15(
-              "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__ */ jsx15(
-              Buttons_default,
-              {
-                type: "submit",
-                disabled: loading,
-                children: loading ? "Chargement..." : object ? "Modifier" : "Enregistrer le fournisseur"
-              }
-            )
-          ] })
-        ] })
-      ]
-    }
-  );
+  const isRootSelected = currentFolder?.id === "__root__";
+  return /* @__PURE__ */ jsxs12("div", { className: "h-full overflow-y-auto py-2", children: [
+    /* @__PURE__ */ jsxs12(
+      "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__ */ jsx16(Folder, { className: "w-4 h-4 text-yellow-500" }),
+          /* @__PURE__ */ jsx16("span", { className: cn("text-sm", isRootSelected && "font-medium"), children: rootItem.name })
+        ]
+      }
+    ),
+    data.filter((item) => item.type === "folder").map((folder) => /* @__PURE__ */ jsx16(FolderTreeItem, { item: folder, level: 1 }, folder.id))
+  ] });
 };
-var MinimalVendorForm = FormVendor;
 
-// src/components/common/FormClient.tsx
-import { useState as useState18 } from "react";
+// src/components/common/FileManager/components/FileGrid.tsx
+import { FolderPlus } from "lucide-react";
 
-// src/components/common/FileManager/FileManager.tsx
-import { useState as useState16 } from "react";
-import { Menu as Menu3, X as X8 } from "lucide-react";
+// src/components/common/FileManager/components/FileCard.tsx
+import { useState as useState13, useRef as useRef3, useEffect as useEffect9 } from "react";
 
-// src/components/common/FileManager/FileManagerContext.tsx
-import { createContext as createContext4, useContext as useContext4, useState as useState12, useCallback as useCallback2, useMemo } from "react";
-import { jsx as jsx16 } from "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 = createContext4(null);
-var useFileManager = () => {
-  const context = useContext4(FileManagerContext);
-  if (!context) {
-    throw new Error("useFileManager must be used within a FileManagerProvider");
+// src/components/common/FileManager/utils.ts
+import {
+  Folder as Folder2,
+  FolderOpen as FolderOpen2,
+  File,
+  FileText as FileText2,
+  FileImage,
+  FileSpreadsheet as FileSpreadsheet2,
+  FileType,
+  FileArchive,
+  FileVideo,
+  FileAudio,
+  FileCode
+} from "lucide-react";
+var getFileIcon = (mimeType, isFolder, isOpen) => {
+  if (isFolder) {
+    return isOpen ? FolderOpen2 : Folder2;
   }
-  return context;
+  if (!mimeType) {
+    return File;
+  }
+  const type = mimeType.toLowerCase();
+  if (type.startsWith("image/")) {
+    return FileImage;
+  }
+  if (type === "application/pdf") {
+    return FileText2;
+  }
+  if (type === "application/msword" || type === "application/vnd.openxmlformats-officedocument.wordprocessingml.document" || type.includes("word")) {
+    return FileType;
+  }
+  if (type === "application/vnd.ms-excel" || type === "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" || type.includes("excel") || type.includes("spreadsheet")) {
+    return FileSpreadsheet2;
+  }
+  if (type === "application/vnd.ms-powerpoint" || type === "application/vnd.openxmlformats-officedocument.presentationml.presentation" || type.includes("powerpoint") || type.includes("presentation")) {
+    return 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 FileArchive;
+  }
+  if (type.startsWith("video/")) {
+    return FileVideo;
+  }
+  if (type.startsWith("audio/")) {
+    return FileAudio;
+  }
+  if (type.includes("javascript") || type.includes("typescript") || type.includes("json") || type.includes("xml") || type.includes("html") || type.includes("css")) {
+    return FileCode;
+  }
+  if (type.startsWith("text/")) {
+    return FileText2;
+  }
+  return File;
 };
-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 = useMemo(
-    () => ({
-      id: "__root__",
-      name: rootName,
-      type: "folder",
-      path: "/",
-      children: data
-    }),
-    [data, rootName]
-  );
-  const [currentFolder, setCurrentFolder] = useState12(rootFolder);
-  const [pathHistory, setPathHistory] = useState12([rootFolder]);
-  const [selectedItems, setSelectedItems] = useState12([]);
-  const [viewMode, setViewMode] = useState12(initialViewMode);
-  const [renamingItem, setRenamingItem] = useState12(null);
-  const [contextMenu, setContextMenu] = useState12({
-    visible: false,
-    position: { x: 0, y: 0 },
-    item: null
+var formatFileSize = (bytes) => {
+  if (bytes === void 0 || bytes === null) {
+    return "-";
+  }
+  if (bytes === 0) {
+    return "0 B";
+  }
+  const units = ["B", "KB", "MB", "GB", "TB"];
+  const k = 1024;
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(1))} ${units[i]}`;
+};
+var formatDate = (date) => {
+  if (!date) {
+    return "-";
+  }
+  const d = typeof date === "string" ? new Date(date) : date;
+  if (isNaN(d.getTime())) {
+    return "-";
+  }
+  return d.toLocaleDateString("fr-FR", {
+    day: "2-digit",
+    month: "2-digit",
+    year: "numeric"
   });
-  const texts = useMemo(() => ({ ...defaultTexts, ...customTexts }), [customTexts]);
-  const currentFolderContents = useMemo(() => {
-    return currentFolder?.children || [];
-  }, [currentFolder]);
-  const navigateToFolder = useCallback2(
-    (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 = useCallback2(() => {
-    if (pathHistory.length > 1) {
-      const newHistory = [...pathHistory];
-      newHistory.pop();
-      const previousFolder = newHistory[newHistory.length - 1];
-      setCurrentFolder(previousFolder);
-      setPathHistory(newHistory);
-      setSelectedItems([]);
+};
+
+// src/components/common/FileManager/components/FileCard.tsx
+import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+var FileCard = ({ item, variant = "grid" }) => {
+  const {
+    selectedItems,
+    selectItem,
+    navigateToFolder,
+    showContextMenu,
+    renamingItem,
+    stopRenaming,
+    onRename,
+    onOpen,
+    onDownload,
+    allowRename
+  } = useFileManager();
+  const [renameValue, setRenameValue] = useState13(item.name);
+  const inputRef = useRef3(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);
+  useEffect9(() => {
+    if (isRenaming && inputRef.current) {
+      inputRef.current.focus();
+      inputRef.current.select();
     }
-  }, [pathHistory]);
-  const navigateToPath = useCallback2(
-    (index) => {
-      if (index < pathHistory.length - 1) {
-        const newHistory = pathHistory.slice(0, index + 1);
-        setCurrentFolder(newHistory[newHistory.length - 1]);
-        setPathHistory(newHistory);
-        setSelectedItems([]);
+  }, [isRenaming]);
+  useEffect9(() => {
+    setRenameValue(item.name);
+  }, [item.name]);
+  const handleClick = (e) => {
+    e.stopPropagation();
+    selectItem(item, e.ctrlKey || e.metaKey);
+  };
+  const handleDoubleClick = (e) => {
+    e.stopPropagation();
+    if (isFolder) {
+      navigateToFolder(item);
+    } else {
+      if (onOpen) {
+        onOpen(item);
+      } else if (onDownload) {
+        onDownload(item);
       }
-    },
-    [pathHistory]
-  );
-  const selectItem = useCallback2(
-    (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);
+    }
+  };
+  const handleContextMenu = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    showContextMenu(item, { x: e.clientX, y: e.clientY });
+  };
+  const handleRenameSubmit = async () => {
+    if (renameValue.trim() && renameValue !== item.name && onRename && allowRename) {
+      try {
+        await onRename(item, renameValue.trim());
+      } catch (error) {
+        setRenameValue(item.name);
       }
-    },
-    [allowMultiSelect, onSelect, selectedItems]
-  );
-  const deselectAll = useCallback2(() => {
-    setSelectedItems([]);
-    if (onSelect) {
-      onSelect([]);
+    } else {
+      setRenameValue(item.name);
     }
-  }, [onSelect]);
-  const showContextMenu = useCallback2((item, position) => {
-    setContextMenu({
-      visible: true,
-      position,
-      item
-    });
-  }, []);
-  const hideContextMenu = useCallback2(() => {
-    setContextMenu((prev) => ({ ...prev, visible: false }));
-  }, []);
-  const startRenaming = useCallback2((item) => {
-    setRenamingItem(item);
-    hideContextMenu();
-  }, [hideContextMenu]);
-  const stopRenaming = useCallback2(() => {
-    setRenamingItem(null);
-  }, []);
-  const contextValue = 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__ */ jsx16(FileManagerContext.Provider, { value: contextValue, children });
-};
-
-// src/components/common/FileManager/components/FolderTree.tsx
-import { useState as useState13 } from "react";
-import { ChevronRight as ChevronRight2, ChevronDown as ChevronDown3, Folder, FolderOpen } from "lucide-react";
-import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
-var FolderTreeItem = ({ item, level }) => {
-  const { currentFolder, navigateToFolder, pathHistory } = useFileManager();
-  const [isExpanded, setIsExpanded] = useState13(
-    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);
+    stopRenaming();
   };
-  const handleClick = () => {
-    navigateToFolder(item);
-    if (!isExpanded) {
-      setIsExpanded(true);
+  const handleRenameKeyDown = (e) => {
+    if (e.key === "Enter") {
+      handleRenameSubmit();
+    } else if (e.key === "Escape") {
+      setRenameValue(item.name);
+      stopRenaming();
     }
   };
-  return /* @__PURE__ */ jsxs13("div", { children: [
-    /* @__PURE__ */ jsxs13(
+  if (variant === "list") {
+    return /* @__PURE__ */ jsxs13(
       "div",
       {
         className: cn(
-          "flex items-center gap-1 py-1.5 px-2 rounded-lg cursor-pointer transition-colors",
+          "flex items-center gap-3 px-3 py-2 rounded-lg cursor-pointer transition-all duration-200",
           "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"
+          isSelected && "bg-blue-50 dark:bg-blue-900/30 ring-1 ring-blue-500"
         ),
-        style: { paddingLeft: `${level * 12 + 8}px` },
         onClick: handleClick,
+        onDoubleClick: handleDoubleClick,
+        onContextMenu: handleContextMenu,
         children: [
-          hasChildren ? /* @__PURE__ */ jsx17(
-            "button",
-            {
-              onClick: handleToggle,
-              className: "p-0.5 hover:bg-gray-200 dark:hover:bg-gray-700 rounded",
-              children: isExpanded ? /* @__PURE__ */ jsx17(ChevronDown3, { className: "w-4 h-4 text-gray-500 dark:text-gray-400" }) : /* @__PURE__ */ jsx17(ChevronRight2, { className: "w-4 h-4 text-gray-500 dark:text-gray-400" })
-            }
-          ) : /* @__PURE__ */ jsx17("span", { className: "w-5" }),
-          isExpanded ? /* @__PURE__ */ jsx17(FolderOpen, { className: "w-4 h-4 text-yellow-500 flex-shrink-0" }) : /* @__PURE__ */ jsx17(Folder, { className: "w-4 h-4 text-yellow-500 flex-shrink-0" }),
           /* @__PURE__ */ jsx17(
-            "span",
+            Icon,
             {
               className: cn(
-                "text-sm truncate",
-                isSelected ? "font-medium" : "text-gray-700 dark:text-gray-300"
-              ),
-              children: item.name
+                "w-5 h-5 flex-shrink-0",
+                isFolder ? "text-yellow-500" : "text-gray-500 dark:text-gray-400"
+              )
             }
-          )
+          ),
+          /* @__PURE__ */ jsx17("div", { className: "flex-1 min-w-0", children: isRenaming ? /* @__PURE__ */ jsx17(
+            "input",
+            {
+              ref: inputRef,
+              type: "text",
+              value: renameValue,
+              onChange: (e) => setRenameValue(e.target.value),
+              onBlur: handleRenameSubmit,
+              onKeyDown: handleRenameKeyDown,
+              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__ */ jsx17("span", { className: "block truncate text-sm text-gray-900 dark:text-gray-100", children: item.name }) }),
+          /* @__PURE__ */ jsx17("span", { className: "text-xs text-gray-500 dark:text-gray-400 w-20 text-right", children: !isFolder && formatFileSize(item.size) }),
+          /* @__PURE__ */ jsx17("span", { className: "text-xs text-gray-500 dark:text-gray-400 w-24 text-right", children: formatDate(item.updatedAt || item.createdAt) })
         ]
       }
-    ),
-    isExpanded && folderChildren.length > 0 && /* @__PURE__ */ jsx17("div", { children: folderChildren.map((child) => /* @__PURE__ */ jsx17(FolderTreeItem, { item: child, level: level + 1 }, child.id)) })
-  ] });
+    );
+  }
+  return /* @__PURE__ */ jsxs13(
+    "div",
+    {
+      className: cn(
+        "flex flex-col items-center p-3 rounded-xl cursor-pointer transition-all duration-200",
+        "hover:bg-gray-100 dark:hover:bg-gray-800",
+        isSelected && "bg-blue-50 dark:bg-blue-900/30 ring-2 ring-blue-500"
+      ),
+      onClick: handleClick,
+      onDoubleClick: handleDoubleClick,
+      onContextMenu: handleContextMenu,
+      children: [
+        /* @__PURE__ */ jsx17("div", { className: "w-16 h-16 flex items-center justify-center mb-2", children: /* @__PURE__ */ jsx17(
+          Icon,
+          {
+            className: cn(
+              "w-12 h-12",
+              isFolder ? "text-yellow-500" : "text-gray-500 dark:text-gray-400"
+            )
+          }
+        ) }),
+        /* @__PURE__ */ jsx17("div", { className: "w-full text-center", children: isRenaming ? /* @__PURE__ */ jsx17(
+          "input",
+          {
+            ref: inputRef,
+            type: "text",
+            value: renameValue,
+            onChange: (e) => setRenameValue(e.target.value),
+            onBlur: handleRenameSubmit,
+            onKeyDown: handleRenameKeyDown,
+            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__ */ jsx17("span", { className: "block text-xs text-gray-900 dark:text-gray-100 truncate px-1", children: item.name }) }),
+        !isFolder && /* @__PURE__ */ jsx17("span", { className: "text-[10px] text-gray-500 dark:text-gray-400 mt-1", children: formatFileSize(item.size) })
+      ]
+    }
+  );
 };
-var FolderTree = () => {
-  const { data, currentFolder, navigateToFolder } = useFileManager();
-  const rootItem = {
-    id: "__root__",
-    name: "Fichiers",
-    type: "folder",
-    path: "/",
-    children: data
+
+// src/components/common/FileManager/components/FileGrid.tsx
+import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+var FileGrid = () => {
+  const { currentFolderContents, texts, deselectAll, hideContextMenu } = useFileManager();
+  const sortedItems = [...currentFolderContents].sort((a, b) => {
+    if (a.type === "folder" && b.type !== "folder") return -1;
+    if (a.type !== "folder" && b.type === "folder") return 1;
+    return a.name.localeCompare(b.name);
+  });
+  const handleContainerClick = () => {
+    deselectAll();
+    hideContextMenu();
   };
-  const isRootSelected = currentFolder?.id === "__root__";
-  return /* @__PURE__ */ jsxs13("div", { className: "h-full overflow-y-auto py-2", children: [
-    /* @__PURE__ */ jsxs13(
+  if (sortedItems.length === 0) {
+    return /* @__PURE__ */ jsxs14(
       "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),
+        className: "flex-1 flex flex-col items-center justify-center text-gray-500 dark:text-gray-400 p-8",
+        onClick: handleContainerClick,
         children: [
-          /* @__PURE__ */ jsx17(Folder, { className: "w-4 h-4 text-yellow-500" }),
-          /* @__PURE__ */ jsx17("span", { className: cn("text-sm", isRootSelected && "font-medium"), children: rootItem.name })
+          /* @__PURE__ */ jsx18(FolderPlus, { className: "w-16 h-16 mb-4 opacity-50" }),
+          /* @__PURE__ */ jsx18("p", { className: "text-lg", children: texts.noFiles }),
+          /* @__PURE__ */ jsx18("p", { className: "text-sm mt-2", children: texts.dropFilesHere })
         ]
       }
-    ),
-    data.filter((item) => item.type === "folder").map((folder) => /* @__PURE__ */ jsx17(FolderTreeItem, { item: folder, level: 1 }, folder.id))
-  ] });
+    );
+  }
+  return /* @__PURE__ */ jsx18(
+    "div",
+    {
+      className: "flex-1 overflow-y-auto p-4",
+      onClick: handleContainerClick,
+      children: /* @__PURE__ */ jsx18("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__ */ jsx18(FileCard, { item, variant: "grid" }, item.id)) })
+    }
+  );
 };
 
-// src/components/common/FileManager/components/FileGrid.tsx
-import { FolderPlus } from "lucide-react";
-
-// src/components/common/FileManager/components/FileCard.tsx
-import { useState as useState14, useRef as useRef3, useEffect as useEffect9 } from "react";
-
-// src/components/common/FileManager/utils.ts
-import {
-  Folder as Folder2,
-  FolderOpen as FolderOpen2,
-  File,
-  FileText as FileText3,
-  FileImage,
-  FileSpreadsheet as FileSpreadsheet2,
-  FileType,
-  FileArchive,
-  FileVideo,
-  FileAudio,
-  FileCode
-} from "lucide-react";
-var getFileIcon = (mimeType, isFolder, isOpen) => {
-  if (isFolder) {
-    return isOpen ? FolderOpen2 : Folder2;
-  }
-  if (!mimeType) {
-    return File;
-  }
-  const type = mimeType.toLowerCase();
-  if (type.startsWith("image/")) {
-    return FileImage;
-  }
-  if (type === "application/pdf") {
-    return FileText3;
+// src/components/common/FileManager/components/FileList.tsx
+import { FolderPlus as FolderPlus2 } from "lucide-react";
+import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+var FileList = () => {
+  const { currentFolderContents, texts, deselectAll, hideContextMenu } = useFileManager();
+  const sortedItems = [...currentFolderContents].sort((a, b) => {
+    if (a.type === "folder" && b.type !== "folder") return -1;
+    if (a.type !== "folder" && b.type === "folder") return 1;
+    return a.name.localeCompare(b.name);
+  });
+  const handleContainerClick = () => {
+    deselectAll();
+    hideContextMenu();
+  };
+  if (sortedItems.length === 0) {
+    return /* @__PURE__ */ jsxs15(
+      "div",
+      {
+        className: "flex-1 flex flex-col items-center justify-center text-gray-500 dark:text-gray-400 p-8",
+        onClick: handleContainerClick,
+        children: [
+          /* @__PURE__ */ jsx19(FolderPlus2, { className: "w-16 h-16 mb-4 opacity-50" }),
+          /* @__PURE__ */ jsx19("p", { className: "text-lg", children: texts.noFiles }),
+          /* @__PURE__ */ jsx19("p", { className: "text-sm mt-2", children: texts.dropFilesHere })
+        ]
+      }
+    );
   }
-  if (type === "application/msword" || type === "application/vnd.openxmlformats-officedocument.wordprocessingml.document" || type.includes("word")) {
-    return FileType;
-  }
-  if (type === "application/vnd.ms-excel" || type === "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" || type.includes("excel") || type.includes("spreadsheet")) {
-    return FileSpreadsheet2;
-  }
-  if (type === "application/vnd.ms-powerpoint" || type === "application/vnd.openxmlformats-officedocument.presentationml.presentation" || type.includes("powerpoint") || type.includes("presentation")) {
-    return 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 FileArchive;
-  }
-  if (type.startsWith("video/")) {
-    return FileVideo;
-  }
-  if (type.startsWith("audio/")) {
-    return FileAudio;
-  }
-  if (type.includes("javascript") || type.includes("typescript") || type.includes("json") || type.includes("xml") || type.includes("html") || type.includes("css")) {
-    return FileCode;
-  }
-  if (type.startsWith("text/")) {
-    return FileText3;
-  }
-  return File;
-};
-var formatFileSize = (bytes) => {
-  if (bytes === void 0 || bytes === null) {
-    return "-";
-  }
-  if (bytes === 0) {
-    return "0 B";
-  }
-  const units = ["B", "KB", "MB", "GB", "TB"];
-  const k = 1024;
-  const i = Math.floor(Math.log(bytes) / Math.log(k));
-  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(1))} ${units[i]}`;
-};
-var formatDate = (date) => {
-  if (!date) {
-    return "-";
-  }
-  const d = typeof date === "string" ? new Date(date) : date;
-  if (isNaN(d.getTime())) {
-    return "-";
-  }
-  return d.toLocaleDateString("fr-FR", {
-    day: "2-digit",
-    month: "2-digit",
-    year: "numeric"
-  });
-};
-
-// src/components/common/FileManager/components/FileCard.tsx
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
-var FileCard = ({ item, variant = "grid" }) => {
-  const {
-    selectedItems,
-    selectItem,
-    navigateToFolder,
-    showContextMenu,
-    renamingItem,
-    stopRenaming,
-    onRename,
-    onOpen,
-    onDownload,
-    allowRename
-  } = useFileManager();
-  const [renameValue, setRenameValue] = useState14(item.name);
-  const inputRef = useRef3(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);
-  useEffect9(() => {
-    if (isRenaming && inputRef.current) {
-      inputRef.current.focus();
-      inputRef.current.select();
-    }
-  }, [isRenaming]);
-  useEffect9(() => {
-    setRenameValue(item.name);
-  }, [item.name]);
-  const handleClick = (e) => {
-    e.stopPropagation();
-    selectItem(item, e.ctrlKey || e.metaKey);
-  };
-  const handleDoubleClick = (e) => {
-    e.stopPropagation();
-    if (isFolder) {
-      navigateToFolder(item);
-    } else {
-      if (onOpen) {
-        onOpen(item);
-      } else if (onDownload) {
-        onDownload(item);
-      }
-    }
-  };
-  const handleContextMenu = (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    showContextMenu(item, { x: e.clientX, y: e.clientY });
-  };
-  const handleRenameSubmit = async () => {
-    if (renameValue.trim() && renameValue !== item.name && onRename && allowRename) {
-      try {
-        await onRename(item, renameValue.trim());
-      } catch (error) {
-        setRenameValue(item.name);
-      }
-    } else {
-      setRenameValue(item.name);
-    }
-    stopRenaming();
-  };
-  const handleRenameKeyDown = (e) => {
-    if (e.key === "Enter") {
-      handleRenameSubmit();
-    } else if (e.key === "Escape") {
-      setRenameValue(item.name);
-      stopRenaming();
-    }
-  };
-  if (variant === "list") {
-    return /* @__PURE__ */ jsxs14(
-      "div",
-      {
-        className: cn(
-          "flex items-center gap-3 px-3 py-2 rounded-lg cursor-pointer transition-all duration-200",
-          "hover:bg-gray-100 dark:hover:bg-gray-800",
-          isSelected && "bg-blue-50 dark:bg-blue-900/30 ring-1 ring-blue-500"
-        ),
-        onClick: handleClick,
-        onDoubleClick: handleDoubleClick,
-        onContextMenu: handleContextMenu,
-        children: [
-          /* @__PURE__ */ jsx18(
-            Icon,
-            {
-              className: cn(
-                "w-5 h-5 flex-shrink-0",
-                isFolder ? "text-yellow-500" : "text-gray-500 dark:text-gray-400"
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx18("div", { className: "flex-1 min-w-0", children: isRenaming ? /* @__PURE__ */ jsx18(
-            "input",
-            {
-              ref: inputRef,
-              type: "text",
-              value: renameValue,
-              onChange: (e) => setRenameValue(e.target.value),
-              onBlur: handleRenameSubmit,
-              onKeyDown: handleRenameKeyDown,
-              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__ */ jsx18("span", { className: "block truncate text-sm text-gray-900 dark:text-gray-100", children: item.name }) }),
-          /* @__PURE__ */ jsx18("span", { className: "text-xs text-gray-500 dark:text-gray-400 w-20 text-right", children: !isFolder && formatFileSize(item.size) }),
-          /* @__PURE__ */ jsx18("span", { className: "text-xs text-gray-500 dark:text-gray-400 w-24 text-right", children: formatDate(item.updatedAt || item.createdAt) })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs14(
-    "div",
-    {
-      className: cn(
-        "flex flex-col items-center p-3 rounded-xl cursor-pointer transition-all duration-200",
-        "hover:bg-gray-100 dark:hover:bg-gray-800",
-        isSelected && "bg-blue-50 dark:bg-blue-900/30 ring-2 ring-blue-500"
-      ),
-      onClick: handleClick,
-      onDoubleClick: handleDoubleClick,
-      onContextMenu: handleContextMenu,
-      children: [
-        /* @__PURE__ */ jsx18("div", { className: "w-16 h-16 flex items-center justify-center mb-2", children: /* @__PURE__ */ jsx18(
-          Icon,
-          {
-            className: cn(
-              "w-12 h-12",
-              isFolder ? "text-yellow-500" : "text-gray-500 dark:text-gray-400"
-            )
-          }
-        ) }),
-        /* @__PURE__ */ jsx18("div", { className: "w-full text-center", children: isRenaming ? /* @__PURE__ */ jsx18(
-          "input",
-          {
-            ref: inputRef,
-            type: "text",
-            value: renameValue,
-            onChange: (e) => setRenameValue(e.target.value),
-            onBlur: handleRenameSubmit,
-            onKeyDown: handleRenameKeyDown,
-            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__ */ jsx18("span", { className: "block text-xs text-gray-900 dark:text-gray-100 truncate px-1", children: item.name }) }),
-        !isFolder && /* @__PURE__ */ jsx18("span", { className: "text-[10px] text-gray-500 dark:text-gray-400 mt-1", children: formatFileSize(item.size) })
-      ]
-    }
-  );
-};
-
-// src/components/common/FileManager/components/FileGrid.tsx
-import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
-var FileGrid = () => {
-  const { currentFolderContents, texts, deselectAll, hideContextMenu } = useFileManager();
-  const sortedItems = [...currentFolderContents].sort((a, b) => {
-    if (a.type === "folder" && b.type !== "folder") return -1;
-    if (a.type !== "folder" && b.type === "folder") return 1;
-    return a.name.localeCompare(b.name);
-  });
-  const handleContainerClick = () => {
-    deselectAll();
-    hideContextMenu();
-  };
-  if (sortedItems.length === 0) {
-    return /* @__PURE__ */ jsxs15(
-      "div",
-      {
-        className: "flex-1 flex flex-col items-center justify-center text-gray-500 dark:text-gray-400 p-8",
-        onClick: handleContainerClick,
-        children: [
-          /* @__PURE__ */ jsx19(FolderPlus, { className: "w-16 h-16 mb-4 opacity-50" }),
-          /* @__PURE__ */ jsx19("p", { className: "text-lg", children: texts.noFiles }),
-          /* @__PURE__ */ jsx19("p", { className: "text-sm mt-2", children: texts.dropFilesHere })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx19(
-    "div",
-    {
-      className: "flex-1 overflow-y-auto p-4",
-      onClick: handleContainerClick,
-      children: /* @__PURE__ */ jsx19("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__ */ jsx19(FileCard, { item, variant: "grid" }, item.id)) })
-    }
-  );
-};
-
-// src/components/common/FileManager/components/FileList.tsx
-import { FolderPlus as FolderPlus2 } from "lucide-react";
-import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
-var FileList = () => {
-  const { currentFolderContents, texts, deselectAll, hideContextMenu } = useFileManager();
-  const sortedItems = [...currentFolderContents].sort((a, b) => {
-    if (a.type === "folder" && b.type !== "folder") return -1;
-    if (a.type !== "folder" && b.type === "folder") return 1;
-    return a.name.localeCompare(b.name);
-  });
-  const handleContainerClick = () => {
-    deselectAll();
-    hideContextMenu();
-  };
-  if (sortedItems.length === 0) {
-    return /* @__PURE__ */ jsxs16(
-      "div",
-      {
-        className: "flex-1 flex flex-col items-center justify-center text-gray-500 dark:text-gray-400 p-8",
-        onClick: handleContainerClick,
-        children: [
-          /* @__PURE__ */ jsx20(FolderPlus2, { className: "w-16 h-16 mb-4 opacity-50" }),
-          /* @__PURE__ */ jsx20("p", { className: "text-lg", children: texts.noFiles }),
-          /* @__PURE__ */ jsx20("p", { className: "text-sm mt-2", children: texts.dropFilesHere })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       className: "flex-1 overflow-y-auto p-4",
       onClick: handleContainerClick,
       children: [
-        /* @__PURE__ */ jsxs16("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__ */ jsx20("span", { className: "w-5" }),
+        /* @__PURE__ */ jsxs15("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__ */ jsx19("span", { className: "w-5" }),
           " ",
-          /* @__PURE__ */ jsx20("span", { className: "flex-1", children: "Nom" }),
-          /* @__PURE__ */ jsx20("span", { className: "w-20 text-right", children: "Taille" }),
-          /* @__PURE__ */ jsx20("span", { className: "w-24 text-right", children: "Modifi\xE9" })
+          /* @__PURE__ */ jsx19("span", { className: "flex-1", children: "Nom" }),
+          /* @__PURE__ */ jsx19("span", { className: "w-20 text-right", children: "Taille" }),
+          /* @__PURE__ */ jsx19("span", { className: "w-24 text-right", children: "Modifi\xE9" })
         ] }),
-        /* @__PURE__ */ jsx20("div", { className: "space-y-1", children: sortedItems.map((item) => /* @__PURE__ */ jsx20(FileCard, { item, variant: "list" }, item.id)) })
+        /* @__PURE__ */ jsx19("div", { className: "space-y-1", children: sortedItems.map((item) => /* @__PURE__ */ jsx19(FileCard, { item, variant: "list" }, item.id)) })
       ]
     }
   );
 };
 
 // src/components/common/FileManager/components/Breadcrumb.tsx
-import React13 from "react";
+import React12 from "react";
 import { ChevronRight as ChevronRight3, ChevronLeft as ChevronLeft3 } from "lucide-react";
-import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 var Breadcrumb = () => {
   const { pathHistory, navigateBack, navigateToPath } = useFileManager();
-  return /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-1 px-2 py-2 bg-gray-50 dark:bg-gray-800/50 rounded-lg", children: [
-    /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-1 px-2 py-2 bg-gray-50 dark:bg-gray-800/50 rounded-lg", children: [
+    /* @__PURE__ */ jsx20(
       "button",
       {
         onClick: navigateBack,
@@ -6964,12 +6403,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__ */ jsx21(ChevronLeft3, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx20(ChevronLeft3, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx21("div", { className: "flex items-center gap-1 overflow-x-auto scrollbar-thin", children: pathHistory.map((folder, index) => /* @__PURE__ */ jsxs17(React13.Fragment, { children: [
-      index > 0 && /* @__PURE__ */ jsx21(ChevronRight3, { className: "w-4 h-4 text-gray-400 dark:text-gray-600 flex-shrink-0" }),
-      /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx20("div", { className: "flex items-center gap-1 overflow-x-auto scrollbar-thin", children: pathHistory.map((folder, index) => /* @__PURE__ */ jsxs16(React12.Fragment, { children: [
+      index > 0 && /* @__PURE__ */ jsx20(ChevronRight3, { className: "w-4 h-4 text-gray-400 dark:text-gray-600 flex-shrink-0" }),
+      /* @__PURE__ */ jsx20(
         "button",
         {
           onClick: () => navigateToPath(index),
@@ -6985,18 +6424,18 @@ var Breadcrumb = () => {
 };
 
 // src/components/common/FileManager/components/Toolbar.tsx
-import React14, { useRef as useRef4, useState as useState15 } from "react";
+import React13, { useRef as useRef4, useState as useState14 } from "react";
 import { FolderPlus as FolderPlus3, Upload as Upload2, Grid, List, X as X7 } from "lucide-react";
-import { Fragment as Fragment6, jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 var CreateFolderModal = ({
   isOpen,
   onClose,
   onSubmit,
   texts
 }) => {
-  const [folderName, setFolderName] = useState15("");
+  const [folderName, setFolderName] = useState14("");
   const inputRef = useRef4(null);
-  React14.useEffect(() => {
+  React13.useEffect(() => {
     if (isOpen && inputRef.current) {
       inputRef.current.focus();
     }
@@ -7013,21 +6452,21 @@ var CreateFolderModal = ({
     }
   };
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsx22("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50", children: /* @__PURE__ */ jsxs18("div", { className: "bg-white dark:bg-gray-900 rounded-xl shadow-xl p-6 w-full max-w-md mx-4", children: [
-    /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between mb-4", children: [
-      /* @__PURE__ */ jsx22("h3", { className: "text-lg font-semibold text-gray-900 dark:text-gray-100", children: texts.createFolder }),
-      /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx21("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50", children: /* @__PURE__ */ jsxs17("div", { className: "bg-white dark:bg-gray-900 rounded-xl shadow-xl p-6 w-full max-w-md mx-4", children: [
+    /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between mb-4", children: [
+      /* @__PURE__ */ jsx21("h3", { className: "text-lg font-semibold text-gray-900 dark:text-gray-100", children: texts.createFolder }),
+      /* @__PURE__ */ jsx21(
         "button",
         {
           onClick: onClose,
           className: "p-1 rounded-md hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors",
-          children: /* @__PURE__ */ jsx22(X7, { className: "w-5 h-5 text-gray-500" })
+          children: /* @__PURE__ */ jsx21(X7, { className: "w-5 h-5 text-gray-500" })
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs18("form", { onSubmit: handleSubmit, children: [
-      /* @__PURE__ */ jsx22("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2", children: texts.newFolderName }),
-      /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsxs17("form", { onSubmit: handleSubmit, children: [
+      /* @__PURE__ */ jsx21("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2", children: texts.newFolderName }),
+      /* @__PURE__ */ jsx21(
         "input",
         {
           ref: inputRef,
@@ -7038,8 +6477,8 @@ var CreateFolderModal = ({
           placeholder: "Nouveau dossier"
         }
       ),
-      /* @__PURE__ */ jsxs18("div", { className: "flex justify-end gap-3 mt-6", children: [
-        /* @__PURE__ */ jsx22(
+      /* @__PURE__ */ jsxs17("div", { className: "flex justify-end gap-3 mt-6", children: [
+        /* @__PURE__ */ jsx21(
           "button",
           {
             type: "button",
@@ -7048,7 +6487,7 @@ var CreateFolderModal = ({
             children: texts.cancel
           }
         ),
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx21(
           "button",
           {
             type: "submit",
@@ -7077,7 +6516,7 @@ var Toolbar = () => {
     allowUpload,
     texts
   } = useFileManager();
-  const [showCreateModal, setShowCreateModal] = useState15(false);
+  const [showCreateModal, setShowCreateModal] = useState14(false);
   const fileInputRef = useRef4(null);
   const handleCreateFolder = async (name) => {
     if (onCreateFolder && currentFolder) {
@@ -7104,10 +6543,10 @@ var Toolbar = () => {
       fileInputRef.current.value = "";
     }
   };
-  return /* @__PURE__ */ jsxs18(Fragment6, { children: [
-    /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between gap-4 flex-wrap", children: [
-      /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2", children: [
-        allowCreateFolder && /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs17(Fragment6, { children: [
+    /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between gap-4 flex-wrap", children: [
+      /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
+        allowCreateFolder && /* @__PURE__ */ jsxs17(
           "button",
           {
             onClick: () => setShowCreateModal(true),
@@ -7117,13 +6556,13 @@ var Toolbar = () => {
               "hover:bg-gray-200 dark:hover:bg-gray-700"
             ),
             children: [
-              /* @__PURE__ */ jsx22(FolderPlus3, { className: "w-4 h-4" }),
-              /* @__PURE__ */ jsx22("span", { className: "hidden sm:inline", children: texts.createFolder })
+              /* @__PURE__ */ jsx21(FolderPlus3, { className: "w-4 h-4" }),
+              /* @__PURE__ */ jsx21("span", { className: "hidden sm:inline", children: texts.createFolder })
             ]
           }
         ),
-        allowUpload && /* @__PURE__ */ jsxs18(Fragment6, { children: [
-          /* @__PURE__ */ jsxs18(
+        allowUpload && /* @__PURE__ */ jsxs17(Fragment6, { children: [
+          /* @__PURE__ */ jsxs17(
             "button",
             {
               onClick: handleUploadClick,
@@ -7132,12 +6571,12 @@ var Toolbar = () => {
                 "bg-blue-600 text-white hover:bg-blue-700"
               ),
               children: [
-                /* @__PURE__ */ jsx22(Upload2, { className: "w-4 h-4" }),
-                /* @__PURE__ */ jsx22("span", { className: "hidden sm:inline", children: texts.uploadFiles })
+                /* @__PURE__ */ jsx21(Upload2, { className: "w-4 h-4" }),
+                /* @__PURE__ */ jsx21("span", { className: "hidden sm:inline", children: texts.uploadFiles })
               ]
             }
           ),
-          /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx21(
             "input",
             {
               ref: fileInputRef,
@@ -7150,14 +6589,14 @@ var Toolbar = () => {
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2", children: [
-        selectedItems.length > 0 && /* @__PURE__ */ jsxs18(
+      /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
+        selectedItems.length > 0 && /* @__PURE__ */ jsxs17(
           "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__ */ jsx22(X7, { className: "w-4 h-4" }),
+              /* @__PURE__ */ jsx21(X7, { className: "w-4 h-4" }),
               texts.deselectAll,
               " (",
               selectedItems.length,
@@ -7165,8 +6604,8 @@ var Toolbar = () => {
             ]
           }
         ),
-        /* @__PURE__ */ jsxs18("div", { className: "flex items-center bg-gray-100 dark:bg-gray-800 rounded-lg p-1", children: [
-          /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsxs17("div", { className: "flex items-center bg-gray-100 dark:bg-gray-800 rounded-lg p-1", children: [
+          /* @__PURE__ */ jsx21(
             "button",
             {
               onClick: () => setViewMode("grid"),
@@ -7175,10 +6614,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__ */ jsx22(Grid, { className: "w-4 h-4" })
+              children: /* @__PURE__ */ jsx21(Grid, { className: "w-4 h-4" })
             }
           ),
-          /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx21(
             "button",
             {
               onClick: () => setViewMode("list"),
@@ -7187,13 +6626,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__ */ jsx22(List, { className: "w-4 h-4" })
+              children: /* @__PURE__ */ jsx21(List, { className: "w-4 h-4" })
             }
           )
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx21(
       CreateFolderModal,
       {
         isOpen: showCreateModal,
@@ -7208,7 +6647,7 @@ var Toolbar = () => {
 // src/components/common/FileManager/components/ContextMenu.tsx
 import { useEffect as useEffect10, useRef as useRef5 } from "react";
 import { FolderOpen as FolderOpen3, Edit3 as Edit32, Download as Download3, Trash2 as Trash23 } from "lucide-react";
-import { Fragment as Fragment7, jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 var ContextMenu = () => {
   const {
     contextMenu,
@@ -7294,14 +6733,14 @@ var ContextMenu = () => {
       menuStyle.top = position.y - menuHeight;
     }
   }
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs18(
     "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__ */ jsxs19(
+        /* @__PURE__ */ jsxs18(
           "button",
           {
             onClick: handleOpen,
@@ -7310,12 +6749,12 @@ var ContextMenu = () => {
               "text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
             ),
             children: [
-              /* @__PURE__ */ jsx23(FolderOpen3, { className: "w-4 h-4" }),
+              /* @__PURE__ */ jsx22(FolderOpen3, { className: "w-4 h-4" }),
               texts.open
             ]
           }
         ),
-        allowRename && /* @__PURE__ */ jsxs19(
+        allowRename && /* @__PURE__ */ jsxs18(
           "button",
           {
             onClick: handleRename,
@@ -7324,12 +6763,12 @@ var ContextMenu = () => {
               "text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
             ),
             children: [
-              /* @__PURE__ */ jsx23(Edit32, { className: "w-4 h-4" }),
+              /* @__PURE__ */ jsx22(Edit32, { className: "w-4 h-4" }),
               texts.rename
             ]
           }
         ),
-        allowDownload && /* @__PURE__ */ jsxs19(
+        allowDownload && /* @__PURE__ */ jsxs18(
           "button",
           {
             onClick: handleDownload,
@@ -7338,14 +6777,14 @@ var ContextMenu = () => {
               "text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
             ),
             children: [
-              /* @__PURE__ */ jsx23(Download3, { className: "w-4 h-4" }),
+              /* @__PURE__ */ jsx22(Download3, { className: "w-4 h-4" }),
               texts.download
             ]
           }
         ),
-        allowDelete && /* @__PURE__ */ jsxs19(Fragment7, { children: [
-          /* @__PURE__ */ jsx23("div", { className: "border-t border-gray-200 dark:border-gray-700 my-1" }),
-          /* @__PURE__ */ jsxs19(
+        allowDelete && /* @__PURE__ */ jsxs18(Fragment7, { children: [
+          /* @__PURE__ */ jsx22("div", { className: "border-t border-gray-200 dark:border-gray-700 my-1" }),
+          /* @__PURE__ */ jsxs18(
             "button",
             {
               onClick: handleDelete,
@@ -7354,7 +6793,7 @@ var ContextMenu = () => {
                 "text-red-600 dark:text-red-400 hover:bg-red-50 dark:hover:bg-red-900/20 transition-colors"
               ),
               children: [
-                /* @__PURE__ */ jsx23(Trash23, { className: "w-4 h-4" }),
+                /* @__PURE__ */ jsx22(Trash23, { className: "w-4 h-4" }),
                 texts.delete
               ]
             }
@@ -7366,14 +6805,14 @@ var ContextMenu = () => {
 };
 
 // src/components/common/FileManager/FileManager.tsx
-import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 var FileManagerContent = ({ className }) => {
   const { viewMode, hideContextMenu } = useFileManager();
-  const [sidebarOpen, setSidebarOpen] = useState16(false);
+  const [sidebarOpen, setSidebarOpen] = useState15(false);
   const handleMainClick = () => {
     hideContextMenu();
   };
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       className: cn(
@@ -7382,7 +6821,7 @@ var FileManagerContent = ({ className }) => {
       ),
       onClick: handleMainClick,
       children: [
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx23(
           "button",
           {
             onClick: (e) => {
@@ -7390,17 +6829,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__ */ jsx24(X8, { className: "w-6 h-6" }) : /* @__PURE__ */ jsx24(Menu3, { className: "w-6 h-6" })
+            children: sidebarOpen ? /* @__PURE__ */ jsx23(X8, { className: "w-6 h-6" }) : /* @__PURE__ */ jsx23(Menu3, { className: "w-6 h-6" })
           }
         ),
-        sidebarOpen && /* @__PURE__ */ jsx24(
+        sidebarOpen && /* @__PURE__ */ jsx23(
           "div",
           {
             className: "md:hidden fixed inset-0 bg-black/50 z-40",
             onClick: () => setSidebarOpen(false)
           }
         ),
-        /* @__PURE__ */ jsxs20(
+        /* @__PURE__ */ jsxs19(
           "aside",
           {
             className: cn(
@@ -7410,33 +6849,33 @@ var FileManagerContent = ({ className }) => {
               sidebarOpen ? "translate-x-0" : "-translate-x-full md:translate-x-0"
             ),
             children: [
-              /* @__PURE__ */ jsx24("div", { className: "p-3 border-b border-gray-200 dark:border-gray-800", children: /* @__PURE__ */ jsx24("h2", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100", children: "Dossiers" }) }),
-              /* @__PURE__ */ jsx24(FolderTree, {})
+              /* @__PURE__ */ jsx23("div", { className: "p-3 border-b border-gray-200 dark:border-gray-800", children: /* @__PURE__ */ jsx23("h2", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100", children: "Dossiers" }) }),
+              /* @__PURE__ */ jsx23(FolderTree, {})
             ]
           }
         ),
-        /* @__PURE__ */ jsxs20("main", { className: "flex-1 flex flex-col min-w-0", children: [
-          /* @__PURE__ */ jsxs20("header", { className: "p-4 border-b border-gray-200 dark:border-gray-800 space-y-3", children: [
-            /* @__PURE__ */ jsx24(Toolbar, {}),
-            /* @__PURE__ */ jsx24(Breadcrumb, {})
+        /* @__PURE__ */ jsxs19("main", { className: "flex-1 flex flex-col min-w-0", children: [
+          /* @__PURE__ */ jsxs19("header", { className: "p-4 border-b border-gray-200 dark:border-gray-800 space-y-3", children: [
+            /* @__PURE__ */ jsx23(Toolbar, {}),
+            /* @__PURE__ */ jsx23(Breadcrumb, {})
           ] }),
-          viewMode === "grid" ? /* @__PURE__ */ jsx24(FileGrid, {}) : /* @__PURE__ */ jsx24(FileList, {})
+          viewMode === "grid" ? /* @__PURE__ */ jsx23(FileGrid, {}) : /* @__PURE__ */ jsx23(FileList, {})
         ] }),
-        /* @__PURE__ */ jsx24(ContextMenu, {})
+        /* @__PURE__ */ jsx23(ContextMenu, {})
       ]
     }
   );
 };
 var FileManager = (props) => {
-  return /* @__PURE__ */ jsx24(FileManagerProvider, { ...props, children: /* @__PURE__ */ jsx24(FileManagerContent, { className: props.className }) });
+  return /* @__PURE__ */ jsx23(FileManagerProvider, { ...props, children: /* @__PURE__ */ jsx23(FileManagerContent, { className: props.className }) });
 };
 
 // src/components/common/FileManager/components/EntityFileManager.tsx
-import React17 from "react";
+import React16 from "react";
 import { Loader2 as Loader22, FolderX, AlertCircle as AlertCircle4, RefreshCw as RefreshCw3 } from "lucide-react";
 
 // src/components/common/FileManager/hooks/useFileManagerApi.ts
-import { useState as useState17, useEffect as useEffect11, useCallback as useCallback3 } from "react";
+import { useState as useState16, useEffect as useEffect11, useCallback as useCallback3 } from "react";
 
 // src/components/common/FileManager/services/fileManagerApi.ts
 var API_BASE = "/api/files_manager";
@@ -7661,10 +7100,10 @@ function extractRootChildren(entityFolder) {
   return entityFolder.children || [];
 }
 function useFileManagerApi(entityType, entityId, businessEntityId) {
-  const [data, setData] = useState17([]);
-  const [loading, setLoading] = useState17(true);
-  const [error, setError] = useState17(null);
-  const [rootFolderCode, setRootFolderCode] = useState17(null);
+  const [data, setData] = useState16([]);
+  const [loading, setLoading] = useState16(true);
+  const [error, setError] = useState16(null);
+  const [rootFolderCode, setRootFolderCode] = useState16(null);
   const loadEntityFolders = useCallback3(async () => {
     setLoading(true);
     setError(null);
@@ -7796,7 +7235,7 @@ function useFileManagerApi(entityType, entityId, businessEntityId) {
 }
 
 // src/components/common/FileManager/components/EntityFileManager.tsx
-import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 function getRootName(entityType) {
   const names = {
     CLIENT: "Documents Client",
@@ -7807,118 +7246,703 @@ function getRootName(entityType) {
   };
   return names[entityType] || "Documents";
 }
-var LoadingState = ({ height = "400px" }) => /* @__PURE__ */ jsxs21(
+var LoadingState = ({ height = "400px" }) => /* @__PURE__ */ jsxs20(
   "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__ */ jsx25(Loader22, { className: "w-10 h-10 text-blue-500 animate-spin mb-4" }),
-      /* @__PURE__ */ jsx25("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: "Chargement des documents..." })
+      /* @__PURE__ */ jsx24(Loader22, { className: "w-10 h-10 text-blue-500 animate-spin mb-4" }),
+      /* @__PURE__ */ jsx24("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: "Chargement des documents..." })
     ]
   }
 );
-var ErrorState = ({ error, onRetry, height = "400px" }) => /* @__PURE__ */ jsxs21(
+var ErrorState = ({ error, onRetry, height = "400px" }) => /* @__PURE__ */ jsxs20(
   "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__ */ jsx25(AlertCircle4, { className: "w-10 h-10 text-red-500 mb-4" }),
-      /* @__PURE__ */ jsx25("p", { className: "text-red-600 dark:text-red-400 text-sm font-medium mb-2", children: "Erreur lors du chargement" }),
-      /* @__PURE__ */ jsx25("p", { className: "text-red-500 dark:text-red-400 text-xs mb-4 max-w-md text-center px-4", children: error.message }),
-      /* @__PURE__ */ jsxs21(
+      /* @__PURE__ */ jsx24(AlertCircle4, { className: "w-10 h-10 text-red-500 mb-4" }),
+      /* @__PURE__ */ jsx24("p", { className: "text-red-600 dark:text-red-400 text-sm font-medium mb-2", children: "Erreur lors du chargement" }),
+      /* @__PURE__ */ jsx24("p", { className: "text-red-500 dark:text-red-400 text-xs mb-4 max-w-md text-center px-4", children: error.message }),
+      /* @__PURE__ */ jsxs20(
         "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__ */ jsx25(RefreshCw3, { className: "w-4 h-4" }),
+            /* @__PURE__ */ jsx24(RefreshCw3, { className: "w-4 h-4" }),
             "R\xE9essayer"
           ]
         }
-      )
-    ]
-  }
-);
-var EmptyState = ({ height = "400px" }) => /* @__PURE__ */ jsxs21(
-  "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__ */ jsx25(FolderX, { className: "w-10 h-10 text-gray-400 mb-4" }),
-      /* @__PURE__ */ jsx25("p", { className: "text-gray-600 dark:text-gray-400 text-sm font-medium mb-1", children: "Aucun document trouv\xE9" }),
-      /* @__PURE__ */ jsx25("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
-  );
-  React17.useEffect(() => {
-    if (error && onError) {
-      onError(error);
-    }
-  }, [error, onError]);
-  if (loading) {
-    return /* @__PURE__ */ jsx25(LoadingState, { height });
-  }
-  if (error) {
-    return /* @__PURE__ */ jsx25(ErrorState, { error, onRetry: refresh, height });
-  }
-  if (!data || data.length === 0) {
-    return /* @__PURE__ */ jsx25(EmptyState, { height });
-  }
-  const handleUploadFiles = async (files, parentId) => {
-    const result = await handlers.onUploadFiles(files, parentId);
-    if (result && onUploadSuccess) {
-      onUploadSuccess(result);
+      )
+    ]
+  }
+);
+var EmptyState = ({ height = "400px" }) => /* @__PURE__ */ jsxs20(
+  "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__ */ jsx24(FolderX, { className: "w-10 h-10 text-gray-400 mb-4" }),
+      /* @__PURE__ */ jsx24("p", { className: "text-gray-600 dark:text-gray-400 text-sm font-medium mb-1", children: "Aucun document trouv\xE9" }),
+      /* @__PURE__ */ jsx24("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
+  );
+  React16.useEffect(() => {
+    if (error && onError) {
+      onError(error);
+    }
+  }, [error, onError]);
+  if (loading) {
+    return /* @__PURE__ */ jsx24(LoadingState, { height });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx24(ErrorState, { error, onRetry: refresh, height });
+  }
+  if (!data || data.length === 0) {
+    return /* @__PURE__ */ jsx24(EmptyState, { height });
+  }
+  const handleUploadFiles = async (files, parentId) => {
+    const result = await handlers.onUploadFiles(files, parentId);
+    if (result && onUploadSuccess) {
+      onUploadSuccess(result);
+    }
+    return result;
+  };
+  return /* @__PURE__ */ jsx24("div", { className: cn("relative", className), style: { height }, children: /* @__PURE__ */ jsx24(
+    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
+import {
+  Building2 as Building22,
+  MapPin,
+  FileText as FileText3,
+  CreditCard,
+  File as File2
+} from "lucide-react";
+import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+var FormVendor = ({
+  isOpen,
+  onClose,
+  object,
+  from = "procurement",
+  refresh = () => {
+  }
+}) => {
+  const [formData, setFormData] = useState17(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] = useState17({});
+  const [activeTab, setActiveTab] = useState17("general");
+  const [loading, setLoading] = useState17(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: Building22 },
+    { id: "contacts", label: "Adresses & Contacts", icon: MapPin },
+    { id: "representative", label: "Repr\xE9sentant", icon: FileText3 },
+    { id: "accounting", label: "Comptabilit\xE9", icon: FileText3 },
+    { id: "banking", label: "Bancaire", icon: CreditCard },
+    { id: "attachment", label: "Fichiers", icon: File2 }
+  ];
+  const renderTabContent = () => {
+    switch (activeTab) {
+      case "general":
+        return /* @__PURE__ */ jsxs21("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx25(
+            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__ */ jsx25(
+            TextInput,
+            {
+              label: "Nom commercial",
+              name: "trading_name",
+              value: formData.trading_name || "",
+              placeholder: "Nom commercial (optionnel)",
+              onChange: handleInputChange
+            }
+          ),
+          /* @__PURE__ */ jsxs21("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsx25(
+              TextInput,
+              {
+                label: "Num\\u00e9ro d'identification fiscale (NCC)",
+                name: "tax_account",
+                value: formData.tax_account || "",
+                placeholder: "Num\\u00e9ro d'identification fiscale",
+                onChange: handleInputChange
+              }
+            ),
+            /* @__PURE__ */ jsx25(
+              TextInput,
+              {
+                label: "RCCM",
+                name: "rccm",
+                value: formData.rccm || "",
+                placeholder: "Registre du Commerce et du Cr\\u00e9dit Mobilier",
+                onChange: handleInputChange
+              }
+            ),
+            /* @__PURE__ */ jsx25(
+              TextInput,
+              {
+                label: "Forme juridique",
+                name: "legal_form",
+                value: formData.legal_form || "",
+                placeholder: "SARL, SA, SAS, etc.",
+                onChange: handleInputChange
+              }
+            ),
+            /* @__PURE__ */ jsx25(
+              TextInput,
+              {
+                label: "R\\u00e9gime fiscal",
+                name: "tax_regime",
+                value: formData.tax_regime || "",
+                placeholder: "R\\u00e9gime fiscal",
+                onChange: handleInputChange
+              }
+            ),
+            /* @__PURE__ */ jsx25(
+              TextInput,
+              {
+                label: "Ann\\u00e9e de fondation",
+                name: "year_founded",
+                value: formData.year_founded || "",
+                placeholder: "2020",
+                onChange: handleInputChange
+              }
+            ),
+            /* @__PURE__ */ jsx25(
+              TextInput,
+              {
+                label: "Secteur d'activit\\u00e9",
+                name: "activity_sector",
+                value: formData.activity_sector || "",
+                placeholder: "Informatique, Commerce, etc.",
+                onChange: handleInputChange
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs21("div", { children: [
+            /* @__PURE__ */ jsx25("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Description" }),
+            /* @__PURE__ */ jsx25(
+              "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__ */ jsxs21("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs21("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsx25(
+              InputField,
+              {
+                label: "T\\u00e9l\\u00e9phone",
+                name: "phone",
+                type: "tel",
+                value: formData.phone || "",
+                placeholder: "+225 XX XX XX XX XX",
+                onChange: handleInputChange
+              }
+            ),
+            /* @__PURE__ */ jsx25(
+              InputField,
+              {
+                label: "Email",
+                name: "email",
+                type: "email",
+                value: formData.email || "",
+                placeholder: "contact@entite.com",
+                error: errors.email,
+                onChange: handleInputChange
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs21("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsx25(
+              TextInput,
+              {
+                label: "Pays",
+                name: "country",
+                value: formData.country || "",
+                placeholder: "C\\u00f4te d'Ivoire",
+                onChange: handleInputChange
+              }
+            ),
+            /* @__PURE__ */ jsx25(
+              TextInput,
+              {
+                label: "Ville",
+                name: "city",
+                value: formData.city || "",
+                placeholder: "Abidjan",
+                onChange: handleInputChange
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs21("div", { children: [
+            /* @__PURE__ */ jsx25("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Adresse compl\\u00e8te" }),
+            /* @__PURE__ */ jsx25(
+              "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__ */ jsxs21("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx25(
+            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__ */ jsx25(
+            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__ */ jsxs21("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsx25(
+              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__ */ jsx25(
+              InputField,
+              {
+                label: "Email du repr\\u00e9sentant",
+                name: "legal_representative_email",
+                type: "email",
+                value: formData.legal_representative_email || "",
+                placeholder: "representant@entite.com",
+                onChange: handleInputChange
+              }
+            ),
+            /* @__PURE__ */ jsx25(
+              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__ */ jsx25(
+              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__ */ jsxs21("div", { children: [
+            /* @__PURE__ */ jsx25("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Adresse du repr\\u00e9sentant" }),
+            /* @__PURE__ */ jsx25(
+              "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__ */ jsxs21("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx25(
+            SelectAccount,
+            {
+              value: formData.account,
+              filterClass: "4",
+              onSelect: (option) => {
+                setFormData((prev) => ({
+                  ...prev,
+                  account: option.value,
+                  accounting_account_number: option.object?.account_number || ""
+                }));
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxs21("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsx25(
+              TextInput,
+              {
+                label: "Numero de compte (manuel)",
+                name: "accounting_account_number",
+                value: formData.accounting_account_number || "",
+                placeholder: "Numero de compte comptable",
+                onChange: handleInputChange
+              }
+            ),
+            /* @__PURE__ */ jsx25(
+              TextInput,
+              {
+                label: "Capital",
+                name: "capital",
+                value: formData.capital?.toString() || "",
+                placeholder: "Capital social",
+                onChange: handleInputChange
+              }
+            ),
+            /* @__PURE__ */ jsx25(
+              TextInput,
+              {
+                label: "Chiffre d'affaires annuel",
+                name: "annual_turnover",
+                value: formData.annual_turnover?.toString() || "",
+                placeholder: "Chiffre d'affaires",
+                onChange: handleInputChange
+              }
+            ),
+            /* @__PURE__ */ jsx25(
+              TextInput,
+              {
+                label: "Delai de paiement (jours)",
+                name: "payment_delay",
+                value: formData.payment_delay?.toString() || "",
+                placeholder: "30",
+                onChange: handleInputChange
+              }
+            )
+          ] })
+        ] });
+      case "banking":
+        return /* @__PURE__ */ jsxs21("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs21("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsx25(
+              TextInput,
+              {
+                label: "RIB",
+                name: "rib",
+                value: formData.rib || "",
+                placeholder: "Relev\\u00e9 d'Identit\\u00e9 Bancaire",
+                onChange: handleInputChange
+              }
+            ),
+            /* @__PURE__ */ jsx25(
+              TextInput,
+              {
+                label: "IBAN",
+                name: "iban",
+                value: formData.iban || "",
+                placeholder: "CI93 1234 5678 9012 3456 789",
+                error: errors.iban,
+                onChange: handleInputChange
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx25(
+            TextInput,
+            {
+              label: "Nom de la banque",
+              name: "bank_name",
+              value: formData.bank_name || "",
+              placeholder: "Nom de la banque",
+              onChange: handleInputChange
+            }
+          ),
+          /* @__PURE__ */ jsxs21("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsx25(
+              InputField,
+              {
+                label: "Email de la banque",
+                name: "bank_email",
+                type: "email",
+                value: formData.bank_email || "",
+                placeholder: "contact@banque.com",
+                onChange: handleInputChange
+              }
+            ),
+            /* @__PURE__ */ jsx25(
+              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__ */ jsxs21("div", { children: [
+            /* @__PURE__ */ jsx25("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Adresse de la banque" }),
+            /* @__PURE__ */ jsx25(
+              "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__ */ jsxs21("div", { className: "flex flex-col items-center justify-center py-12 text-gray-500", children: [
+            /* @__PURE__ */ jsx25(File2, { className: "w-12 h-12 mb-4 text-gray-400" }),
+            /* @__PURE__ */ jsx25("p", { className: "text-lg font-medium", children: "Fichiers non disponibles" }),
+            /* @__PURE__ */ jsx25("p", { className: "text-sm mt-2", children: "Enregistrez d'abord le fournisseur pour pouvoir ajouter des fichiers." })
+          ] });
+        }
+        return /* @__PURE__ */ jsx25("div", { className: "h-[500px]", children: /* @__PURE__ */ jsx25(
+          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__ */ jsx25("div", { className: cn("relative", className), style: { height }, children: /* @__PURE__ */ jsx25(
-    FileManager,
+  if (!isOpen) return null;
+  return /* @__PURE__ */ jsxs21(
+    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__ */ jsx25("div", { className: "border-b border-gray-200", children: /* @__PURE__ */ jsx25("nav", { className: "flex space-x-8 px-6", children: tabs.map((tab) => {
+          const Icon = tab.icon;
+          return /* @__PURE__ */ jsxs21(
+            "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__ */ jsx25(Icon, { className: "w-4 h-4 inline mr-2" }),
+                /* @__PURE__ */ jsx25("span", { children: tab.label })
+              ]
+            },
+            tab.id
+          );
+        }) }) }),
+        /* @__PURE__ */ jsxs21("form", { onSubmit: handleSubmit, className: "p-6", children: [
+          renderTabContent(),
+          /* @__PURE__ */ jsxs21("div", { className: "flex justify-between pt-6 border-t border-gray-200 mt-8", children: [
+            /* @__PURE__ */ jsx25(
+              "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__ */ jsx25(
+              Buttons_default,
+              {
+                type: "submit",
+                disabled: loading,
+                children: loading ? "Chargement..." : object ? "Modifier" : "Enregistrer le fournisseur"
+              }
+            )
+          ] })
+        ] })
+      ]
     }
-  ) });
+  );
 };
+var MinimalVendorForm = FormVendor;
+
+// src/components/common/FormClient.tsx
+import { useState as useState18 } from "react";
 
 // src/models/Client.ts
 var TEMPLATE_FNE_CHOICES = [