@emailmaker/filemanager 0.10.97 → 0.10.99

package/file-manager.css

@@ -1593,6 +1593,22 @@
   padding: 2px 0;
   min-width: 0; /* Позволяет flex-элементам сжиматься */
 }
+
+/** Tab locked by the host (e.g. by subscription plan): still shown, but badged with a lock. */
+.em-filemanager .lockedTabIcon {
+  position: relative;
+  display: inline-flex;
+  opacity: 0.55;
+}
+
+.em-filemanager .lockedTabLock {
+  position: absolute;
+  right: -4px;
+  bottom: -2px;
+  opacity: 1;
+  border-radius: 100%;
+  background-color: var(--colorBgContainer);
+}
 @charset "UTF-8";
 .em-filemanager .uploadProgress {
   position: fixed;

package/file-manager.esm.js

@@ -1,2 +1,2 @@
-export{$ as DEFAULT_FILE_MANAGER_CACHE_TTL_MS,a1 as DataSourceProxyBase,L as FailedRequestCache,A as FileContent,G as FileManagerApiError,z as FileManagerApp,t as FileManagerAppWithContext,B as FileModals,C as FolderSidebar,M as MutationRegistry,a2 as PathAwareStorageAdapter,P as PixieOnlyApp,V as TRASH_FOLDER_ID,Z as TreeCache,_ as ViewCacheManager,I as buildAssetsPath,O as compareFileSystemItems,W as createSystemFolderByPathResolver,y as default,Q as defaultChildrenViewFilterMatch,R as defaultFileSystemItemComparator,a0 as defaultIsFolderNotFoundError,a3 as fetchRemoteImageBlobByUrl,K as getAssetsBase,X as getTrashFolderLookupCandidates,q as init,x as initFileManager,v as initPixieEditor,D as installResizeObserverErrorHandler,J as joinUrls,H as mapHttpStatusToErrorCode,S as matchesChildrenViewFilter,Y as normalizeSystemFolderPath,T as resolveSortParams,U as resolveViewStrategyOptions,E as uninstallResizeObserverErrorHandler,s as unmount,w as unmountPixieEditor}from"./file-manager-index-CGOCfKmf.js";import"react/jsx-runtime";import"react";import"react-dom/client";import"antd";import"@ant-design/icons";import"@ant-design/cssinjs";import"react-dom";import"@untitledui/icons";import"browser-image-compression";import"pixie";
+export{a1 as DEFAULT_FILE_MANAGER_CACHE_TTL_MS,a3 as DataSourceProxyBase,L as FailedRequestCache,A as FileContent,G as FileManagerApiError,z as FileManagerApp,t as FileManagerAppWithContext,B as FileModals,C as FolderSidebar,M as MutationRegistry,a4 as PathAwareStorageAdapter,P as PixieOnlyApp,X as TRASH_FOLDER_ID,$ as TreeCache,a0 as ViewCacheManager,I as buildAssetsPath,O as compareFileSystemItems,Y as createSystemFolderByPathResolver,y as default,Q as defaultChildrenViewFilterMatch,R as defaultFileSystemItemComparator,S as defaultHasSortValue,a2 as defaultIsFolderNotFoundError,a5 as fetchRemoteImageBlobByUrl,K as getAssetsBase,Z as getTrashFolderLookupCandidates,T as hasComparableSortValue,q as init,x as initFileManager,v as initPixieEditor,D as installResizeObserverErrorHandler,J as joinUrls,H as mapHttpStatusToErrorCode,U as matchesChildrenViewFilter,_ as normalizeSystemFolderPath,V as resolveSortParams,W as resolveViewStrategyOptions,E as uninstallResizeObserverErrorHandler,s as unmount,w as unmountPixieEditor}from"./file-manager-index-D2RmKLjd.js";import"react/jsx-runtime";import"react";import"react-dom/client";import"antd";import"@ant-design/icons";import"@ant-design/cssinjs";import"react-dom";import"@untitledui/icons";import"browser-image-compression";import"pixie";
 //# sourceMappingURL=file-manager.esm.js.map

package/file-manager.js

@@ -356,13 +356,14 @@ const FolderTree = ({ selectedFolder, onSelect, onExpand, generateMenuItems, fet
             }
         }
     }, [defaultExpandAll, mode, generateMenuItems, getAllFolderKeys, controlledExpandedKeys]);
