@epam/ai-dial-chat-shared 1.3.0-dev.98 → 1.4.0-dev.5

package/file-manager/DialFileManagerShell/DialFileManagerShell.js

@@ -1,323 +1,384 @@
 import { mergeClasses as e } from "../../utils/merge-class.js";
-import { DialFileManagerActionProfile as t, DialFileManagerVariant as n } from "../file-manager-variant.js";
+import { buildCssVars as t } from "../../utils/build-css-vars.js";
+import { DialFileManagerActionProfile as n, DialFileManagerVariant as r } from "../file-manager-variant.js";
 import { getParentFolderPath as ee } from "../path.js";
 import { useGridEditingScroll as te } from "../useGridEditingScroll/useGridEditingScroll.js";
 import { OperationLoaderModal as ne } from "../OperationLoaderModal/OperationLoaderModal.js";
-import { toUploadQueueItems as re } from "../upload-queue.js";
-import { ButtonVariant as ie, NOT_ALLOWED_SYMBOLS_REGEXP as ae, PrimaryButton as oe, Spinner as se, TransferQueue as ce } from "@epam/ai-dial-ui-kit";
-import { memo as r, useCallback as le, useEffect as ue, useMemo as i, useState as de } from "react";
-import { Fragment as fe, jsx as a, jsxs as o } from "react/jsx-runtime";
-import { DialFileManager as pe, DialFileManagerActions as s, DialFileManagerTabs as me, GridSelectionMode as he } from "@epam/ai-dial-react-file-manager";
+import { TransferQueueRowKind as re, buildTransferQueueLabels as ie, parseTransferQueueRowId as ae, toTransferQueueItems as oe } from "../upload-queue.js";
+import i from "./DialFileManagerShell.module.scss.js";
+import { Button as se, ButtonAppearance as ce, ButtonVariant as a, ElementSize as le, ErrorMessageNotification as ue, LiveRegion as de, LiveRegionElement as fe, NOT_ALLOWED_SYMBOLS_REGEXP as pe, Spinner as me, TransferQueue as he } from "@epam/ai-dial-ui-kit";
+import { memo as o, useCallback as ge, useEffect as _e, useMemo as s, useState as ve } from "react";
+import { Fragment as ye, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { DialFileManager as be, DialFileManagerActions as u, DialFileManagerTabs as xe, GridSelectionMode as Se } from "@epam/ai-dial-react-file-manager";
 //#region src/file-manager/DialFileManagerShell/DialFileManagerShell.tsx
-var ge = (e, t) => {
-	if (e.isDownloading) return t.downloadingLabel;
+var Ce = (e, t) => {
 	if (e.isDeleting) return t.deletingLabel;
 	if (e.isRenaming && !e.isMoving) return t.renamingLabel;
 	if (e.isUnsharing) return t.unsharingLabel;
 	if (e.isRemovingAccess) return t.removingAccessLabel;
-}, c = ({ controller: r, labels: c, activeTab: l, tabs: u, onTabChange: d, selectedPaths: f, onSelectedPathsChange: _e, variant: p, actionProfile: ve, autoSelectUploadedItems: ye = !1, allowedFileTypes: be, maxSelectableFileSize: m, oversizedUploadMessage: h, isRowSelectable: g, getDisabledTooltip: xe, unsupportedFileTypeTooltip: Se, treeContainerClassName: _ }) => {
-	let { items: Ce, isLoading: we, error: Te, path: v, onPathChange: Ee, retry: De, onSearchFiles: Oe, isSearching: ke, searchResults: Ae, clearSearchResults: je, expandedPaths: y, loadedPaths: b, onExpandedPathsChange: x, onFolderPopupPathChange: Me, folderPopupLoadingPaths: S, onUploadFiles: Ne, onUploadArchive: Pe, onValidateUpload: Fe, uploadBatchState: C, cancelUpload: w, cancelUploadFile: Ie, clearUploadBatch: T, onCreateFolder: Le, onCreateFolderValidate: Re, onDownloadFiles: ze, isDownloading: Be, onDeleteFiles: E, isDeleting: Ve, onMoveToFiles: He, onRenameValidate: Ue, isRenaming: We, onCopyFiles: Ge, isCopying: Ke, isMoving: D, cancelCopyMove: qe, uploadEnabled: O, isNewButtonDisabled: k, disabledNewButtonTooltip: A, visibleColumns: j, dateLocale: M, dateOptions: N, actionLabels: P, sharedWithMeIds: Je, sharedByMePaths: F, onUnshareFiles: Ye, isUnsharing: Xe, onRemoveFilesAccess: Ze, isRemovingAccess: Qe, fileMetadata: I, isFileMetadataLoading: L, onGetInfo: $e, clearMetadata: R, sectionTab: et } = r, z = et ?? l, [B, tt] = de(void 0), { handleGridApiChange: nt, reset: V } = te();
-	ue(() => {
-		V();
-	}, [z, V]);
-	let H = i(() => {
+}, d = ({ controller: o, labels: d, activeTab: f, tabs: p, onTabChange: m, selectedPaths: h, onSelectedPathsChange: we, variant: g, actionProfile: Te, autoSelectUploadedItems: Ee = !1, allowedFileTypes: De, maxSelectableFileSize: _, oversizedUploadMessage: Oe, isRowSelectable: v, getDisabledTooltip: ke, unsupportedFileTypeTooltip: Ae, treeContainerClassName: y, onPreview: je, onTableFileClick: Me, previewExtensions: Ne, styles: b }) => {
+	let { items: Pe, isLoading: Fe, error: Ie, path: x, onPathChange: Le, retry: Re, onSearchFiles: ze, isSearching: Be, searchResults: Ve, clearSearchResults: He, expandedPaths: Ue, loadedPaths: S, onExpandedPathsChange: We, onFolderPopupPathChange: Ge, folderPopupLoadingPaths: C, onUploadFiles: Ke, onUploadArchive: qe, onValidateUpload: Je, uploadBatchState: w, cancelUpload: T, cancelUploadFile: E, clearUploadBatch: D, downloadBatchState: O, cancelDownloadFile: k, cancelAllDownloads: A, clearDownloadBatch: j, onCreateFolder: Ye, onCreateFolderValidate: Xe, onDownloadFiles: Ze, onDeleteFiles: Qe, isDeleting: $e, onMoveToFiles: et, onRenameValidate: tt, isRenaming: nt, onCopyFiles: rt, isCopying: it, isMoving: M, cancelCopyMove: at, uploadEnabled: N, isNewButtonDisabled: P, disabledNewButtonTooltip: F, visibleColumns: I, dateLocale: L, dateOptions: R, actionLabels: z, sharedWithMeIds: ot, sharedByMePaths: B, onUnshareFiles: st, isUnsharing: ct, onRemoveFilesAccess: lt, isRemovingAccess: ut, fileMetadata: V, isFileMetadataLoading: H, onGetInfo: dt, clearMetadata: U, sectionTab: ft } = o, W = ft ?? f, [G, pt] = ve(void 0), { handleGridApiChange: mt, reset: K } = te();
+	_e(() => {
+		K();
+	}, [W, K]);
+	let q = s(() => {
 		let e = {};
-		return s.Download in P && (e[s.Download] = c.downloadLabel), s.Delete in P && (e[s.Delete] = c.deleteLabel), s.Rename in P && (e[s.Rename] = c.renameLabel), s.Copy in P && (e[s.Copy] = c.copyLabel), s.Move in P && (e[s.Move] = c.moveLabel), s.Duplicate in P && (e[s.Duplicate] = c.duplicateLabel), s.Unshare in P && (e[s.Unshare] = c.unshareLabel), s.RemoveAccess in P && (e[s.RemoveAccess] = c.removeAccessLabel), e;
+		return u.Download in z && (e[u.Download] = d.downloadLabel), u.Delete in z && (e[u.Delete] = d.deleteLabel), u.Rename in z && (e[u.Rename] = d.renameLabel), u.Copy in z && (e[u.Copy] = d.copyLabel), u.Move in z && (e[u.Move] = d.moveLabel), u.Duplicate in z && (e[u.Duplicate] = d.duplicateLabel), u.Unshare in z && (e[u.Unshare] = d.unshareLabel), u.RemoveAccess in z && (e[u.RemoveAccess] = d.removeAccessLabel), e;
 	}, [
-		P,
-		c.downloadLabel,
-		c.deleteLabel,
-		c.renameLabel,
-		c.copyLabel,
-		c.moveLabel,
-		c.duplicateLabel,
-		c.unshareLabel,
-		c.removeAccessLabel
-	]), U = i(() => s.Info in P ? {
-		...H,
-		[s.Info]: c.infoLabel
-	} : H, [
-		H,
-		P,
-		c.infoLabel
-	]), W = i(() => {
-		if (f.size === 0) return !1;
-		for (let e of f) if (!F.has(e)) return !1;
+		z,
+		d.downloadLabel,
+		d.deleteLabel,
+		d.renameLabel,
+		d.copyLabel,
+		d.moveLabel,
+		d.duplicateLabel,
+		d.unshareLabel,
+		d.removeAccessLabel
+	]), J = s(() => {
+		let e = d.previewLabel == null ? q : {
+			...q,
+			[u.Preview]: d.previewLabel
+		};
+		return u.Info in z ? {
+			...e,
+			[u.Info]: d.infoLabel
+		} : e;
+	}, [
+		q,
+		z,
+		d.infoLabel,
+		d.previewLabel
+	]), Y = s(() => {
+		if (h.size === 0) return !1;
+		for (let e of h) if (!B.has(e)) return !1;
 		return !0;
-	}, [f, F]), G = i(() => {
-		if (W) return H;
-		let { [s.RemoveAccess]: e, ...t } = H;
+	}, [h, B]), X = s(() => {
+		if (Y) return q;
+		let { [u.RemoveAccess]: e, ...t } = q;
 		return t;
-	}, [H, W]), K = p === n.Attach, rt = i(() => ({
-		selectionMode: he.MULTIPLE,
-		...K ? { filterable: !1 } : {},
-		visibleColumns: j,
-		dateLocale: M,
-		dateOptions: N,
+	}, [q, Y]), Z = g === r.Attach, ht = s(() => ({
+		selectionMode: Se.MULTIPLE,
+		filterable: !1,
+		withoutHeaderBorders: !0,
+		containerClassName: Z ? void 0 : "rounded-none shadow-none",
+		visibleColumns: I,
+		dateLocale: L,
+		dateOptions: R,
 		additionalGridOptions: {
 			domLayout: "normal",
 			rowSelection: {
 				mode: "multiRow",
-				isRowSelectable: g ?? (() => !0)
+				isRowSelectable: v ?? (() => !0)
 			}
 		},
-		actionLabels: U
+		actionLabels: J
 	}), [
-		K,
-		j,
-		M,
-		N,
-		U,
-		g
-	]), it = i(() => ({
-		header: p === n.Attach ? null : c.treeHeaderByTab[l],
-		containerClassName: _ ?? (p === n.Attach ? "min-h-0 h-full w-[360px] shrink-0 rounded-xl bg-layer-raised shadow-sm" : void 0),
-		tabsAriaLabel: c.treeHeaderByTab[l],
-		tabs: u,
-		activeTab: l,
-		onTabChange: d,
-		expandedPaths: y,
-		loadedPaths: b,
-		loadingPaths: S,
-		onExpandedPathsChange: x,
-		actionLabels: H
+		I,
+		L,
+		R,
+		J,
+		v,
+		Z
+	]), gt = s(() => ({
+		header: d.treeHeader ?? null,
+		containerClassName: y ?? (g === r.Attach ? e("relative z-1 min-h-0 h-full w-[360px] shrink-0 border-e", i.tree) : void 0),
+		tabsAriaLabel: d.treeHeaderByTab[f],
+		tabs: p,
+		activeTab: f,
+		onTabChange: m,
+		expandedPaths: Ue,
+		loadedPaths: S,
+		loadingPaths: C,
+		onExpandedPathsChange: We,
+		actionLabels: q
 	}), [
-		c.treeHeaderByTab,
-		_,
-		p,
-		u,
-		l,
-		d,
+		d.treeHeader,
+		d.treeHeaderByTab,
 		y,
-		b,
+		g,
+		p,
+		f,
+		m,
+		Ue,
 		S,
-		x,
-		H
-	]), q = p === n.Standalone && ve === t.Full && z === me.MyFiles && O, at = i(() => ({
+		C,
+		We,
+		q
+	]), _t = g === r.Standalone && Te === n.Full && W === xe.MyFiles && N, vt = s(() => ({
 		showHiddenFilesToggle: !0,
-		...K ? { newButtonVariant: ie.Neutral } : {},
-		hiddenFilesSwitcherLabel: c.hiddenFilesLabel,
-		showHiddenFilesLabel: c.showHiddenFilesLabel,
-		hideHiddenFilesLabel: c.hideHiddenFilesLabel,
-		isNewButtonDisabled: k,
-		disabledNewButtonTooltip: A,
+		...Z ? { newButtonVariant: a.Neutral } : {},
+		hiddenFilesSwitcherLabel: d.hiddenFilesLabel,
+		showHiddenFilesLabel: d.showHiddenFilesLabel,
+		hideHiddenFilesLabel: d.hideHiddenFilesLabel,
+		isNewButtonDisabled: P,
+		disabledNewButtonTooltip: F,
 		newActions: {
 			uploadFiles: {
-				label: c.uploadFilesLabel,
+				label: d.uploadFilesLabel,
 				icon: null
 			},
 			newFolder: {
-				label: c.newFolderLabel,
+				label: d.newFolderLabel,
 				icon: null
 			},
-			...q ? { uploadArchive: {
-				label: c.uploadArchiveAction,
+			..._t ? { uploadArchive: {
+				label: d.uploadArchiveAction,
 				icon: null
 			} } : {}
 		}
 	}), [
-		K,
-		c.hiddenFilesLabel,
-		c.showHiddenFilesLabel,
-		c.hideHiddenFilesLabel,
-		k,
-		A,
-		c.uploadFilesLabel,
-		c.newFolderLabel,
-		q,
-		c.uploadArchiveAction
-	]), ot = i(() => K ? void 0 : {
-		getSelectionLabel: c.getSelectionLabel,
-		actionLabels: G
+		Z,
+		d.hiddenFilesLabel,
+		d.showHiddenFilesLabel,
+		d.hideHiddenFilesLabel,
+		P,
+		F,
+		d.uploadFilesLabel,
+		d.newFolderLabel,
+		_t,
+		d.uploadArchiveAction
+	]), yt = s(() => Z ? void 0 : {
+		getSelectionLabel: d.getSelectionLabel,
+		actionLabels: X
 	}, [
-		K,
-		c.getSelectionLabel,
-		G
-	]), st = i(() => ({
-		cancelLabel: c.deleteCancelLabel,
-		confirmLabel: c.deleteConfirmLabel,
-		closeLabel: c.deleteCloseLabel,
-		titleRenderer: c.deleteConfirmTitle,
-		contentRenderer: c.deleteConfirmBody
+		Z,
+		d.getSelectionLabel,
+		X
+	]), bt = s(() => ({
+		cancelLabel: d.deleteCancelLabel,
+		confirmLabel: d.deleteConfirmLabel,
+		closeLabel: d.deleteCloseLabel,
+		titleRenderer: d.deleteConfirmTitle,
+		contentRenderer: d.deleteConfirmBody
 	}), [
-		c.deleteCancelLabel,
-		c.deleteConfirmLabel,
-		c.deleteCloseLabel,
-		c.deleteConfirmTitle,
-		c.deleteConfirmBody
-	]), ct = i(() => {
+		d.deleteCancelLabel,
+		d.deleteConfirmLabel,
+		d.deleteCloseLabel,
+		d.deleteConfirmTitle,
+		d.deleteConfirmBody
+	]), xt = s(() => {
 		let e;
-		for (let t of f) {
+		for (let t of h) {
 			let n = ee(t);
 			if (e === void 0) e = n;
 			else if (e !== n) return;
 		}
 		return e;
-	}, [f]), J = B != null && S.has(B), Y = J ? B : ct, lt = i(() => ({
-		copyLabel: c.copyLabel,
-		moveLabel: c.moveLabel,
-		addFolderLabel: c.addFolderLabel,
-		hiddenFilesSwitcherLabel: c.hiddenFilesSwitcherLabel,
-		getCopyHeader: c.getCopyHeader,
-		getMoveHeader: c.getMoveHeader,
-		disabledPathTooltip: J ? c.folderPickerLoadingTooltip : c.moveSourceDisabledTooltip,
-		movedIntoItselfTooltip: c.movedIntoItselfTooltip,
-		emptyStateTitle: c.folderPickerEmptyStateTitle,
-		emptyStateDescription: c.folderPickerEmptyStateDescription,
-		sourceFolder: Y,
-		destinationFolderPath: B,
-		setDestinationFolderPath: tt,
-		filesLoading: J
+	}, [h]), Q = G != null && C.has(G), St = Q ? G : xt, Ct = s(() => ({
+		copyLabel: d.copyLabel,
+		moveLabel: d.moveLabel,
+		addFolderLabel: d.addFolderLabel,
+		hiddenFilesSwitcherLabel: d.hiddenFilesSwitcherLabel,
+		getCopyHeader: d.getCopyHeader,
+		getMoveHeader: d.getMoveHeader,
+		disabledPathTooltip: Q ? d.folderPickerLoadingTooltip : d.moveSourceDisabledTooltip,
+		movedIntoItselfTooltip: d.movedIntoItselfTooltip,
+		emptyStateTitle: d.folderPickerEmptyStateTitle,
+		emptyStateDescription: d.folderPickerEmptyStateDescription,
+		sourceFolder: St,
+		destinationFolderPath: G,
+		setDestinationFolderPath: pt,
+		filesLoading: Q
 	}), [
-		c.copyLabel,
-		c.moveLabel,
-		c.addFolderLabel,
-		c.hiddenFilesSwitcherLabel,
-		c.getCopyHeader,
-		c.getMoveHeader,
-		c.folderPickerLoadingTooltip,
-		c.moveSourceDisabledTooltip,
-		c.movedIntoItselfTooltip,
-		c.folderPickerEmptyStateTitle,
-		c.folderPickerEmptyStateDescription,
-		J,
-		Y,
-		B
-	]), ut = le(() => {
-		w(), T();
-	}, [w, T]), X = i(() => re(C?.files ?? []), [C]), dt = i(() => ({
-		fileMetadata: I,
-		loading: L,
-		clearMetadata: R,
-		header: c.metadataHeader,
-		nameLabel: c.metadataNameLabel,
-		pathLabel: c.metadataPathLabel,
-		modifiedDateLabel: c.metadataModifiedDateLabel,
-		sizeLabel: c.metadataSizeLabel,
-		authorLabel: c.metadataAuthorLabel
+		d.copyLabel,
+		d.moveLabel,
+		d.addFolderLabel,
+		d.hiddenFilesSwitcherLabel,
+		d.getCopyHeader,
+		d.getMoveHeader,
+		d.folderPickerLoadingTooltip,
+		d.moveSourceDisabledTooltip,
+		d.movedIntoItselfTooltip,
+		d.folderPickerEmptyStateTitle,
+		d.folderPickerEmptyStateDescription,
+		Q,
+		St,
+		G
+	]), wt = ge(() => {
+		T(), A(), D(), j();
+	}, [
+		T,
+		A,
+		D,
+		j
+	]), Tt = ge((e) => {
+		let t = ae(e);
+		t?.kind === re.Upload ? E(t.entryId) : t?.kind === re.Download && k(t.entryId);
+	}, [E, k]), Et = s(() => oe(w, O, d.uploadFailureMessages), [
+		w,
+		O,
+		d.uploadFailureMessages
+	]), Dt = w?.files.length ?? 0, Ot = O?.files.length ?? 0, kt = d.getTransferQueueTitle?.({
+		uploads: Dt,
+		downloads: Ot
+	}) ?? d.getUploadQueueTitle(Dt + Ot), At = s(() => ie({
+		uploadLabels: d.uploadQueueLabels,
+		downloadLabels: d.downloadQueueLabels,
+		mixedProgressLabel: d.transferQueueProgressAriaLabel,
+		uploadNames: new Set(w?.files.map((e) => e.name)),
+		downloadNames: new Set(O?.files.map((e) => e.name))
 	}), [
-		I,
-		L,
-		R,
-		c.metadataHeader,
-		c.metadataNameLabel,
-		c.metadataPathLabel,
-		c.metadataModifiedDateLabel,
-		c.metadataSizeLabel,
-		c.metadataAuthorLabel
-	]), Z = ge({
-		isDownloading: Be,
-		isDeleting: Ve,
-		isRenaming: We,
-		isMoving: D,
-		isUnsharing: Xe,
-		isRemovingAccess: Qe
-	}, c), Q = "bg-layer-base", $ = i(() => v.split("/").filter(Boolean).length > 1 ? {
-		title: c.folderEmptyStateTitle,
+		d.uploadQueueLabels,
+		d.downloadQueueLabels,
+		d.transferQueueProgressAriaLabel,
+		w,
+		O
+	]), jt = s(() => ({
+		fileMetadata: V,
+		loading: H,
+		clearMetadata: U,
+		header: d.metadataHeader,
+		nameLabel: d.metadataNameLabel,
+		pathLabel: d.metadataPathLabel,
+		modifiedDateLabel: d.metadataModifiedDateLabel,
+		sizeLabel: d.metadataSizeLabel,
+		authorLabel: d.metadataAuthorLabel
+	}), [
+		V,
+		H,
+		U,
+		d.metadataHeader,
+		d.metadataNameLabel,
+		d.metadataPathLabel,
+		d.metadataModifiedDateLabel,
+		d.metadataSizeLabel,
+		d.metadataAuthorLabel
+	]), $ = Ce({
+		isDeleting: $e,
+		isRenaming: nt,
+		isMoving: M,
+		isUnsharing: ct,
+		isRemovingAccess: ut
+	}, d), Mt = s(() => x.split("/").filter(Boolean).length > 1 ? {
+		title: d.folderEmptyStateTitle,
 		description: ""
-	} : c.emptyStateByTab[z], [
-		v,
-		c.folderEmptyStateTitle,
-		c.emptyStateByTab,
-		z
-	]);
-	return /* @__PURE__ */ o(fe, { children: [
-		Te == null ? /* @__PURE__ */ o("div", {
-			className: e("relative flex min-h-0 w-full grow overflow-auto", Q),
-			children: [/* @__PURE__ */ a(pe, {
-				className: e("min-h-0 w-full grow", Q, K && "p-0"),
-				contentClassName: p === n.Attach ? "px-0 pb-0" : void 0,
-				gridClassName: p === n.Attach ? "size-full gap-6 px-6 py-4" : "size-full",
-				items: Ce,
-				path: v,
-				onPathChange: Ee,
-				onGridApiChange: nt,
-				filesLoading: we,
-				allowedFileTypes: be,
-				maxSelectableFileSize: m,
-				maxFileSize: m,
-				uploadValidationMessages: h == null ? void 0 : { oversizedFiles: h },
-				selectedPaths: f,
-				onSelectedPathsChange: _e,
-				navigationPanelOptions: {
-					searchable: !0,
-					placeholder: c.searchPlaceholderByTab?.[z]
-				},
-				hideSearchPathItemName: !0,
-				onSearchFiles: Oe,
-				searchInProgress: ke,
-				searchResults: Ae ?? [],
-				clearSearchResults: je,
-				gridOptions: rt,
-				treeOptions: it,
-				onFolderPopupPathChange: Me,
-				toolbarOptions: at,
-				bulkActionsToolbarOptions: ot,
-				autoSelectUploadedItems: ye,
-				emptyStateTitle: $.title,
-				emptyStateDescription: $.description,
-				searchEmptyStateTitle: c.searchEmptyStateTitle,
-				uploadEnabled: O,
-				sharedWithMeIds: Je,
-				sharedByMePaths: F,
-				onUnshareFiles: Ye,
-				onRemoveFilesAccess: Ze,
-				fileMetadataPopupOptions: dt,
-				onGetInfo: $e,
-				onUploadFiles: Ne,
-				onUploadArchive: Pe,
-				onValidateUpload: Fe,
-				onCreateFolder: Le,
-				onCreateFolderValidate: Re,
-				onDownloadFiles: ze,
-				onDeleteFiles: E,
-				onMoveToFiles: He,
-				onCopyFiles: Ge,
-				onRenameValidate: Ue,
-				renameValidationMessages: c.renameValidationMessages,
-				isRenameFileAvailable: O,
-				deleteConfirmationOptions: st,
-				conflictResolutionPopupOptions: c.conflictResolutionPopupOptions,
-				destinationFolderPopupOptions: lt,
-				forbiddenSymbolsRegExp: ae,
-				forbiddenSymbolsTooltip: c.forbiddenSymbolsTooltip,
-				getDisabledTooltip: xe,
-				unsupportedFileTypeTooltip: Se
-			}), Z != null && /* @__PURE__ */ a("div", {
-				"aria-live": "polite",
-				className: "absolute inset-0 z-[52] flex items-center justify-center bg-backdrop desktop:p-4",
-				children: /* @__PURE__ */ a(se, {
-					size: 32,
-					fullWidth: !1,
-					ariaLabel: Z
+	} : d.emptyStateByTab[W], [
+		x,
+		d.folderEmptyStateTitle,
+		d.emptyStateByTab,
+		W
+	]), Nt = t({
+		"--dfms-surface": b?.colors?.surface,
+		"--dfms-tree-bg": b?.colors?.treeBackground,
+		"--dfms-tree-border": b?.colors?.treeBorder,
+		"--dfms-tree-shadow": b?.colors?.treeShadow,
+		"--dfms-overlay-backdrop": b?.colors?.overlayBackdrop
+	});
+	return /* @__PURE__ */ l(ye, { children: [
+		Ie == null ? /* @__PURE__ */ l("div", {
+			style: Nt,
+			className: e("relative flex min-h-0 w-full grow overflow-auto", i.surface),
+			children: [
+				/* @__PURE__ */ c(be, {
+					className: e("min-h-0 w-full grow", i.surface, Z && "p-0"),
+					contentClassName: Z ? "px-0 pb-0" : void 0,
+					gridClassName: g === r.Attach ? "size-full gap-6 px-6 py-4" : "size-full",
+					items: Pe,
+					path: x,
+					onPathChange: Le,
+					onGridApiChange: mt,
+					filesLoading: Fe,
+					allowedFileTypes: De,
+					maxSelectableFileSize: _,
+					maxFileSize: _,
+					uploadValidationMessages: Oe == null ? void 0 : { oversizedFiles: Oe },
+					selectedPaths: h,
+					onSelectedPathsChange: we,
+					navigationPanelOptions: {
+						searchable: !0,
+						placeholder: d.searchPlaceholderByTab?.[W]
+					},
+					hideSearchPathItemName: !0,
+					onSearchFiles: ze,
+					searchInProgress: Be,
+					searchResults: Ve ?? [],
+					clearSearchResults: He,
+					gridOptions: ht,
+					treeOptions: gt,
+					onFolderPopupPathChange: Ge,
+					toolbarOptions: vt,
+					bulkActionsToolbarOptions: yt,
+					autoSelectUploadedItems: Ee,
+					emptyStateTitle: Mt.title,
+					emptyStateDescription: Mt.description,
+					searchEmptyStateTitle: d.searchEmptyStateTitle,
+					uploadEnabled: N,
+					sharedWithMeIds: ot,
+					sharedByMePaths: B,
+					onUnshareFiles: st,
+					onRemoveFilesAccess: lt,
+					fileMetadataPopupOptions: jt,
+					onGetInfo: dt,
+					onPreview: je,
+					onTableFileClick: Me,
+					previewExtensions: Ne,
+					onUploadFiles: Ke,
+					onUploadArchive: qe,
+					onValidateUpload: Je,
+					onCreateFolder: Ye,
+					onCreateFolderValidate: Xe,
+					onDownloadFiles: Ze,
+					onDeleteFiles: Qe,
+					onMoveToFiles: et,
+					onCopyFiles: rt,
+					onRenameValidate: tt,
+					renameValidationMessages: d.renameValidationMessages,
+					isRenameFileAvailable: N,
+					deleteConfirmationOptions: bt,
+					conflictResolutionPopupOptions: d.conflictResolutionPopupOptions,
+					destinationFolderPopupOptions: Ct,
+					forbiddenSymbolsRegExp: pe,
+					forbiddenSymbolsTooltip: d.forbiddenSymbolsTooltip,
+					getDisabledTooltip: ke,
+					unsupportedFileTypeTooltip: Ae
+				}),
+				/* @__PURE__ */ c(de, {
+					visuallyHidden: !0,
+					as: fe.Span,
+					children: $ ?? ""
+				}),
+				$ != null && /* @__PURE__ */ c("div", {
+					className: e("absolute inset-0 z-52 flex items-center justify-center desktop:p-4", i.overlay),
+					children: /* @__PURE__ */ c(me, {
+						size: 32,
+						fullWidth: !1,
+						ariaLabel: $
+					})
 				})
-			})]
-		}) : /* @__PURE__ */ o("div", {
-			role: "alert",
-			className: "flex flex-col items-center gap-4 p-6",
-			children: [/* @__PURE__ */ a("p", { children: c.errorMessage }), /* @__PURE__ */ a(oe, {
-				label: c.retryLabel,
-				onClick: De
-			})]
+			]
+		}) : /* @__PURE__ */ c("div", {
+			className: "p-6",
+			children: /* @__PURE__ */ c(ue, {
+				message: d.errorMessage,
+				action: /* @__PURE__ */ c(se, {
+					variant: a.Neutral,
+					appearance: ce.Outlined,
+					size: le.Small,
+					label: d.retryLabel,
+					onClick: Re
+				})
+			})
 		}),
-		/* @__PURE__ */ a("div", {
-			className: "fixed end-4 bottom-4 z-[70]",
-			children: /* @__PURE__ */ a(ce, {
-				title: c.getUploadQueueTitle(X.length),
-				items: X,
-				onClose: ut,
-				onCancelItem: Ie,
-				labels: c.uploadQueueLabels
+		/* @__PURE__ */ c("div", {
+			className: "fixed inset-e-4 bottom-4 z-51",
+			children: /* @__PURE__ */ c(he, {
+				title: kt,
+				items: Et,
+				onClose: wt,
+				onCancelItem: Tt,
+				labels: At
 			})
 		}),
-		(Ke || D) && /* @__PURE__ */ a(ne, {
-			title: D ? c.operationLoaderMoveTitle : c.operationLoaderCopyTitle,
-			text: D ? c.movingLabel : c.copyingLabel,
-			cancelLabel: c.operationLoaderCancelLabel,
-			onCancel: qe
+		(it || M) && /* @__PURE__ */ c(ne, {
+			title: M ? d.operationLoaderMoveTitle : d.operationLoaderCopyTitle,
+			text: M ? d.movingLabel : d.copyingLabel,
+			cancelLabel: d.operationLoaderCancelLabel,
+			onCancel: at,
+			colors: b?.operationLoader,
+			textClassName: b?.operationLoaderTextClassName
 		})
 	] });
 };
-r(c);
+o(d);
 //#endregion
-export { c as DialFileManagerShell };
+export { d as DialFileManagerShell };