ptechcore_ui 1.0.23 → 1.0.25

package/dist/index.cjs

@@ -43,6 +43,8 @@ __export(index_exports, {
   FDrawer: () => FDrawer,
   FetchApi: () => FetchApi,
   FileInput: () => FileInput,
+  FileManager: () => FileManager,
+  FileManagerProvider: () => FileManagerProvider,
   ForeignCurrencySelector: () => ForeignCurrencySelector,
   InputField: () => InputField,
   InvoiceTypeSelector: () => InvoiceTypeSelector,
@@ -67,7 +69,11 @@ __export(index_exports, {
   ToastContainer: () => Toast_default,
   ToastProvider: () => ToastProvider,
   UserServices: () => UserServices,
+  formatDate: () => formatDate,
+  formatFileSize: () => formatFileSize,
+  getFileIcon: () => getFileIcon,
   useAlert: () => useAlert,
+  useFileManager: () => useFileManager,
   useSession: () => useSession,
   useToast: () => useToast
 });
@@ -759,7 +765,7 @@ var import_react2 = require("react");
 
 // src/services/api.ts
 var chooseEnv = localStorage.getItem("env") ?? "prod";
-var ADDRESS_IP = chooseEnv === "prod" ? "back.rewise.praeduim-tech.com" : "localhost:8000";
+var ADDRESS_IP = chooseEnv === "prod" ? "backend-core.rewise.praedium-tech.com" : "localhost:8000";
 var ADDRESS_IP_URL = chooseEnv === "prod" ? `https://${ADDRESS_IP}/` : `http://${ADDRESS_IP}/`;
 var API_URL = `${ADDRESS_IP_URL}api`;
 var FetchApi = class {
@@ -1708,13 +1714,13 @@ var MODULE_URLS = {
     wiseAsset: "#",
     wiseCash: "https://rewise.praedium-tech.com/admin/finance/dashboard/",
     wiseCollect: "https://rewise.praedium-tech.com/admin/recovery/collection/dashboard/",
-    wiseProcure: "https://rewise.praedium-tech.com/admin/procurement/dashboard/one/",
+    wiseProcure: "https://wiseprocure.praedium-tech.com/",
     wiseHR: "https://rewise.praedium-tech.com/admin/human-capital/dashboard/"
   },
   development: {
     wiseConnect: "http://localhost:5173/admin/crm/trade-strategy/lead-insight/",
     wiseReach: "http://localhost:5173/admin/marketing/dashboard/",
-    wiseOps: "http://localhost:5174/",
+    wiseOps: "http://localhost:5173/",
     wiseGuard: "http://localhost:5173/admin/security/dashboard/",
     wiseThrive: "http://localhost:5173/admin/thrive/scorecard/dashboard/financial/",
     wiseView: "http://localhost:5175/",
@@ -1733,7 +1739,8 @@ var getModuleUrls = (token) => {
   const urls = env === "localhost" ? MODULE_URLS.development : MODULE_URLS.production;
   return {
     ...urls,
-    wiseOps: token ? `${urls.wiseOps}?tkn=${token}` : urls.wiseOps
+    wiseOps: token ? `${urls.wiseOps}?tkn=${token}` : urls.wiseOps,
+    wiseProcure: token ? `${urls.wiseProcure}?tkn=${token}` : urls.wiseProcure
   };
 };
 var MODULE_CODE_MAP = {
@@ -6650,6 +6657,1111 @@ var CountrySelector = ({
     `country-${value}`
   );
 };
+
+// src/components/common/FileManager/FileManager.tsx
+var import_react20 = require("react");
+var import_lucide_react16 = require("lucide-react");
+
+// src/components/common/FileManager/FileManagerContext.tsx
+var import_react14 = require("react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var defaultTexts = {
+  createFolder: "Cr\xE9er un dossier",
+  uploadFiles: "Uploader des fichiers",
+  rename: "Renommer",
+  delete: "Supprimer",
+  download: "T\xE9l\xE9charger",
+  open: "Ouvrir",
+  deselectAll: "Tout d\xE9s\xE9lectionner",
+  newFolderName: "Nom du dossier",
+  confirmDelete: "Voulez-vous vraiment supprimer",
+  noFiles: "Aucun fichier",
+  dropFilesHere: "D\xE9posez vos fichiers ici",
+  cancel: "Annuler",
+  confirm: "Confirmer"
+};
+var FileManagerContext = (0, import_react14.createContext)(null);
+var useFileManager = () => {
+  const context = (0, import_react14.useContext)(FileManagerContext);
+  if (!context) {
+    throw new Error("useFileManager must be used within a FileManagerProvider");
+  }
+  return context;
+};
+var FileManagerProvider = ({
+  children,
+  data,
+  rootName = "Fichiers",
+  viewMode: initialViewMode = "grid",
+  allowMultiSelect = true,
+  allowUpload = true,
+  allowCreateFolder = true,
+  allowRename = true,
+  allowDelete = true,
+  allowDownload = true,
+  texts: customTexts = {},
+  onCreateFolder,
+  onUploadFiles,
+  onRename,
+  onDelete,
+  onDownload,
+  onOpen,
+  onSelect
+}) => {
+  const rootFolder = (0, import_react14.useMemo)(
+    () => ({
+      id: "__root__",
+      name: rootName,
+      type: "folder",
+      path: "/",
+      children: data
+    }),
+    [data, rootName]
+  );
+  const [currentFolder, setCurrentFolder] = (0, import_react14.useState)(rootFolder);
+  const [pathHistory, setPathHistory] = (0, import_react14.useState)([rootFolder]);
+  const [selectedItems, setSelectedItems] = (0, import_react14.useState)([]);
+  const [viewMode, setViewMode] = (0, import_react14.useState)(initialViewMode);
+  const [renamingItem, setRenamingItem] = (0, import_react14.useState)(null);
+  const [contextMenu, setContextMenu] = (0, import_react14.useState)({
+    visible: false,
+    position: { x: 0, y: 0 },
+    item: null
+  });
+  const texts = (0, import_react14.useMemo)(() => ({ ...defaultTexts, ...customTexts }), [customTexts]);
+  const currentFolderContents = (0, import_react14.useMemo)(() => {
+    return currentFolder?.children || [];
+  }, [currentFolder]);
+  const navigateToFolder = (0, import_react14.useCallback)(
+    (folder) => {
+      if (!folder) {
+        setCurrentFolder(rootFolder);
+        setPathHistory([rootFolder]);
+      } else {
+        setCurrentFolder(folder);
+        setPathHistory((prev) => [...prev, folder]);
+      }
+      setSelectedItems([]);
+      setContextMenu({ visible: false, position: { x: 0, y: 0 }, item: null });
+    },
+    [rootFolder]
+  );
+  const navigateBack = (0, import_react14.useCallback)(() => {
+    if (pathHistory.length > 1) {
+      const newHistory = [...pathHistory];
+      newHistory.pop();
+      const previousFolder = newHistory[newHistory.length - 1];
+      setCurrentFolder(previousFolder);
+      setPathHistory(newHistory);
+      setSelectedItems([]);
+    }
+  }, [pathHistory]);
+  const navigateToPath = (0, import_react14.useCallback)(
+    (index) => {
+      if (index < pathHistory.length - 1) {
+        const newHistory = pathHistory.slice(0, index + 1);
+        setCurrentFolder(newHistory[newHistory.length - 1]);
+        setPathHistory(newHistory);
+        setSelectedItems([]);
+      }
+    },
+    [pathHistory]
+  );
+  const selectItem = (0, import_react14.useCallback)(
+    (item, multiSelect = false) => {
+      setSelectedItems((prev) => {
+        if (multiSelect && allowMultiSelect) {
+          const isSelected = prev.some((i) => i.id === item.id);
+          if (isSelected) {
+            return prev.filter((i) => i.id !== item.id);
+          }
+          return [...prev, item];
+        }
+        return [item];
+      });
+      if (onSelect) {
+        const newSelection = allowMultiSelect && multiSelect ? selectedItems.some((i) => i.id === item.id) ? selectedItems.filter((i) => i.id !== item.id) : [...selectedItems, item] : [item];
+        onSelect(newSelection);
+      }
+    },
+    [allowMultiSelect, onSelect, selectedItems]
+  );
+  const deselectAll = (0, import_react14.useCallback)(() => {
+    setSelectedItems([]);
+    if (onSelect) {
+      onSelect([]);
+    }
+  }, [onSelect]);
+  const showContextMenu = (0, import_react14.useCallback)((item, position) => {
+    setContextMenu({
+      visible: true,
+      position,
+      item
+    });
+  }, []);
+  const hideContextMenu = (0, import_react14.useCallback)(() => {
+    setContextMenu((prev) => ({ ...prev, visible: false }));
+  }, []);
+  const startRenaming = (0, import_react14.useCallback)((item) => {
+    setRenamingItem(item);
+    hideContextMenu();
+  }, [hideContextMenu]);
+  const stopRenaming = (0, import_react14.useCallback)(() => {
+    setRenamingItem(null);
+  }, []);
+  const contextValue = (0, import_react14.useMemo)(
+    () => ({
+      data,
+      currentFolder,
+      currentFolderContents,
+      pathHistory,
+      selectedItems,
+      viewMode,
+      contextMenu,
+      renamingItem,
+      navigateToFolder,
+      navigateBack,
+      navigateToPath,
+      selectItem,
+      deselectAll,
+      setViewMode,
+      showContextMenu,
+      hideContextMenu,
+      startRenaming,
+      stopRenaming,
+      onCreateFolder,
+      onUploadFiles,
+      onRename,
+      onDelete,
+      onDownload,
+      onOpen,
+      allowUpload,
+      allowCreateFolder,
+      allowRename,
+      allowDelete,
+      allowDownload,
+      allowMultiSelect,
+      texts
+    }),
+    [
+      data,
+      currentFolder,
+      currentFolderContents,
+      pathHistory,
+      selectedItems,
+      viewMode,
+      contextMenu,
+      renamingItem,
+      navigateToFolder,
+      navigateBack,
+      navigateToPath,
+      selectItem,
+      deselectAll,
+      showContextMenu,
+      hideContextMenu,
+      startRenaming,
+      stopRenaming,
+      onCreateFolder,
+      onUploadFiles,
+      onRename,
+      onDelete,
+      onDownload,
+      onOpen,
+      allowUpload,
+      allowCreateFolder,
+      allowRename,
+      allowDelete,
+      allowDownload,
+      allowMultiSelect,
+      texts
+    ]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(FileManagerContext.Provider, { value: contextValue, children });
+};
+
+// src/components/common/FileManager/components/FolderTree.tsx
+var import_react15 = require("react");
+var import_lucide_react9 = require("lucide-react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var FolderTreeItem = ({ item, level }) => {
+  const { currentFolder, navigateToFolder, pathHistory } = useFileManager();
+  const [isExpanded, setIsExpanded] = (0, import_react15.useState)(
+    pathHistory.some((f) => f.id === item.id) || level === 0
+  );
+  const isSelected = currentFolder?.id === item.id;
+  const hasChildren = item.children?.some((child) => child.type === "folder");
+  const folderChildren = item.children?.filter((child) => child.type === "folder") || [];
+  const handleToggle = (e) => {
+    e.stopPropagation();
+    setIsExpanded(!isExpanded);
+  };
+  const handleClick = () => {
+    navigateToFolder(item);
+    if (!isExpanded) {
+      setIsExpanded(true);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+      "div",
+      {
+        className: cn(
+          "flex items-center gap-1 py-1.5 px-2 rounded-lg cursor-pointer transition-colors",
+          "hover:bg-gray-100 dark:hover:bg-gray-800",
+          isSelected && "bg-blue-50 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300"
+        ),
+        style: { paddingLeft: `${level * 12 + 8}px` },
+        onClick: handleClick,
+        children: [
+          hasChildren ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            "button",
+            {
+              onClick: handleToggle,
+              className: "p-0.5 hover:bg-gray-200 dark:hover:bg-gray-700 rounded",
+              children: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.ChevronDown, { className: "w-4 h-4 text-gray-500 dark:text-gray-400" }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.ChevronRight, { className: "w-4 h-4 text-gray-500 dark:text-gray-400" })
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "w-5" }),
+          isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.FolderOpen, { className: "w-4 h-4 text-yellow-500 flex-shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.Folder, { className: "w-4 h-4 text-yellow-500 flex-shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            "span",
+            {
+              className: cn(
+                "text-sm truncate",
+                isSelected ? "font-medium" : "text-gray-700 dark:text-gray-300"
+              ),
+              children: item.name
+            }
+          )
+        ]
+      }
+    ),
+    isExpanded && folderChildren.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { children: folderChildren.map((child) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FolderTreeItem, { item: child, level: level + 1 }, child.id)) })
+  ] });
+};
+var FolderTree = () => {
+  const { data, currentFolder, navigateToFolder } = useFileManager();
+  const rootItem = {
+    id: "__root__",
+    name: "Fichiers",
+    type: "folder",
+    path: "/",
+    children: data
+  };
+  const isRootSelected = currentFolder?.id === "__root__";
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "h-full overflow-y-auto py-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+      "div",
+      {
+        className: cn(
+          "flex items-center gap-2 py-1.5 px-3 rounded-lg cursor-pointer transition-colors mb-1",
+          "hover:bg-gray-100 dark:hover:bg-gray-800",
+          isRootSelected && "bg-blue-50 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300"
+        ),
+        onClick: () => navigateToFolder(rootItem),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.Folder, { className: "w-4 h-4 text-yellow-500" }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: cn("text-sm", isRootSelected && "font-medium"), children: rootItem.name })
+        ]
+      }
+    ),
+    data.filter((item) => item.type === "folder").map((folder) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FolderTreeItem, { item: folder, level: 1 }, folder.id))
+  ] });
+};
+
+// src/components/common/FileManager/components/FileGrid.tsx
+var import_lucide_react11 = require("lucide-react");
+
+// src/components/common/FileManager/components/FileCard.tsx
+var import_react16 = require("react");
+
+// src/components/common/FileManager/utils.ts
+var import_lucide_react10 = require("lucide-react");
+var getFileIcon = (mimeType, isFolder, isOpen) => {
+  if (isFolder) {
+    return isOpen ? import_lucide_react10.FolderOpen : import_lucide_react10.Folder;
+  }
+  if (!mimeType) {
+    return import_lucide_react10.File;
+  }
+  const type = mimeType.toLowerCase();
+  if (type.startsWith("image/")) {
+    return import_lucide_react10.FileImage;
+  }
+  if (type === "application/pdf") {
+    return import_lucide_react10.FileText;
+  }
+  if (type === "application/msword" || type === "application/vnd.openxmlformats-officedocument.wordprocessingml.document" || type.includes("word")) {
+    return import_lucide_react10.FileType;
+  }
+  if (type === "application/vnd.ms-excel" || type === "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" || type.includes("excel") || type.includes("spreadsheet")) {
+    return import_lucide_react10.FileSpreadsheet;
+  }
+  if (type === "application/vnd.ms-powerpoint" || type === "application/vnd.openxmlformats-officedocument.presentationml.presentation" || type.includes("powerpoint") || type.includes("presentation")) {
+    return import_lucide_react10.FileType;
+  }
+  if (type === "application/zip" || type === "application/x-rar-compressed" || type === "application/x-7z-compressed" || type === "application/gzip" || type.includes("archive") || type.includes("compressed")) {
+    return import_lucide_react10.FileArchive;
+  }
+  if (type.startsWith("video/")) {
+    return import_lucide_react10.FileVideo;
+  }
+  if (type.startsWith("audio/")) {
+    return import_lucide_react10.FileAudio;
+  }
+  if (type.includes("javascript") || type.includes("typescript") || type.includes("json") || type.includes("xml") || type.includes("html") || type.includes("css")) {
+    return import_lucide_react10.FileCode;
+  }
+  if (type.startsWith("text/")) {
+    return import_lucide_react10.FileText;
+  }
+  return import_lucide_react10.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
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var FileCard = ({ item, variant = "grid" }) => {
+  const {
+    selectedItems,
+    selectItem,
+    navigateToFolder,
+    showContextMenu,
+    renamingItem,
+    stopRenaming,
+    onRename,
+    onOpen,
+    onDownload,
+    allowRename
+  } = useFileManager();
+  const [renameValue, setRenameValue] = (0, import_react16.useState)(item.name);
+  const inputRef = (0, import_react16.useRef)(null);
+  const isSelected = selectedItems.some((i) => i.id === item.id);
+  const isRenaming = renamingItem?.id === item.id;
+  const isFolder = item.type === "folder";
+  const Icon = getFileIcon(item.mimeType, isFolder);
+  (0, import_react16.useEffect)(() => {
+    if (isRenaming && inputRef.current) {
+      inputRef.current.focus();
+      inputRef.current.select();
+    }
+  }, [isRenaming]);
+  (0, import_react16.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime22.jsxs)(
+      "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__ */ (0, import_jsx_runtime22.jsx)(
+            Icon,
+            {
+              className: cn(
+                "w-5 h-5 flex-shrink-0",
+                isFolder ? "text-yellow-500" : "text-gray-500 dark:text-gray-400"
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex-1 min-w-0", children: isRenaming ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            "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__ */ (0, import_jsx_runtime22.jsx)("span", { className: "block truncate text-sm text-gray-900 dark:text-gray-100", children: item.name }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-xs text-gray-500 dark:text-gray-400 w-20 text-right", children: !isFolder && formatFileSize(item.size) }),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-xs text-gray-500 dark:text-gray-400 w-24 text-right", children: formatDate(item.updatedAt || item.createdAt) })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    "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__ */ (0, import_jsx_runtime22.jsx)("div", { className: "w-16 h-16 flex items-center justify-center mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          Icon,
+          {
+            className: cn(
+              "w-12 h-12",
+              isFolder ? "text-yellow-500" : "text-gray-500 dark:text-gray-400"
+            )
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "w-full text-center", children: isRenaming ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          "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__ */ (0, import_jsx_runtime22.jsx)("span", { className: "block text-xs text-gray-900 dark:text-gray-100 truncate px-1", children: item.name }) }),
+        !isFolder && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-[10px] text-gray-500 dark:text-gray-400 mt-1", children: formatFileSize(item.size) })
+      ]
+    }
+  );
+};
+
+// src/components/common/FileManager/components/FileGrid.tsx
+var import_jsx_runtime23 = require("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__ */ (0, import_jsx_runtime23.jsxs)(
+      "div",
+      {
+        className: "flex-1 flex flex-col items-center justify-center text-gray-500 dark:text-gray-400 p-8",
+        onClick: handleContainerClick,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.FolderPlus, { className: "w-16 h-16 mb-4 opacity-50" }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-lg", children: texts.noFiles }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-sm mt-2", children: texts.dropFilesHere })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    "div",
+    {
+      className: "flex-1 overflow-y-auto p-4",
+      onClick: handleContainerClick,
+      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-2", children: sortedItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(FileCard, { item, variant: "grid" }, item.id)) })
+    }
+  );
+};
+
+// src/components/common/FileManager/components/FileList.tsx
+var import_lucide_react12 = require("lucide-react");
+var import_jsx_runtime24 = require("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__ */ (0, import_jsx_runtime24.jsxs)(
+      "div",
+      {
+        className: "flex-1 flex flex-col items-center justify-center text-gray-500 dark:text-gray-400 p-8",
+        onClick: handleContainerClick,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.FolderPlus, { className: "w-16 h-16 mb-4 opacity-50" }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-lg", children: texts.noFiles }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-sm mt-2", children: texts.dropFilesHere })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    "div",
+    {
+      className: "flex-1 overflow-y-auto p-4",
+      onClick: handleContainerClick,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-3 px-3 py-2 text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider border-b border-gray-200 dark:border-gray-700 mb-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "w-5" }),
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "flex-1", children: "Nom" }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "w-20 text-right", children: "Taille" }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "w-24 text-right", children: "Modifi\xE9" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "space-y-1", children: sortedItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(FileCard, { item, variant: "list" }, item.id)) })
+      ]
+    }
+  );
+};
+
+// src/components/common/FileManager/components/Breadcrumb.tsx
+var import_react17 = __toESM(require("react"), 1);
+var import_lucide_react13 = require("lucide-react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var Breadcrumb = () => {
+  const { pathHistory, navigateBack, navigateToPath } = useFileManager();
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-1 px-2 py-2 bg-gray-50 dark:bg-gray-800/50 rounded-lg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      "button",
+      {
+        onClick: navigateBack,
+        disabled: pathHistory.length <= 1,
+        className: cn(
+          "p-1.5 rounded-md transition-colors",
+          pathHistory.length > 1 ? "hover:bg-gray-200 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300" : "text-gray-400 dark:text-gray-600 cursor-not-allowed"
+        ),
+        title: "Retour",
+        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react13.ChevronLeft, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex items-center gap-1 overflow-x-auto scrollbar-thin", children: pathHistory.map((folder, index) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react17.default.Fragment, { children: [
+      index > 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react13.ChevronRight, { className: "w-4 h-4 text-gray-400 dark:text-gray-600 flex-shrink-0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        "button",
+        {
+          onClick: () => navigateToPath(index),
+          className: cn(
+            "px-2 py-1 text-sm rounded-md transition-colors whitespace-nowrap",
+            index === pathHistory.length - 1 ? "text-gray-900 dark:text-gray-100 font-medium" : "text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 hover:bg-gray-200 dark:hover:bg-gray-700"
+          ),
+          children: folder.name
+        }
+      )
+    ] }, folder.id)) })
+  ] });
+};
+
+// src/components/common/FileManager/components/Toolbar.tsx
+var import_react18 = __toESM(require("react"), 1);
+var import_lucide_react14 = require("lucide-react");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var CreateFolderModal = ({
+  isOpen,
+  onClose,
+  onSubmit,
+  texts
+}) => {
+  const [folderName, setFolderName] = (0, import_react18.useState)("");
+  const inputRef = (0, import_react18.useRef)(null);
+  import_react18.default.useEffect(() => {
+    if (isOpen && inputRef.current) {
+      inputRef.current.focus();
+    }
+    if (!isOpen) {
+      setFolderName("");
+    }
+  }, [isOpen]);
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (folderName.trim()) {
+      onSubmit(folderName.trim());
+      setFolderName("");
+      onClose();
+    }
+  };
+  if (!isOpen) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "bg-white dark:bg-gray-900 rounded-xl shadow-xl p-6 w-full max-w-md mx-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center justify-between mb-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h3", { className: "text-lg font-semibold text-gray-900 dark:text-gray-100", children: texts.createFolder }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        "button",
+        {
+          onClick: onClose,
+          className: "p-1 rounded-md hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors",
+          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react14.X, { className: "w-5 h-5 text-gray-500" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("form", { onSubmit: handleSubmit, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2", children: texts.newFolderName }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        "input",
+        {
+          ref: inputRef,
+          type: "text",
+          value: folderName,
+          onChange: (e) => setFolderName(e.target.value),
+          className: "w-full px-3 py-2 border border-gray-300 dark:border-gray-700 rounded-lg\r\n                       bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100\r\n                       focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none",
+          placeholder: "Nouveau dossier"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex justify-end gap-3 mt-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          "button",
+          {
+            type: "button",
+            onClick: onClose,
+            className: "px-4 py-2 text-sm font-medium text-gray-700 dark:text-gray-300\r\n                         hover:bg-gray-100 dark:hover:bg-gray-800 rounded-lg transition-colors",
+            children: texts.cancel
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          "button",
+          {
+            type: "submit",
+            disabled: !folderName.trim(),
+            className: cn(
+              "px-4 py-2 text-sm font-medium text-white rounded-lg transition-colors",
+              folderName.trim() ? "bg-blue-600 hover:bg-blue-700" : "bg-gray-400 cursor-not-allowed"
+            ),
+            children: texts.confirm
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+};
+var Toolbar = () => {
+  const {
+    currentFolder,
+    selectedItems,
+    viewMode,
+    setViewMode,
+    deselectAll,
+    onCreateFolder,
+    onUploadFiles,
+    allowCreateFolder,
+    allowUpload,
+    texts
+  } = useFileManager();
+  const [showCreateModal, setShowCreateModal] = (0, import_react18.useState)(false);
+  const fileInputRef = (0, import_react18.useRef)(null);
+  const handleCreateFolder = async (name) => {
+    if (onCreateFolder && currentFolder) {
+      try {
+        await onCreateFolder(name, currentFolder.id);
+      } catch (error) {
+        console.error("Create folder failed:", error);
+      }
+    }
+  };
+  const handleUploadClick = () => {
+    fileInputRef.current?.click();
+  };
+  const handleFileChange = async (e) => {
+    const files = e.target.files;
+    if (files && files.length > 0 && onUploadFiles && currentFolder) {
+      try {
+        await onUploadFiles(Array.from(files), currentFolder.id);
+      } catch (error) {
+        console.error("Upload failed:", error);
+      }
+    }
+    if (fileInputRef.current) {
+      fileInputRef.current.value = "";
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center justify-between gap-4 flex-wrap", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-2", children: [
+        allowCreateFolder && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+          "button",
+          {
+            onClick: () => setShowCreateModal(true),
+            className: cn(
+              "flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-lg transition-colors",
+              "bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300",
+              "hover:bg-gray-200 dark:hover:bg-gray-700"
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react14.FolderPlus, { className: "w-4 h-4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "hidden sm:inline", children: texts.createFolder })
+            ]
+          }
+        ),
+        allowUpload && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+            "button",
+            {
+              onClick: handleUploadClick,
+              className: cn(
+                "flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-lg transition-colors",
+                "bg-blue-600 text-white hover:bg-blue-700"
+              ),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react14.Upload, { className: "w-4 h-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "hidden sm:inline", children: texts.uploadFiles })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            "input",
+            {
+              ref: fileInputRef,
+              type: "file",
+              multiple: true,
+              onChange: handleFileChange,
+              className: "hidden",
+              accept: ".jpg,.jpeg,.png,.gif,.pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.txt,.csv,.zip,.rar"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-2", children: [
+        selectedItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+          "button",
+          {
+            onClick: deselectAll,
+            className: "flex items-center gap-2 px-3 py-2 text-sm text-gray-600 dark:text-gray-400\r\n                         hover:text-gray-900 dark:hover:text-gray-100 transition-colors",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react14.X, { className: "w-4 h-4" }),
+              texts.deselectAll,
+              " (",
+              selectedItems.length,
+              ")"
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center bg-gray-100 dark:bg-gray-800 rounded-lg p-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            "button",
+            {
+              onClick: () => setViewMode("grid"),
+              className: cn(
+                "p-1.5 rounded-md transition-colors",
+                viewMode === "grid" ? "bg-white dark:bg-gray-700 shadow-sm text-gray-900 dark:text-gray-100" : "text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200"
+              ),
+              title: "Vue grille",
+              children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react14.Grid, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            "button",
+            {
+              onClick: () => setViewMode("list"),
+              className: cn(
+                "p-1.5 rounded-md transition-colors",
+                viewMode === "list" ? "bg-white dark:bg-gray-700 shadow-sm text-gray-900 dark:text-gray-100" : "text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200"
+              ),
+              title: "Vue liste",
+              children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react14.List, { className: "w-4 h-4" })
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      CreateFolderModal,
+      {
+        isOpen: showCreateModal,
+        onClose: () => setShowCreateModal(false),
+        onSubmit: handleCreateFolder,
+        texts
+      }
+    )
+  ] });
+};
+
+// src/components/common/FileManager/components/ContextMenu.tsx
+var import_react19 = require("react");
+var import_lucide_react15 = require("lucide-react");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var ContextMenu = () => {
+  const {
+    contextMenu,
+    hideContextMenu,
+    navigateToFolder,
+    startRenaming,
+    onDownload,
+    onDelete,
+    onOpen,
+    allowRename,
+    allowDelete,
+    allowDownload,
+    texts
+  } = useFileManager();
+  const menuRef = (0, import_react19.useRef)(null);
+  (0, import_react19.useEffect)(() => {
+    const handleClickOutside = (e) => {
+      if (menuRef.current && !menuRef.current.contains(e.target)) {
+        hideContextMenu();
+      }
+    };
+    const handleEscape = (e) => {
+      if (e.key === "Escape") {
+        hideContextMenu();
+      }
+    };
+    if (contextMenu.visible) {
+      document.addEventListener("mousedown", handleClickOutside);
+      document.addEventListener("keydown", handleEscape);
+    }
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+      document.removeEventListener("keydown", handleEscape);
+    };
+  }, [contextMenu.visible, hideContextMenu]);
+  if (!contextMenu.visible || !contextMenu.item) {
+    return null;
+  }
+  const { item, position } = contextMenu;
+  const isFolder = item.type === "folder";
+  const handleOpen = () => {
+    if (isFolder) {
+      navigateToFolder(item);
+    } else if (onOpen) {
+      onOpen(item);
+    } else if (onDownload) {
+      onDownload(item);
+    }
+    hideContextMenu();
+  };
+  const handleRename = () => {
+    startRenaming(item);
+  };
+  const handleDownload = () => {
+    if (onDownload) {
+      onDownload(item);
+    }
+    hideContextMenu();
+  };
+  const handleDelete = async () => {
+    if (onDelete) {
+      try {
+        await onDelete(item);
+      } catch (error) {
+        console.error("Delete failed:", error);
+      }
+    }
+    hideContextMenu();
+  };
+  const menuStyle = {
+    position: "fixed",
+    top: position.y,
+    left: position.x,
+    zIndex: 9999
+  };
+  if (typeof window !== "undefined") {
+    const menuWidth = 180;
+    const menuHeight = 200;
+    if (position.x + menuWidth > window.innerWidth) {
+      menuStyle.left = position.x - menuWidth;
+    }
+    if (position.y + menuHeight > window.innerHeight) {
+      menuStyle.top = position.y - menuHeight;
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+    "div",
+    {
+      ref: menuRef,
+      style: menuStyle,
+      className: "bg-white dark:bg-gray-900 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 py-1 min-w-[160px]",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+          "button",
+          {
+            onClick: handleOpen,
+            className: cn(
+              "w-full flex items-center gap-3 px-4 py-2 text-sm text-left",
+              "text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react15.FolderOpen, { className: "w-4 h-4" }),
+              texts.open
+            ]
+          }
+        ),
+        allowRename && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+          "button",
+          {
+            onClick: handleRename,
+            className: cn(
+              "w-full flex items-center gap-3 px-4 py-2 text-sm text-left",
+              "text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react15.Edit3, { className: "w-4 h-4" }),
+              texts.rename
+            ]
+          }
+        ),
+        allowDownload && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+          "button",
+          {
+            onClick: handleDownload,
+            className: cn(
+              "w-full flex items-center gap-3 px-4 py-2 text-sm text-left",
+              "text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react15.Download, { className: "w-4 h-4" }),
+              texts.download
+            ]
+          }
+        ),
+        allowDelete && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "border-t border-gray-200 dark:border-gray-700 my-1" }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+            "button",
+            {
+              onClick: handleDelete,
+              className: cn(
+                "w-full flex items-center gap-3 px-4 py-2 text-sm text-left",
+                "text-red-600 dark:text-red-400 hover:bg-red-50 dark:hover:bg-red-900/20 transition-colors"
+              ),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react15.Trash2, { className: "w-4 h-4" }),
+                texts.delete
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+
+// src/components/common/FileManager/FileManager.tsx
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var FileManagerContent = ({ className }) => {
+  const { viewMode, hideContextMenu } = useFileManager();
+  const [sidebarOpen, setSidebarOpen] = (0, import_react20.useState)(false);
+  const handleMainClick = () => {
+    hideContextMenu();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+    "div",
+    {
+      className: cn(
+        "flex h-full bg-white dark:bg-gray-900 rounded-xl border border-gray-200 dark:border-gray-800 overflow-hidden",
+        className
+      ),
+      onClick: handleMainClick,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          "button",
+          {
+            onClick: (e) => {
+              e.stopPropagation();
+              setSidebarOpen(!sidebarOpen);
+            },
+            className: "md:hidden fixed bottom-4 left-4 z-50 p-3 bg-blue-600 text-white rounded-full shadow-lg hover:bg-blue-700 transition-colors",
+            children: sidebarOpen ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react16.X, { className: "w-6 h-6" }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react16.Menu, { className: "w-6 h-6" })
+          }
+        ),
+        sidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          "div",
+          {
+            className: "md:hidden fixed inset-0 bg-black/50 z-40",
+            onClick: () => setSidebarOpen(false)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+          "aside",
+          {
+            className: cn(
+              "w-64 border-r border-gray-200 dark:border-gray-800 bg-gray-50 dark:bg-gray-900/50 flex-shrink-0",
+              "md:relative md:translate-x-0",
+              "fixed inset-y-0 left-0 z-50 transition-transform duration-300",
+              sidebarOpen ? "translate-x-0" : "-translate-x-full md:translate-x-0"
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "p-3 border-b border-gray-200 dark:border-gray-800", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("h2", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100", children: "Dossiers" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FolderTree, {})
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("main", { className: "flex-1 flex flex-col min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("header", { className: "p-4 border-b border-gray-200 dark:border-gray-800 space-y-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Toolbar, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Breadcrumb, {})
+          ] }),
+          viewMode === "grid" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FileGrid, {}) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FileList, {})
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ContextMenu, {})
+      ]
+    }
+  );
+};
+var FileManager = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FileManagerProvider, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FileManagerContent, { className: props.className }) });
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Alert,
@@ -6666,6 +7778,8 @@ var CountrySelector = ({
   FDrawer,
   FetchApi,
   FileInput,
+  FileManager,
+  FileManagerProvider,
   ForeignCurrencySelector,
   InputField,
   InvoiceTypeSelector,
@@ -6690,7 +7804,11 @@ var CountrySelector = ({
   ToastContainer,
   ToastProvider,
   UserServices,
+  formatDate,
+  formatFileSize,
+  getFileIcon,
   useAlert,
+  useFileManager,
   useSession,
   useToast
 });