@epam/ai-dial-chat-shared 1.2.0-dev.28 → 1.2.0-dev.282

package/file-manager/DialFileManagerShell/DialFileManagerShell.js

@@ -1,299 +1,316 @@
 import { DialFileManagerActionProfile as e, DialFileManagerVariant as t } from "../file-manager-variant.js";
 import { getParentFolderPath as ee } from "../path.js";
-import { FileUploadStatus as n } from "../upload-batch.js";
-import { useGridEditingScroll as te } from "../useGridEditingScroll/useGridEditingScroll.js";
-import { OperationLoaderModal as ne } from "../OperationLoaderModal/OperationLoaderModal.js";
-import { UploadProgressModal as re } from "../UploadProgressModal/UploadProgressModal.js";
-import { NOT_ALLOWED_SYMBOLS_REGEXP as r, PrimaryButton as ie, Spinner as ae } from "@epam/ai-dial-ui-kit";
-import { memo as i, useEffect as oe, useMemo as a, useState as se } from "react";
-import { Fragment as ce, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { DialFileManager as le, DialFileManagerActions as c, DialFileManagerTabs as l, GridSelectionMode as u } from "@epam/ai-dial-react-file-manager";
+import { useGridEditingScroll as n } from "../useGridEditingScroll/useGridEditingScroll.js";
+import { OperationLoaderModal as te } from "../OperationLoaderModal/OperationLoaderModal.js";
+import { toUploadQueueItems as ne } from "../upload-queue.js";
+import { NOT_ALLOWED_SYMBOLS_REGEXP as re, PrimaryButton as ie, Spinner as ae, TransferQueue as oe } from "@epam/ai-dial-ui-kit";
+import { memo as r, useCallback as se, useEffect as ce, useMemo as i, useState as le } from "react";
+import { Fragment as ue, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { DialFileManager as de, DialFileManagerActions as s, DialFileManagerTabs as fe, GridSelectionMode as pe } from "@epam/ai-dial-react-file-manager";
 //#region src/file-manager/DialFileManagerShell/DialFileManagerShell.tsx
-var d = (e, t) => {
+var me = (e, t) => {
 	if (e.isDownloading) return t.downloadingLabel;
 	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;
-}, f = ({ controller: i, labels: f, activeTab: p, tabs: m, onTabChange: h, selectedPaths: g, onSelectedPathsChange: ue, variant: de, actionProfile: fe, autoSelectUploadedItems: pe = !1, allowedFileTypes: me, maxSelectableFileSize: he, isRowSelectable: _, getDisabledTooltip: ge, unsupportedFileTypeTooltip: _e }) => {
-	let { items: ve, isLoading: ye, error: be, path: v, onPathChange: xe, retry: Se, onSearchFiles: Ce, isSearching: y, searchResults: b, clearSearchResults: we, expandedPaths: x, loadedPaths: S, onExpandedPathsChange: C, onFolderPopupPathChange: w, folderPopupLoadingPaths: T, onUploadFiles: E, onUploadArchive: D, onValidateUpload: O, uploadBatchState: k, cancelUpload: Te, clearUploadBatch: A, onCreateFolder: Ee, onCreateFolderValidate: De, onDownloadFiles: Oe, isDownloading: ke, onDeleteFiles: Ae, isDeleting: je, onMoveToFiles: Me, onRenameValidate: Ne, isRenaming: Pe, onCopyFiles: Fe, isCopying: Ie, isMoving: j, cancelCopyMove: Le, uploadEnabled: M, isNewButtonDisabled: N, disabledNewButtonTooltip: P, visibleColumns: F, dateLocale: I, dateOptions: L, actionLabels: R, sharedWithMeIds: Re, sharedByMePaths: z, onUnshareFiles: ze, isUnsharing: Be, onRemoveFilesAccess: Ve, isRemovingAccess: He, fileMetadata: B, isFileMetadataLoading: V, onGetInfo: Ue, clearMetadata: H } = i, [U, We] = se(void 0), { handleGridApiChange: Ge, reset: W } = te();
-	oe(() => {
-		W();
-	}, [p, W]);
-	let G = a(() => {
+}, c = ({ controller: r, labels: c, activeTab: l, tabs: u, onTabChange: d, selectedPaths: f, onSelectedPathsChange: he, variant: p, actionProfile: ge, autoSelectUploadedItems: _e = !1, allowedFileTypes: ve, maxSelectableFileSize: m, oversizedUploadMessage: h, isRowSelectable: g, getDisabledTooltip: ye, unsupportedFileTypeTooltip: be }) => {
+	let { items: xe, isLoading: Se, error: Ce, path: _, onPathChange: we, retry: Te, onSearchFiles: Ee, isSearching: v, searchResults: y, clearSearchResults: De, expandedPaths: b, loadedPaths: x, onExpandedPathsChange: S, onFolderPopupPathChange: Oe, folderPopupLoadingPaths: C, onUploadFiles: ke, onUploadArchive: w, onValidateUpload: Ae, uploadBatchState: T, cancelUpload: E, cancelUploadFile: je, clearUploadBatch: D, onCreateFolder: Me, onCreateFolderValidate: Ne, onDownloadFiles: Pe, isDownloading: O, onDeleteFiles: Fe, isDeleting: Ie, onMoveToFiles: Le, onRenameValidate: Re, isRenaming: ze, onCopyFiles: Be, isCopying: Ve, isMoving: k, cancelCopyMove: He, uploadEnabled: A, isNewButtonDisabled: j, disabledNewButtonTooltip: M, visibleColumns: N, dateLocale: P, dateOptions: F, actionLabels: I, sharedWithMeIds: Ue, sharedByMePaths: L, onUnshareFiles: We, isUnsharing: Ge, onRemoveFilesAccess: Ke, isRemovingAccess: qe, fileMetadata: R, isFileMetadataLoading: z, onGetInfo: Je, clearMetadata: B, sectionTab: Ye } = r, V = Ye ?? l, [H, Xe] = le(void 0), { handleGridApiChange: Ze, reset: U } = n();
+	ce(() => {
+		U();
+	}, [V, U]);
+	let W = i(() => {
 		let e = {};
-		return c.Download in R && (e[c.Download] = f.downloadLabel), c.Delete in R && (e[c.Delete] = f.deleteLabel), c.Rename in R && (e[c.Rename] = f.renameLabel), c.Copy in R && (e[c.Copy] = f.copyLabel), c.Move in R && (e[c.Move] = f.moveLabel), c.Duplicate in R && (e[c.Duplicate] = f.duplicateLabel), c.Unshare in R && (e[c.Unshare] = f.unshareLabel), c.RemoveAccess in R && (e[c.RemoveAccess] = f.removeAccessLabel), e;
+		return s.Download in I && (e[s.Download] = c.downloadLabel), s.Delete in I && (e[s.Delete] = c.deleteLabel), s.Rename in I && (e[s.Rename] = c.renameLabel), s.Copy in I && (e[s.Copy] = c.copyLabel), s.Move in I && (e[s.Move] = c.moveLabel), s.Duplicate in I && (e[s.Duplicate] = c.duplicateLabel), s.Unshare in I && (e[s.Unshare] = c.unshareLabel), s.RemoveAccess in I && (e[s.RemoveAccess] = c.removeAccessLabel), e;
 	}, [
-		R,
-		f.downloadLabel,
-		f.deleteLabel,
-		f.renameLabel,
-		f.copyLabel,
-		f.moveLabel,
-		f.duplicateLabel,
-		f.unshareLabel,
-		f.removeAccessLabel
-	]), K = a(() => c.Info in R ? {
-		...G,
-		[c.Info]: f.infoLabel
-	} : G, [
-		G,
-		R,
-		f.infoLabel
-	]), q = a(() => {
-		if (g.size === 0) return !1;
-		for (let e of g) if (!z.has(e)) return !1;
+		I,
+		c.downloadLabel,
+		c.deleteLabel,
+		c.renameLabel,
+		c.copyLabel,
+		c.moveLabel,
+		c.duplicateLabel,
+		c.unshareLabel,
+		c.removeAccessLabel
+	]), G = i(() => s.Info in I ? {
+		...W,
+		[s.Info]: c.infoLabel
+	} : W, [
+		W,
+		I,
+		c.infoLabel
+	]), K = i(() => {
+		if (f.size === 0) return !1;
+		for (let e of f) if (!L.has(e)) return !1;
 		return !0;
-	}, [g, z]), J = a(() => {
-		if (q) return G;
-		let { [c.RemoveAccess]: e, ...t } = G;
+	}, [f, L]), q = i(() => {
+		if (K) return W;
+		let { [s.RemoveAccess]: e, ...t } = W;
 		return t;
-	}, [G, q]), Ke = a(() => ({
-		selectionMode: u.MULTIPLE,
-		visibleColumns: F,
-		dateLocale: I,
-		dateOptions: L,
+	}, [W, K]), Qe = i(() => ({
+		selectionMode: pe.MULTIPLE,
+		visibleColumns: N,
+		dateLocale: P,
+		dateOptions: F,
 		additionalGridOptions: {
 			domLayout: "normal",
 			rowSelection: {
 				mode: "multiRow",
-				isRowSelectable: _ ?? (() => !0)
+				isRowSelectable: g ?? (() => !0)
 			}
 		},
-		actionLabels: K
+		actionLabels: G
 	}), [
+		N,
+		P,
 		F,
-		I,
-		L,
-		K,
-		_
-	]), qe = a(() => ({
-		header: f.treeHeaderByTab[p],
-		expandedPaths: x,
-		loadedPaths: S,
-		loadingPaths: T,
-		onExpandedPathsChange: C,
-		actionLabels: G
+		G,
+		g
+	]), $e = i(() => ({
+		header: p === t.Attach ? null : c.treeHeaderByTab[l],
+		containerClassName: p === t.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: b,
+		loadedPaths: x,
+		loadingPaths: C,
+		onExpandedPathsChange: S,
+		actionLabels: W
 	}), [
-		f.treeHeaderByTab,
+		c.treeHeaderByTab,
 		p,
+		u,
+		l,
+		d,
+		b,
 		x,
-		S,
-		T,
 		C,
-		G
-	]), Y = de === t.Standalone && fe === e.Full && p === l.MyFiles && M, Je = a(() => ({
-		tabs: m,
-		activeTab: p,
-		onTabChange: h,
+		S,
+		W
+	]), J = p === t.Standalone && ge === e.Full && V === fe.MyFiles && A, et = i(() => ({
 		showHiddenFilesToggle: !0,
-		hiddenFilesSwitcherLabel: f.hiddenFilesLabel,
-		showHiddenFilesLabel: f.showHiddenFilesLabel,
-		hideHiddenFilesLabel: f.hideHiddenFilesLabel,
-		isNewButtonDisabled: N,
-		disabledNewButtonTooltip: P,
+		hiddenFilesSwitcherLabel: c.hiddenFilesLabel,
+		showHiddenFilesLabel: c.showHiddenFilesLabel,
+		hideHiddenFilesLabel: c.hideHiddenFilesLabel,
+		isNewButtonDisabled: j,
+		disabledNewButtonTooltip: M,
 		newActions: {
-			uploadFiles: { label: f.uploadFilesLabel },
-			newFolder: { label: f.newFolderLabel },
-			...Y ? { uploadArchive: { label: f.uploadArchiveAction } } : {}
+			uploadFiles: {
+				label: c.uploadFilesLabel,
+				icon: null
+			},
+			newFolder: {
+				label: c.newFolderLabel,
+				icon: null
+			},
+			...J ? { uploadArchive: {
+				label: c.uploadArchiveAction,
+				icon: null
+			} } : {}
 		}
 	}), [
-		m,
-		p,
-		h,
-		f.hiddenFilesLabel,
-		f.showHiddenFilesLabel,
-		f.hideHiddenFilesLabel,
-		N,
-		P,
-		f.uploadFilesLabel,
-		f.newFolderLabel,
-		Y,
-		f.uploadArchiveAction
-	]), Ye = a(() => ({
-		getSelectionLabel: f.getSelectionLabel,
-		actionLabels: J
-	}), [f.getSelectionLabel, J]), Xe = a(() => ({
-		cancelLabel: f.deleteCancelLabel,
-		confirmLabel: f.deleteConfirmLabel,
-		titleRenderer: f.deleteConfirmTitle,
-		contentRenderer: f.deleteConfirmBody
+		c.hiddenFilesLabel,
+		c.showHiddenFilesLabel,
+		c.hideHiddenFilesLabel,
+		j,
+		M,
+		c.uploadFilesLabel,
+		c.newFolderLabel,
+		J,
+		c.uploadArchiveAction
+	]), tt = i(() => ({
+		getSelectionLabel: c.getSelectionLabel,
+		actionLabels: q
+	}), [c.getSelectionLabel, q]), nt = i(() => ({
+		cancelLabel: c.deleteCancelLabel,
+		confirmLabel: c.deleteConfirmLabel,
+		closeLabel: c.deleteCloseLabel,
+		titleRenderer: c.deleteConfirmTitle,
+		contentRenderer: c.deleteConfirmBody
 	}), [
-		f.deleteCancelLabel,
-		f.deleteConfirmLabel,
-		f.deleteConfirmTitle,
-		f.deleteConfirmBody
-	]), Ze = a(() => {
+		c.deleteCancelLabel,
+		c.deleteConfirmLabel,
+		c.deleteCloseLabel,
+		c.deleteConfirmTitle,
+		c.deleteConfirmBody
+	]), rt = i(() => {
 		let e;
-		for (let t of g) {
+		for (let t of f) {
 			let n = ee(t);
 			if (e === void 0) e = n;
 			else if (e !== n) return;
 		}
 		return e;
-	}, [g]), X = U != null && T.has(U), Z = X ? U : Ze, Qe = a(() => ({
-		copyLabel: f.copyLabel,
-		moveLabel: f.moveLabel,
-		addFolderLabel: f.addFolderLabel,
-		hiddenFilesSwitcherLabel: f.hiddenFilesSwitcherLabel,
-		getCopyHeader: f.getCopyHeader,
-		getMoveHeader: f.getMoveHeader,
-		disabledPathTooltip: X ? f.folderPickerLoadingTooltip : f.moveSourceDisabledTooltip,
-		emptyStateTitle: f.folderPickerEmptyStateTitle,
-		emptyStateDescription: f.folderPickerEmptyStateDescription,
-		sourceFolder: Z,
-		destinationFolderPath: U,
-		setDestinationFolderPath: We,
-		filesLoading: X
+	}, [f]), Y = H != null && C.has(H), X = Y ? H : rt, it = i(() => ({
+		copyLabel: c.copyLabel,
+		moveLabel: c.moveLabel,
+		addFolderLabel: c.addFolderLabel,
+		hiddenFilesSwitcherLabel: c.hiddenFilesSwitcherLabel,
+		getCopyHeader: c.getCopyHeader,
+		getMoveHeader: c.getMoveHeader,
+		disabledPathTooltip: Y ? c.folderPickerLoadingTooltip : c.moveSourceDisabledTooltip,
+		emptyStateTitle: c.folderPickerEmptyStateTitle,
+		emptyStateDescription: c.folderPickerEmptyStateDescription,
+		sourceFolder: X,
+		destinationFolderPath: H,
+		setDestinationFolderPath: Xe,
+		filesLoading: Y
 	}), [
-		f.copyLabel,
-		f.moveLabel,
-		f.addFolderLabel,
-		f.hiddenFilesSwitcherLabel,
-		f.getCopyHeader,
-		f.getMoveHeader,
-		f.folderPickerLoadingTooltip,
-		f.moveSourceDisabledTooltip,
-		f.folderPickerEmptyStateTitle,
-		f.folderPickerEmptyStateDescription,
+		c.copyLabel,
+		c.moveLabel,
+		c.addFolderLabel,
+		c.hiddenFilesSwitcherLabel,
+		c.getCopyHeader,
+		c.getMoveHeader,
+		c.folderPickerLoadingTooltip,
+		c.moveSourceDisabledTooltip,
+		c.folderPickerEmptyStateTitle,
+		c.folderPickerEmptyStateDescription,
+		Y,
 		X,
-		Z,
-		U
-	]), $e = () => {
-		Te(), A();
-	}, et = a(() => ({
-		fileMetadata: B,
-		loading: V,
-		clearMetadata: H,
-		header: f.metadataHeader,
-		nameLabel: f.metadataNameLabel,
-		pathLabel: f.metadataPathLabel,
-		modifiedDateLabel: f.metadataModifiedDateLabel,
-		sizeLabel: f.metadataSizeLabel,
-		authorLabel: f.metadataAuthorLabel
+		H
+	]), at = se(() => {
+		E(), D();
+	}, [E, D]), Z = i(() => ne(T?.files ?? []), [T]), ot = i(() => ({
+		fileMetadata: R,
+		loading: z,
+		clearMetadata: B,
+		header: c.metadataHeader,
+		nameLabel: c.metadataNameLabel,
+		pathLabel: c.metadataPathLabel,
+		modifiedDateLabel: c.metadataModifiedDateLabel,
+		sizeLabel: c.metadataSizeLabel,
+		authorLabel: c.metadataAuthorLabel
 	}), [
+		R,
+		z,
 		B,
-		V,
-		H,
-		f.metadataHeader,
-		f.metadataNameLabel,
-		f.metadataPathLabel,
-		f.metadataModifiedDateLabel,
-		f.metadataSizeLabel,
-		f.metadataAuthorLabel
-	]), Q = d({
-		isDownloading: ke,
-		isDeleting: je,
-		isRenaming: Pe,
-		isMoving: j,
-		isUnsharing: Be,
-		isRemovingAccess: He
-	}, f), tt = a(() => {
-		if (k == null) return "";
-		let e = k.files.filter((e) => e.status !== n.Uploading).length;
-		return f.getUploadProgressText(e, k.files.length);
-	}, [k, f]), $ = a(() => b != null && !y ? {
-		title: f.searchEmptyStateTitle,
+		c.metadataHeader,
+		c.metadataNameLabel,
+		c.metadataPathLabel,
+		c.metadataModifiedDateLabel,
+		c.metadataSizeLabel,
+		c.metadataAuthorLabel
+	]), Q = me({
+		isDownloading: O,
+		isDeleting: Ie,
+		isRenaming: ze,
+		isMoving: k,
+		isUnsharing: Ge,
+		isRemovingAccess: qe
+	}, c), $ = i(() => y != null && !v ? {
+		title: c.searchEmptyStateTitle,
 		description: ""
-	} : v.split("/").filter(Boolean).length > 1 ? {
-		title: f.folderEmptyStateTitle,
+	} : _.split("/").filter(Boolean).length > 1 ? {
+		title: c.folderEmptyStateTitle,
 		description: ""
-	} : f.emptyStateByTab[p], [
-		b,
+	} : c.emptyStateByTab[V], [
 		y,
 		v,
-		f.searchEmptyStateTitle,
-		f.folderEmptyStateTitle,
-		f.emptyStateByTab,
-		p
+		_,
+		c.searchEmptyStateTitle,
+		c.folderEmptyStateTitle,
+		c.emptyStateByTab,
+		V
 	]);
-	return /* @__PURE__ */ s(ce, { children: [
-		be == null ? /* @__PURE__ */ s("div", {
+	return /* @__PURE__ */ o(ue, { children: [
+		Ce == null ? /* @__PURE__ */ o("div", {
 			className: "relative flex min-h-0 w-full grow overflow-auto bg-layer-sunken",
-			children: [/* @__PURE__ */ o(le, {
+			children: [/* @__PURE__ */ a(de, {
 				className: "min-h-0 w-full grow bg-layer-sunken",
-				gridClassName: "size-full",
-				items: ve,
-				path: v,
-				onPathChange: xe,
-				onGridApiChange: Ge,
-				filesLoading: ye,
-				allowedFileTypes: me,
-				maxSelectableFileSize: he,
-				selectedPaths: g,
-				onSelectedPathsChange: ue,
-				navigationPanelOptions: { searchable: !0 },
+				contentClassName: p === t.Attach ? "px-0 pb-0" : void 0,
+				gridClassName: p === t.Attach ? "size-full gap-6 px-6 py-4" : "size-full",
+				items: xe,
+				path: _,
+				onPathChange: we,
+				onGridApiChange: Ze,
+				filesLoading: Se,
+				allowedFileTypes: ve,
+				maxSelectableFileSize: m,
+				maxFileSize: m,
+				uploadValidationMessages: h == null ? void 0 : { oversizedFiles: h },
+				selectedPaths: f,
+				onSelectedPathsChange: he,
+				navigationPanelOptions: {
+					searchable: !0,
+					placeholder: c.searchPlaceholderByTab?.[V]
+				},
 				hideSearchPathItemName: !0,
-				onSearchFiles: Ce,
-				searchInProgress: y,
-				searchResults: b ?? [],
-				clearSearchResults: we,
-				gridOptions: Ke,
-				treeOptions: qe,
-				onFolderPopupPathChange: w,
-				toolbarOptions: Je,
-				bulkActionsToolbarOptions: Ye,
-				autoSelectUploadedItems: pe,
+				onSearchFiles: Ee,
+				searchInProgress: v,
+				searchResults: y ?? [],
+				clearSearchResults: De,
+				gridOptions: Qe,
+				treeOptions: $e,
+				onFolderPopupPathChange: Oe,
+				toolbarOptions: et,
+				bulkActionsToolbarOptions: tt,
+				autoSelectUploadedItems: _e,
 				emptyStateTitle: $.title,
 				emptyStateDescription: $.description,
-				uploadEnabled: M,
-				sharedWithMeIds: Re,
-				sharedByMePaths: z,
-				onUnshareFiles: ze,
-				onRemoveFilesAccess: Ve,
-				fileMetadataPopupOptions: et,
-				onGetInfo: Ue,
-				onUploadFiles: E,
-				onUploadArchive: D,
-				onValidateUpload: O,
-				onCreateFolder: Ee,
-				onCreateFolderValidate: De,
-				onDownloadFiles: Oe,
-				onDeleteFiles: Ae,
-				onMoveToFiles: Me,
-				onCopyFiles: Fe,
-				onRenameValidate: Ne,
-				renameValidationMessages: f.renameValidationMessages,
-				isRenameFileAvailable: M,
-				deleteConfirmationOptions: Xe,
-				conflictResolutionPopupOptions: f.conflictResolutionPopupOptions,
-				destinationFolderPopupOptions: Qe,
-				forbiddenSymbolsRegExp: r,
-				forbiddenSymbolsTooltip: f.forbiddenSymbolsTooltip,
-				getDisabledTooltip: ge,
-				unsupportedFileTypeTooltip: _e
-			}), Q != null && /* @__PURE__ */ o("div", {
+				uploadEnabled: A,
+				sharedWithMeIds: Ue,
+				sharedByMePaths: L,
+				onUnshareFiles: We,
+				onRemoveFilesAccess: Ke,
+				fileMetadataPopupOptions: ot,
+				onGetInfo: Je,
+				onUploadFiles: ke,
+				onUploadArchive: w,
+				onValidateUpload: Ae,
+				onCreateFolder: Me,
+				onCreateFolderValidate: Ne,
+				onDownloadFiles: Pe,
+				onDeleteFiles: Fe,
+				onMoveToFiles: Le,
+				onCopyFiles: Be,
+				onRenameValidate: Re,
+				renameValidationMessages: c.renameValidationMessages,
+				isRenameFileAvailable: A,
+				deleteConfirmationOptions: nt,
+				conflictResolutionPopupOptions: c.conflictResolutionPopupOptions,
+				destinationFolderPopupOptions: it,
+				forbiddenSymbolsRegExp: re,
+				forbiddenSymbolsTooltip: c.forbiddenSymbolsTooltip,
+				getDisabledTooltip: ye,
+				unsupportedFileTypeTooltip: be
+			}), Q != 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__ */ o(ae, {
+				children: /* @__PURE__ */ a(ae, {
 					size: 32,
 					fullWidth: !1,
 					ariaLabel: Q
 				})
 			})]
-		}) : /* @__PURE__ */ s("div", {
+		}) : /* @__PURE__ */ o("div", {
 			role: "alert",
 			className: "flex flex-col items-center gap-4 p-6",
-			children: [/* @__PURE__ */ o("p", { children: f.errorMessage }), /* @__PURE__ */ o(ie, {
-				label: f.retryLabel,
-				onClick: Se
+			children: [/* @__PURE__ */ a("p", { children: c.errorMessage }), /* @__PURE__ */ a(ie, {
+				label: c.retryLabel,
+				onClick: Te
 			})]
 		}),
-		k != null && /* @__PURE__ */ o(re, {
-			batchState: k,
-			uploadProgressTitle: f.uploadProgressTitle,
-			uploadProgressText: tt,
-			cancelLabel: f.cancelLabel,
-			onCancel: $e
+		/* @__PURE__ */ a("div", {
+			className: "fixed bottom-4 end-4 z-[70]",
+			children: /* @__PURE__ */ a(oe, {
+				title: c.getUploadQueueTitle(Z.length),
+				items: Z,
+				onClose: at,
+				onCancelItem: je,
+				labels: c.uploadQueueLabels
+			})
 		}),
-		(Ie || j) && /* @__PURE__ */ o(ne, {
-			title: j ? f.operationLoaderMoveTitle : f.operationLoaderCopyTitle,
-			text: j ? f.movingLabel : f.copyingLabel,
-			cancelLabel: f.operationLoaderCancelLabel,
-			onCancel: Le
+		(Ve || k) && /* @__PURE__ */ a(te, {
+			title: k ? c.operationLoaderMoveTitle : c.operationLoaderCopyTitle,
+			text: k ? c.movingLabel : c.copyingLabel,
+			cancelLabel: c.operationLoaderCancelLabel,
+			onCancel: He
 		})
 	] });
 };
-i(f);
+r(c);
 //#endregion
-export { f as DialFileManagerShell };
+export { c as DialFileManagerShell };