@epam/ai-dial-chat-shared 1.2.0-dev.98 → 1.2.0-rc.0

package/file-manager/DialFileManagerShell/DialFileManagerShell.js

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

package/file-manager/FileManagerAttachModal/FileManagerAttachModal.js

@@ -1,6 +1,6 @@
 import { isHiddenPath as e } from "../path.js";
 import { DialFileManagerShell as t } from "../DialFileManagerShell/DialFileManagerShell.js";
-import { Popup as n, PopupSize as r, PrimaryButton as i } from "@epam/ai-dial-ui-kit";
+import { ButtonVariant as n, Popup as r, PopupSize as i } from "@epam/ai-dial-ui-kit";
 import { memo as a, useCallback as o, useMemo as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { DialFileNodeType as u } from "@epam/ai-dial-react-file-manager";
@@ -60,27 +60,30 @@ var d = a(({ isOpen: a, onClose: d, onAttach: f, onSkippedUnsupportedFiles: p, o
 		z,
 		T
 	]), { title: U, attachLabel: W, headerDescription: G, ...K } = b;
-	return /* @__PURE__ */ c(n, {
+	return /* @__PURE__ */ c(r, {
 		open: a,
-		header: /* @__PURE__ */ l("div", {
-			className: "flex flex-col gap-1",
-			children: [/* @__PURE__ */ c("span", { children: U }), G != null && /* @__PURE__ */ c("p", {
+		header: G == null ? U : /* @__PURE__ */ l("div", {
+			className: "flex min-w-0 flex-1 flex-col gap-1",
+			children: [/* @__PURE__ */ c("h3", {
+				className: "dial-h1-text truncate text-primary",
+				children: U
+			}), /* @__PURE__ */ c("p", {
 				className: "dial-small-text text-start",
 				children: G
 			})]
 		}),
 		ariaLabel: U,
-		size: r.Lg,
+		size: i.Lg,
 		className: "flex !h-[min(800px,100dvh)] w-full flex-col !bg-layer-sunken",
+		headerClassName: "pb-0",
+		footerClassName: "pt-0",
 		onClose: d,
-		footer: /* @__PURE__ */ c("div", {
-			className: "flex justify-end px-6 py-4",
-			children: /* @__PURE__ */ c(i, {
-				label: W,
-				disabled: B.length === 0 || L || g,
-				onClick: H
-			})
-		}),
+		mainButtons: [{
+			label: W,
+			variant: n.Primary,
+			disabled: B.length === 0 || L || g,
+			onClick: H
+		}],
 		children: /* @__PURE__ */ c("div", {
 			className: "flex h-full min-h-0 flex-col",
 			children: /* @__PURE__ */ c(t, {