-    const handleTreeSelect = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(async (selectedKeys) => {
+    const handleTreeSelect = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)((selectedKeys) => {
         const key = selectedKeys[0];
         if (!key || key === 'empty' || key.endsWith('_input'))
             return;
+        // onSelect (FolderSidebar.handleTreeSelect) сам вызывает fetchChildFolders(key)
+        // внутри — здесь его вызывать повторно не нужно.
         onSelect === null || onSelect === void 0 ? void 0 : onSelect(selectedKeys);
-        await (fetchChildFolders === null || fetchChildFolders === void 0 ? void 0 : fetchChildFolders(key === 'folders' ? null : key));
-    }, [onSelect, fetchChildFolders]);
+    }, [onSelect]);
     const handleTreeExpand = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(async (keys, info) => {
         var _a;
         setExpandedKeys(keys);
@@ -422,7 +423,13 @@ const FolderTree = ({ selectedFolder, onSelect, onExpand, generateMenuItems, fet
                 return (0,jsx_runtime.jsx)(ExpandFolderIcon, { size: 20, strokeWidth: config === null || config === void 0 ? void 0 : config.iconStrokeWidth });
             };
             const currentFolderIcon = renderCurrentFolderIcon();
-            const title = ((0,jsx_runtime.jsxs)("div", { className: `${FolderTree_FolderTree_module.folderItemContainer} folder-item-container`, onClick: () => !isDisabled && onClickHandle(item.key), style: {
+            const title = ((0,jsx_runtime.jsxs)("div", { className: `${FolderTree_FolderTree_module.folderItemContainer} folder-item-container`, onClick: event => {
+                    // Гасим всплытие: иначе клик по заголовку узла долетает и до нативного
+                    // onSelect antd Tree, и handleTreeSelect срабатывает дважды на один клик.
+                    event.stopPropagation();
+                    if (!isDisabled)
+                        onClickHandle(item.key);
+                }, style: {
                     opacity: isDisabled ? 0.5 : 1,
                     cursor: isDisabled ? 'not-allowed' : 'pointer',
                 }, children: [(0,jsx_runtime.jsxs)("div", { className: FolderTree_FolderTree_module.folderLabel, children: [item.icon !== undefined ? item.icon : currentFolderIcon, (0,jsx_runtime.jsx)("span", { className: FolderTree_FolderTree_module.folderLabelItem, children: item.label })] }), showFileCounts && ((0,jsx_runtime.jsx)("div", { className: FolderTree_FolderTree_module.fileCount, title: filesCount === null
@@ -436,10 +443,16 @@ const FolderTree = ({ selectedFolder, onSelect, onExpand, generateMenuItems, fet
             };
         };
         const isRootExpanded = expandedKeys.includes('folders');
-        const rootTitle = ((0,jsx_runtime.jsx)("div", { className: FolderTree_FolderTree_module.foldersTitle, onClick: () => onClickHandle('folders'), children: (0,jsx_runtime.jsxs)("div", { className: FolderTree_FolderTree_module.foldersTitleItem, children: [isRootExpanded ? ((0,jsx_runtime.jsx)(CollapseFolderIcon, { size: 20, strokeWidth: config === null || config === void 0 ? void 0 : config.iconStrokeWidth })) : ((0,jsx_runtime.jsx)(ExpandFolderIcon, { size: 20, strokeWidth: config === null || config === void 0 ? void 0 : config.iconStrokeWidth })), (0,jsx_runtime.jsx)("span", { className: `${FolderTree_FolderTree_module.folderLabelItem} folder-label-item`, children: ((_a = sanitizedMenuItems[0]) === null || _a === void 0 ? void 0 : _a.key) === 'folders' ? sanitizedMenuItems[0].label : t('Folders') })] }) }));
+        const rootTitle = ((0,jsx_runtime.jsx)("div", { className: FolderTree_FolderTree_module.foldersTitle, onClick: event => {
+                event.stopPropagation();
+                onClickHandle('folders');
+            }, children: (0,jsx_runtime.jsxs)("div", { className: FolderTree_FolderTree_module.foldersTitleItem, children: [isRootExpanded ? ((0,jsx_runtime.jsx)(CollapseFolderIcon, { size: 20, strokeWidth: config === null || config === void 0 ? void 0 : config.iconStrokeWidth })) : ((0,jsx_runtime.jsx)(ExpandFolderIcon, { size: 20, strokeWidth: config === null || config === void 0 ? void 0 : config.iconStrokeWidth })), (0,jsx_runtime.jsx)("span", { className: `${FolderTree_FolderTree_module.folderLabelItem} folder-label-item`, children: ((_a = sanitizedMenuItems[0]) === null || _a === void 0 ? void 0 : _a.key) === 'folders' ? sanitizedMenuItems[0].label : t('Folders') })] }) }));
         const buildTrashNode = () => ({
             key: 'Trash',
-            title: ((0,jsx_runtime.jsx)("div", { className: FolderTree_FolderTree_module.foldersTitle, onClick: () => onClickHandle('Trash'), children: (0,jsx_runtime.jsxs)("div", { className: FolderTree_FolderTree_module.foldersTitleItem, children: [(0,jsx_runtime.jsx)(icons_.Trash03, { size: 20, strokeWidth: config === null || config === void 0 ? void 0 : config.iconStrokeWidth }), (0,jsx_runtime.jsx)("span", { className: FolderTree_FolderTree_module.folderLabelItem, children: t('Trash') })] }) })),
+            title: ((0,jsx_runtime.jsx)("div", { className: FolderTree_FolderTree_module.foldersTitle, onClick: event => {
+                    event.stopPropagation();
+                    onClickHandle('Trash');
+                }, children: (0,jsx_runtime.jsxs)("div", { className: FolderTree_FolderTree_module.foldersTitleItem, children: [(0,jsx_runtime.jsx)(icons_.Trash03, { size: 20, strokeWidth: config === null || config === void 0 ? void 0 : config.iconStrokeWidth }), (0,jsx_runtime.jsx)("span", { className: FolderTree_FolderTree_module.folderLabelItem, children: t('Trash') })] }) })),
             children: undefined,
         });
         if (isEmpty) {
@@ -39123,7 +39136,7 @@ __webpack_require__.d(__webpack_exports__, {
   HO: () => (/* reexport */ useSortAndFilter/* useSortAndFilter */.H)
 });
 
-// UNUSED EXPORTS: FileManagerContext, useModals
+// UNUSED EXPORTS: FileManagerContext, mergeLazyRootFolders, useModals
 
 // EXTERNAL MODULE: ./src/hooks/core/context.tsx
 var context = __webpack_require__(8361);
@@ -41176,6 +41189,7 @@ module.exports = PluralRules;
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   n: () => (/* binding */ useFolders)
 /* harmony export */ });
+/* unused harmony export mergeLazyRootFolders */
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5442);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7892);
@@ -41197,6 +41211,18 @@ module.exports = PluralRules;
 
 
 
+/**
+ * Ленивый режим дерева (`folderTreeLoading: 'lazy'`) не обходит поддеревья — свежий
+ * root-фетч содержит только корневые папки. Старые вложенные записи (с `parentId`)
+ * сохраняются как есть, НО если тот же `id` уже есть в свежем корневом ответе
+ * (сервер теперь считает папку корневой), старая копия вытесняется, а не дублируется
+ * рядом с новой (см. DEV-дубликаты в дереве после загрузки файла в подпапку).
+ */
+function mergeLazyRootFolders(prev, rootFolders) {
+    const freshIds = new Set(rootFolders.map(f => f.id));
+    const withoutOldRoots = prev.filter(f => f.parentId && !freshIds.has(f.id));
+    return [...withoutOldRoots, ...rootFolders];
+}
 const useFolders = () => {
     var _a, _b;
     const { state, actions, options } = (0,_context__WEBPACK_IMPORTED_MODULE_2__/* .useFileManagerContext */ .wh)();
@@ -41244,8 +41270,7 @@ const useFolders = () => {
                             }
                             return fullTree;
                         }
-                        const withoutOldRoots = safePrev.filter(f => f.parentId);
-                        const merged = [...withoutOldRoots, ...rootFolders];
+                        const merged = mergeLazyRootFolders(safePrev, rootFolders);
                         const problematicFolders = merged.filter((folder) => folder.id === folder.parentId);
                         if (problematicFolders.length > 0) {
                             console.warn('Folders with cyclic dependencies detected:', problematicFolders);
@@ -43443,7 +43468,7 @@ __webpack_require__.d(__webpack_exports__, {
   _O: () => (/* reexport */ useViewportMetricsSync)
 });
 
-// UNUSED EXPORTS: FileManagerContext, useLastDirectory, useModals
+// UNUSED EXPORTS: FileManagerContext, mergeLazyRootFolders, useLastDirectory, useModals
 
 // EXTERNAL MODULE: ./src/hooks/core/index.ts + 4 modules
 var core = __webpack_require__(4002);
@@ -44509,6 +44534,8 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__7928__;
 /* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(550);
 /* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(antd__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(133);
+/* harmony import */ var _utils_libraryTabLock__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(8546);
+
 
 
 
@@ -44564,16 +44591,18 @@ const FileManagerProvider = ({ children, options }) => {
     const [currentMenuFile, setCurrentMenuFile] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)('');
     const [loading, setLoading] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
     const [activeLibraryItem, setActiveLibraryItem] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(_constants__WEBPACK_IMPORTED_MODULE_3__/* .MY_FILES */ .Zz);
+    /** A locked tab must never become active — otherwise the host's lock would be bypassed. */
+    const isLibraryItemOpenable = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((item) => isLibraryItemEnabled(item) && !(0,_utils_libraryTabLock__WEBPACK_IMPORTED_MODULE_4__/* .isLibraryTabLocked */ .v)(item, config), [config, isLibraryItemEnabled]);
     (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
         if ((config === null || config === void 0 ? void 0 : config.activeLibraryItem) && setActiveLibraryItem) {
-            setActiveLibraryItem(isLibraryItemEnabled(config.activeLibraryItem) ? config.activeLibraryItem : _constants__WEBPACK_IMPORTED_MODULE_3__/* .MY_FILES */ .Zz);
+            setActiveLibraryItem(isLibraryItemOpenable(config.activeLibraryItem) ? config.activeLibraryItem : _constants__WEBPACK_IMPORTED_MODULE_3__/* .MY_FILES */ .Zz);
         }
-    }, [config === null || config === void 0 ? void 0 : config.activeLibraryItem, isLibraryItemEnabled, setActiveLibraryItem]);
+    }, [config === null || config === void 0 ? void 0 : config.activeLibraryItem, isLibraryItemOpenable, setActiveLibraryItem]);
     (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
-        if (!isLibraryItemEnabled(activeLibraryItem)) {
+        if (!isLibraryItemOpenable(activeLibraryItem)) {
             setActiveLibraryItem(_constants__WEBPACK_IMPORTED_MODULE_3__/* .MY_FILES */ .Zz);
         }
-    }, [activeLibraryItem, isLibraryItemEnabled]);
+    }, [activeLibraryItem, isLibraryItemOpenable]);
     const [pagination, setPagination] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)({
         current: 1,
         pageSize: 20,
@@ -44701,6 +44730,21 @@ const FileManagerProvider = ({ children, options }) => {
 };
 
 
+/***/ }),
+
+/***/ 8546:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   v: () => (/* binding */ isLibraryTabLocked)
+/* harmony export */ });
+function isLibraryTabLocked(tab, config) {
+    var _a;
+    return Boolean((_a = config === null || config === void 0 ? void 0 : config.lockedTabs) === null || _a === void 0 ? void 0 : _a.includes(tab));
+}
+
+
 /***/ }),
 
 /***/ 8573:
@@ -48431,7 +48475,7 @@ var ___CSS_LOADER_API_SOURCEMAP_IMPORT___ = __webpack_require__(1354);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.FolderSidebar-module__button__Yf2rX.ant-btn.ant-btn-icon-only{padding:calc(var(--paddingXXS)*1px) calc(var(--paddingSM)*1px);cursor:pointer;color:var(--colorTextSecondary);display:flex;gap:calc(var(--marginXS)*1px);align-items:center;justify-content:center;border-radius:calc(var(--borderRadiusSM)*1px);transition:all var(--motionDurationFast);box-shadow:none;border:none;width:32px;height:32px}.FolderSidebar-module__button__Yf2rX.ant-btn.ant-btn-icon-only:hover{background-color:var(--colorBgLayout);color:inherit}.FolderSidebar-module__button__Yf2rX:hover{background-color:var(--colorBgContainer);color:var(--colorPrimary)}.FolderSidebar-module__foldersTitle__Uh6u7{display:flex;align-items:center;flex:1;cursor:pointer}.FolderSidebar-module__folderActions__qA2Bk{position:absolute;top:4px;right:4px;display:flex;align-items:center;gap:4px;z-index:10}.FolderSidebar-module__folderActions__qA2Bk .FolderSidebar-module__button__Yf2rX.FolderSidebar-module__ant-btn__LXAXm.FolderSidebar-module__ant-btn-icon-only__j_wVF{padding:calc(var(--paddingXXS)*1px) calc(var(--paddingSM)*1px);cursor:pointer;color:var(--colorTextSecondary);display:flex;gap:calc(var(--marginXS)*1px);align-items:center;justify-content:center;border-radius:calc(var(--borderRadiusSM)*1px);transition:all var(--motionDurationFast);box-shadow:none;border:none;width:32px;height:32px}.FolderSidebar-module__folderActions__qA2Bk .FolderSidebar-module__button__Yf2rX.FolderSidebar-module__ant-btn__LXAXm.FolderSidebar-module__ant-btn-icon-only__j_wVF:hover{background-color:var(--colorBgLayout);color:inherit}.FolderSidebar-module__customExpandIcon__IhZJl{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:8px;cursor:pointer;color:#666;font-size:10px;transition:transform .2s ease}.FolderSidebar-module__customExpandIcon__IhZJl:hover{color:var(--colorPrimary)}.FolderSidebar-module__fileCount__bD9DD{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:100%;padding:0 6px;margin-left:8px;color:#8d8d8d;font-size:14px;font-weight:500;transition:all .2s ease;white-space:nowrap;cursor:default;flex-shrink:0;margin-right:10px}.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected{background-color:rgba(0,0,0,0) !important}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-treenode-selected .folder-label span,.FolderSidebar-module__folderMenu__JCzLF .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected .folderLabelItem,.FolderSidebar-module__folderMenu__JCzLF .ant-tree-treenode-selected .folderLabelItem,.FolderSidebar-module__folderMenu__JCzLF .ant-tree-node-selected .folderLabelItem{font-weight:600 !important}.FolderSidebar-module__uploadButton__QQUid{width:100%;justify-content:flex-start}.FolderSidebar-module__uploadButton__QQUid button:hover{background-color:var(--colorPrimaryHover) !important}.FolderSidebar-module__folderMenu__JCzLF{padding-left:0;padding-right:0}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-treenode{display:flex;align-items:center;justify-content:space-between;padding:4px 0;border-radius:4px;transition:background-color .2s ease;width:100%;margin-bottom:0}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-node-content-wrapper{flex:1;align-items:center;padding:0;transition:background-color .2s ease}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-node-content-wrapper:hover{background-color:rgba(0,0,0,0)}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-switcher{height:24px;width:24px;margin-top:5px;display:flex !important;align-items:center;justify-content:center;transition:color .2s ease;flex-shrink:0}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-switcher-noop{width:24px}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-switcher-line-icon{color:#d9d9d9}.FolderSidebar-module__folderMenu__JCzLF .FolderSidebar-module__folderItemContainer__byl5b{width:100%;display:flex;align-items:center;justify-content:space-between;padding:2px 0;min-width:0}.FolderSidebar-module__folderMenu__JCzLF .folder-label{display:flex;align-items:center;flex:1;color:#595959;font-size:14px;min-width:0;overflow:hidden}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-treenode[data-key="folders"]{border-bottom:1px solid var(--colorBorderSecondary);margin-bottom:8px;padding-bottom:8px}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-treenode[data-key="folders"].ant-tree-treenode-selected{background-color:rgba(0,0,0,0) !important}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-treenode[data-key="folders"] .ant-tree-node-content-wrapper{padding:0}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-treenode[data-key="folders"] .ant-tree-node-content-wrapper:hover{background-color:rgba(0,0,0,0) !important}.FolderSidebar-module__folderMenu__JCzLF .ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.FolderSidebar-module__folderMenu__JCzLF .FolderSidebar-module__emptyFolderContainer__WK6tx{padding:20px;text-align:center}.FolderSidebar-module__folderMenu__JCzLF .ant-tree > .ant-tree-treenode{padding-left:0 !important}.FolderSidebar-module__folderIcon__UoZzH{margin-right:8px;font-size:18px;flex-shrink:0}.FolderSidebar-module__folderLabelItem__uJ062{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;user-select:none}.FolderSidebar-module__foldersTitleItem__gapOI{display:flex;align-items:center;flex:1;cursor:pointer;min-width:0;overflow:hidden}.FolderSidebar-module__folderLabel__fHWMp{display:flex;align-items:center;flex:1;min-width:0;overflow:hidden}.FolderSidebar-module__foldersContainer__zdBVU{position:relative;width:100%}.FolderSidebar-module__uploadButton__QQUid .FolderSidebar-module__ant-btn__LXAXm,.FolderSidebar-module__uploadButton__QQUid .ant-btn{display:flex;align-items:center;justify-content:center;gap:3px}.FolderSidebar-module__buttonWrapper__a9Qi5{margin-bottom:24px;display:flex;gap:4px}.FolderSidebar-module__buttonWrapper__a9Qi5>:first-child{flex:1;height:40px;padding-left:10px}.FolderSidebar-module__buttonWrapper__a9Qi5>:last-child{width:40px;height:40px;flex-shrink:0}.FolderSidebar-module__uploadByURLButton__epMiC.ant-btn.ant-btn-icon-only{width:40px;min-width:40px;height:40px;padding:0;flex-shrink:0}.FolderSidebar-module__uploadButtonIcon__mWQmq{font-size:20px}.FolderSidebar-module__uploadButtonTitle__wk_o6{line-height:1em}.FolderSidebar-module__emptyFolderContainer__WK6tx{user-select:none;cursor:default;color:var(--colorTextTertiary)}.FolderSidebar-module__folderItemContainer__byl5b{width:100%;display:flex;align-items:center;justify-content:space-between;padding:2px 0;min-width:0}`, "",{"version":3,"sources":["webpack://./src/components/FolderSidebar/FolderSidebar.module.scss"],"names":[],"mappings":"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","sourcesContent":[".button:global(.ant-btn.ant-btn-icon-only) {\n    padding: calc(var(--paddingXXS) * 1px) calc(var(--paddingSM) * 1px);\n    cursor: pointer;\n    color: var(--colorTextSecondary);\n    display: flex;\n    gap: calc(var(--marginXS) * 1px);\n    align-items: center;\n    justify-content: center;\n    border-radius: calc(var(--borderRadiusSM) * 1px);\n    transition: all var(--motionDurationFast);\n    box-shadow: none;\n\n    border: none;\n    width: 32px;\n    height: 32px;\n\n    &:hover {\n        background-color: var(--colorBgLayout);\n        color: inherit;\n    }\n}\n\n.button:hover {\n    background-color: var(--colorBgContainer);\n    color: var(--colorPrimary);\n}\n\n.foldersTitle {\n  display: flex;\n  align-items: center;\n  flex: 1;\n  cursor: pointer;\n}\n\n.folderActions {\n    position: absolute;\n    top: 4px; /* Выравниваем по заголовку Folders */\n    right: 4px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    z-index: 10;\n\n    .button.ant-btn.ant-btn-icon-only {\n      padding: calc(var(--paddingXXS) * 1px) calc(var(--paddingSM) * 1px);\n      cursor: pointer;\n      color: var(--colorTextSecondary);\n      display: flex;\n      gap: calc(var(--marginXS) * 1px);\n      align-items: center;\n      justify-content: center;\n      border-radius: calc(var(--borderRadiusSM) * 1px);\n      transition: all var(--motionDurationFast);\n      box-shadow: none;\n\n      border: none;\n      width: 32px;\n      height: 32px;\n\n      &:hover {\n          background-color: var(--colorBgLayout);\n          color: inherit;\n      }\n  }\n}\n\n.customExpandIcon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  margin-right: 8px;\n  cursor: pointer;\n  color: #666;\n  font-size: 10px;\n  transition: transform 0.2s ease;\n}\n\n.customExpandIcon:hover {\n    color: var(--colorPrimary);\n}\n\n.fileCount {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 20px;\n    height: 100%;\n  padding: 0 6px;\n  margin-left: 8px;\n    color: #8D8D8D;\n    font-size: 14px;\n  font-weight: 500;\n  transition: all 0.2s ease;\n  white-space: nowrap;\n  cursor: default;\n  flex-shrink: 0; /* Запрещаем сжатие счетчика */\n  margin-right: 10px;\n}\n\n// .fileCount:hover {\n//     border-color: var(--colorPrimary);\n//     color: var(--colorPrimary);\n// }\n\n:global(.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected) {\n  background-color: transparent !important;\n}\n\n/* :global(.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected):hover {\n  color: red !important;\n} */\n\n/* Стили для выделения текста в выбранной папке */\n.folderMenu :global(.ant-tree-treenode-selected .folder-label span),\n.folderMenu :global(.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected .folderLabelItem),\n.folderMenu :global(.ant-tree-treenode-selected .folderLabelItem),\n.folderMenu :global(.ant-tree-node-selected .folderLabelItem) {\n  font-weight: 600 !important;\n}\n\n/* Стили для иконки в выбранной папке */\n/* .folderMenu :global(.ant-tree-treenode-selected .folderIcon),\n.folderMenu :global(.ant-tree-node-selected .folderIcon) {\n  color: red !important;\n} */\n\n/* CSS переменные для упрощения расчетов */\n\n.uploadButton {\n    width: 100%;\n    justify-content: flex-start;\n\n    & button:hover {\n      background-color: var(--colorPrimaryHover) !important;\n    }\n}\n\n.folderMenu {\n  padding-left: 0;\n  padding-right: 0; /* Место для кнопки справа */\n}\n\n.folderMenu :global(.ant-tree-treenode) {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 4px 0;\n  border-radius: 4px;\n  transition: background-color 0.2s ease;\n  width: 100%;\n  margin-bottom: 0;\n}\n\n.folderMenu :global(.ant-tree-node-content-wrapper) {\n  flex: 1;\n  /* display: flex; */\n  align-items: center;\n  padding: 0;\n  /* border-radius: 4px; */\n  transition: background-color 0.2s ease;\n}\n\n.folderMenu :global(.ant-tree-node-content-wrapper:hover) {\n  background-color: transparent;\n}\n\n.folderMenu :global(.ant-tree-switcher) {\n  height: 24px;\n  width: 24px;\n  margin-top: 5px;\n  display: flex !important;\n  align-items: center;\n  justify-content: center;\n  transition: color 0.2s ease;\n  flex-shrink: 0; /* Запрещаем сжатие переключателя */\n}\n\n.folderMenu :global(.ant-tree-switcher-noop) {\n  width: 24px;\n}\n\n/* Стили для линий дерева */\n.folderMenu :global(.ant-tree-switcher-line-icon) {\n  color: #d9d9d9;\n}\n\n/* Улучшение отображения folder-item-container */\n.folderMenu .folderItemContainer {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 2px 0;\n  min-width: 0; /* Позволяет flex-элементам сжиматься */\n}\n\n.folderMenu :global(.folder-label) {\n  display: flex;\n  align-items: center;\n  flex: 1;\n  color: #595959;\n  font-size: 14px;\n  min-width: 0;\n  overflow: hidden;\n}\n\n/* Стили для корневого элемента Folders */\n.folderMenu :global(.ant-tree-treenode[data-key='folders']) {\n    border-bottom: 1px solid var(--colorBorderSecondary);\n  margin-bottom: 8px;\n  padding-bottom: 8px;\n}\n\n.folderMenu :global(.ant-tree-treenode[data-key='folders'].ant-tree-treenode-selected) {\n  background-color: transparent !important;\n}\n\n.folderMenu :global(.ant-tree-treenode[data-key='folders'] .ant-tree-node-content-wrapper) {\n  padding: 0;\n}\n\n.folderMenu :global(.ant-tree-treenode[data-key='folders'] .ant-tree-node-content-wrapper:hover) {\n  background-color: transparent !important;\n}\n\n/* Стили для ellipsis - удаляем max-width для гибкости */\n.folderMenu :global(.ellipsis) {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex: 1;\n  min-width: 0;\n}\n\n/* Стили для пустого состояния */\n.folderMenu .emptyFolderContainer {\n  padding: 20px;\n  text-align: center;\n}\n\n/* Убираем отступы у корневого узла */\n.folderMenu :global(.ant-tree > .ant-tree-treenode) {\n  padding-left: 0 !important;\n}\n.folderIcon {\n  margin-right: 8px;\n    font-size: 18px;\n  flex-shrink: 0; /* Запрещаем сжатие иконки */\n}\n\n.folderLabelItem {\n  font-size: 14px;\n  white-space: nowrap; /* Запрещаем перенос строк */\n  overflow: hidden; /* Скрываем переполнение */\n  text-overflow: ellipsis; /* Показываем троеточие */\n  flex: 1; /* Занимает доступное место */\n  min-width: 0; /* Позволяет сжиматься */\n  user-select: none;\n}\n\n.foldersTitleItem {\n  display: flex;\n  align-items: center;\n  flex: 1;\n  cursor: pointer;\n  min-width: 0; /* Позволяет сжиматься */\n  overflow: hidden; /* Скрываем переполнение */\n}\n\n/* .foldersTitleItem .folderLabelItem {\n  font-weight: 500;\n  color: #262626;\n} */\n\n/* Класс для заголовка папок */\n.folderLabel {\n  display: flex;\n  align-items: center;\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.foldersContainer {\n  position: relative;\n  width: 100%;\n}\n\n/* Дополнительные стили для улучшения визуала */\n/* .folderMenu :global(.ant-tree-treenode:hover .folder-label span) {\n  color: #1890ff;\n} */\n\n/* Стили для дивайдера между папками */\n\n\n.uploadButton .ant-btn,\n.uploadButton :global(.ant-btn) {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 3px;\n}\n/* .folderMenu :global(.ant-tree-treenode-selected) .folderLabelItem {\n  color: #1890ff !important;\n} */\n\n// .folderMenu :global(.ant-tree-treenode-selected) .folderLabel .folderLabelItem,\n// .folderMenu :global(.ant-tree-treenode-selected) .folderLabel .folderIcon,\n// .folderMenu :global(.ant-tree-treenode-selected) .folderLabelItem {\n//     color: var(--colorLink);\n// }\n\n\n.buttonWrapper {\n    // overflow: hidden;\n    margin-bottom: 24px;\n    display: flex;\n    gap: 4px;\n    // border-radius: calc(var(--borderRadius) * 1px);\n    \n    // Левая кнопка занимает всю доступную ширину\n    > :first-child {\n        flex: 1;\n        height: 40px;\n        padding-left: 10px;\n    }\n    \n    // Правая кнопка строго 40px\n    > :last-child {\n        width: 40px;\n        height: 40px;\n        flex-shrink: 0;\n    }\n}\n\n/* Кнопка «Загрузить по URL» — icon-only, поэтому хост-приложение может задать ей\n   свои размеры глобальным правилом `.ant-btn.ant-btn-icon-only` (в emailmaker это\n   --formControlHeight: 34) и она становится ниже кнопки «Загрузить файл».\n   Три класса в селекторе перебивают такие правила без !important. */\n.uploadByURLButton:global(.ant-btn.ant-btn-icon-only) {\n    width: 40px;\n    min-width: 40px;\n    height: 40px;\n    padding: 0;\n    flex-shrink: 0;\n}\n\n.uploadButtonIcon {\n    font-size: 20px;\n}\n\n.uploadButtonTitle {\n    line-height: 1em;\n}\n\n.emptyFolderContainer {\n    user-select: none;\n    cursor: default;\n    color: var(--colorTextTertiary);\n}\n\n.folderItemContainer {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 2px 0;\n    min-width: 0; /* Позволяет flex-элементам сжиматься */\n}\n"],"sourceRoot":""}]);
+___CSS_LOADER_EXPORT___.push([module.id, `.FolderSidebar-module__button__Yf2rX.ant-btn.ant-btn-icon-only{padding:calc(var(--paddingXXS)*1px) calc(var(--paddingSM)*1px);cursor:pointer;color:var(--colorTextSecondary);display:flex;gap:calc(var(--marginXS)*1px);align-items:center;justify-content:center;border-radius:calc(var(--borderRadiusSM)*1px);transition:all var(--motionDurationFast);box-shadow:none;border:none;width:32px;height:32px}.FolderSidebar-module__button__Yf2rX.ant-btn.ant-btn-icon-only:hover{background-color:var(--colorBgLayout);color:inherit}.FolderSidebar-module__button__Yf2rX:hover{background-color:var(--colorBgContainer);color:var(--colorPrimary)}.FolderSidebar-module__foldersTitle__Uh6u7{display:flex;align-items:center;flex:1;cursor:pointer}.FolderSidebar-module__folderActions__qA2Bk{position:absolute;top:4px;right:4px;display:flex;align-items:center;gap:4px;z-index:10}.FolderSidebar-module__folderActions__qA2Bk .FolderSidebar-module__button__Yf2rX.FolderSidebar-module__ant-btn__LXAXm.FolderSidebar-module__ant-btn-icon-only__j_wVF{padding:calc(var(--paddingXXS)*1px) calc(var(--paddingSM)*1px);cursor:pointer;color:var(--colorTextSecondary);display:flex;gap:calc(var(--marginXS)*1px);align-items:center;justify-content:center;border-radius:calc(var(--borderRadiusSM)*1px);transition:all var(--motionDurationFast);box-shadow:none;border:none;width:32px;height:32px}.FolderSidebar-module__folderActions__qA2Bk .FolderSidebar-module__button__Yf2rX.FolderSidebar-module__ant-btn__LXAXm.FolderSidebar-module__ant-btn-icon-only__j_wVF:hover{background-color:var(--colorBgLayout);color:inherit}.FolderSidebar-module__customExpandIcon__IhZJl{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:8px;cursor:pointer;color:#666;font-size:10px;transition:transform .2s ease}.FolderSidebar-module__customExpandIcon__IhZJl:hover{color:var(--colorPrimary)}.FolderSidebar-module__fileCount__bD9DD{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:100%;padding:0 6px;margin-left:8px;color:#8d8d8d;font-size:14px;font-weight:500;transition:all .2s ease;white-space:nowrap;cursor:default;flex-shrink:0;margin-right:10px}.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected{background-color:rgba(0,0,0,0) !important}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-treenode-selected .folder-label span,.FolderSidebar-module__folderMenu__JCzLF .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected .folderLabelItem,.FolderSidebar-module__folderMenu__JCzLF .ant-tree-treenode-selected .folderLabelItem,.FolderSidebar-module__folderMenu__JCzLF .ant-tree-node-selected .folderLabelItem{font-weight:600 !important}.FolderSidebar-module__uploadButton__QQUid{width:100%;justify-content:flex-start}.FolderSidebar-module__uploadButton__QQUid button:hover{background-color:var(--colorPrimaryHover) !important}.FolderSidebar-module__folderMenu__JCzLF{padding-left:0;padding-right:0}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-treenode{display:flex;align-items:center;justify-content:space-between;padding:4px 0;border-radius:4px;transition:background-color .2s ease;width:100%;margin-bottom:0}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-node-content-wrapper{flex:1;align-items:center;padding:0;transition:background-color .2s ease}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-node-content-wrapper:hover{background-color:rgba(0,0,0,0)}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-switcher{height:24px;width:24px;margin-top:5px;display:flex !important;align-items:center;justify-content:center;transition:color .2s ease;flex-shrink:0}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-switcher-noop{width:24px}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-switcher-line-icon{color:#d9d9d9}.FolderSidebar-module__folderMenu__JCzLF .FolderSidebar-module__folderItemContainer__byl5b{width:100%;display:flex;align-items:center;justify-content:space-between;padding:2px 0;min-width:0}.FolderSidebar-module__folderMenu__JCzLF .folder-label{display:flex;align-items:center;flex:1;color:#595959;font-size:14px;min-width:0;overflow:hidden}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-treenode[data-key="folders"]{border-bottom:1px solid var(--colorBorderSecondary);margin-bottom:8px;padding-bottom:8px}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-treenode[data-key="folders"].ant-tree-treenode-selected{background-color:rgba(0,0,0,0) !important}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-treenode[data-key="folders"] .ant-tree-node-content-wrapper{padding:0}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-treenode[data-key="folders"] .ant-tree-node-content-wrapper:hover{background-color:rgba(0,0,0,0) !important}.FolderSidebar-module__folderMenu__JCzLF .ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.FolderSidebar-module__folderMenu__JCzLF .FolderSidebar-module__emptyFolderContainer__WK6tx{padding:20px;text-align:center}.FolderSidebar-module__folderMenu__JCzLF .ant-tree > .ant-tree-treenode{padding-left:0 !important}.FolderSidebar-module__folderIcon__UoZzH{margin-right:8px;font-size:18px;flex-shrink:0}.FolderSidebar-module__folderLabelItem__uJ062{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;user-select:none}.FolderSidebar-module__foldersTitleItem__gapOI{display:flex;align-items:center;flex:1;cursor:pointer;min-width:0;overflow:hidden}.FolderSidebar-module__folderLabel__fHWMp{display:flex;align-items:center;flex:1;min-width:0;overflow:hidden}.FolderSidebar-module__foldersContainer__zdBVU{position:relative;width:100%}.FolderSidebar-module__uploadButton__QQUid .FolderSidebar-module__ant-btn__LXAXm,.FolderSidebar-module__uploadButton__QQUid .ant-btn{display:flex;align-items:center;justify-content:center;gap:3px}.FolderSidebar-module__buttonWrapper__a9Qi5{margin-bottom:24px;display:flex;gap:4px}.FolderSidebar-module__buttonWrapper__a9Qi5>:first-child{flex:1;height:40px;padding-left:10px}.FolderSidebar-module__buttonWrapper__a9Qi5>:last-child{width:40px;height:40px;flex-shrink:0}.FolderSidebar-module__uploadByURLButton__epMiC.ant-btn.ant-btn-icon-only{width:40px;min-width:40px;height:40px;padding:0;flex-shrink:0}.FolderSidebar-module__uploadButtonIcon__mWQmq{font-size:20px}.FolderSidebar-module__uploadButtonTitle__wk_o6{line-height:1em}.FolderSidebar-module__emptyFolderContainer__WK6tx{user-select:none;cursor:default;color:var(--colorTextTertiary)}.FolderSidebar-module__folderItemContainer__byl5b{width:100%;display:flex;align-items:center;justify-content:space-between;padding:2px 0;min-width:0}.FolderSidebar-module__lockedTabIcon__gYKRY{position:relative;display:inline-flex;opacity:.55}.FolderSidebar-module__lockedTabLock__rbkfX{position:absolute;right:-4px;bottom:-2px;opacity:1;border-radius:100%;background-color:var(--colorBgContainer)}`, "",{"version":3,"sources":["webpack://./src/components/FolderSidebar/FolderSidebar.module.scss"],"names":[],"mappings":"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","sourcesContent":[".button:global(.ant-btn.ant-btn-icon-only) {\n    padding: calc(var(--paddingXXS) * 1px) calc(var(--paddingSM) * 1px);\n    cursor: pointer;\n    color: var(--colorTextSecondary);\n    display: flex;\n    gap: calc(var(--marginXS) * 1px);\n    align-items: center;\n    justify-content: center;\n    border-radius: calc(var(--borderRadiusSM) * 1px);\n    transition: all var(--motionDurationFast);\n    box-shadow: none;\n\n    border: none;\n    width: 32px;\n    height: 32px;\n\n    &:hover {\n        background-color: var(--colorBgLayout);\n        color: inherit;\n    }\n}\n\n.button:hover {\n    background-color: var(--colorBgContainer);\n    color: var(--colorPrimary);\n}\n\n.foldersTitle {\n  display: flex;\n  align-items: center;\n  flex: 1;\n  cursor: pointer;\n}\n\n.folderActions {\n    position: absolute;\n    top: 4px; /* Выравниваем по заголовку Folders */\n    right: 4px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    z-index: 10;\n\n    .button.ant-btn.ant-btn-icon-only {\n      padding: calc(var(--paddingXXS) * 1px) calc(var(--paddingSM) * 1px);\n      cursor: pointer;\n      color: var(--colorTextSecondary);\n      display: flex;\n      gap: calc(var(--marginXS) * 1px);\n      align-items: center;\n      justify-content: center;\n      border-radius: calc(var(--borderRadiusSM) * 1px);\n      transition: all var(--motionDurationFast);\n      box-shadow: none;\n\n      border: none;\n      width: 32px;\n      height: 32px;\n\n      &:hover {\n          background-color: var(--colorBgLayout);\n          color: inherit;\n      }\n  }\n}\n\n.customExpandIcon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  margin-right: 8px;\n  cursor: pointer;\n  color: #666;\n  font-size: 10px;\n  transition: transform 0.2s ease;\n}\n\n.customExpandIcon:hover {\n    color: var(--colorPrimary);\n}\n\n.fileCount {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 20px;\n    height: 100%;\n  padding: 0 6px;\n  margin-left: 8px;\n    color: #8D8D8D;\n    font-size: 14px;\n  font-weight: 500;\n  transition: all 0.2s ease;\n  white-space: nowrap;\n  cursor: default;\n  flex-shrink: 0; /* Запрещаем сжатие счетчика */\n  margin-right: 10px;\n}\n\n// .fileCount:hover {\n//     border-color: var(--colorPrimary);\n//     color: var(--colorPrimary);\n// }\n\n:global(.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected) {\n  background-color: transparent !important;\n}\n\n/* :global(.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected):hover {\n  color: red !important;\n} */\n\n/* Стили для выделения текста в выбранной папке */\n.folderMenu :global(.ant-tree-treenode-selected .folder-label span),\n.folderMenu :global(.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected .folderLabelItem),\n.folderMenu :global(.ant-tree-treenode-selected .folderLabelItem),\n.folderMenu :global(.ant-tree-node-selected .folderLabelItem) {\n  font-weight: 600 !important;\n}\n\n/* Стили для иконки в выбранной папке */\n/* .folderMenu :global(.ant-tree-treenode-selected .folderIcon),\n.folderMenu :global(.ant-tree-node-selected .folderIcon) {\n  color: red !important;\n} */\n\n/* CSS переменные для упрощения расчетов */\n\n.uploadButton {\n    width: 100%;\n    justify-content: flex-start;\n\n    & button:hover {\n      background-color: var(--colorPrimaryHover) !important;\n    }\n}\n\n.folderMenu {\n  padding-left: 0;\n  padding-right: 0; /* Место для кнопки справа */\n}\n\n.folderMenu :global(.ant-tree-treenode) {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 4px 0;\n  border-radius: 4px;\n  transition: background-color 0.2s ease;\n  width: 100%;\n  margin-bottom: 0;\n}\n\n.folderMenu :global(.ant-tree-node-content-wrapper) {\n  flex: 1;\n  /* display: flex; */\n  align-items: center;\n  padding: 0;\n  /* border-radius: 4px; */\n  transition: background-color 0.2s ease;\n}\n\n.folderMenu :global(.ant-tree-node-content-wrapper:hover) {\n  background-color: transparent;\n}\n\n.folderMenu :global(.ant-tree-switcher) {\n  height: 24px;\n  width: 24px;\n  margin-top: 5px;\n  display: flex !important;\n  align-items: center;\n  justify-content: center;\n  transition: color 0.2s ease;\n  flex-shrink: 0; /* Запрещаем сжатие переключателя */\n}\n\n.folderMenu :global(.ant-tree-switcher-noop) {\n  width: 24px;\n}\n\n/* Стили для линий дерева */\n.folderMenu :global(.ant-tree-switcher-line-icon) {\n  color: #d9d9d9;\n}\n\n/* Улучшение отображения folder-item-container */\n.folderMenu .folderItemContainer {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 2px 0;\n  min-width: 0; /* Позволяет flex-элементам сжиматься */\n}\n\n.folderMenu :global(.folder-label) {\n  display: flex;\n  align-items: center;\n  flex: 1;\n  color: #595959;\n  font-size: 14px;\n  min-width: 0;\n  overflow: hidden;\n}\n\n/* Стили для корневого элемента Folders */\n.folderMenu :global(.ant-tree-treenode[data-key='folders']) {\n    border-bottom: 1px solid var(--colorBorderSecondary);\n  margin-bottom: 8px;\n  padding-bottom: 8px;\n}\n\n.folderMenu :global(.ant-tree-treenode[data-key='folders'].ant-tree-treenode-selected) {\n  background-color: transparent !important;\n}\n\n.folderMenu :global(.ant-tree-treenode[data-key='folders'] .ant-tree-node-content-wrapper) {\n  padding: 0;\n}\n\n.folderMenu :global(.ant-tree-treenode[data-key='folders'] .ant-tree-node-content-wrapper:hover) {\n  background-color: transparent !important;\n}\n\n/* Стили для ellipsis - удаляем max-width для гибкости */\n.folderMenu :global(.ellipsis) {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex: 1;\n  min-width: 0;\n}\n\n/* Стили для пустого состояния */\n.folderMenu .emptyFolderContainer {\n  padding: 20px;\n  text-align: center;\n}\n\n/* Убираем отступы у корневого узла */\n.folderMenu :global(.ant-tree > .ant-tree-treenode) {\n  padding-left: 0 !important;\n}\n.folderIcon {\n  margin-right: 8px;\n    font-size: 18px;\n  flex-shrink: 0; /* Запрещаем сжатие иконки */\n}\n\n.folderLabelItem {\n  font-size: 14px;\n  white-space: nowrap; /* Запрещаем перенос строк */\n  overflow: hidden; /* Скрываем переполнение */\n  text-overflow: ellipsis; /* Показываем троеточие */\n  flex: 1; /* Занимает доступное место */\n  min-width: 0; /* Позволяет сжиматься */\n  user-select: none;\n}\n\n.foldersTitleItem {\n  display: flex;\n  align-items: center;\n  flex: 1;\n  cursor: pointer;\n  min-width: 0; /* Позволяет сжиматься */\n  overflow: hidden; /* Скрываем переполнение */\n}\n\n/* .foldersTitleItem .folderLabelItem {\n  font-weight: 500;\n  color: #262626;\n} */\n\n/* Класс для заголовка папок */\n.folderLabel {\n  display: flex;\n  align-items: center;\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.foldersContainer {\n  position: relative;\n  width: 100%;\n}\n\n/* Дополнительные стили для улучшения визуала */\n/* .folderMenu :global(.ant-tree-treenode:hover .folder-label span) {\n  color: #1890ff;\n} */\n\n/* Стили для дивайдера между папками */\n\n\n.uploadButton .ant-btn,\n.uploadButton :global(.ant-btn) {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 3px;\n}\n/* .folderMenu :global(.ant-tree-treenode-selected) .folderLabelItem {\n  color: #1890ff !important;\n} */\n\n// .folderMenu :global(.ant-tree-treenode-selected) .folderLabel .folderLabelItem,\n// .folderMenu :global(.ant-tree-treenode-selected) .folderLabel .folderIcon,\n// .folderMenu :global(.ant-tree-treenode-selected) .folderLabelItem {\n//     color: var(--colorLink);\n// }\n\n\n.buttonWrapper {\n    // overflow: hidden;\n    margin-bottom: 24px;\n    display: flex;\n    gap: 4px;\n    // border-radius: calc(var(--borderRadius) * 1px);\n    \n    // Левая кнопка занимает всю доступную ширину\n    > :first-child {\n        flex: 1;\n        height: 40px;\n        padding-left: 10px;\n    }\n    \n    // Правая кнопка строго 40px\n    > :last-child {\n        width: 40px;\n        height: 40px;\n        flex-shrink: 0;\n    }\n}\n\n/* Кнопка «Загрузить по URL» — icon-only, поэтому хост-приложение может задать ей\n   свои размеры глобальным правилом `.ant-btn.ant-btn-icon-only` (в emailmaker это\n   --formControlHeight: 34) и она становится ниже кнопки «Загрузить файл».\n   Три класса в селекторе перебивают такие правила без !important. */\n.uploadByURLButton:global(.ant-btn.ant-btn-icon-only) {\n    width: 40px;\n    min-width: 40px;\n    height: 40px;\n    padding: 0;\n    flex-shrink: 0;\n}\n\n.uploadButtonIcon {\n    font-size: 20px;\n}\n\n.uploadButtonTitle {\n    line-height: 1em;\n}\n\n.emptyFolderContainer {\n    user-select: none;\n    cursor: default;\n    color: var(--colorTextTertiary);\n}\n\n.folderItemContainer {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 2px 0;\n    min-width: 0; /* Позволяет flex-элементам сжиматься */\n}\n\n/** Tab locked by the host (e.g. by subscription plan): still shown, but badged with a lock. */\n.lockedTabIcon {\n    position: relative;\n    display: inline-flex;\n    opacity: 0.55;\n}\n\n.lockedTabLock {\n    position: absolute;\n    right: -4px;\n    bottom: -2px;\n    opacity: 1;\n    border-radius: 100%;\n    background-color: var(--colorBgContainer);\n}\n"],"sourceRoot":""}]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"button": `FolderSidebar-module__button__Yf2rX`,
@@ -48456,7 +48500,9 @@ ___CSS_LOADER_EXPORT___.locals = {
 	"uploadByURLButton": `FolderSidebar-module__uploadByURLButton__epMiC`,
 	"uploadByUrlButton": `FolderSidebar-module__uploadByURLButton__epMiC`,
 	"uploadButtonIcon": `FolderSidebar-module__uploadButtonIcon__mWQmq`,
-	"uploadButtonTitle": `FolderSidebar-module__uploadButtonTitle__wk_o6`
+	"uploadButtonTitle": `FolderSidebar-module__uploadButtonTitle__wk_o6`,
+	"lockedTabIcon": `FolderSidebar-module__lockedTabIcon__gYKRY`,
+	"lockedTabLock": `FolderSidebar-module__lockedTabLock__rbkfX`
 };
 module.exports = ___CSS_LOADER_EXPORT___;
 
@@ -48916,7 +48962,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ src)
 });
 
-// UNUSED EXPORTS: DEFAULT_FILE_MANAGER_CACHE_TTL_MS, DataSourceProxyBase, FailedRequestCache, FileContent, FileManagerApiError, FileManagerApp, FileManagerAppWithContext, FileModals, FolderSidebar, MutationRegistry, PathAwareStorageAdapter, PixieOnlyApp, TRASH_FOLDER_ID, TreeCache, ViewCacheManager, buildAssetsPath, compareFileSystemItems, createSystemFolderByPathResolver, defaultChildrenViewFilterMatch, defaultFileSystemItemComparator, defaultIsFolderNotFoundError, fetchRemoteImageBlobByUrl, getAssetsBase, getTrashFolderLookupCandidates, init, initFileManager, initPixieEditor, installResizeObserverErrorHandler, joinUrls, mapHttpStatusToErrorCode, matchesChildrenViewFilter, normalizeSystemFolderPath, resolveSortParams, resolveViewStrategyOptions, uninstallResizeObserverErrorHandler, unmount, unmountPixieEditor
+// UNUSED EXPORTS: DEFAULT_FILE_MANAGER_CACHE_TTL_MS, DataSourceProxyBase, FailedRequestCache, FileContent, FileManagerApiError, FileManagerApp, FileManagerAppWithContext, FileModals, FolderSidebar, MutationRegistry, PathAwareStorageAdapter, PixieOnlyApp, TRASH_FOLDER_ID, TreeCache, ViewCacheManager, buildAssetsPath, compareFileSystemItems, createSystemFolderByPathResolver, defaultChildrenViewFilterMatch, defaultFileSystemItemComparator, defaultHasSortValue, defaultIsFolderNotFoundError, fetchRemoteImageBlobByUrl, getAssetsBase, getTrashFolderLookupCandidates, hasComparableSortValue, init, initFileManager, initPixieEditor, installResizeObserverErrorHandler, joinUrls, mapHttpStatusToErrorCode, matchesChildrenViewFilter, normalizeSystemFolderPath, resolveSortParams, resolveViewStrategyOptions, uninstallResizeObserverErrorHandler, unmount, unmountPixieEditor
 
 // EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
 var jsx_runtime = __webpack_require__(4848);
@@ -50536,6 +50582,16 @@ function isImageItem(file) {
         (((_a = file.type) === null || _a === void 0 ? void 0 : _a.startsWith('image/')) ? (_c = (_b = file.type.split('/')[1]) === null || _b === void 0 ? void 0 : _b.split(';')[0]) === null || _c === void 0 ? void 0 : _c.trim() : undefined);
     return Boolean(extension && constants/* IMAGE_EXTENSIONS */.f9.includes(extension.toLowerCase()));
 }
+/**
+ * Полноразмерный файл как источник превью, пока миниатюры нет.
+ * Свежезагруженный файл получает её не сразу, а без источника превью не рендерится вовсе.
+ */
+function resolvePreviewFallbackUrl(file, context) {
+    if (context.previewFallbackToFileUrl === false) {
+        return undefined;
+    }
+    return file.url && isImageItem(file) ? file.url : undefined;
+}
 function formatDateText(dateString, t) {
     if (!dateString) {
         return '';
@@ -50564,7 +50620,7 @@ function formatDateText(dateString, t) {
     return t('Added', { date: `${day} ${month} ${year}` });
 }
 function buildSignature(file, context) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     const isFolder = Boolean(file.isFolder);
     const folderResolved = isFolder ? resolveFolderItemCount(file, context.folderFileCounts) : null;
     const folderCountSig = isFolder ? (folderResolved === null ? 'u' : String(folderResolved)) : '0';
@@ -50572,16 +50628,16 @@ function buildSignature(file, context) {
     const sizeText = !isFolder && file.size ? String(file.size) : '';
     const thumb = file.thumbnailUrl || file.thumbnail;
     const imageFileUrl = file.url && isImageItem(file) ? file.url : '';
-    const previewFallbackSrc = context.previewFallbackToFileUrl ? imageFileUrl : '';
+    const previewFallbackSrc = (_a = resolvePreviewFallbackUrl(file, context)) !== null && _a !== void 0 ? _a : '';
     const featureFlags = [
-        ((_a = context.features) === null || _a === void 0 ? void 0 : _a.enableEdit) !== false,
-        ((_b = context.features) === null || _b === void 0 ? void 0 : _b.enableMoveFolder) !== false,
-        ((_c = context.features) === null || _c === void 0 ? void 0 : _c.enableMoveItem) !== false,
-        ((_d = context.features) === null || _d === void 0 ? void 0 : _d.enableCopyFolder) !== false,
-        ((_e = context.features) === null || _e === void 0 ? void 0 : _e.enableCopyItem) !== false,
-        ((_f = context.features) === null || _f === void 0 ? void 0 : _f.enableRenameFolder) !== false,
-        ((_g = context.features) === null || _g === void 0 ? void 0 : _g.enableRenameFile) !== false,
-        ((_h = context.features) === null || _h === void 0 ? void 0 : _h.enableDelete) !== false,
+        ((_b = context.features) === null || _b === void 0 ? void 0 : _b.enableEdit) !== false,
+        ((_c = context.features) === null || _c === void 0 ? void 0 : _c.enableMoveFolder) !== false,
+        ((_d = context.features) === null || _d === void 0 ? void 0 : _d.enableMoveItem) !== false,
+        ((_e = context.features) === null || _e === void 0 ? void 0 : _e.enableCopyFolder) !== false,
+        ((_f = context.features) === null || _f === void 0 ? void 0 : _f.enableCopyItem) !== false,
+        ((_g = context.features) === null || _g === void 0 ? void 0 : _g.enableRenameFolder) !== false,
+        ((_h = context.features) === null || _h === void 0 ? void 0 : _h.enableRenameFile) !== false,
+        ((_j = context.features) === null || _j === void 0 ? void 0 : _j.enableDelete) !== false,
     ].join('|');
     const previewKey = [
         thumb || '',
@@ -50623,7 +50679,7 @@ const fileListAdapter = {
         const gridInfoText = isFolder ? folderItemsText : [dimensionsText, sizeText, typeText].filter(Boolean).join(' • ');
         const thumb = file.thumbnailUrl || file.thumbnail;
         const imageFileUrl = file.url && isImageItem(file) ? file.url : undefined;
-        const previewFallbackSrc = context.previewFallbackToFileUrl ? imageFileUrl : undefined;
+        const previewFallbackSrc = resolvePreviewFallbackUrl(file, context);
         return {
             id: meta.id,
             signature: meta.signature,
@@ -51463,6 +51519,8 @@ const FileModals = ({ isModalVisible, handleModalOk, handleModalCancel, form, se
                 }, closeIcon: (0,jsx_runtime.jsx)(icons_.CloseOutlined, { className: FileModals_module["default"].closeIcon }), centered: true, getContainer: getModalContainer, children: [(0,jsx_runtime.jsx)("div", { children: t('Are you sure you want to permanently delete all items from Trash?') }), isLoading && ((0,jsx_runtime.jsxs)("div", { className: FileModals_module["default"].clearTrashProgress, children: [(0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Progress, { percent: 99, status: "active", showInfo: false }), (0,jsx_runtime.jsx)("div", { className: FileModals_module["default"].progressText, children: t('Deleting items...') })] }))] })] }));
 };
 
+// EXTERNAL MODULE: ./src/utils/libraryTabLock.ts
+var libraryTabLock = __webpack_require__(8546);
 // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/FolderSidebar/FolderSidebar.module.scss
 var FolderSidebar_module = __webpack_require__(9287);
 var FolderSidebar_module_default = /*#__PURE__*/__webpack_require__.n(FolderSidebar_module);
@@ -51505,6 +51563,7 @@ var FolderSidebar_module_update = injectStylesIntoStyleTag_default()((FolderSide
 
 
 
+
 const FolderSidebar = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.memo)((0,external_root_React_commonjs2_react_commonjs_react_amd_react_.forwardRef)(({ selectedFolder, generateMenuItems, onFolderSelect, folders, 
 // fetchFolders,
 fetchChildFolders, handleAddFile, setIsUrlModalVisible, handleCreateFolder, activeLibraryItem, setActiveLibraryItem, }, ref) => {
@@ -51522,6 +51581,13 @@ fetchChildFolders, handleAddFile, setIsUrlModalVisible, handleCreateFolder, acti
     const isIconStockEnabled = ((_c = config === null || config === void 0 ? void 0 : config.features) === null || _c === void 0 ? void 0 : _c.enableIconStock) !== false && (!(config === null || config === void 0 ? void 0 : config.enabledTabs) || config.enabledTabs.includes('icons'));
     const isImageCodesEnabled = ((_d = config === null || config === void 0 ? void 0 : config.features) === null || _d === void 0 ? void 0 : _d.enableQrBarcodeTab) !== false &&
         (!(config === null || config === void 0 ? void 0 : config.enabledTabs) || config.enabledTabs.includes('codes'));
+    /** Wraps a tab icon with a lock badge when the host marked that tab as locked. */
+    const withLockBadge = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)((icon, tab) => {
+        if (!(0,libraryTabLock/* isLibraryTabLocked */.v)(tab, config)) {
+            return icon;
+        }
+        return ((0,jsx_runtime.jsxs)("span", { className: FolderSidebar_FolderSidebar_module.lockedTabIcon, children: [icon, (0,jsx_runtime.jsx)(icons_amd_untitledui_icons_.Lock01, { size: 12, strokeWidth: 2.5, className: FolderSidebar_FolderSidebar_module.lockedTabLock })] }));
+    }, [config]);
     // кастомные иконки не используются в этом блоке
     const getAllFolderKeys = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)((menuItems) => {
         const keys = [];
@@ -51737,19 +51803,19 @@ fetchChildFolders, handleAddFile, setIsUrlModalVisible, handleCreateFolder, acti
         {
             key: constants/* GIF */.xI,
             label: t('GIF'),
-            icon: (0,jsx_runtime.jsx)(icons_amd_untitledui_icons_.PlaySquare, { size: 20, strokeWidth: config === null || config === void 0 ? void 0 : config.iconStrokeWidth }),
+            icon: withLockBadge((0,jsx_runtime.jsx)(icons_amd_untitledui_icons_.PlaySquare, { size: 20, strokeWidth: config === null || config === void 0 ? void 0 : config.iconStrokeWidth }), constants/* GIF */.xI),
             disabled: !isGifEnabled,
         },
         {
             key: constants/* STOCK_IMAGES */.SM,
             label: t('Stock images'),
-            icon: (0,jsx_runtime.jsx)(icons_amd_untitledui_icons_.Colors, { size: 20, strokeWidth: config === null || config === void 0 ? void 0 : config.iconStrokeWidth }),
+            icon: withLockBadge((0,jsx_runtime.jsx)(icons_amd_untitledui_icons_.Colors, { size: 20, strokeWidth: config === null || config === void 0 ? void 0 : config.iconStrokeWidth }), constants/* STOCK_IMAGES */.SM),
             disabled: !isStockImagesEnabled,
         },
         {
             key: constants/* ICONS */.Ze,
             label: t('Icons'),
-            icon: (0,jsx_runtime.jsx)(icons_amd_untitledui_icons_.ThumbsUp, { size: 20, strokeWidth: config === null || config === void 0 ? void 0 : config.iconStrokeWidth }),
+            icon: withLockBadge((0,jsx_runtime.jsx)(icons_amd_untitledui_icons_.ThumbsUp, { size: 20, strokeWidth: config === null || config === void 0 ? void 0 : config.iconStrokeWidth }), constants/* ICONS */.Ze),
             disabled: !isIconStockEnabled,
         },
         {
@@ -51775,11 +51841,19 @@ fetchChildFolders, handleAddFile, setIsUrlModalVisible, handleCreateFolder, acti
             setActiveLibraryItem(constants/* MY_FILES */.Zz);
         }
         onFolderSelect === null || onFolderSelect === void 0 ? void 0 : onFolderSelect(key);
-        await (fetchChildFolders === null || fetchChildFolders === void 0 ? void 0 : fetchChildFolders(key));
+        // 'folders' — синтетический ключ корневого узла дерева, а не id папки;
+        // fetchChildFolders(null) — тот же смысл, что и для остальных вызовов в дереве.
+        await (fetchChildFolders === null || fetchChildFolders === void 0 ? void 0 : fetchChildFolders(key === 'folders' ? null : key));
     }, [onFolderSelect, activeLibraryItem, setActiveLibraryItem, fetchChildFolders]);
     const handleOpenLibraryChange = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(({ key }) => {
+        var _a;
+        // A locked tab stays closed: the host decides what to show instead (e.g. an upsell).
+        if ((0,libraryTabLock/* isLibraryTabLocked */.v)(key, config)) {
+            (_a = config === null || config === void 0 ? void 0 : config.onLockedTabClick) === null || _a === void 0 ? void 0 : _a.call(config, key);
+            return;
+        }
         setActiveLibraryItem(key);
-    }, [setActiveLibraryItem]);
+    }, [config, setActiveLibraryItem]);
     const handleTreeExpand = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(async (keys, info) => {
         var _a;
         setExpandedKeys(keys);
@@ -56845,6 +56919,7 @@ class ViewCacheManager {
             preloadPagesAfter: (_e = resolved.preloadPagesAfter) !== null && _e !== void 0 ? _e : 1,
             comparator: resolved.comparator,
             filterMatch: resolved.filterMatch,
+            hasSortValue: resolved.hasSortValue,
         };
         this.ttl = ttl;
         this.errorTtl = errorTtl !== null && errorTtl !== void 0 ? errorTtl : ttl;
@@ -57288,6 +57363,16 @@ class ViewCacheManager {
         }
         return wasNewPageCreated;
     }
+    /** Whether the entity carries the field this sorted view is ordered by. */
+    canCompareInSortedView(rec, entity) {
+        var _a;
+        const params = (_a = rec.params) !== null && _a !== void 0 ? _a : {};
+        if (!params.sortBy && !params.sortOrder)
+            return true;
+        if (!this.strategy.hasSortValue)
+            return true;
+        return this.strategy.hasSortValue(entity, rec.params);
+    }
     tryInsertSorted(rec, entity, entitiesManager) {
         var _a, _b;
         const comparator = this.strategy.comparator;
@@ -57298,6 +57383,10 @@ class ViewCacheManager {
         const itemType = ((_a = rec.params) === null || _a === void 0 ? void 0 : _a.itemType) || 'all';
         if (!this.isEntityTypeCompatible(entity, itemType))
             return false;
+        // Без значения поля сортировки позиция неизвестна: отказ здесь приводит
+        // к markViewStaleForReload, то есть к перечитыванию листинга с сервера.
+        if (!this.canCompareInSortedView(rec, entity))
+            return false;
         const currentEntities = rec.view.value.map((id) => entitiesManager.getEntity(id));
         if (currentEntities.some((e) => !e))
             return false;
@@ -57959,8 +58048,12 @@ class TreeCache_TreeCache {
     forceInvalidate(id) {
         var _a;
         const ent = this.entities.getEntity(id);
-        if (!ent)
+        if (!ent) {
+            // Папки может не быть в графе (корень, синтетические папки) — листинги всё равно сбрасываем.
+            this.views.forceInvalidateChildrenViews(id !== null && id !== void 0 ? id : null);
+            this.invalidateChildrenCountCache(id);
             return;
+        }
         const visited = new Set();
         if (isFolderEntity(ent)) {
             const stack = [id];
@@ -58856,7 +58949,7 @@ class DataSourceProxyBase {
         return result;
     }
     async uploadFiles(request) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f, _g;
         const tempFolder = request.items.some(item => item.noFolder) ? await this.getTempFolder() : null;
         request = Object.assign(Object.assign({}, request), { items: (_a = request.items) === null || _a === void 0 ? void 0 : _a.map((f) => (Object.assign(Object.assign({}, f), { folderId: f.noFolder ? tempFolder === null || tempFolder === void 0 ? void 0 : tempFolder.id : f.folderId }))) });
         for (const item of request.items) {
@@ -58881,7 +58974,6 @@ class DataSourceProxyBase {
                 }
             }
         }
-        const cachedFolder = this._cache.getEntity(folderIdNormalized);
         let batchResult = { detailed: new Array(filesToUpload.length), success: true };
         if (typeof this._dataProvider.uploadFiles === 'function') {
             const providerFiles = filesToUpload.map((f) => {
@@ -58905,13 +58997,19 @@ class DataSourceProxyBase {
                     thumbnail: data.thumbnail,
                 };
             });
+            // Ответ провайдера до обрезки до публичного UploadFileResultData: индексы
+            // совпадают с batchResult.detailed, оба собраны из одного массива.
+            const providerDetailed = providerResult === null || providerResult === void 0 ? void 0 : providerResult.detailed;
             if (batchResult.detailed && batchResult.detailed.length) {
                 for (let i = 0; i < batchResult.detailed.length; i++) {
                     const current = batchResult.detailed[i];
                     if (current && current.success) {
                         const uploaded = current.data;
                         const id = (_d = uploaded === null || uploaded === void 0 ? void 0 : uploaded.id) !== null && _d !== void 0 ? _d : current.requestId;
-                        const entity = normalizeFileSystemItem(Object.assign(Object.assign(Object.assign({}, cachedFolder), uploaded), { folderId: (_e = uploaded === null || uploaded === void 0 ? void 0 : uploaded.folderId) !== null && _e !== void 0 ? _e : folderIdNormalized }));
+                        // В кэш кладём полный ответ провайдера: без date/size/type сущность
+                        // встаёт в отсортированный листинг наугад (по дате — в самый конец).
+                        const providerItem = (_e = providerDetailed === null || providerDetailed === void 0 ? void 0 : providerDetailed[i]) === null || _e === void 0 ? void 0 : _e.data;
+                        const entity = normalizeFileSystemItem(Object.assign(Object.assign(Object.assign({}, providerItem), uploaded), { id, folderId: (_g = (_f = uploaded === null || uploaded === void 0 ? void 0 : uploaded.folderId) !== null && _f !== void 0 ? _f : providerItem === null || providerItem === void 0 ? void 0 : providerItem.folderId) !== null && _g !== void 0 ? _g : folderIdNormalized, isFolder: false }));
                         // Если провайдер вернул только id/data, всё равно апдейтим кэш
                         this._cache.upsertEntity(entity);
                         // Нормализуем id в detailed (на случай, если провайдер пропустил)

package/hooks/core/useFolders.d.ts

@@ -1,6 +1,14 @@
 import { Folder, MenuItem } from '../../types';
 import { FileManagerHookBase } from './types';
 import type { FormInstance } from 'antd';
+/**
+ * Ленивый режим дерева (`folderTreeLoading: 'lazy'`) не обходит поддеревья — свежий
+ * root-фетч содержит только корневые папки. Старые вложенные записи (с `parentId`)
+ * сохраняются как есть, НО если тот же `id` уже есть в свежем корневом ответе
+ * (сервер теперь считает папку корневой), старая копия вытесняется, а не дублируется
+ * рядом с новой (см. DEV-дубликаты в дереве после загрузки файла в подпапку).
+ */
+export declare function mergeLazyRootFolders(prev: Folder[], rootFolders: Folder[]): Folder[];
 export interface UseFoldersState {
     folders: Folder[];
     isCreatingFolder: boolean;

package/hooks/core/useFolders.mergeLazyRootFolders.test.d.ts

@@ -0,0 +1 @@
+export {};

package/index.d.ts

@@ -23,7 +23,7 @@ export { mapHttpStatusToErrorCode } from './shared/mapHttpStatusToErrorCode';
 export { buildAssetsPath, joinUrls, getAssetsBase } from './helpers/urls';
 export { FailedRequestCache } from './adapters/FailedRequestCache';
 export { MutationRegistry } from './adapters/MutationRegistry';
-export { compareFileSystemItems, defaultChildrenViewFilterMatch, defaultFileSystemItemComparator, matchesChildrenViewFilter, resolveSortParams, resolveViewStrategyOptions, } from './adapters/cacheViewStrategy';
+export { compareFileSystemItems, defaultChildrenViewFilterMatch, defaultFileSystemItemComparator, defaultHasSortValue, hasComparableSortValue, matchesChildrenViewFilter, resolveSortParams, resolveViewStrategyOptions, } from './adapters/cacheViewStrategy';
 export { TRASH_FOLDER_ID, createSystemFolderByPathResolver, getTrashFolderLookupCandidates, normalizeSystemFolderPath, type SystemFolderDefinition, } from './adapters/systemFolderPath';
 export { TreeCache, ViewCacheManager, DEFAULT_FILE_MANAGER_CACHE_TTL_MS, defaultIsFolderNotFoundError, type TreeCacheConfig, type QueryResult, type ChildrenQueryParams, type ViewStrategyOptions, } from './adapters/TreeCache';
 export { DataSourceProxyBase, type DataSourceProxyConfig, type DataSourceProxyOptions, type FileManagerProxyOptions, } from './adapters/DataSourceProxyBase';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@emailmaker/filemanager",
-  "version": "0.10.97",
+  "version": "0.10.99",
   "main": "./file-manager.js",
   "module": "./file-manager.esm.js",
   "types": "./index.d.ts",

package/presentation/file-list/FileListAdapter.d.ts

@@ -7,7 +7,7 @@ export interface FileListContext {
     folderFileCounts: Record<string, number | null>;
     features: Record<string, boolean | undefined>;
     t: TFunction;
-    /** См. Config.previewFallbackToFileUrl */
+    /** См. Config.previewFallbackToFileUrl. Не задан — считается включённым. */
     previewFallbackToFileUrl?: boolean;
 }
 export declare const fileListAdapter: ListItemAdapter<AppFile, FileListContext, FileListRowModel>;

package/presentation/file-list/FileListAdapter.previewFallback.test.d.ts

@@ -0,0 +1 @@
+export {};

package/types.d.ts

@@ -463,6 +463,14 @@ export interface Config {
         /** Включить удаление */
         enableDelete?: boolean;
     };
+    /**
+     * Library tabs shown with a lock badge instead of being usable — for hosts that gate features
+     * by subscription plan. Clicking a locked tab fires `onLockedTabClick` and does not open it.
+     * Absent or empty: nothing is locked (previous behaviour).
+     */
+    lockedTabs?: LibraryMenuKey[];
+    /** Called when the user clicks a tab listed in `lockedTabs`, e.g. to show an upsell dialog. */
+    onLockedTabClick?: (tab: LibraryMenuKey) => void;
     dataProcessingMode?: 'server' | 'client' | 'auto';
     enableClientSideProcessing?: boolean;
     disablePagination?: boolean;
@@ -477,7 +485,8 @@ export interface Config {
     dedupeUploadNamesOnClient?: boolean;
     /**
      * Для превью в таблице/плитке разрешить fallback на `file.url` (только изображения),
-     * если миниатюры нет или она загрузилась с ошибкой.
+     * если миниатюры нет или она загрузилась с ошибкой. По умолчанию включён;
+     * `false` оставляет элемент без превью, пока миниатюра не готова.
      */
     previewFallbackToFileUrl?: boolean;
     /**