@epam/ai-dial-chat-shared 1.2.0-dev.3 → 1.2.0-dev.300

package/file-manager/DialFileManagerShell/DialFileManagerShell.js

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