@epam/ai-dial-chat-shared 1.2.0-dev.170 → 1.2.0-dev.173

package/components/TextRefinementField/TextRefinementField.js

@@ -1,84 +1,86 @@
 import { mergeClasses as e } from "../../utils/merge-class.js";
 import { TextRefinementState as t } from "../../hooks/useTextRefinement.js";
-import { DIAL_ICON_SIZE as n, DIAL_KIT_ICON_STROKE as r, ElementSize as i, ErrorText as a, GhostButton as o, Label as s, Spinner as c } from "@epam/ai-dial-ui-kit";
-import { useRef as l } from "react";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { IconSparkles as p } from "@tabler/icons-react";
+import { CaptionText as n, DIAL_ICON_SIZE as r, DIAL_KIT_ICON_STROKE as i, ElementSize as a, ErrorText as o, GhostButton as s, Label as c, Spinner as l } from "@epam/ai-dial-ui-kit";
+import { useRef as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { IconSparkles as m } from "@tabler/icons-react";
 //#region src/components/TextRefinementField/TextRefinementField.tsx
-var m = ({ isEnabled: m, fieldId: h, label: g, labelClassName: _, required: v, labels: y, refinement: b, disabled: x, feedbackClassName: S, errorClassName: C, children: w }) => {
-	let T = l(null);
-	if (!m) return /* @__PURE__ */ d(u, { children: w });
-	let E = b.state === t.Error, D = {
+var h = ({ isEnabled: h, fieldId: g, label: _, labelClassName: v, required: y, labels: b, refinement: x, disabled: S, feedbackClassName: C, errorClassName: w, children: T }) => {
+	let E = u(null);
+	if (!h) return /* @__PURE__ */ f(d, { children: T });
+	let D = x.state === t.Error, O = {
 		[t.Idle]: "",
-		[t.Pending]: y?.refinePendingAriaLabel ?? "Refining text",
-		[t.Success]: y?.refineSuccessAriaLabel ?? "Text refined. Undo is available.",
-		[t.Restored]: y?.refineUndoAriaLabel ?? "Original text restored.",
-		[t.Unchanged]: y?.refineUnchangedAriaLabel ?? "No changes were needed.",
+		[t.Pending]: b?.refinePendingAriaLabel ?? "Refining text",
+		[t.Success]: b?.refineSuccessAriaLabel ?? "Text refined. Undo is available.",
+		[t.Restored]: b?.refineUndoAriaLabel ?? "Original text restored.",
+		[t.Unchanged]: b?.refineUnchangedAriaLabel ?? "No changes were needed.",
 		[t.Error]: ""
-	}[b.state];
-	return /* @__PURE__ */ f("div", {
+	}[x.state];
+	return /* @__PURE__ */ p("div", {
 		className: "flex min-w-0 flex-col gap-1",
 		role: "group",
-		"aria-labelledby": h + "-label",
-		"aria-describedby": E ? h + "-refinement-error" : void 0,
+		"aria-labelledby": g + "-label",
+		"aria-describedby": D ? g + "-refinement-error" : void 0,
 		children: [
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				className: "flex min-w-0 flex-wrap items-center gap-x-3",
-				children: [/* @__PURE__ */ d(s, {
-					id: h + "-label",
-					htmlFor: h,
-					className: _,
-					label: g,
-					required: v
-				}), /* @__PURE__ */ f("div", {
-					ref: T,
+				children: [/* @__PURE__ */ f(c, {
+					id: g + "-label",
+					htmlFor: g,
+					className: v,
+					label: _,
+					required: y
+				}), /* @__PURE__ */ p("div", {
+					ref: E,
 					className: "ms-auto flex min-w-0 flex-wrap items-center",
-					children: [/* @__PURE__ */ d(o, {
-						size: i.Small,
-						label: y?.refineWithAiLabel ?? "Refine with AI",
-						disabled: x || !b.canRefine,
+					children: [/* @__PURE__ */ f(s, {
+						size: a.Small,
+						label: b?.refineWithAiLabel ?? "Refine with AI",
+						disabled: S || !x.canRefine,
 						onClick: () => {
-							b.refine();
+							x.refine();
 						},
-						iconBefore: b.isPending ? /* @__PURE__ */ d("span", {
+						iconBefore: x.isPending ? /* @__PURE__ */ f("span", {
 							"aria-hidden": !0,
-							children: /* @__PURE__ */ d(c, {
-								size: n.SM,
+							children: /* @__PURE__ */ f(l, {
+								size: r.SM,
 								ariaLabel: ""
 							})
-						}) : /* @__PURE__ */ d(p, {
-							size: n.SM,
-							stroke: r,
+						}) : /* @__PURE__ */ f(m, {
+							size: r.SM,
+							stroke: i,
 							"aria-hidden": !0
 						})
-					}), b.canUndo && /* @__PURE__ */ d(o, {
-						size: i.Small,
-						label: y?.refineUndoLabel ?? "Undo",
-						disabled: x,
+					}), x.canUndo && /* @__PURE__ */ f(s, {
+						size: a.Small,
+						label: b?.refineUndoLabel ?? "Undo",
+						disabled: S,
 						onClick: () => {
-							b.undo(), T.current?.querySelector("button")?.focus();
+							x.undo(), E.current?.querySelector("button")?.focus();
 						}
 					})]
 				})]
 			}),
-			/* @__PURE__ */ d("div", {
-				"aria-busy": b.isPending,
-				children: w
+			/* @__PURE__ */ f("div", {
+				"aria-busy": x.isPending,
+				children: T
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ f("div", {
 				role: "status",
 				"aria-live": "polite",
-				className: S,
-				children: D
+				children: /* @__PURE__ */ f(n, {
+					text: O,
+					className: C
+				})
 			}),
-			E && /* @__PURE__ */ d(a, {
+			D && /* @__PURE__ */ f(o, {
 				role: "alert",
-				id: h + "-refinement-error",
-				className: e(S, C),
-				text: y?.refineErrorLabel ?? "Could not refine this text. Please try again."
+				id: g + "-refinement-error",
+				className: e(C, w),
+				text: b?.refineErrorLabel ?? "Could not refine this text. Please try again."
 			})
 		]
 	});
 };
 //#endregion
-export { m as TextRefinementField };
+export { h as TextRefinementField };

package/constants/resizable-fields.js

@@ -1,4 +1,4 @@
 //#region src/constants/resizable-fields.ts
-var e = "max-h-[50vh]", t = "--resizable-field-max-height", n = "[&_.w-md-editor:not(.w-md-editor-fullscreen)]:max-h-[var(--resizable-field-max-height,70vh)]";
+var e = "max-h-[50vh]", t = "--resizable-field-max-height", n = "[&_.w-md-editor:not(.w-md-editor-fullscreen)]:max-h-[var(--resizable-field-max-height,70vh)]", r = "[&_.w-md-editor:not(.w-md-editor-fullscreen)]:!h-[var(--resizable-field-max-height,70vh)] [&_.w-md-editor-bar]:hidden";
 //#endregion
-export { n as MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME, t as RESIZABLE_FIELD_MAX_HEIGHT_CSS_VARIABLE, e as RESIZABLE_TEXTAREA_CLASS_NAME };
+export { r as MARKDOWN_EDITOR_FILL_HEIGHT_CLASS_NAME, n as MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME, t as RESIZABLE_FIELD_MAX_HEIGHT_CSS_VARIABLE, e as RESIZABLE_TEXTAREA_CLASS_NAME };

package/file-manager/DialFileManagerShell/DialFileManagerShell.js

@@ -1,309 +1,307 @@
 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 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 { 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 l = (e, t) => {
+var c = (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: me, variant: he, 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: w, onUploadArchive: T, onValidateUpload: ke, uploadBatchState: E, cancelUpload: D, cancelUploadFile: Ae, clearUploadBatch: O, onCreateFolder: je, onCreateFolderValidate: Me, onDownloadFiles: Ne, isDownloading: k, onDeleteFiles: Pe, isDeleting: Fe, onMoveToFiles: Ie, onRenameValidate: Le, isRenaming: Re, onCopyFiles: ze, isCopying: Be, isMoving: A, cancelCopyMove: Ve, uploadEnabled: j, isNewButtonDisabled: M, disabledNewButtonTooltip: N, visibleColumns: P, dateLocale: F, dateOptions: I, actionLabels: L, sharedWithMeIds: He, sharedByMePaths: R, onUnshareFiles: Ue, isUnsharing: We, onRemoveFilesAccess: Ge, isRemovingAccess: Ke, fileMetadata: z, isFileMetadataLoading: B, onGetInfo: qe, clearMetadata: V } = r, [H, Je] = le(void 0), { handleGridApiChange: Ye, reset: U } = n();
+	ce(() => {
+		U();
+	}, [u, U]);
+	let W = 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 L && (e[s.Download] = l.downloadLabel), s.Delete in L && (e[s.Delete] = l.deleteLabel), s.Rename in L && (e[s.Rename] = l.renameLabel), s.Copy in L && (e[s.Copy] = l.copyLabel), s.Move in L && (e[s.Move] = l.moveLabel), s.Duplicate in L && (e[s.Duplicate] = l.duplicateLabel), s.Unshare in L && (e[s.Unshare] = l.unshareLabel), s.RemoveAccess in L && (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;
+		L,
+		l.downloadLabel,
+		l.deleteLabel,
+		l.renameLabel,
+		l.copyLabel,
+		l.moveLabel,
+		l.duplicateLabel,
+		l.unshareLabel,
+		l.removeAccessLabel
+	]), G = i(() => s.Info in L ? {
+		...W,
+		[s.Info]: l.infoLabel
+	} : W, [
+		W,
+		L,
+		l.infoLabel
+	]), K = i(() => {
+		if (p.size === 0) return !1;
+		for (let e of p) if (!R.has(e)) return !1;
 		return !0;
-	}, [m, z]), J = a(() => {
-		if (q) return G;
-		let { [c.RemoveAccess]: e, ...t } = G;
+	}, [p, R]), q = i(() => {
+		if (K) return W;
+		let { [s.RemoveAccess]: e, ...t } = W;
 		return t;
-	}, [G, q]), qe = a(() => ({
-		selectionMode: de.MULTIPLE,
-		visibleColumns: F,
-		dateLocale: I,
-		dateOptions: L,
+	}, [W, K]), Xe = i(() => ({
+		selectionMode: pe.MULTIPLE,
+		visibleColumns: P,
+		dateLocale: F,
+		dateOptions: I,
 		additionalGridOptions: {
 			domLayout: "normal",
 			rowSelection: {
 				mode: "multiRow",
-				isRowSelectable: _ ?? (() => !0)
+				isRowSelectable: g ?? (() => !0)
 			}
 		},
-		actionLabels: K
+		actionLabels: G
 	}), [
+		P,
 		F,
 		I,
-		L,
-		K,
-		_
-	]), Je = a(() => ({
-		header: u.treeHeaderByTab[d],
-		tabs: f,
-		activeTab: d,
-		onTabChange: p,
-		expandedPaths: x,
-		loadedPaths: S,
-		loadingPaths: T,
-		onExpandedPathsChange: C,
-		actionLabels: G
+		G,
+		g
+	]), Ze = i(() => ({
+		header: l.treeHeaderByTab[u],
+		tabs: d,
+		activeTab: u,
+		onTabChange: f,
+		expandedPaths: b,
+		loadedPaths: x,
+		loadingPaths: C,
+		onExpandedPathsChange: S,
+		actionLabels: W
 	}), [
-		u.treeHeaderByTab,
-		f,
+		l.treeHeaderByTab,
 		d,
-		p,
+		u,
+		f,
+		b,
 		x,
-		S,
-		T,
 		C,
-		G
-	]), Y = pe === t.Standalone && me === e.Full && d === ue.MyFiles && M, Ye = a(() => ({
+		S,
+		W
+	]), J = he === t.Standalone && ge === e.Full && u === fe.MyFiles && j, Qe = 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: M,
+		disabledNewButtonTooltip: N,
 		newActions: {
 			uploadFiles: {
-				label: u.uploadFilesLabel,
+				label: l.uploadFilesLabel,
 				icon: null
 			},
 			newFolder: {
-				label: u.newFolderLabel,
+				label: l.newFolderLabel,
 				icon: null
 			},
-			...Y ? { uploadArchive: {
-				label: u.uploadArchiveAction,
+			...J ? { uploadArchive: {
+				label: l.uploadArchiveAction,
 				icon: null
 			} } : {}
 		}
 	}), [
-		u.hiddenFilesLabel,
-		u.showHiddenFilesLabel,
-		u.hideHiddenFilesLabel,
+		l.hiddenFilesLabel,
+		l.showHiddenFilesLabel,
+		l.hideHiddenFilesLabel,
+		M,
 		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.uploadFilesLabel,
+		l.newFolderLabel,
+		J,
+		l.uploadArchiveAction
+	]), $e = i(() => ({
+		getSelectionLabel: l.getSelectionLabel,
+		actionLabels: q
+	}), [l.getSelectionLabel, q]), et = i(() => ({
+		cancelLabel: l.deleteCancelLabel,
+		confirmLabel: l.deleteConfirmLabel,
+		titleRenderer: l.deleteConfirmTitle,
+		contentRenderer: l.deleteConfirmBody
 	}), [
-		u.deleteCancelLabel,
-		u.deleteConfirmLabel,
-		u.deleteConfirmTitle,
-		u.deleteConfirmBody
-	]), Qe = a(() => {
+		l.deleteCancelLabel,
+		l.deleteConfirmLabel,
+		l.deleteConfirmTitle,
+		l.deleteConfirmBody
+	]), tt = 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]), Y = H != null && C.has(H), X = Y ? H : tt, nt = i(() => ({
+		copyLabel: l.copyLabel,
+		moveLabel: l.moveLabel,
+		addFolderLabel: l.addFolderLabel,
+		hiddenFilesSwitcherLabel: l.hiddenFilesSwitcherLabel,
+		getCopyHeader: l.getCopyHeader,
+		getMoveHeader: l.getMoveHeader,
+		disabledPathTooltip: Y ? l.folderPickerLoadingTooltip : l.moveSourceDisabledTooltip,
+		emptyStateTitle: l.folderPickerEmptyStateTitle,
+		emptyStateDescription: l.folderPickerEmptyStateDescription,
+		sourceFolder: X,
+		destinationFolderPath: H,
+		setDestinationFolderPath: Je,
+		filesLoading: Y
 	}), [
-		u.copyLabel,
-		u.moveLabel,
-		u.addFolderLabel,
-		u.hiddenFilesSwitcherLabel,
-		u.getCopyHeader,
-		u.getMoveHeader,
-		u.folderPickerLoadingTooltip,
-		u.moveSourceDisabledTooltip,
-		u.folderPickerEmptyStateTitle,
-		u.folderPickerEmptyStateDescription,
+		l.copyLabel,
+		l.moveLabel,
+		l.addFolderLabel,
+		l.hiddenFilesSwitcherLabel,
+		l.getCopyHeader,
+		l.getMoveHeader,
+		l.folderPickerLoadingTooltip,
+		l.moveSourceDisabledTooltip,
+		l.folderPickerEmptyStateTitle,
+		l.folderPickerEmptyStateDescription,
+		Y,
 		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
+		H
+	]), rt = se(() => {
+		D(), O();
+	}, [D, O]), Z = i(() => ne(E?.files ?? []), [E]), it = i(() => ({
+		fileMetadata: z,
+		loading: B,
+		clearMetadata: V,
+		header: l.metadataHeader,
+		nameLabel: l.metadataNameLabel,
+		pathLabel: l.metadataPathLabel,
+		modifiedDateLabel: l.metadataModifiedDateLabel,
+		sizeLabel: l.metadataSizeLabel,
+		authorLabel: l.metadataAuthorLabel
 	}), [
+		z,
 		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,
+		l.metadataHeader,
+		l.metadataNameLabel,
+		l.metadataPathLabel,
+		l.metadataModifiedDateLabel,
+		l.metadataSizeLabel,
+		l.metadataAuthorLabel
+	]), Q = c({
+		isDownloading: k,
+		isDeleting: Fe,
+		isRenaming: Re,
+		isMoving: A,
+		isUnsharing: We,
+		isRemovingAccess: Ke
+	}, l), $ = i(() => y != null && !v ? {
+		title: l.searchEmptyStateTitle,
 		description: ""
-	} : v.split("/").filter(Boolean).length > 1 ? {
-		title: u.folderEmptyStateTitle,
+	} : _.split("/").filter(Boolean).length > 1 ? {
+		title: l.folderEmptyStateTitle,
 		description: ""
-	} : u.emptyStateByTab[d], [
-		b,
+	} : l.emptyStateByTab[u], [
 		y,
 		v,
-		u.searchEmptyStateTitle,
-		u.folderEmptyStateTitle,
-		u.emptyStateByTab,
-		d
+		_,
+		l.searchEmptyStateTitle,
+		l.folderEmptyStateTitle,
+		l.emptyStateByTab,
+		u
 	]);
-	return /* @__PURE__ */ s(ce, { children: [
-		xe == 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: ye,
-				path: v,
-				onPathChange: Se,
-				onGridApiChange: Ke,
-				filesLoading: be,
-				allowedFileTypes: ge,
-				maxSelectableFileSize: h,
-				maxFileSize: h,
-				uploadValidationMessages: g == null ? void 0 : { oversizedFiles: g },
-				selectedPaths: m,
-				onSelectedPathsChange: fe,
+				items: xe,
+				path: _,
+				onPathChange: we,
+				onGridApiChange: Ye,
+				filesLoading: Se,
+				allowedFileTypes: ve,
+				maxSelectableFileSize: m,
+				maxFileSize: m,
+				uploadValidationMessages: h == null ? void 0 : { oversizedFiles: h },
+				selectedPaths: p,
+				onSelectedPathsChange: me,
 				navigationPanelOptions: { searchable: !0 },
 				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: v,
+				searchResults: y ?? [],
+				clearSearchResults: De,
+				gridOptions: Xe,
+				treeOptions: Ze,
+				onFolderPopupPathChange: Oe,
+				toolbarOptions: Qe,
+				bulkActionsToolbarOptions: $e,
+				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,
-				forbiddenSymbolsRegExp: ie,
-				forbiddenSymbolsTooltip: u.forbiddenSymbolsTooltip,
-				getDisabledTooltip: _e,
-				unsupportedFileTypeTooltip: ve
-			}), Q != null && /* @__PURE__ */ o("div", {
+				uploadEnabled: j,
+				sharedWithMeIds: He,
+				sharedByMePaths: R,
+				onUnshareFiles: Ue,
+				onRemoveFilesAccess: Ge,
+				fileMetadataPopupOptions: it,
+				onGetInfo: qe,
+				onUploadFiles: w,
+				onUploadArchive: T,
+				onValidateUpload: ke,
+				onCreateFolder: je,
+				onCreateFolderValidate: Me,
+				onDownloadFiles: Ne,
+				onDeleteFiles: Pe,
+				onMoveToFiles: Ie,
+				onCopyFiles: ze,
+				onRenameValidate: Le,
+				renameValidationMessages: l.renameValidationMessages,
+				isRenameFileAvailable: j,
+				deleteConfirmationOptions: et,
+				conflictResolutionPopupOptions: l.conflictResolutionPopupOptions,
+				destinationFolderPopupOptions: nt,
+				forbiddenSymbolsRegExp: re,
+				forbiddenSymbolsTooltip: l.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: u.errorMessage }), /* @__PURE__ */ o(r, {
-				label: u.retryLabel,
-				onClick: Ce
+			children: [/* @__PURE__ */ a("p", { children: l.errorMessage }), /* @__PURE__ */ a(ie, {
+				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(oe, {
+				title: l.getUploadQueueTitle(Z.length),
+				items: Z,
+				onClose: rt,
+				onCancelItem: Ae,
+				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
+		(Be || A) && /* @__PURE__ */ a(te, {
+			title: A ? l.operationLoaderMoveTitle : l.operationLoaderCopyTitle,
+			text: A ? l.movingLabel : l.copyingLabel,
+			cancelLabel: l.operationLoaderCancelLabel,
+			onCancel: Ve
 		})
 	] });
 };
-i(u);
+r(l);
 //#endregion
-export { u as DialFileManagerShell };
+export { l as DialFileManagerShell };

package/file-manager/upload-batch.js

@@ -1,6 +1,6 @@
 //#region src/file-manager/upload-batch.ts
 var e = /* @__PURE__ */ function(e) {
 	return e.Queued = "queued", e.Uploading = "uploading", e.Completed = "completed", e.Failed = "failed", e.Cancelled = "cancelled", e;
-}({});
+}({}), t = (e) => e?.files.some((e) => e.status === "queued" || e.status === "uploading") ?? !1;
 //#endregion
-export { e as FileUploadStatus };
+export { e as FileUploadStatus, t as isUploadInProgress };

package/file-manager/upload-queue.js

@@ -0,0 +1,17 @@
+import { FileUploadStatus as e } from "./upload-batch.js";
+import { TransferQueueItemStatus as t } from "@epam/ai-dial-ui-kit";
+//#region src/file-manager/upload-queue.ts
+var n = {
+	[e.Queued]: t.InProgress,
+	[e.Uploading]: t.InProgress,
+	[e.Completed]: t.Success,
+	[e.Failed]: t.Failed,
+	[e.Cancelled]: t.Canceled
+}, r = (e) => e.map((e) => ({
+	id: e.id,
+	name: e.name,
+	status: n[e.status],
+	percent: e.percent
+}));
+//#endregion
+export { r as toUploadQueueItems };

package/file-manager.d.ts

@@ -13,6 +13,8 @@ import { FileManagerColumnKey } from '@epam/ai-dial-react-file-manager';
 import { FileManagerGridRow } from '@epam/ai-dial-react-file-manager';
 import { FileTreeOptions } from '@epam/ai-dial-react-file-manager';
 import { ReactNode } from 'react';
+import { TransferQueueItem } from '@epam/ai-dial-ui-kit';
+import { TransferQueueLabels } from '@epam/ai-dial-ui-kit';
 
 /** Result returned by the file-manager attach modal when the user confirms a selection. */
 declare interface AttachResult {
@@ -122,12 +124,10 @@ declare interface DialFileManagerShellLabels {
     deleteConfirmLabel: string;
     /** Cancel-button label in the delete confirmation dialog. */
     deleteCancelLabel: string;
-    /** Title for the upload progress modal. */
-    uploadProgressTitle: string;
-    /** Cancel-button label in the upload progress modal. */
-    cancelLabel: string;
-    /** Returns upload progress text (e.g. "3 of 5 uploaded"). */
-    getUploadProgressText: (done: number, total: number) => string;
+    /** Returns the upload queue heading for the number of files in it (e.g. "Uploading 5 files"). */
+    getUploadQueueTitle: (count: number) => string;
+    /** Translated strings for the upload `TransferQueue`; unset ones fall back to the kit's English defaults. */
+    uploadQueueLabels?: Partial<TransferQueueLabels>;
     /** Empty-state title when a search yields no results. */
     searchEmptyStateTitle: string;
     /** Empty-state title for an empty subfolder. */
@@ -372,7 +372,9 @@ declare interface FileManagerController {
     uploadBatchState: FileUploadBatchState | null;
     /** Upload: abort all in-flight and queued uploads. */
     cancelUpload: () => void;
-    /** Upload: dismiss the progress modal after the batch has settled. */
+    /** Upload: abort one queued or in-flight upload by its entry id. */
+    cancelUploadFile: (id: string) => void;
+    /** Upload: empty the upload queue. */
     clearUploadBatch: () => void;
     /** Folder creation: called when user confirms a new folder name. */
     onCreateFolder: (file: DialUploadFileItem, folderPath: string, fileId: string) => Promise<void>;
@@ -452,11 +454,11 @@ declare interface FileManagerSelectableNode {
     contentLength?: number;
 }
 
-/** State of an in-progress or just-settled upload batch, as returned by `useDialFileUploadBatch`. */
+/** State of the upload queue, as returned by `useDialFileUploadBatch`. */
 declare interface FileUploadBatchState {
-    /** Individual file entries in this batch. */
+    /** Every file uploaded since the queue was last cleared, settled ones included. */
     files: FileUploadEntry[];
-    /** Whether the upload progress modal should be visible. */
+    /** Whether the upload queue should be visible. */
     isOpen: boolean;
 }
 
@@ -492,4 +494,7 @@ declare interface FileUploadValidationResult {
 /** Validation messages shown during inline rename editing. */
 declare type RenameValidationMessages = NonNullable<DialFileManagerComponentProps['renameValidationMessages']>;
 
+/** Maps upload entries onto the UI kit's `TransferQueue` rows. */
+export declare const toUploadQueueItems: (files: FileUploadEntry[]) => TransferQueueItem[];
+
 export { }

package/file-manager.js

@@ -1,3 +1,4 @@
-import { DialFileManagerShell as e } from "./file-manager/DialFileManagerShell/DialFileManagerShell.js";
-import { FileManagerAttachModal as t } from "./file-manager/FileManagerAttachModal/FileManagerAttachModal.js";
-export { e as DialFileManagerShell, t as FileManagerAttachModal };
+import { toUploadQueueItems as e } from "./file-manager/upload-queue.js";
+import { DialFileManagerShell as t } from "./file-manager/DialFileManagerShell/DialFileManagerShell.js";
+import { FileManagerAttachModal as n } from "./file-manager/FileManagerAttachModal/FileManagerAttachModal.js";
+export { t as DialFileManagerShell, n as FileManagerAttachModal, e as toUploadQueueItems };

package/index.css

@@ -1,2 +1,2 @@
 ._agentIconBadge_1ger8_1{background:var(--di-icon-bg,var(--bg-layer-sunken,#eef1f7))}._badge_1ko75_1{background:var(--ia-bg,var(--bg-visual-green-1,#cde8e5))}._initials_1ko75_5{color:var(--ia-fg,var(--text-visual-green-2,#0d6e72))}._title_11w3i_1{color:var(--ih-title-color,var(--text-primary,#161b2d))}._count_11w3i_5{color:var(--ih-count-color,var(--text-secondary,#57647a))}._container_sqe5k_1{background:var(--cm-code-block-bg,var(--bg-layer-raised,#fcfcfc));border-color:var(--cm-code-block-border,var(--stroke-secondary,#d1dbea))}._containerLight_sqe5k_6{background:var(--cm-code-block-bg,var(--bg-layer-raised,#fcfcfc))}._header_sqe5k_10{background:var(--cm-code-block-header-bg,var(--bg-layer-raised,#fcfcfc));border-color:var(--cm-code-block-border,var(--stroke-secondary,#d1dbea))}._languageLabel_sqe5k_15{color:var(--cm-code-block-language,var(--text-secondary,#57647a))}._copiedIcon_sqe5k_19{color:var(--cm-code-block-copied,var(--text-success,#007274))}._scrollContainer_sqe5k_23 .token.table,._scrollContainer_sqe5k_23 .token.table-header-row,._scrollContainer_sqe5k_23 .token.table-line,._scrollContainer_sqe5k_23 .token.table-data-rows{display:inline}._scrollContainer_sqe5k_23{scrollbar-width:thin;scrollbar-color:var(--cm-code-block-scrollbar,var(--stroke-primary,#57647a)) transparent}._scrollContainer_sqe5k_23::-webkit-scrollbar{width:4px;height:4px}._scrollContainer_sqe5k_23::-webkit-scrollbar-track{background-color:#0000}._scrollContainer_sqe5k_23::-webkit-scrollbar-thumb{background-color:var(--cm-code-block-scrollbar,var(--stroke-primary,#57647a));border-radius:4px}@keyframes _cm-shimmer_1g29w_1{0%{background-position:200%}to{background-position:-200%}}._thinking_1g29w_9{background:linear-gradient(270deg, var(--cm-thinking-inverted,var(--text-primary,#161b2d)) 0%, var(--cm-thinking-secondary,var(--text-secondary,#57647a)) 40%, var(--cm-thinking-inverted,var(--text-primary,#161b2d)) 80%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:2s linear infinite _cm-shimmer_1g29w_1}._h6_1g29w_18{color:var(--cm-h6-text,var(--text-secondary,#57647a))}._codeInline_1g29w_22{background:var(--cm-code-inline-bg,var(--bg-layer-raised,#fcfcfc));color:var(--cm-code-inline-text,var(--text-primary,#161b2d))}._secondaryBorder_1g29w_27{border-color:var(--cm-markdown-border,var(--stroke-secondary,#d1dbea))}._blockquote_1g29w_31{border-color:var(--cm-blockquote-border,var(--stroke-primary,#57647a));color:var(--cm-blockquote-text,var(--text-secondary,#57647a))}._link_1g29w_36{color:var(--cm-link-text,var(--text-accent,#1d4ed8))}._link_1g29w_36:focus-visible{outline-color:var(--cm-link-focus,var(--stroke-focus-black,#161b2d))}._scrollContainer_1f433_1{scrollbar-width:thin;scrollbar-color:var(--cm-math-scrollbar,var(--stroke-primary,#57647a)) transparent}._scrollContainer_1f433_1::-webkit-scrollbar{height:4px}._scrollContainer_1f433_1::-webkit-scrollbar-track{background-color:#0000}._scrollContainer_1f433_1::-webkit-scrollbar-thumb{background-color:var(--cm-math-scrollbar,var(--stroke-primary,#57647a));border-radius:4px}._scrollContainer_1f433_1:focus-visible{outline:1px solid var(--cm-math-focus,var(--stroke-focus-black,#161b2d));outline-offset:2px}._mathContent_1f433_24{width:max-content;min-width:100%;display:block}._tableContainer_1fwnj_1{background:var(--cm-code-block-bg,var(--bg-layer-raised,#fcfcfc));border-color:var(--cm-markdown-border,var(--cm-code-block-border,var(--stroke-secondary,#d1dbea)))}._tableContainerLight_1fwnj_6{background:var(--cm-code-block-bg,var(--bg-layer-base,#f5f7fa))}._copiedIcon_1fwnj_10{color:var(--cm-code-block-copied,var(--text-success,#007274))}._scrollContainer_1fwnj_14{scrollbar-width:thin;scrollbar-color:var(--cm-table-scrollbar,var(--stroke-primary,#57647a)) transparent}._scrollContainer_1fwnj_14::-webkit-scrollbar{width:4px;height:4px}._scrollContainer_1fwnj_14::-webkit-scrollbar-track{background-color:#0000}._scrollContainer_1fwnj_14::-webkit-scrollbar-thumb{background-color:var(--cm-table-scrollbar,var(--stroke-primary,#57647a));border-radius:4px}._tableHeaderCell_1fwnj_30{background:var(--cm-code-block-header-bg,var(--bg-layer-raised,#fcfcfc));height:3rem;color:var(--cm-table-header-text,var(--text-secondary,#57647a))}._sectionRow_1fwnj_37 td{background:var(--cm-code-block-header-bg,var(--bg-layer-raised,#fcfcfc))}._rowDivider_1fwnj_41{border-block-end:.5px solid var(--cm-table-row-divider,var(--stroke-tertiary,#e0e6f0))}tbody ._row_1fwnj_41:hover td{background:var(--cm-table-row-hover-bg,var(--bg-control-accent-alpha-hover,#2764d924))}._tableScrollFadeEnd_1fwnj_51{-webkit-mask-image:linear-gradient(to right, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) calc(100% - 1rem), transparent 100%);-webkit-mask-image:linear-gradient(to right, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) calc(100% - 1rem), transparent 100%);mask-image:linear-gradient(to right, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) calc(100% - 1rem), transparent 100%)}[dir=rtl] ._tableScrollFadeEnd_1fwnj_51{-webkit-mask-image:linear-gradient(to left, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) calc(100% - 1rem), transparent 100%);-webkit-mask-image:linear-gradient(to left, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) calc(100% - 1rem), transparent 100%);mask-image:linear-gradient(to left, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) calc(100% - 1rem), transparent 100%)}._tableScrollFadeStart_1fwnj_59{-webkit-mask-image:linear-gradient(to right, transparent 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 1rem, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 1rem, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 100%);mask-image:linear-gradient(to right, transparent 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 1rem, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 100%)}[dir=rtl] ._tableScrollFadeStart_1fwnj_59{-webkit-mask-image:linear-gradient(to left, transparent 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 1rem, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 100%);-webkit-mask-image:linear-gradient(to left, transparent 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 1rem, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 100%);mask-image:linear-gradient(to left, transparent 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 1rem, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 100%)}._tableScrollFadeBoth_1fwnj_67{-webkit-mask-image:linear-gradient(to right, transparent 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 1rem, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) calc(100% - 1rem), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 1rem, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) calc(100% - 1rem), transparent 100%);mask-image:linear-gradient(to right, transparent 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 1rem, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) calc(100% - 1rem), transparent 100%)}._tableHeader_1qvg8_1{background:var(--cm-code-block-header-bg,var(--bg-layer-raised,#fcfcfc));border-color:var(--cm-markdown-border,var(--cm-code-block-border,var(--stroke-secondary,#d1dbea)))}._label_12p89_1{color:var(--pes-label-color,var(--text-primary,#161b2d))}._row_1csuq_1{border-color:var(--rs-border,var(--stroke-tertiary,#e0e6f0));background:var(--rs-bg,var(--bg-layer-sunken,#eef1f7))}._versionTag_1csuq_7{border-color:var(--rs-version-tag-border,var(--stroke-tertiary,#e0e6f0))!important;background:var(--rs-version-tag-bg,var(--bg-control-accent-alpha,#2764d90f))!important;color:var(--rs-version-tag-text,var(--text-accent,#1d4ed8))!important}
-/*$vite$:1*/.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.end-0{inset-inline-end:0}.end-2{inset-inline-end:.5rem}.top-0{top:0}.top-2{top:.5rem}.top-\[-6px\]{top:-6px}.z-10{z-index:10}.z-\[2\]{z-index:2}.z-\[52\]{z-index:52}.mx-0{margin-left:0;margin-right:0}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.my-4{margin-bottom:1rem;margin-top:1rem}.my-5{margin-bottom:1.25rem;margin-top:1.25rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.me-1{margin-inline-end:.25rem}.me-1\.5{margin-inline-end:.375rem}.ms-auto{margin-inline-start:auto}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.size-full{height:100%;width:100%}.\!h-\[min\(800px\2c 100dvh\)\]{height:min(800px,100dvh)!important}.\!h-fit{height:-moz-fit-content!important;height:fit-content!important}.h-0{height:0}.h-\[24px\]{height:24px}.h-full{height:100%}.\!max-h-full{max-height:100%!important}.max-h-\[344px\]{max-height:344px}.max-h-\[50vh\]{max-height:50vh}.max-h-\[60vh\]{max-height:60vh}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-10{min-height:2.5rem}.\!w-\[400px\]{width:400px!important}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-96{max-width:24rem}.max-w-\[30\%\]{max-width:30%}.max-w-\[45\%\]{max-width:45%}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:4px}.rounded-2xl{border-radius:1rem}.rounded-\[14px\]{border-radius:14px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-s-2{border-inline-start-width:2px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-tertiary{border-color:var(--stroke-tertiary,#e0e6f0)}.\!bg-layer-sunken{background-color:var(--bg-layer-sunken,#eef1f7)!important}.bg-backdrop{background-color:var(--bg-backdrop,#161b2d4d)}.bg-layer-raised{background-color:var(--bg-layer-raised,#fcfcfc)}.bg-layer-sunken{background-color:var(--bg-layer-sunken,#eef1f7)}.object-contain{-o-object-fit:contain;object-fit:contain}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-bottom:0;padding-top:0}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\[7px\]{padding-bottom:7px;padding-top:7px}.ps-4{padding-inline-start:1rem}.ps-\[2em\]{padding-inline-start:2em}.pt-1{padding-top:.25rem}.text-center{text-align:center}.text-start{text-align:start}.text-end{text-align:end}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.uppercase{text-transform:uppercase}.italic{font-style:italic}.text-primary{color:var(--text-primary,#161b2d)}.text-secondary{color:var(--text-secondary,#57647a)}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:0}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-chat-button{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-chat-button{--tw-shadow:0 2px 12px 0 var(--shadow-xs-1,#2764d933),0 2px 6px 0 var(--shadow-xs-2,#161b2d08);--tw-shadow-colored:0 2px 12px 0 var(--tw-shadow-color),0 2px 6px 0 var(--tw-shadow-color)}.shadow-xs{--tw-shadow:0 1px 4px 0 var(--shadow-xs-1,#2764d933),0 1px 2px 0 var(--shadow-xs-2,#161b2d08);--tw-shadow-colored:0 1px 4px 0 var(--tw-shadow-color),0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid;outline-width:1px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.\[overflow\:clip\]{overflow:clip}.\[text-wrap\:balance\]{text-wrap:balance}.\[text-wrap\:pretty\]{text-wrap:pretty}.first\:mt-0:first-child{margin-top:0}.last\:mb-0:last-child{margin-bottom:0}.focus-within\:opacity-100:focus-within{opacity:1}.hover\:decoration-current:hover{text-decoration-color:currentColor}.focus-visible\:outline:focus-visible{outline-style:solid;outline-width:1px}.focus-visible\:outline-1:focus-visible{outline-width:1px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.group\/table:hover .group-hover\/table\:opacity-100{opacity:1}@media (max-width:1279px){.mobile\:\!w-full{width:100%!important}}@media (min-width:1280px){.desktop\:\!max-h-\[693px\]{max-height:693px!important}.desktop\:p-4{padding:1rem}}.\[\&_\.w-md-editor\:not\(\.w-md-editor-fullscreen\)\]\:max-h-\[var\(--resizable-field-max-height\2c 70vh\)\] .w-md-editor:not(.w-md-editor-fullscreen){max-height:var(--resizable-field-max-height,70vh)}.\[\&_\.wmde-markdown\>ol\]\:list-decimal .wmde-markdown>ol{list-style-type:decimal}.\[\&_\.wmde-markdown_ul\]\:list-disc .wmde-markdown ul{list-style-type:disc}.\[\&_\.wmde-markdown_ul_ul\]\:list-\[circle\] .wmde-markdown ul ul{list-style-type:circle}.\[\&_\.wmde-markdown_ul_ul_ul\]\:list-\[square\] .wmde-markdown ul ul ul{list-style-type:square}
+/*$vite$:1*/.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-4{bottom:1rem}.end-0{inset-inline-end:0}.end-2{inset-inline-end:.5rem}.end-4{inset-inline-end:1rem}.top-0{top:0}.top-2{top:.5rem}.top-\[-6px\]{top:-6px}.z-10{z-index:10}.z-\[2\]{z-index:2}.z-\[52\]{z-index:52}.z-\[70\]{z-index:70}.mx-0{margin-left:0;margin-right:0}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.my-4{margin-bottom:1rem;margin-top:1rem}.my-5{margin-bottom:1.25rem;margin-top:1.25rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.me-1{margin-inline-end:.25rem}.me-1\.5{margin-inline-end:.375rem}.ms-auto{margin-inline-start:auto}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.size-full{height:100%;width:100%}.\!h-\[min\(800px\2c 100dvh\)\]{height:min(800px,100dvh)!important}.\!h-fit{height:-moz-fit-content!important;height:fit-content!important}.h-0{height:0}.h-\[24px\]{height:24px}.h-full{height:100%}.\!max-h-full{max-height:100%!important}.max-h-\[344px\]{max-height:344px}.max-h-\[50vh\]{max-height:50vh}.max-h-\[60vh\]{max-height:60vh}.min-h-0{min-height:0}.min-h-10{min-height:2.5rem}.\!w-\[400px\]{width:400px!important}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-96{max-width:24rem}.max-w-\[30\%\]{max-width:30%}.max-w-\[45\%\]{max-width:45%}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-hidden{overflow-y:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:4px}.rounded-2xl{border-radius:1rem}.rounded-\[14px\]{border-radius:14px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-s-2{border-inline-start-width:2px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-tertiary{border-color:var(--stroke-tertiary,#e0e6f0)}.\!bg-layer-sunken{background-color:var(--bg-layer-sunken,#eef1f7)!important}.bg-backdrop{background-color:var(--bg-backdrop,#161b2d4d)}.bg-layer-raised{background-color:var(--bg-layer-raised,#fcfcfc)}.bg-layer-sunken{background-color:var(--bg-layer-sunken,#eef1f7)}.object-contain{-o-object-fit:contain;object-fit:contain}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-bottom:0;padding-top:0}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\[7px\]{padding-bottom:7px;padding-top:7px}.ps-4{padding-inline-start:1rem}.ps-\[2em\]{padding-inline-start:2em}.pt-1{padding-top:.25rem}.text-center{text-align:center}.text-start{text-align:start}.text-end{text-align:end}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.uppercase{text-transform:uppercase}.italic{font-style:italic}.text-primary{color:var(--text-primary,#161b2d)}.text-secondary{color:var(--text-secondary,#57647a)}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:0}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-chat-button{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-chat-button{--tw-shadow:0 2px 12px 0 var(--shadow-xs-1,#2764d933),0 2px 6px 0 var(--shadow-xs-2,#161b2d08);--tw-shadow-colored:0 2px 12px 0 var(--tw-shadow-color),0 2px 6px 0 var(--tw-shadow-color)}.shadow-xs{--tw-shadow:0 1px 4px 0 var(--shadow-xs-1,#2764d933),0 1px 2px 0 var(--shadow-xs-2,#161b2d08);--tw-shadow-colored:0 1px 4px 0 var(--tw-shadow-color),0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid;outline-width:1px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.\[overflow\:clip\]{overflow:clip}.\[text-wrap\:balance\]{text-wrap:balance}.\[text-wrap\:pretty\]{text-wrap:pretty}.first\:mt-0:first-child{margin-top:0}.last\:mb-0:last-child{margin-bottom:0}.focus-within\:opacity-100:focus-within{opacity:1}.hover\:decoration-current:hover{text-decoration-color:currentColor}.focus-visible\:outline:focus-visible{outline-style:solid;outline-width:1px}.focus-visible\:outline-1:focus-visible{outline-width:1px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.group\/table:hover .group-hover\/table\:opacity-100{opacity:1}@media (min-width:1280px){.desktop\:p-4{padding:1rem}}.\[\&_\.w-md-editor-bar\]\:hidden .w-md-editor-bar{display:none}.\[\&_\.w-md-editor\:not\(\.w-md-editor-fullscreen\)\]\:\!h-\[var\(--resizable-field-max-height\2c 70vh\)\] .w-md-editor:not(.w-md-editor-fullscreen){height:var(--resizable-field-max-height,70vh)!important}.\[\&_\.w-md-editor\:not\(\.w-md-editor-fullscreen\)\]\:max-h-\[var\(--resizable-field-max-height\2c 70vh\)\] .w-md-editor:not(.w-md-editor-fullscreen){max-height:var(--resizable-field-max-height,70vh)}.\[\&_\.wmde-markdown\>ol\]\:list-decimal .wmde-markdown>ol{list-style-type:decimal}.\[\&_\.wmde-markdown_ul\]\:list-disc .wmde-markdown ul{list-style-type:disc}.\[\&_\.wmde-markdown_ul_ul\]\:list-\[circle\] .wmde-markdown ul ul{list-style-type:circle}.\[\&_\.wmde-markdown_ul_ul_ul\]\:list-\[square\] .wmde-markdown ul ul ul{list-style-type:square}

package/index.d.ts

@@ -20,6 +20,7 @@ import { IRowNode } from 'ag-grid-community';
 import { Options } from 'react-markdown';
 import { ReactNode } from 'react';
 import { RefObject } from 'react';
+import { TransferQueueLabels } from '@epam/ai-dial-ui-kit';
 
 /** A single annotation attached to an assistant message, optionally citing a source document. */
 export declare interface Annotation {
@@ -741,12 +742,10 @@ export declare interface DialFileManagerShellLabels {
     deleteConfirmLabel: string;
     /** Cancel-button label in the delete confirmation dialog. */
     deleteCancelLabel: string;
-    /** Title for the upload progress modal. */
-    uploadProgressTitle: string;
-    /** Cancel-button label in the upload progress modal. */
-    cancelLabel: string;
-    /** Returns upload progress text (e.g. "3 of 5 uploaded"). */
-    getUploadProgressText: (done: number, total: number) => string;
+    /** Returns the upload queue heading for the number of files in it (e.g. "Uploading 5 files"). */
+    getUploadQueueTitle: (count: number) => string;
+    /** Translated strings for the upload `TransferQueue`; unset ones fall back to the kit's English defaults. */
+    uploadQueueLabels?: Partial<TransferQueueLabels>;
     /** Empty-state title when a search yields no results. */
     searchEmptyStateTitle: string;
     /** Empty-state title for an empty subfolder. */
@@ -1111,7 +1110,9 @@ export declare interface FileManagerController {
     uploadBatchState: FileUploadBatchState | null;
     /** Upload: abort all in-flight and queued uploads. */
     cancelUpload: () => void;
-    /** Upload: dismiss the progress modal after the batch has settled. */
+    /** Upload: abort one queued or in-flight upload by its entry id. */
+    cancelUploadFile: (id: string) => void;
+    /** Upload: empty the upload queue. */
     clearUploadBatch: () => void;
     /** Folder creation: called when user confirms a new folder name. */
     onCreateFolder: (file: DialUploadFileItem, folderPath: string, fileId: string) => Promise<void>;
@@ -1191,11 +1192,11 @@ export declare interface FileManagerSelectableNode {
     contentLength?: number;
 }
 
-/** State of an in-progress or just-settled upload batch, as returned by `useDialFileUploadBatch`. */
+/** State of the upload queue, as returned by `useDialFileUploadBatch`. */
 export declare interface FileUploadBatchState {
-    /** Individual file entries in this batch. */
+    /** Every file uploaded since the queue was last cleared, settled ones included. */
     files: FileUploadEntry[];
-    /** Whether the upload progress modal should be visible. */
+    /** Whether the upload queue should be visible. */
     isOpen: boolean;
 }
 
@@ -1357,6 +1358,9 @@ export declare const isSkillSelectionUnsupported: (skillUrl: string | null | und
 /** Returns `true` when `msg` is a `StatusMessage`. */
 export declare const isStatusMessage: (msg: Message | StatusMessage) => msg is StatusMessage;
 
+/** Returns whether any file in the batch is still queued or uploading. */
+export declare const isUploadInProgress: (batchState: FileUploadBatchState | null) => boolean;
+
 /** Item title header with optional numeric or string postfix and trailing slot. */
 export declare const ItemHeader: FC<ItemHeaderProps>;
 
@@ -1394,6 +1398,8 @@ export declare interface ItemHeaderProps {
     shouldTruncateTitle?: boolean;
 }
 
+export declare const MARKDOWN_EDITOR_FILL_HEIGHT_CLASS_NAME = "[&_.w-md-editor:not(.w-md-editor-fullscreen)]:!h-[var(--resizable-field-max-height,70vh)] [&_.w-md-editor-bar]:hidden";
+
 export declare const MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME = "[&_.w-md-editor:not(.w-md-editor-fullscreen)]:max-h-[var(--resizable-field-max-height,70vh)]";
 
 export declare const MARKDOWN_EDITOR_PREVIEW_LIST_CLASS_NAME = "[&_.wmde-markdown>ol]:list-decimal [&_.wmde-markdown_ul]:list-disc [&_.wmde-markdown_ul_ul]:list-[circle] [&_.wmde-markdown_ul_ul_ul]:list-[square]";
@@ -2624,23 +2630,6 @@ export declare interface UploadedAttachmentResult {
     name: string;
 }
 
-/** Modal showing per-file upload progress with a cancel action. */
-export declare const UploadProgressModal: FC<UploadProgressModalProps>;
-
-/** Props for the upload-progress modal. */
-export declare interface UploadProgressModalProps {
-    /** Current batch state with per-file entries and open flag. */
-    batchState: FileUploadBatchState;
-    /** Title shown in the modal header (e.g. "Uploading files"). */
-    uploadProgressTitle: string;
-    /** Summary text below the title (e.g. "3 of 5 uploaded"). */
-    uploadProgressText: string;
-    /** Label for the cancel button. */
-    cancelLabel: string;
-    /** Called when the user clicks Cancel. */
-    onCancel: () => void;
-}
-
 /**
  * Writes the height still available below an element into a CSS custom
  * property, so a user-resizable control inside it can be capped at the space

package/index.js

@@ -27,43 +27,42 @@ import { generateUUID as ge } from "./utils/generate-uuid.js";
 import { BASE_LG_ICON_PROPS as _e, BASE_MD_ICON_PROPS as ve } from "./constants/icon.js";
 import { HIDDEN_FILE as ye, PUBLIC_BUCKET as be } from "./constants/dial.js";
 import { TAG_INPUT_TAG_CLASS_NAME as xe } from "./constants/tag-input.js";
-import { MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME as Se, RESIZABLE_FIELD_MAX_HEIGHT_CSS_VARIABLE as Ce, RESIZABLE_TEXTAREA_CLASS_NAME as we } from "./constants/resizable-fields.js";
-import { MARKDOWN_EDITOR_PREVIEW_LIST_CLASS_NAME as Te } from "./constants/markdown-editor.js";
-import { SELECT_LIST_MAX_HEIGHT_CLASS_NAME as Ee, SELECT_LIST_MAX_HEIGHT_PX as De } from "./constants/select-list.js";
-import { DESKTOP_BREAKPOINT_PX as Oe, DESKTOP_MEDIA_QUERY as ke, MOBILE_MAX_WIDTH_PX as Ae, MOBILE_MEDIA_QUERY as je } from "./constants/breakpoint.js";
-import { pickAvatarColor as Me } from "./utils/avatar-color.js";
-import { extractInitials as Ne } from "./utils/initials.js";
-import { InitialsAvatar as Pe } from "./components/InitialsAvatar/InitialsAvatar.js";
-import { DeploymentIcon as Fe } from "./components/DeploymentIcon/DeploymentIcon.js";
-import { CopyButton as Ie, CopyIconButton as Le } from "./components/CopyButton/CopyButton.js";
-import { PanelEmptyState as Re } from "./components/PanelEmptyState/PanelEmptyState.js";
-import { ItemHeader as ze } from "./components/ItemHeader/ItemHeader.js";
-import { EntityTypeLabel as Be } from "./components/EntityTypeLabel/EntityTypeLabel.js";
-import { FeaturedChip as Ve } from "./components/FeaturedChip/FeaturedChip.js";
-import { EntityHeader as He } from "./components/EntityHeader/EntityHeader.js";
-import { ResourceSummary as Ue } from "./components/ResourceSummary/ResourceSummary.js";
-import { TableHeader as We } from "./components/MarkdownRenderer/Table/TableHeader.js";
-import { TextRefinementState as Ge, useTextRefinement as Ke } from "./hooks/useTextRefinement.js";
-import { TextRefinementField as qe } from "./components/TextRefinementField/TextRefinementField.js";
-import { CHAT_SHARED_CLASS as Je } from "./constants/public-class-names.js";
-import { useCodeCopy as Ye } from "./hooks/useCodeCopy.js";
-import { restrainedSyntaxTheme as Xe } from "./components/MarkdownRenderer/CodeBlock/syntax-theme.js";
-import { MarkdownCodeBlock as Ze } from "./components/MarkdownRenderer/CodeBlock/CodeBlock.js";
-import { DEFAULT_MARKDOWN_TABLE_DOWNLOAD_FILENAME as Qe, MARKDOWN_TABLE_CSV_MIME_TYPE as $e, MarkdownTableCopyFormat as et, serializeMarkdownTableRows as tt } from "./components/MarkdownRenderer/Table/table-serialization.js";
-import { MarkdownTable as nt } from "./components/MarkdownRenderer/Table/MarkdownTable.js";
-import { MarkdownRenderer as rt, defaultMarkdownComponents as it } from "./components/MarkdownRenderer/MarkdownRenderer.js";
-import { COMPACT_MARKDOWN_CLASS_NAMES as at, DEFAULT_MARKDOWN_CLASS_NAMES as ot } from "./components/MarkdownRenderer/markdown-class-names.js";
-import { PlainTextRenderer as st } from "./components/MarkdownRenderer/PlainTextRenderer.js";
-import { MDMessageViewer as ct } from "./components/MarkdownRenderer/MDMessageViewer.js";
-import { MarkdownWithPlaceholders as lt } from "./components/MarkdownWithPlaceholders/MarkdownWithPlaceholders.js";
-import { useCollapsedText as ut } from "./hooks/useCollapsedText.js";
-import { useAvailableHeightCap as dt } from "./hooks/useAvailableHeightCap.js";
-import { useIsMobile as ft } from "./hooks/useIsMobile.js";
-import { DialFileManagerActionProfile as pt, DialFileManagerVariant as mt } from "./file-manager/file-manager-variant.js";
-import { getParentFolderPath as ht, isHiddenPath as gt } from "./file-manager/path.js";
-import { FileUploadStatus as _t } from "./file-manager/upload-batch.js";
-import { useGridEditingScroll as vt } from "./file-manager/useGridEditingScroll/useGridEditingScroll.js";
-import { OperationLoaderModal as yt } from "./file-manager/OperationLoaderModal/OperationLoaderModal.js";
-import { UploadProgressModal as bt } from "./file-manager/UploadProgressModal/UploadProgressModal.js";
-import { isSkillSelectionUnsupported as xt } from "./utils/is-skill-selection-unsupported.js";
-export { f as AttachmentErrorReason, p as AttachmentType, _e as BASE_LG_ICON_PROPS, ve as BASE_MD_ICON_PROPS, Je as CHAT_SHARED_CLASS, at as COMPACT_MARKDOWN_CLASS_NAMES, m as CatalogEntityType, _ as CodeBlockTheme, e as ConversationTransferErrorCode, t as ConversationTransferJobStatus, n as ConversationTransferSubjectKind, r as ConversationTransferUnitKind, i as ConversationTransferWarningCode, Ie as CopyButton, Le as CopyIconButton, ot as DEFAULT_MARKDOWN_CLASS_NAMES, Qe as DEFAULT_MARKDOWN_TABLE_DOWNLOAD_FILENAME, Oe as DESKTOP_BREAKPOINT_PX, ke as DESKTOP_MEDIA_QUERY, Fe as DeploymentIcon, pt as DialFileManagerActionProfile, mt as DialFileManagerVariant, F as ENTITY_DESCRIPTION_MAX_LENGTH, I as ENTITY_INSTRUCTIONS_MAX_LENGTH, L as ENTITY_NAME_MAX_LENGTH, se as ENTITY_TYPE_BG_COLOR, ce as ENTITY_TYPE_COLOR, He as EntityHeader, Be as EntityTypeLabel, Ve as FeaturedChip, h as FileExtension, _t as FileUploadStatus, a as FilterTab, ye as HIDDEN_FILE, Pe as InitialsAvatar, ze as ItemHeader, Se as MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME, Te as MARKDOWN_EDITOR_PREVIEW_LIST_CLASS_NAME, $e as MARKDOWN_TABLE_CSV_MIME_TYPE, ct as MDMessageViewer, g as MIMEType, v as MIME_TYPE_ALIASES, y as MIME_TYPE_AUDIO_PREFIX, b as MIME_TYPE_EXT_MAP, x as MIME_TYPE_WILDCARD, Ae as MOBILE_MAX_WIDTH_PX, je as MOBILE_MEDIA_QUERY, Ze as MarkdownCodeBlock, rt as MarkdownRenderer, nt as MarkdownTable, et as MarkdownTableCopyFormat, lt as MarkdownWithPlaceholders, o as MessageRating, s as MessageRole, yt as OperationLoaderModal, A as PROHIBITED_CONVERSATION_NAME_CHARS_RE, le as PROMPT_PARAM_DEFAULT_SEPARATOR, ue as PROMPT_PARAM_PATTERN, de as PROMPT_VARIABLE_CLASS_NAME, be as PUBLIC_BUCKET, Re as PanelEmptyState, st as PlainTextRenderer, Ce as RESIZABLE_FIELD_MAX_HEIGHT_CSS_VARIABLE, we as RESIZABLE_TEXTAREA_CLASS_NAME, c as RequestStatus, Ue as ResourceSummary, d as ResponseFormat, Ee as SELECT_LIST_MAX_HEIGHT_CLASS_NAME, De as SELECT_LIST_MAX_HEIGHT_PX, l as StageStatus, u as StatusEvent, xe as TAG_INPUT_TAG_CLASS_NAME, We as TableHeader, qe as TextRefinementField, Ge as TextRefinementState, bt as UploadProgressModal, ee as base64ToBlob, V as buildCssVars, fe as buildPromptParamDefaults, K as copyMarkdownAsRichText, q as copyToClipboard, it as defaultMarkdownComponents, te as downloadTextFile, ne as ensureDownloadFilename, R as exceedsMaxLength, Ne as extractInitials, pe as extractPromptParams, Z as formatCost, X as formatFileSize, Y as formatLastUsed, Q as formatPrice, $ as formatUnitPrice, ge as generateUUID, S as getAttachmentTypeFromMime, C as getBaseMimeType, re as getFileExtensionForLanguage, ht as getParentFolderPath, j as getUtf8ByteLength, z as hasControlCharacters, w as inferMimeTypeFromPath, D as isAnnotationSelector, G as isAudioTranscriptionSupported, gt as isHiddenPath, xt as isSkillSelectionUnsupported, H as isStatusMessage, J as markdownToRichTextHtml, B as mergeClasses, U as messageAttachmentToDisplayAttachment, W as messageAttachmentsToDisplayAttachments, T as normalizeMimeType, O as normalizePersistedHtmlTagAttachmentType, k as normalizeRawAnnotations, Me as pickAvatarColor, me as rehypePromptVariables, he as resolvePromptParams, Xe as restrainedSyntaxTheme, M as sanitizeConversationName, tt as serializeMarkdownTableRows, N as stripTrailingDots, E as stripUrlQueryAndFragment, ie as triggerAnchorDownload, ae as triggerBlobDownload, P as truncateToUtf8Bytes, oe as tryBase64ToBytes, dt as useAvailableHeightCap, Ye as useCodeCopy, ut as useCollapsedText, vt as useGridEditingScroll, ft as useIsMobile, Ke as useTextRefinement };
+import { MARKDOWN_EDITOR_FILL_HEIGHT_CLASS_NAME as Se, MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME as Ce, RESIZABLE_FIELD_MAX_HEIGHT_CSS_VARIABLE as we, RESIZABLE_TEXTAREA_CLASS_NAME as Te } from "./constants/resizable-fields.js";
+import { MARKDOWN_EDITOR_PREVIEW_LIST_CLASS_NAME as Ee } from "./constants/markdown-editor.js";
+import { SELECT_LIST_MAX_HEIGHT_CLASS_NAME as De, SELECT_LIST_MAX_HEIGHT_PX as Oe } from "./constants/select-list.js";
+import { DESKTOP_BREAKPOINT_PX as ke, DESKTOP_MEDIA_QUERY as Ae, MOBILE_MAX_WIDTH_PX as je, MOBILE_MEDIA_QUERY as Me } from "./constants/breakpoint.js";
+import { pickAvatarColor as Ne } from "./utils/avatar-color.js";
+import { extractInitials as Pe } from "./utils/initials.js";
+import { InitialsAvatar as Fe } from "./components/InitialsAvatar/InitialsAvatar.js";
+import { DeploymentIcon as Ie } from "./components/DeploymentIcon/DeploymentIcon.js";
+import { CopyButton as Le, CopyIconButton as Re } from "./components/CopyButton/CopyButton.js";
+import { PanelEmptyState as ze } from "./components/PanelEmptyState/PanelEmptyState.js";
+import { ItemHeader as Be } from "./components/ItemHeader/ItemHeader.js";
+import { EntityTypeLabel as Ve } from "./components/EntityTypeLabel/EntityTypeLabel.js";
+import { FeaturedChip as He } from "./components/FeaturedChip/FeaturedChip.js";
+import { EntityHeader as Ue } from "./components/EntityHeader/EntityHeader.js";
+import { ResourceSummary as We } from "./components/ResourceSummary/ResourceSummary.js";
+import { TableHeader as Ge } from "./components/MarkdownRenderer/Table/TableHeader.js";
+import { TextRefinementState as Ke, useTextRefinement as qe } from "./hooks/useTextRefinement.js";
+import { TextRefinementField as Je } from "./components/TextRefinementField/TextRefinementField.js";
+import { CHAT_SHARED_CLASS as Ye } from "./constants/public-class-names.js";
+import { useCodeCopy as Xe } from "./hooks/useCodeCopy.js";
+import { restrainedSyntaxTheme as Ze } from "./components/MarkdownRenderer/CodeBlock/syntax-theme.js";
+import { MarkdownCodeBlock as Qe } from "./components/MarkdownRenderer/CodeBlock/CodeBlock.js";
+import { DEFAULT_MARKDOWN_TABLE_DOWNLOAD_FILENAME as $e, MARKDOWN_TABLE_CSV_MIME_TYPE as et, MarkdownTableCopyFormat as tt, serializeMarkdownTableRows as nt } from "./components/MarkdownRenderer/Table/table-serialization.js";
+import { MarkdownTable as rt } from "./components/MarkdownRenderer/Table/MarkdownTable.js";
+import { MarkdownRenderer as it, defaultMarkdownComponents as at } from "./components/MarkdownRenderer/MarkdownRenderer.js";
+import { COMPACT_MARKDOWN_CLASS_NAMES as ot, DEFAULT_MARKDOWN_CLASS_NAMES as st } from "./components/MarkdownRenderer/markdown-class-names.js";
+import { PlainTextRenderer as ct } from "./components/MarkdownRenderer/PlainTextRenderer.js";
+import { MDMessageViewer as lt } from "./components/MarkdownRenderer/MDMessageViewer.js";
+import { MarkdownWithPlaceholders as ut } from "./components/MarkdownWithPlaceholders/MarkdownWithPlaceholders.js";
+import { useCollapsedText as dt } from "./hooks/useCollapsedText.js";
+import { useAvailableHeightCap as ft } from "./hooks/useAvailableHeightCap.js";
+import { useIsMobile as pt } from "./hooks/useIsMobile.js";
+import { DialFileManagerActionProfile as mt, DialFileManagerVariant as ht } from "./file-manager/file-manager-variant.js";
+import { getParentFolderPath as gt, isHiddenPath as _t } from "./file-manager/path.js";
+import { FileUploadStatus as vt, isUploadInProgress as yt } from "./file-manager/upload-batch.js";
+import { useGridEditingScroll as bt } from "./file-manager/useGridEditingScroll/useGridEditingScroll.js";
+import { OperationLoaderModal as xt } from "./file-manager/OperationLoaderModal/OperationLoaderModal.js";
+import { isSkillSelectionUnsupported as St } from "./utils/is-skill-selection-unsupported.js";
+export { f as AttachmentErrorReason, p as AttachmentType, _e as BASE_LG_ICON_PROPS, ve as BASE_MD_ICON_PROPS, Ye as CHAT_SHARED_CLASS, ot as COMPACT_MARKDOWN_CLASS_NAMES, m as CatalogEntityType, _ as CodeBlockTheme, e as ConversationTransferErrorCode, t as ConversationTransferJobStatus, n as ConversationTransferSubjectKind, r as ConversationTransferUnitKind, i as ConversationTransferWarningCode, Le as CopyButton, Re as CopyIconButton, st as DEFAULT_MARKDOWN_CLASS_NAMES, $e as DEFAULT_MARKDOWN_TABLE_DOWNLOAD_FILENAME, ke as DESKTOP_BREAKPOINT_PX, Ae as DESKTOP_MEDIA_QUERY, Ie as DeploymentIcon, mt as DialFileManagerActionProfile, ht as DialFileManagerVariant, F as ENTITY_DESCRIPTION_MAX_LENGTH, I as ENTITY_INSTRUCTIONS_MAX_LENGTH, L as ENTITY_NAME_MAX_LENGTH, se as ENTITY_TYPE_BG_COLOR, ce as ENTITY_TYPE_COLOR, Ue as EntityHeader, Ve as EntityTypeLabel, He as FeaturedChip, h as FileExtension, vt as FileUploadStatus, a as FilterTab, ye as HIDDEN_FILE, Fe as InitialsAvatar, Be as ItemHeader, Se as MARKDOWN_EDITOR_FILL_HEIGHT_CLASS_NAME, Ce as MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME, Ee as MARKDOWN_EDITOR_PREVIEW_LIST_CLASS_NAME, et as MARKDOWN_TABLE_CSV_MIME_TYPE, lt as MDMessageViewer, g as MIMEType, v as MIME_TYPE_ALIASES, y as MIME_TYPE_AUDIO_PREFIX, b as MIME_TYPE_EXT_MAP, x as MIME_TYPE_WILDCARD, je as MOBILE_MAX_WIDTH_PX, Me as MOBILE_MEDIA_QUERY, Qe as MarkdownCodeBlock, it as MarkdownRenderer, rt as MarkdownTable, tt as MarkdownTableCopyFormat, ut as MarkdownWithPlaceholders, o as MessageRating, s as MessageRole, xt as OperationLoaderModal, A as PROHIBITED_CONVERSATION_NAME_CHARS_RE, le as PROMPT_PARAM_DEFAULT_SEPARATOR, ue as PROMPT_PARAM_PATTERN, de as PROMPT_VARIABLE_CLASS_NAME, be as PUBLIC_BUCKET, ze as PanelEmptyState, ct as PlainTextRenderer, we as RESIZABLE_FIELD_MAX_HEIGHT_CSS_VARIABLE, Te as RESIZABLE_TEXTAREA_CLASS_NAME, c as RequestStatus, We as ResourceSummary, d as ResponseFormat, De as SELECT_LIST_MAX_HEIGHT_CLASS_NAME, Oe as SELECT_LIST_MAX_HEIGHT_PX, l as StageStatus, u as StatusEvent, xe as TAG_INPUT_TAG_CLASS_NAME, Ge as TableHeader, Je as TextRefinementField, Ke as TextRefinementState, ee as base64ToBlob, V as buildCssVars, fe as buildPromptParamDefaults, K as copyMarkdownAsRichText, q as copyToClipboard, at as defaultMarkdownComponents, te as downloadTextFile, ne as ensureDownloadFilename, R as exceedsMaxLength, Pe as extractInitials, pe as extractPromptParams, Z as formatCost, X as formatFileSize, Y as formatLastUsed, Q as formatPrice, $ as formatUnitPrice, ge as generateUUID, S as getAttachmentTypeFromMime, C as getBaseMimeType, re as getFileExtensionForLanguage, gt as getParentFolderPath, j as getUtf8ByteLength, z as hasControlCharacters, w as inferMimeTypeFromPath, D as isAnnotationSelector, G as isAudioTranscriptionSupported, _t as isHiddenPath, St as isSkillSelectionUnsupported, H as isStatusMessage, yt as isUploadInProgress, J as markdownToRichTextHtml, B as mergeClasses, U as messageAttachmentToDisplayAttachment, W as messageAttachmentsToDisplayAttachments, T as normalizeMimeType, O as normalizePersistedHtmlTagAttachmentType, k as normalizeRawAnnotations, Ne as pickAvatarColor, me as rehypePromptVariables, he as resolvePromptParams, Ze as restrainedSyntaxTheme, M as sanitizeConversationName, nt as serializeMarkdownTableRows, N as stripTrailingDots, E as stripUrlQueryAndFragment, ie as triggerAnchorDownload, ae as triggerBlobDownload, P as truncateToUtf8Bytes, oe as tryBase64ToBytes, ft as useAvailableHeightCap, Xe as useCodeCopy, dt as useCollapsedText, bt as useGridEditingScroll, pt as useIsMobile, qe as useTextRefinement };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-chat-shared",
   "description": "Shared domain models, utilities, and UI components for AI DIAL Chat libraries",
-  "version": "1.2.0-dev.170",
+  "version": "1.2.0-dev.173",
   "license": "Apache-2.0",
   "type": "module",
   "sideEffects": [
@@ -32,7 +32,7 @@
   },
   "peerDependencies": {
     "react": "^19.2.8",
-    "@epam/ai-dial-ui-kit": "^0.15.0-dev.20",
+    "@epam/ai-dial-ui-kit": "^0.15.0-dev.21",
     "@epam/ai-dial-react-file-manager": "^0.3.0-dev.13",
     "ag-grid-community": "^35.3.0"
   },

package/file-manager/UploadProgressModal/UploadProgressModal.js

@@ -1,47 +0,0 @@
-import { DialFileName as e, ElementSize as t, Popup as n, ProgressBar as r } from "@epam/ai-dial-ui-kit";
-import { memo as i, useCallback as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/file-manager/UploadProgressModal/UploadProgressModal.tsx
-var c = ({ batchState: i, uploadProgressTitle: c, uploadProgressText: l, cancelLabel: u, onCancel: d }) => {
-	let { files: f } = i, p = a((e, n) => n === void 0 ? null : /* @__PURE__ */ o(r, {
-		value: n,
-		size: t.Small,
-		"aria-label": e,
-		"data-qa": "uploading-indicator"
-	}), []);
-	return /* @__PURE__ */ o(n, {
-		className: "!h-fit !max-h-full !w-[400px] mobile:!w-full desktop:!max-h-[693px]",
-		open: i.isOpen,
-		closeOnOutsideClick: !1,
-		hideClose: !0,
-		onClose: d,
-		mainButtons: [{
-			label: u,
-			onClick: d
-		}],
-		header: /* @__PURE__ */ s("div", {
-			className: "flex flex-col gap-2",
-			children: [/* @__PURE__ */ o("div", { children: c }), /* @__PURE__ */ o("div", {
-				className: "dial-small-text text-secondary",
-				"data-qa": "uploading-items-count",
-				children: l
-			})]
-		}),
-		children: /* @__PURE__ */ o("div", {
-			className: "flex h-full max-h-full flex-col gap-4 px-6",
-			children: /* @__PURE__ */ o("div", {
-				className: "flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto",
-				children: f.map((t) => /* @__PURE__ */ o("div", {
-					className: "rounded bg-layer-sunken px-3 py-2",
-					children: /* @__PURE__ */ o(e, {
-						name: t.name,
-						details: p(t.name, t.percent)
-					})
-				}, t.id))
-			})
-		})
-	});
-};
-i(c);
-//#endregion
-export { c as UploadProgressModal };