@epam/ai-dial-skill-editor 1.1.0-dev.402 → 1.1.0-dev.411

package/index.js

@@ -1,35 +1,36 @@
 import { buildCssVars as e, formatFileSize as t, mergeClasses as n } from "@epam/ai-dial-chat-shared";
 import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Accordion as o, CaptionText as s, DIAL_ICON_SIZE as ee, DIAL_KIT_ICON_STROKE as c, EditorThemes as l, ErrorText as u, FileDropzone as d, GhostButton as te, GhostIconButton as ne, Input as f, LazyMarkdownEditor as p, NeutralButton as m, Popup as re, PopupSize as h, PrimaryButton as g, Spinner as _, Textarea as v } from "@epam/ai-dial-ui-kit";
-import { IconArrowNarrowLeft as y, IconFileText as ie, IconPlus as b, IconTrashX as ae, IconUpload as x } from "@tabler/icons-react";
-import { Suspense as S, lazy as C, useCallback as w, useEffect as T, useId as E, useMemo as D, useRef as O, useState as k } from "react";
-import { DialFileNodeType as A, DialFoldersTree as oe } from "@epam/ai-dial-react-file-manager";
+import { Accordion as o, CaptionText as s, DIAL_ICON_SIZE as ee, DIAL_KIT_ICON_STROKE as c, EditorThemes as l, ErrorText as u, FileDropzone as d, GhostButton as f, GhostIconButton as p, Input as m, NeutralButton as h, Popup as g, PopupSize as te, PrimaryButton as ne, Spinner as _, Textarea as v } from "@epam/ai-dial-ui-kit";
+import { IconArrowNarrowLeft as y, IconFileText as re, IconPlus as b, IconTrashX as ie, IconUpload as x } from "@tabler/icons-react";
+import { Suspense as ae, lazy as S, useCallback as C, useEffect as w, useId as T, useMemo as E, useRef as D, useState as O } from "react";
+import { DialFileNodeType as k, DialFoldersTree as oe } from "@epam/ai-dial-react-file-manager";
+import { LazyMarkdownEditor as A } from "@epam/ai-dial-ui-kit/editors";
 var j = {
 	headerBorder: "_headerBorder_1kidu_1",
 	footerBorder: "_footerBorder_1kidu_5",
 	sidebarBorder: "_sidebarBorder_1kidu_9"
-}, M = ({ title: t, onBack: r, backAriaLabel: o = "Back", actions: s, leftContent: l, rightContent: u, isSaving: d = !1, labels: te, styles: f, dir: p }) => {
-	let m = E(), re = d ? te?.savingStatusLabel ?? "Saving" : "";
+}, M = ({ title: t, onBack: r, backAriaLabel: o = "Back", actions: s, leftContent: l, rightContent: u, isSaving: d = !1, labels: f, styles: m, dir: h }) => {
+	let g = T(), te = d ? f?.savingStatusLabel ?? "Saving" : "";
 	return /* @__PURE__ */ a("div", {
-		dir: p,
+		dir: h,
 		className: "flex min-h-0 flex-1 flex-col",
 		style: e({
-			"--el-header-border-color": f?.colors?.headerBorderColor,
-			"--el-sidebar-border-color": f?.colors?.sidebarBorderColor
+			"--el-header-border-color": m?.colors?.headerBorderColor,
+			"--el-sidebar-border-color": m?.colors?.sidebarBorderColor
 		}),
 		children: [
 			/* @__PURE__ */ i("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				id: m,
-				children: re
+				id: g,
+				children: te
 			}),
 			/* @__PURE__ */ a("div", {
 				className: n("flex items-center justify-between gap-2 border-b px-4 py-2 desktop:px-8 desktop:pb-3 desktop:pt-3", j.headerBorder),
 				children: [/* @__PURE__ */ a("div", {
 					className: "flex min-w-0 flex-1 items-center gap-2",
-					children: [/* @__PURE__ */ i(ne, {
+					children: [/* @__PURE__ */ i(p, {
 						icon: /* @__PURE__ */ i(y, {
 							size: ee.LG,
 							stroke: c,
@@ -64,20 +65,20 @@ var j = {
 		]
 	});
 }, N = (e) => !!e.dataTransfer?.types.includes("Files"), se = (e) => {
-	let [t, n] = k(!1), r = O(0);
+	let [t, n] = O(!1), r = D(0);
 	return {
 		isDragActive: t,
 		dropZoneHandlers: {
-			onDragEnter: w((e) => {
+			onDragEnter: C((e) => {
 				N(e) && (e.preventDefault(), r.current += 1, n(!0));
 			}, []),
-			onDragLeave: w((e) => {
+			onDragLeave: C((e) => {
 				N(e) && (--r.current, r.current <= 0 && (r.current = 0, n(!1)));
 			}, []),
-			onDragOver: w((e) => {
+			onDragOver: C((e) => {
 				N(e) && e.preventDefault();
 			}, []),
-			onDrop: w((t) => {
+			onDrop: C((t) => {
 				if (!N(t)) return;
 				t.preventDefault(), r.current = 0, n(!1);
 				let i = Array.from(t.dataTransfer?.files ?? []);
@@ -100,7 +101,7 @@ var j = {
 		let r = {
 			path: e,
 			name: L(e),
-			nodeType: A.FOLDER,
+			nodeType: k.FOLDER,
 			parentPath: I(e),
 			folderId: e,
 			items: []
@@ -115,7 +116,7 @@ var j = {
 		t.set(r.path, {
 			path: r.path,
 			name: r.name,
-			nodeType: A.ITEM,
+			nodeType: k.ITEM,
 			parentPath: I(r.path),
 			folderId: I(r.path) ?? ""
 		});
@@ -166,64 +167,64 @@ var j = {
 }({}), z = /* @__PURE__ */ function(e) {
 	return e.Valid = "valid", e.Invalid = "invalid", e;
 }({}), B = (e) => (e.webkitRelativePath || e.name).replace(/\\/g, "/"), V = 0, H = () => `skill-file-candidate-${++V}`, ue = ({ isOpen: e, onClose: n, fileActions: o, initialFiles: s, labels: ee }) => {
-	let l = ee ?? {}, [f, p] = k([]), [m, v] = k(/* @__PURE__ */ new Map()), [y, b] = k([]), [x, S] = k(!1), [C, w] = k(), [D, O] = k(!1), A = E(), oe = (e) => {
+	let l = ee ?? {}, [m, h] = O([]), [v, y] = O(/* @__PURE__ */ new Map()), [b, x] = O([]), [ae, S] = O(!1), [C, E] = O(), [D, k] = O(!1), oe = T(), A = (e) => {
 		let t = e.map((e) => ({
 			id: H(),
 			file: e,
 			path: B(e)
 		}));
-		w(void 0), p((e) => [...e, ...t]);
+		E(void 0), h((e) => [...e, ...t]);
 	}, j = (e) => {
-		p((t) => t.filter((t) => t.id !== e));
+		h((t) => t.filter((t) => t.id !== e));
 	};
-	T(() => {
-		e && (p((s ?? []).map((e) => ({
+	w(() => {
+		e && (h((s ?? []).map((e) => ({
 			id: H(),
 			file: e,
 			path: B(e)
-		}))), v(/* @__PURE__ */ new Map()), b([]), w(void 0));
-	}, [e]), T(() => {
+		}))), y(/* @__PURE__ */ new Map()), x([]), E(void 0));
+	}, [e]), w(() => {
 		if (!e) return;
 		let t = !1;
-		if (f.length === 0) {
-			v(/* @__PURE__ */ new Map()), b([]);
+		if (m.length === 0) {
+			y(/* @__PURE__ */ new Map()), x([]);
 			return;
 		}
-		return S(!0), o.validateBatch(f).then(({ results: e, batchErrors: n }) => {
-			t || (v(new Map(e.map((e) => [e.candidateId, e]))), b(n.map((e) => e.message)));
+		return S(!0), o.validateBatch(m).then(({ results: e, batchErrors: n }) => {
+			t || (y(new Map(e.map((e) => [e.candidateId, e]))), x(n.map((e) => e.message)));
 		}).finally(() => {
 			t || S(!1);
 		}), () => {
 			t = !0;
 		};
-	}, [f, e]);
-	let M = f.some((e) => m.get(e.id)?.status === z.Invalid), N = f.length > 0 && f.every((e) => m.get(e.id)?.status === z.Invalid), se = f.length > 0 && !M && y.length === 0 && !x && !D, P = async () => {
-		O(!0), w(void 0);
+	}, [m, e]);
+	let M = m.some((e) => v.get(e.id)?.status === z.Invalid), N = m.length > 0 && m.every((e) => v.get(e.id)?.status === z.Invalid), se = m.length > 0 && !M && b.length === 0 && !ae && !D, P = async () => {
+		k(!0), E(void 0);
 		try {
-			let { results: e, batchErrors: t } = await o.validateBatch(f), r = new Map(e.map((e) => [e.candidateId, e]));
-			if (v(r), b(t.map((e) => e.message)), f.some((e) => r.get(e.id)?.status === z.Invalid) || t.length > 0) return;
-			let i = await o.commitBatch(f);
+			let { results: e, batchErrors: t } = await o.validateBatch(m), r = new Map(e.map((e) => [e.candidateId, e]));
+			if (y(r), x(t.map((e) => e.message)), m.some((e) => r.get(e.id)?.status === z.Invalid) || t.length > 0) return;
+			let i = await o.commitBatch(m);
 			if (i.error) {
-				w(i.error);
+				E(i.error);
 				return;
 			}
 			n();
 		} finally {
-			O(!1);
+			k(!1);
 		}
 	};
-	return /* @__PURE__ */ i(re, {
+	return /* @__PURE__ */ i(g, {
 		open: e,
 		header: l.uploadDialogTitle ?? "Upload files from device",
-		size: h.Sm,
+		size: te.Sm,
 		closeAriaLabel: l.uploadDialogCloseAriaLabel ?? "Close",
 		onClose: n,
 		footer: /* @__PURE__ */ a("div", {
 			className: "flex min-h-[44px] items-center justify-end gap-2 px-6 py-4",
-			children: [/* @__PURE__ */ i(te, {
+			children: [/* @__PURE__ */ i(f, {
 				label: l.uploadCancelLabel ?? "Cancel",
 				onClick: n
-			}), /* @__PURE__ */ i(g, {
+			}), /* @__PURE__ */ i(ne, {
 				label: l.uploadConfirmLabel ?? "Add",
 				iconBefore: D ? /* @__PURE__ */ i(_, {
 					size: 16,
@@ -247,24 +248,24 @@ var j = {
 					ariaLabel: l.uploadDropZoneAriaLabel ?? "Upload files",
 					multiple: !0,
 					className: N ? "border-error hover:border-error" : void 0,
-					onChange: oe
+					onChange: A
 				}),
 				/* @__PURE__ */ i("span", {
 					role: "status",
 					"aria-live": "polite",
 					className: "sr-only",
-					id: A,
-					children: y.map((e) => `${l.uploadBatchErrorAriaPrefix ?? "Upload error: "}${e}`).join(" ")
+					id: oe,
+					children: b.map((e) => `${l.uploadBatchErrorAriaPrefix ?? "Upload error: "}${e}`).join(" ")
 				}),
-				y.map((e) => /* @__PURE__ */ i(u, { text: e }, e)),
-				f.length > 0 && /* @__PURE__ */ i("ul", {
+				b.map((e) => /* @__PURE__ */ i(u, { text: e }, e)),
+				m.length > 0 && /* @__PURE__ */ i("ul", {
 					className: "flex flex-col gap-2",
-					children: f.map((e) => {
-						let n = m.get(e.id), r = n?.kind === R.Manifest, o = n?.status === z.Invalid;
+					children: m.map((e) => {
+						let n = v.get(e.id), r = n?.kind === R.Manifest, o = n?.status === z.Invalid;
 						return /* @__PURE__ */ a("li", {
 							className: "flex items-center gap-2 rounded-lg border border-tertiary p-2",
 							children: [
-								/* @__PURE__ */ i(ie, {
+								/* @__PURE__ */ i(re, {
 									size: 20,
 									"aria-hidden": !0,
 									stroke: c
@@ -287,8 +288,8 @@ var j = {
 										})
 									]
 								}),
-								/* @__PURE__ */ i(ne, {
-									icon: /* @__PURE__ */ i(ae, {
+								/* @__PURE__ */ i(p, {
+									icon: /* @__PURE__ */ i(ie, {
 										size: 16,
 										"aria-hidden": !0,
 										stroke: c
@@ -307,24 +308,24 @@ var j = {
 }, U = {
 	title: "_title_65glc_1",
 	helperText: "_helperText_65glc_5"
-}, de = C(async () => {
-	let { MarkdownEditor: e } = await p();
+}, de = S(async () => {
+	let { MarkdownEditor: e } = await A();
 	return { default: e };
-}), W = ({ initialValues: t, files: d, selectedPath: ne, onSelectedPathChange: p, expandedPaths: re, onExpandedPathsChange: h, isLoading: y = !1, hasLoadError: ie = !1, isSubmitting: x = !1, errors: C, submitError: E, conflict: A, onReloadLatest: j, isNameReadOnly: N = !1, onDirtyChange: I, fileActions: L, supportingFileContent: R, onSubmit: z, onCancel: B, onBack: V, backAriaLabel: H, title: W, onRetry: fe, labels: G, styles: pe, dir: me, instructionsEditorTheme: he = l.light }) => {
-	let [K, q] = k({
+}), W = ({ initialValues: t, files: d, selectedPath: p, onSelectedPathChange: g, expandedPaths: te, onExpandedPathsChange: y, isLoading: re = !1, hasLoadError: x = !1, isSubmitting: S = !1, errors: T, submitError: k, conflict: A, onReloadLatest: j, isNameReadOnly: N = !1, onDirtyChange: I, fileActions: L, supportingFileContent: R, onSubmit: z, onCancel: B, onBack: V, backAriaLabel: H, title: W, onRetry: fe, labels: G, styles: pe, dir: me, instructionsEditorTheme: he = l.light }) => {
+	let [K, q] = O({
 		name: t?.name ?? "",
 		description: t?.description ?? "",
 		instructions: t?.instructions ?? ""
-	}), ge = O(t), _e = ge.current !== t, ve = O(d);
-	T(() => {
+	}), ge = D(t), _e = ge.current !== t, ve = D(d);
+	w(() => {
 		ge.current = t, q({
 			name: t?.name ?? "",
 			description: t?.description ?? "",
 			instructions: t?.instructions ?? ""
 		}), ve.current = d;
 	}, [t]);
-	let ye = (e) => JSON.stringify([...e].sort((e, t) => e.path.localeCompare(t.path))), be = O(!1);
-	T(() => {
+	let ye = (e) => JSON.stringify([...e].sort((e, t) => e.path.localeCompare(t.path))), be = D(!1);
+	w(() => {
 		if (_e) return;
 		let e = {
 			name: t?.name ?? "",
@@ -339,12 +340,12 @@ var j = {
 		_e,
 		I
 	]);
-	let [xe, Se] = k(P), J = ne ?? xe, Y = w((e) => {
-		Se(e), p?.(e);
-	}, [p]), [Ce, we] = k([]), Te = re ?? Ce, Ee = D(() => new Set(Te), [Te]), De = w((e) => {
+	let [xe, Se] = O(P), J = p ?? xe, Y = C((e) => {
+		Se(e), g?.(e);
+	}, [g]), [Ce, we] = O([]), Te = te ?? Ce, Ee = E(() => new Set(Te), [Te]), De = C((e) => {
 		let t = [...e];
-		we(t), h?.(t);
-	}, [h]), [X, Oe] = k(!1), [ke, Ae] = k(), [je, Me] = k(!1), { isDragActive: Ne, dropZoneHandlers: Pe } = se(w((e) => {
+		we(t), y?.(t);
+	}, [y]), [X, Oe] = O(!1), [ke, Ae] = O(), [je, Me] = O(!1), { isDragActive: Ne, dropZoneHandlers: Pe } = se(C((e) => {
 		X || (Ae(e), Oe(!0));
 	}, [X])), Z = G ?? {}, Q = pe?.colors, Fe = pe?.typography ?? {}, Ie = Fe.titleClassName ?? "dial-body-semi-text", Le = Fe.helperTextClassName ?? "dial-tiny-semi-text", Re = Fe.removeIconClassName ?? "text-secondary", ze = e({
 		"--se-title-color": Q?.title,
@@ -352,22 +353,22 @@ var j = {
 	}), Be = Q?.border ? { colors: {
 		headerBorderColor: Q.border,
 		sidebarBorderColor: Q.border
-	} } : void 0, Ve = D(() => ce([{
+	} } : void 0, Ve = E(() => ce([{
 		path: P,
 		name: P,
 		kind: F.File
-	}, ...d]), [d]), $ = D(() => d.find((e) => e.path === J), [d, J]), He = w((e) => {
+	}, ...d]), [d]), $ = E(() => d.find((e) => e.path === J), [d, J]), He = C((e) => {
 		Y(e.path);
-	}, [Y]), Ue = w((e) => {
+	}, [Y]), Ue = C((e) => {
 		L.onRemoveNode(e), J === e && Y(P);
 	}, [
 		L,
 		J,
 		Y
-	]), We = w((e) => e.path === "SKILL.md" ? [] : [{
+	]), We = C((e) => e.path === "SKILL.md" ? [] : [{
 		key: "remove",
 		label: Z.removeLabel ?? "Remove",
-		icon: /* @__PURE__ */ i(ae, {
+		icon: /* @__PURE__ */ i(ie, {
 			size: ee.SM,
 			className: Re,
 			"aria-hidden": !0,
@@ -385,7 +386,7 @@ var j = {
 			children: [/* @__PURE__ */ i("span", {
 				className: n(U.title, Ie),
 				children: Z.filesHeading ?? "Files"
-			}), /* @__PURE__ */ i(m, {
+			}), /* @__PURE__ */ i(h, {
 				label: Z.addUploadLabel ?? "Upload from device",
 				iconBefore: /* @__PURE__ */ i(b, {
 					size: 16,
@@ -410,20 +411,20 @@ var j = {
 				rootItemPath: ""
 			})
 		})]
-	}), Ke = /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(m, {
+	}), Ke = /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(h, {
 		label: Z.cancelLabel ?? "Cancel",
 		onClick: B,
-		disabled: x
-	}), /* @__PURE__ */ i(g, {
+		disabled: S
+	}), /* @__PURE__ */ i(ne, {
 		label: Z.createLabel ?? "Create",
-		iconBefore: x ? /* @__PURE__ */ i(_, {
+		iconBefore: S ? /* @__PURE__ */ i(_, {
 			size: 16,
 			ariaLabel: ""
 		}) : void 0,
 		onClick: () => z(K),
-		disabled: x
+		disabled: S
 	})] });
-	return y ? /* @__PURE__ */ i("div", {
+	return re ? /* @__PURE__ */ i("div", {
 		dir: me,
 		className: "relative flex min-h-0 flex-1 flex-col",
 		children: /* @__PURE__ */ i(M, {
@@ -441,7 +442,7 @@ var j = {
 				children: /* @__PURE__ */ i(_, {})
 			})
 		})
-	}) : ie ? /* @__PURE__ */ i("div", {
+	}) : x ? /* @__PURE__ */ i("div", {
 		dir: me,
 		className: "relative flex min-h-0 flex-1 flex-col",
 		children: /* @__PURE__ */ i(M, {
@@ -455,7 +456,7 @@ var j = {
 			leftContent: /* @__PURE__ */ a("div", {
 				role: "alert",
 				className: "flex flex-col items-center gap-4 p-8",
-				children: [/* @__PURE__ */ i(u, { text: Z.loadErrorMessage ?? "Couldn't load this skill. Please try again." }), /* @__PURE__ */ i(g, {
+				children: [/* @__PURE__ */ i(u, { text: Z.loadErrorMessage ?? "Couldn't load this skill. Please try again." }), /* @__PURE__ */ i(ne, {
 					label: Z.retryLabel ?? "Retry",
 					onClick: fe
 				})]
@@ -476,7 +477,7 @@ var j = {
 				onBack: V,
 				backAriaLabel: H,
 				actions: Ke,
-				isSaving: x,
+				isSaving: S,
 				labels: { savingStatusLabel: Z.savingStatusLabel },
 				styles: Be,
 				leftContent: /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("div", {
@@ -496,14 +497,14 @@ var j = {
 				rightContent: /* @__PURE__ */ a("div", {
 					className: "flex flex-1 flex-col gap-4 px-4 py-6 desktop:gap-5 desktop:px-8",
 					children: [
-						E != null && /* @__PURE__ */ i("div", {
+						k != null && /* @__PURE__ */ i("div", {
 							role: "alert",
-							children: /* @__PURE__ */ i(u, { text: E })
+							children: /* @__PURE__ */ i(u, { text: k })
 						}),
 						A != null && /* @__PURE__ */ a("div", {
 							role: "alert",
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ i(u, { text: A.message }), /* @__PURE__ */ i(te, {
+							children: [/* @__PURE__ */ i(u, { text: A.message }), /* @__PURE__ */ i(f, {
 								label: Z.reloadLatestLabel ?? "Reload latest",
 								onClick: j
 							})]
@@ -513,7 +514,7 @@ var j = {
 							children: J === "SKILL.md" ? P : Z.selectedFileHeading?.($?.name ?? J) ?? $?.name ?? J
 						}),
 						J === "SKILL.md" ? /* @__PURE__ */ a(r, { children: [
-							/* @__PURE__ */ i(f, {
+							/* @__PURE__ */ i(m, {
 								labelProps: {
 									label: Z.nameLabel ?? "Name",
 									required: !0
@@ -524,9 +525,9 @@ var j = {
 									name: e ?? ""
 								})),
 								placeholder: Z.namePlaceholder ?? "good-morning-breakfast",
-								caption: C?.name ? void 0 : Z.nameCaption ?? "Lowercase letters and hyphens only, no spaces. We'll reformat automatically if needed.",
-								error: C?.name,
-								invalid: !!C?.name,
+								caption: T?.name ? void 0 : Z.nameCaption ?? "Lowercase letters and hyphens only, no spaces. We'll reformat automatically if needed.",
+								error: T?.name,
+								invalid: !!T?.name,
 								disabled: N
 							}),
 							/* @__PURE__ */ i(v, {
@@ -540,8 +541,8 @@ var j = {
 									...t,
 									description: e
 								})),
-								error: C?.description,
-								invalid: !!C?.description
+								error: T?.description,
+								invalid: !!T?.description
 							}),
 							/* @__PURE__ */ a("div", {
 								className: "flex flex-1 flex-col gap-2",
@@ -556,7 +557,7 @@ var j = {
 											children: "*"
 										})]
 									}),
-									/* @__PURE__ */ i(S, {
+									/* @__PURE__ */ i(ae, {
 										fallback: /* @__PURE__ */ i(_, { ariaLabel: Z.instructionsLoadingAriaLabel ?? "Loading" }),
 										children: /* @__PURE__ */ i(de, {
 											value: K.instructions,
@@ -568,7 +569,7 @@ var j = {
 											placeholder: Z.instructionsPlaceholder ?? "Write the skill instructions in Markdown"
 										})
 									}),
-									C?.instructions != null && /* @__PURE__ */ i(u, { text: C.instructions })
+									T?.instructions != null && /* @__PURE__ */ i(u, { text: T.instructions })
 								]
 							})
 						] }) : $?.kind === F.File && (R ?? /* @__PURE__ */ i(s, { text: Z.supportingFileNote ?? "This supporting file is included in the skill package as-is. Remove it from the Files panel to replace its content." }))

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-skill-editor",
   "description": "Host-agnostic form for authoring a DIAL Skill, with an inline supporting-file tree",
-  "version": "1.1.0-dev.402",
+  "version": "1.1.0-dev.411",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -16,9 +16,9 @@
     }
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.402",
-    "@epam/ai-dial-editor-builder": "1.1.0-dev.402",
-    "@epam/ai-dial-ui-kit": "*",
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.411",
+    "@epam/ai-dial-editor-builder": "1.1.0-dev.411",
+    "@epam/ai-dial-ui-kit": "^0.14.0-dev.30",
     "@epam/ai-dial-react-file-manager": "^0.2.0-dev.10",
     "@tabler/icons-react": "^3.0.0",
     "@uiw/react-markdown-preview": "*",