@epam/ai-dial-skill-editor 1.3.0-dev.290 → 1.3.0-dev.296

package/index.js

@@ -2,9 +2,9 @@ import { MARKDOWN_EDITOR_FILL_HEIGHT_CLASS_NAME as e, MARKDOWN_EDITOR_MAX_HEIGHT
 import { Accordion as p, BottomSheet as m, ButtonAppearance as h, ButtonDropdown as g, ButtonVariant as _, CaptionText as v, DIAL_ICON_SIZE as y, DIAL_KIT_ICON_STROKE as b, DangerIconButton as x, EditorThemes as S, ElementSize as C, ErrorMessageNotification as w, ErrorText as T, FileDropzone as E, FileName as D, GhostButton as O, GhostIconButton as ee, Input as k, Label as A, LinkButton as te, LiveRegion as ne, LiveRegionElement as re, LiveRegionPoliteness as ie, NeutralButton as j, Popup as ae, PopupSize as oe, PrimaryButton as se, RadioGroup as ce, ResizeHandle as M, Select as le, Spinner as ue, TagInput as de, Textarea as fe, TextareaResize as pe } from "@epam/ai-dial-ui-kit";
 import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
 import { IconArrowNarrowLeft as me, IconDatabase as he, IconFileZip as ge, IconFolderPlus as _e, IconPhoto as I, IconPlus as ve, IconTrashX as ye, IconUpload as be } from "@tabler/icons-react";
-import { Suspense as xe, lazy as Se, memo as Ce, useCallback as L, useEffect as R, useId as we, useMemo as z, useRef as B, useState as V } from "react";
-import { DialFileNodeType as Te, DialFoldersTree as Ee } from "@epam/ai-dial-react-file-manager";
-import { LazyMarkdownEditor as De } from "@epam/ai-dial-ui-kit/editors";
+import { Suspense as xe, lazy as Se, memo as Ce, useCallback as L, useEffect as we, useId as Te, useMemo as R, useRef as z, useState as B } from "react";
+import { DialFileNodeType as Ee, DialFoldersTree as De } from "@epam/ai-dial-react-file-manager";
+import { LazyMarkdownEditor as Oe } from "@epam/ai-dial-ui-kit/editors";
 c("flex flex-col desktop:min-h-0 desktop:overflow-y-auto", {
 	body: "_body_1xd7h_2",
 	sideColumn: "_sideColumn_1xd7h_6",
@@ -12,42 +12,42 @@ c("flex flex-col desktop:min-h-0 desktop:overflow-y-auto", {
 }.sideColumn);
 //#endregion
 //#region ../builder-form/src/constants/public-class-names.ts
-var H = {
+var V = {
 	layout: "dial-builder-form-layout",
 	section: "dial-builder-form-section",
 	metadataSection: "dial-builder-form-metadata-section",
 	setupSection: "dial-builder-form-setup-section",
 	asideSection: "dial-builder-form-aside-section"
-}, Oe = {
+}, ke = {
 	section: "_section_l1mnx_1",
 	title: "_title_l1mnx_5"
-}, ke = ({ title: e, children: t, styles: n, className: r }) => {
+}, Ae = ({ title: e, children: t, styles: n, className: r }) => {
 	let i = o({
 		"--es-border-color": n?.colors?.borderColor,
 		"--es-title-color": n?.colors?.titleColor
 	});
 	return /* @__PURE__ */ F("section", {
-		className: c("flex h-full flex-col gap-4 rounded border", Oe.section, r, H.section),
+		className: c("flex h-full flex-col gap-4 rounded border", ke.section, r, V.section),
 		style: i,
 		children: [e != null && /* @__PURE__ */ P("h2", {
-			className: c(n?.typography?.titleClassName ?? "dial-h3-text", Oe.title),
+			className: c(n?.typography?.titleClassName ?? "dial-h3-text", ke.title),
 			children: e
 		}), t]
 	});
-}, U = (e, { min: t = 280, max: n = 640, containerWidth: r } = {}) => {
+}, H = (e, { min: t = 280, max: n = 640, containerWidth: r } = {}) => {
 	let i = r != null && r > 0 ? r - 360 : n;
 	return Math.round(Math.min(Math.max(t, Math.min(n, i)), Math.max(t, Number.isFinite(e) ? e : t)));
-}, Ae = {
+}, je = {
 	headerBorder: "_headerBorder_1adw2_1",
 	footerBorder: "_footerBorder_1adw2_5",
 	columnBorder: "_columnBorder_1adw2_10"
-}, je = ({ title: e, onBack: t, backAriaLabel: n = "Back", actions: r, leftContent: i, centerContent: a, rightContent: s, resizableLeftColumn: l, isSaving: u = !1, labels: d, styles: f, dir: p }) => {
-	let m = we(), h = u ? d?.savingStatusLabel ?? "Saving" : "", g = B(null), [_, v] = V(), x = l != null && a != null, S = l?.minWidth, C = l?.maxWidth, w = {
+}, Me = ({ title: e, onBack: t, backAriaLabel: n = "Back", actions: r, leftContent: i, centerContent: a, rightContent: s, resizableLeftColumn: l, isSaving: u = !1, labels: d, styles: f, dir: p }) => {
+	let m = Te(), h = u ? d?.savingStatusLabel ?? "Saving" : "", g = z(null), [_, v] = B(), x = l != null && a != null, S = l?.minWidth, C = l?.maxWidth, w = {
 		min: S,
 		max: C,
 		containerWidth: _
-	}, T = x ? U(l.width, w) : void 0, E = U(C ?? 640, w);
-	R(() => {
+	}, T = x ? H(l.width, w) : void 0, E = H(C ?? 640, w);
+	we(() => {
 		let e = g.current;
 		if (!x || e == null || typeof ResizeObserver > "u") return;
 		let t = new ResizeObserver(() => v(e.clientWidth));
@@ -59,7 +59,7 @@ var H = {
 	});
 	return /* @__PURE__ */ F("div", {
 		dir: p,
-		className: c("flex min-h-0 flex-1 flex-col", H.layout),
+		className: c("flex min-h-0 flex-1 flex-col", V.layout),
 		style: D,
 		children: [
 			/* @__PURE__ */ P(ne, {
@@ -69,7 +69,7 @@ var H = {
 				children: h
 			}),
 			/* @__PURE__ */ F("div", {
-				className: c("flex items-center justify-between gap-2 border-b px-4 py-2 desktop:px-8 desktop:pt-3 desktop:pb-3", Ae.headerBorder),
+				className: c("flex items-center justify-between gap-2 border-b px-4 py-2 desktop:px-8 desktop:pt-3 desktop:pb-3", je.headerBorder),
 				children: [/* @__PURE__ */ F("div", {
 					className: "flex min-w-0 flex-1 items-center gap-2",
 					children: [/* @__PURE__ */ P(ee, {
@@ -95,7 +95,7 @@ var H = {
 				className: "flex flex-1 flex-col overflow-y-auto desktop:flex-row desktop:overflow-hidden",
 				children: [
 					/* @__PURE__ */ P("div", {
-						className: c(a == null ? "desktop:flex-1" : "desktop:shrink-0 desktop:overflow-y-auto desktop:border-e", a != null && !x && "desktop:w-[400px]", x && "desktop:relative desktop:w-(--el-left-width)", "desktop:overflow-y-auto", a == null ? void 0 : Ae.columnBorder),
+						className: c(a == null ? "desktop:flex-1" : "desktop:shrink-0 desktop:overflow-y-auto desktop:border-e", a != null && !x && "desktop:w-[400px]", x && "desktop:relative desktop:w-(--el-left-width)", "desktop:overflow-y-auto", a == null ? void 0 : je.columnBorder),
 						style: T == null ? void 0 : { "--el-left-width": `${T}px` },
 						children: i
 					}),
@@ -116,22 +116,22 @@ var H = {
 						children: a
 					}),
 					s != null && /* @__PURE__ */ P("div", {
-						className: c("desktop:w-[400px] desktop:shrink-0 desktop:overflow-y-auto desktop:border-s", Ae.columnBorder),
+						className: c("desktop:w-[400px] desktop:shrink-0 desktop:overflow-y-auto desktop:border-s", je.columnBorder),
 						children: s
 					})
 				]
 			}),
 			r != null && /* @__PURE__ */ P("div", {
-				className: c("flex shrink-0 flex-row-reverse items-center gap-2 border-t px-4 py-2 *:flex-1 desktop:hidden", Ae.footerBorder),
+				className: c("flex shrink-0 flex-row-reverse items-center gap-2 border-t px-4 py-2 *:flex-1 desktop:hidden", je.footerBorder),
 				children: r
 			})
 		]
 	});
-}, Me = {
+}, Ne = {
 	box: "_box_c9as8_1",
 	icon: "_icon_c9as8_6",
 	caption: "_caption_c9as8_10"
-}, W = ({ label: e, avatarUrl: t, avatarAlt: n = "", addAvatarLabel: r = "Add avatar", captionText: i = "PNG, JPG or SVG (max 1 MB)", onAddAvatarClick: a, captionClassName: s = "dial-tiny-text", styles: l, className: u }) => {
+}, Pe = ({ label: e, avatarUrl: t, avatarAlt: n = "", addAvatarLabel: r = "Add avatar", captionText: i = "PNG, JPG or SVG (max 1 MB)", onAddAvatarClick: a, captionClassName: s = "dial-tiny-text", styles: l, className: u }) => {
 	let d = o({
 		"--aa-box-bg": l?.colors?.boxBackgroundColor,
 		"--aa-box-border": l?.colors?.boxBorderColor,
@@ -144,7 +144,7 @@ var H = {
 		children: [/* @__PURE__ */ P(A, { label: e }), /* @__PURE__ */ F("div", {
 			className: "flex items-start gap-3",
 			children: [/* @__PURE__ */ P("div", {
-				className: c("flex h-16 w-16 shrink-0 items-center justify-center overflow-hidden rounded-lg border", Me.box),
+				className: c("flex h-16 w-16 shrink-0 items-center justify-center overflow-hidden rounded-lg border", Ne.box),
 				children: t ? /* @__PURE__ */ P("img", {
 					src: t,
 					alt: n,
@@ -153,7 +153,7 @@ var H = {
 					size: y.LG,
 					stroke: b,
 					"aria-hidden": !0,
-					className: Me.icon
+					className: Ne.icon
 				})
 			}), /* @__PURE__ */ F("div", {
 				className: "flex flex-col gap-3",
@@ -168,16 +168,16 @@ var H = {
 					label: r,
 					onClick: a
 				}), /* @__PURE__ */ P("span", {
-					className: c(s, Me.caption),
+					className: c(s, Ne.caption),
 					children: i
 				})]
 			})]
 		})]
 	});
-}, Ne = {
+}, Fe = {
 	confirmText: "_confirmText_19ec1_1",
 	confirmItem: "_confirmItem_19ec1_5"
-}, Pe = ({ isOpen: e, onClose: t, onAttach: n, bucket: r, FileManagerModal: i, allowedMimeTypes: a, maxFileSizeBytes: s, labels: l, confirmBodyClassName: u = "dial-small-text", styles: d }) => {
+}, Ie = ({ isOpen: e, onClose: t, onAttach: n, bucket: r, FileManagerModal: i, allowedMimeTypes: a, maxFileSizeBytes: s, labels: l, confirmBodyClassName: u = "dial-small-text", styles: d }) => {
 	let f = d?.colors?.confirmText, p = d?.colors?.confirmItemText, m = L((e) => e.length === 1 ? l.deleteConfirmTitleSingle : l.deleteConfirmTitleMultiple, [l.deleteConfirmTitleSingle, l.deleteConfirmTitleMultiple]), h = L((e) => /* @__PURE__ */ P("div", {
 		className: c(u, "px-6 py-3"),
 		style: o({
@@ -185,12 +185,12 @@ var H = {
 			"--apm-confirm-item-text": p
 		}),
 		children: /* @__PURE__ */ P("p", {
-			className: c("mb-3", Ne.confirmText),
+			className: c("mb-3", Fe.confirmText),
 			children: e.length === 1 ? /* @__PURE__ */ F(N, { children: [
 				l.deleteConfirmSingleText,
 				" ",
 				/* @__PURE__ */ F("span", {
-					className: c("wrap-break-word", Ne.confirmItem),
+					className: c("wrap-break-word", Fe.confirmItem),
 					children: [
 						"\"",
 						e[0].split("/").pop(),
@@ -201,7 +201,7 @@ var H = {
 				l.deleteConfirmMultipleText,
 				" ",
 				/* @__PURE__ */ F("span", {
-					className: Ne.confirmItem,
+					className: Fe.confirmItem,
 					children: [
 						e.length,
 						" ",
@@ -251,30 +251,30 @@ var H = {
 			deleteCancelLabel: l.deleteCancelLabel
 		})
 	});
-}, G = /* @__PURE__ */ function(e) {
+}, U = /* @__PURE__ */ function(e) {
 	return e.Avatar = "avatar", e.Name = "name", e.Version = "version", e.Description = "description", e.Locales = "locales", e.Tags = "tags", e;
-}({}), Fe = [
+}({}), Le = [
 	"avatar",
 	"name",
 	"version",
 	"description",
 	"locales",
 	"tags"
-], Ie = {
+], Re = {
 	summary: "_summary_1hlc9_1",
 	rowLabel: "_rowLabel_1hlc9_5"
-}, Le = (e, t, n) => ({
+}, ze = (e, t, n) => ({
 	id: e,
 	language: n.find((e) => !t.has(e.code))?.code ?? "",
 	name: "",
 	description: ""
-}), Re = ({ value: e, onChange: t, availableLocaleOptions: n = [], labels: i, className: a, summaryClassName: s = "dial-body-text", rowLabelClassName: l = "dial-tiny-lead-text", colors: u }) => {
+}), Be = ({ value: e, onChange: t, availableLocaleOptions: n = [], labels: i, className: a, summaryClassName: s = "dial-body-text", rowLabelClassName: l = "dial-tiny-lead-text", colors: u }) => {
 	let d = o({
 		"--dlf-summary-text": u?.summaryText,
 		"--dlf-row-label-text": u?.rowLabelText
-	}), { summaryLabel: f, addLabel: p, editLabel: m, popupTitle: g, addLocaleLabel: v, localeRowLabel: S = "Locale", languageLabel: w, nameLabel: T, namePlaceholder: E, descriptionLabel: D, descriptionPlaceholder: O, deleteAriaLabel: ee, cancelLabel: A = "Cancel", saveLabel: ne = "Save" } = i, [re, ie] = V(!1), [j, oe] = V([]), se = B(0);
-	R(() => {
-		re && oe(e.length > 0 ? e : [Le(`locale-row-${++se.current}`, /* @__PURE__ */ new Set(), n)]);
+	}), { summaryLabel: f, addLabel: p, editLabel: m, popupTitle: g, addLocaleLabel: v, localeRowLabel: S = "Locale", languageLabel: w, nameLabel: T, namePlaceholder: E, descriptionLabel: D, descriptionPlaceholder: O, deleteAriaLabel: ee, cancelLabel: A = "Cancel", saveLabel: ne = "Save" } = i, [re, ie] = B(!1), [j, oe] = B([]), se = z(0);
+	we(() => {
+		re && oe(e.length > 0 ? e : [ze(`locale-row-${++se.current}`, /* @__PURE__ */ new Set(), n)]);
 	}, [
 		re,
 		e,
@@ -284,7 +284,7 @@ var H = {
 		t(j.filter((e) => e.language && e.name)), ie(!1);
 	}, de = () => {
 		let e = new Set(j.map((e) => e.language).filter(Boolean));
-		oe((t) => [...t, Le(`locale-row-${++se.current}`, e, n)]);
+		oe((t) => [...t, ze(`locale-row-${++se.current}`, e, n)]);
 	}, N = (e, t) => {
 		oe((n) => n.map((n) => n.id === e ? {
 			...n,
@@ -298,7 +298,7 @@ var H = {
 		style: d,
 		children: [
 			e.length > 0 && /* @__PURE__ */ P("span", {
-				className: c(Ie.summary, s),
+				className: c(Re.summary, s),
 				children: `${f}: ${e.map((e) => `[${he(e.language)}]`).join(", ")}`
 			}),
 			/* @__PURE__ */ P(te, {
@@ -334,7 +334,7 @@ var H = {
 							children: [/* @__PURE__ */ F("div", {
 								className: "flex items-center justify-between",
 								children: [/* @__PURE__ */ F("span", {
-									className: c(Ie.rowLabel, l),
+									className: c(Re.rowLabel, l),
 									children: [
 										S,
 										" ",
@@ -409,9 +409,9 @@ var H = {
 			})
 		]
 	});
-}, ze = "Add tags, comma separated", Be = "deployment-creation-form-description", Ve = ({ values: e, errors: t, onChange: n, onNameBlur: a, onVersionBlur: o, iconPreviewUrl: s, onAddAvatarClick: l, labels: u, styles: d, availableLocaleOptions: f = [], fields: p = Fe, isNameReadOnly: m = !1, nameReadOnlyTooltip: h, nameCaption: g, isDescriptionRequired: _ = !1, descriptionCaption: v, renderDescription: y, focusRequestKey: b }) => {
-	let x = B(null), S = B(null), C = B(null), w = B(!1), T = (e) => p.includes(e), E = T(G.Name), D = T(G.Version), O = !!(t.name || t.version || t.description), ee = B(b);
-	R(() => {
+}, Ve = "Add tags, comma separated", He = "deployment-creation-form-description", Ue = ({ values: e, errors: t, onChange: n, onNameBlur: a, onVersionBlur: o, iconPreviewUrl: s, onAddAvatarClick: l, labels: u, styles: d, availableLocaleOptions: f = [], fields: p = Le, isNameReadOnly: m = !1, nameReadOnlyTooltip: h, nameCaption: g, isDescriptionRequired: _ = !1, descriptionCaption: v, renderDescription: y, focusRequestKey: b }) => {
+	let x = z(null), S = z(null), C = z(null), w = z(!1), T = (e) => p.includes(e), E = T(U.Name), D = T(U.Version), O = !!(t.name || t.version || t.description), ee = z(b);
+	we(() => {
 		let e = () => {
 			t.name ? x.current?.focus() : t.version ? S.current?.focus() : t.description && C.current?.focus();
 		};
@@ -424,7 +424,7 @@ var H = {
 		t.description
 	]);
 	let A = /* @__PURE__ */ P(fe, {
-		id: Be,
+		id: He,
 		ref: C,
 		value: e.description,
 		onChange: (e) => n({ description: e }),
@@ -446,7 +446,7 @@ var H = {
 		"aria-label": u.ariaLabel,
 		className: c("flex flex-col gap-4", d?.root),
 		children: [
-			T(G.Avatar) && /* @__PURE__ */ P(W, {
+			T(U.Avatar) && /* @__PURE__ */ P(Pe, {
 				label: u.iconUrl.label,
 				avatarUrl: s,
 				addAvatarLabel: u.iconUrl.addAvatarLabel,
@@ -486,11 +486,11 @@ var H = {
 					containerClassName: E ? "min-w-0 basis-0 grow-[1]" : "min-w-0 flex-1"
 				})]
 			}),
-			T(G.Description) && (y ? /* @__PURE__ */ P("div", {
+			T(U.Description) && (y ? /* @__PURE__ */ P("div", {
 				className: d?.field,
-				children: y(A, Be)
+				children: y(A, He)
 			}) : A),
-			T(G.Locales) && /* @__PURE__ */ P(Re, {
+			T(U.Locales) && /* @__PURE__ */ P(Be, {
 				value: e.otherLocales,
 				onChange: (e) => n({ otherLocales: e }),
 				availableLocaleOptions: f,
@@ -498,12 +498,12 @@ var H = {
 				className: d?.field,
 				colors: d?.localesColors
 			}),
-			T(G.Tags) && /* @__PURE__ */ P("div", {
+			T(U.Tags) && /* @__PURE__ */ P("div", {
 				className: d?.field,
 				children: /* @__PURE__ */ P(de, {
 					id: "deployment-creation-form-topics",
 					labelProps: { label: u.topics.label },
-					placeholder: u.topics.placeholder ?? ze,
+					placeholder: u.topics.placeholder ?? Ve,
 					value: e.topics,
 					onChange: (e) => n({ topics: e }),
 					tagClassName: i
@@ -511,13 +511,13 @@ var H = {
 			})
 		]
 	});
-}, He = "border-0 p-4 desktop:p-8", Ue = "desktop:flex-1", We = "px-4 pt-4 desktop:px-6 desktop:pt-6", Ge = Ce(({ title: e, onBack: t, onCancel: n, onSubmit: r, submitLabel: i, isSubmitting: a = !1, isSubmitDisabled: o = !1, extraActions: s, hideStandardActions: l = !1, metadata: u, metadataTitle: d, metadataFooter: f, setup: p, setupTitle: m, asideData: h, asideTitle: g, asideSectionClassName: _, alert: v, resizableLeftColumn: y, metadataSectionClassName: b, setupSectionClassName: x, labels: S, styles: C, dir: w }) => {
+}, We = "desktop:flex-1", Ge = "px-4 pt-4 desktop:px-6 desktop:pt-6", Ke = Ce(({ title: e, onBack: t, onCancel: n, onSubmit: r, submitLabel: i, isSubmitting: a = !1, isSubmitDisabled: o = !1, extraActions: s, hideStandardActions: l = !1, metadata: u, metadataTitle: d, metadataFooter: f, setup: p, setupTitle: m, asideData: h, asideTitle: g, asideSectionClassName: _, alert: v, resizableLeftColumn: y, metadataSectionClassName: b, setupSectionClassName: x, labels: S, styles: C, dir: w }) => {
 	let T = /* @__PURE__ */ P(ne, {
 		politeness: ie.Assertive,
-		className: v == null ? void 0 : We,
+		className: v == null ? void 0 : Ge,
 		children: v
 	}), E = p != null;
-	return /* @__PURE__ */ P(je, {
+	return /* @__PURE__ */ P(Me, {
 		title: e,
 		onBack: t,
 		backAriaLabel: S?.backAriaLabel ?? "Back",
@@ -528,10 +528,10 @@ var H = {
 			resizeHandleLabel: S?.resizeHandleLabel,
 			resizeHandleTooltip: S?.resizeHandleTooltip
 		},
-		rightContent: h == null ? void 0 : /* @__PURE__ */ P(ke, {
+		rightContent: h == null ? void 0 : /* @__PURE__ */ P(Ae, {
 			title: g,
 			styles: C?.section,
-			className: c(He, _, H.asideSection),
+			className: c(_, V.asideSection),
 			children: h
 		}),
 		styles: C?.layout,
@@ -547,22 +547,22 @@ var H = {
 		})] })] }),
 		leftContent: /* @__PURE__ */ F(N, { children: [
 			!E && T,
-			/* @__PURE__ */ P(ke, {
+			/* @__PURE__ */ P(Ae, {
 				title: d === null ? void 0 : d ?? S?.metadataTitle ?? "Metadata",
 				styles: C?.section,
-				className: c(He, b, H.metadataSection),
+				className: c(b, V.metadataSection),
 				children: u
 			}),
 			f
 		] }),
-		centerContent: E ? /* @__PURE__ */ F(N, { children: [T, /* @__PURE__ */ P(ke, {
+		centerContent: E ? /* @__PURE__ */ F(N, { children: [T, /* @__PURE__ */ P(Ae, {
 			title: m === null ? void 0 : m ?? S?.setupTitle ?? "Setup",
 			styles: C?.section,
-			className: c(He, Ue, x, H.setupSection),
+			className: c(We, x, V.setupSection),
 			children: p
 		})] }) : void 0
 	});
-}), Ke = {
+}), qe = {
 	name: {
 		label: "Name",
 		placeholder: "Enter name"
@@ -601,7 +601,7 @@ var H = {
 		saveLabel: "Save"
 	},
 	ariaLabel: "Metadata"
-}, qe = {
+}, Je = {
 	title: "Add avatar",
 	attachLabel: "Attach",
 	emptyTitle: "This folder is empty",
@@ -625,12 +625,12 @@ var H = {
 	deleteConfirmItemsLabel: "items?",
 	deleteConfirmLabel: "Delete",
 	deleteCancelLabel: "Cancel"
-}, Je = Ce(({ values: e, errors: t, onChange: n, onNameBlur: r, onVersionBlur: i, avatarPicker: a, availableLocaleOptions: o, fields: s = Fe, isNameReadOnly: c, nameReadOnlyTooltip: l, nameCaption: u, isDescriptionRequired: d, descriptionCaption: f, renderDescription: p, focusRequestKey: m, labels: h }) => {
-	let [g, _] = V(!1), v = z(() => a ? s : s.filter((e) => e !== G.Avatar), [a, s]), y = e.iconUrl, b = a?.resolveIconUrl, x = z(() => b ? b(y) : void 0, [y, b]), S = L(() => _(!0), []), C = L(() => _(!1), []), w = a?.resolveAttachedIconUrl, T = L((e) => {
+}, Ye = Ce(({ values: e, errors: t, onChange: n, onNameBlur: r, onVersionBlur: i, avatarPicker: a, availableLocaleOptions: o, fields: s = Le, isNameReadOnly: c, nameReadOnlyTooltip: l, nameCaption: u, isDescriptionRequired: d, descriptionCaption: f, renderDescription: p, focusRequestKey: m, labels: h }) => {
+	let [g, _] = B(!1), v = R(() => a ? s : s.filter((e) => e !== U.Avatar), [a, s]), y = e.iconUrl, b = a?.resolveIconUrl, x = R(() => b ? b(y) : void 0, [y, b]), S = L(() => _(!0), []), C = L(() => _(!1), []), w = a?.resolveAttachedIconUrl, T = L((e) => {
 		let t = w?.(e);
 		t && n({ iconUrl: t }), _(!1);
 	}, [n, w]);
-	return /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(Ve, {
+	return /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(Ue, {
 		values: e,
 		errors: t,
 		onChange: n,
@@ -638,7 +638,7 @@ var H = {
 		onVersionBlur: i,
 		iconPreviewUrl: x,
 		onAddAvatarClick: S,
-		labels: h?.form ?? Ke,
+		labels: h?.form ?? qe,
 		availableLocaleOptions: o,
 		fields: v,
 		isNameReadOnly: c,
@@ -648,7 +648,7 @@ var H = {
 		descriptionCaption: f,
 		renderDescription: p,
 		focusRequestKey: m
-	}), a && /* @__PURE__ */ P(Pe, {
+	}), a && /* @__PURE__ */ P(Ie, {
 		isOpen: g,
 		onClose: C,
 		onAttach: T,
@@ -656,51 +656,51 @@ var H = {
 		FileManagerModal: a.FileManagerModal,
 		allowedMimeTypes: a.allowedMimeTypes,
 		maxFileSizeBytes: a.maxFileSizeBytes,
-		labels: h?.avatarPicker ?? qe
+		labels: h?.avatarPicker ?? Je
 	})] });
-}), Ye = /* @__PURE__ */ function(e) {
+}), Xe = /* @__PURE__ */ function(e) {
 	return e.Required = "required", e.InvalidFormat = "invalid-format", e.TooLong = "too-long", e.ControlCharacters = "control-characters", e;
 }({});
-Ye.TooLong, Ye.ControlCharacters;
+Xe.TooLong, Xe.ControlCharacters;
 //#endregion
 //#region src/constants/public-class-names.ts
-var Xe = {
+var Ze = {
 	root: "dial-skill-editor-root",
 	refineFeedback: "dial-skill-editor-refine-feedback"
-}, K = "SKILL.md", q = /* @__PURE__ */ function(e) {
+}, W = "SKILL.md", G = /* @__PURE__ */ function(e) {
 	return e.File = "file", e.Folder = "folder", e;
-}({}), Ze = /* @__PURE__ */ function(e) {
+}({}), Qe = /* @__PURE__ */ function(e) {
 	return e.Header = "header", e.Child = "child", e;
-}({}), Qe = (e) => {
+}({}), $e = (e) => {
 	let t = e.lastIndexOf("/");
 	return t === -1 ? null : e.slice(0, t);
-}, $e = (e) => {
+}, et = (e) => {
 	let t = e.lastIndexOf("/");
 	return t === -1 ? e : e.slice(t + 1);
-}, et = (e) => {
+}, tt = (e) => {
 	let t = /* @__PURE__ */ new Map(), n = (e) => {
 		let n = t.get(e);
 		if (n) return n;
 		let r = {
 			path: e,
-			name: $e(e),
-			nodeType: Te.FOLDER,
-			parentPath: Qe(e),
+			name: et(e),
+			nodeType: Ee.FOLDER,
+			parentPath: $e(e),
 			folderId: e,
 			items: []
 		};
 		return t.set(e, r), r;
 	};
-	for (let r of e) r.kind === q.Folder ? n(r.path).name = r.name : t.set(r.path, {
+	for (let r of e) r.kind === G.Folder ? n(r.path).name = r.name : t.set(r.path, {
 		path: r.path,
 		name: r.name,
-		nodeType: Te.ITEM,
-		parentPath: Qe(r.path),
-		folderId: Qe(r.path) ?? ""
+		nodeType: Ee.ITEM,
+		parentPath: $e(r.path),
+		folderId: $e(r.path) ?? ""
 	});
 	for (let t of [...e]) {
-		let e = Qe(t.path);
-		for (; e != null;) n(e), e = Qe(e);
+		let e = $e(t.path);
+		for (; e != null;) n(e), e = $e(e);
 	}
 	let r = [];
 	for (let e of t.values()) {
@@ -712,17 +712,17 @@ var Xe = {
 		n ? n.items = [...n.items ?? [], e] : r.push(e);
 	}
 	return r;
-}, tt = (e, t) => e ? `${e}/${t}` : t, nt = (e, t) => {
-	let n = e.lastIndexOf("/"), r = n === -1 ? "" : e.slice(0, n), i = e.slice(n + 1), a = i.lastIndexOf("."), o = a > 0, s = o ? i.slice(0, a) : i, c = o ? i.slice(a) : "", l = 1, u = tt(r, `${s} (${l})${c}`);
-	for (; t.has(u);) l += 1, u = tt(r, `${s} (${l})${c}`);
+}, nt = (e, t) => e ? `${e}/${t}` : t, rt = (e, t) => {
+	let n = e.lastIndexOf("/"), r = n === -1 ? "" : e.slice(0, n), i = e.slice(n + 1), a = i.lastIndexOf("."), o = a > 0, s = o ? i.slice(0, a) : i, c = o ? i.slice(a) : "", l = 1, u = nt(r, `${s} (${l})${c}`);
+	for (; t.has(u);) l += 1, u = nt(r, `${s} (${l})${c}`);
 	return u;
-}, rt = (e, t) => {
+}, it = (e, t) => {
 	if (!t) return "";
 	switch (e) {
-		case Ze.Child: return t.path;
-		case Ze.Header: return t.kind === q.Folder ? t.path : "";
+		case Qe.Child: return t.path;
+		case Qe.Header: return t.kind === G.Folder ? t.path : "";
 	}
-}, it = (e, t) => {
+}, at = (e, t) => {
 	let n = t ? `${t}/` : "", r = /* @__PURE__ */ new Set();
 	for (let { path: i } of e) {
 		if (!i.startsWith(n) || i === t) continue;
@@ -730,19 +730,19 @@ var Xe = {
 		r.add(e.split("/")[0]);
 	}
 	return r;
-}, J = (e, t, n) => {
+}, ot = (e, t, n) => {
 	let r = e.trim();
 	if (!r) return n.required;
 	if (/[/\\]/.test(r) || r === "." || r === "..") return n.invalid;
 	if (t.has(r)) return n.duplicate;
-}, at = "\\new-folder", ot = ({ files: e, fileActions: t, defaultName: n, messages: r, onRevealFolder: i, onCreated: a }) => {
-	let [o, s] = V(null), c = o?.parentPath ?? null, l = B([]), u = c == null ? void 0 : tt(c, at), d = z(() => u == null ? void 0 : {
+}, K = "\\new-folder", st = ({ files: e, fileActions: t, defaultName: n, messages: r, onRevealFolder: i, onCreated: a }) => {
+	let [o, s] = B(null), c = o?.parentPath ?? null, l = z([]), u = c == null ? void 0 : nt(c, K), d = R(() => u == null ? void 0 : {
 		path: u,
 		name: n,
-		kind: q.Folder
+		kind: G.Folder
 	}, [u, n]), f = L((n, i) => {
-		let a = it(e, i);
-		return i === "" && a.add(K), J(n, a, r) ?? t.validateFolderPath?.(tt(i, n.trim()));
+		let a = at(e, i);
+		return i === "" && a.add(W), ot(n, a, r) ?? t.validateFolderPath?.(nt(i, n.trim()));
 	}, [
 		e,
 		r,
@@ -766,7 +766,7 @@ var Xe = {
 	]), h = L(() => {
 		l.current = [], s(null);
 	}, []), g = L((e, n) => {
-		let r = tt(n, e.trim());
+		let r = nt(n, e.trim());
 		t.onCreateFolder?.(r), n !== "" && i(n), a(r);
 	}, [
 		t,
@@ -793,22 +793,22 @@ var Xe = {
 		validateNewFolder: f,
 		createFolder: g
 	};
-}, st = (e) => !!e.dataTransfer?.types.includes("Files"), ct = (e) => {
-	let [t, n] = V(!1), r = B(0);
+}, q = (e) => !!e.dataTransfer?.types.includes("Files"), ct = (e) => {
+	let [t, n] = B(!1), r = z(0);
 	return {
 		isDragActive: t,
 		dropZoneHandlers: {
 			onDragEnter: L((e) => {
-				st(e) && (e.preventDefault(), r.current += 1, n(!0));
+				q(e) && (e.preventDefault(), r.current += 1, n(!0));
 			}, []),
 			onDragLeave: L((e) => {
-				st(e) && (--r.current, r.current <= 0 && (r.current = 0, n(!1)));
+				q(e) && (--r.current, r.current <= 0 && (r.current = 0, n(!1)));
 			}, []),
 			onDragOver: L((e) => {
-				st(e) && e.preventDefault();
+				q(e) && e.preventDefault();
 			}, []),
 			onDrop: L((t) => {
-				if (!st(t)) return;
+				if (!q(t)) return;
 				t.preventDefault(), r.current = 0, n(!1);
 				let i = Array.from(t.dataTransfer?.files ?? []);
 				i.length > 0 && e(i);
@@ -817,7 +817,7 @@ var Xe = {
 	};
 }, lt = /* @__PURE__ */ function(e) {
 	return e.Files = "files", e.Archive = "archive", e;
-}({}), Y = /* @__PURE__ */ function(e) {
+}({}), J = /* @__PURE__ */ function(e) {
 	return e.Mobile = "mobile", e.Desktop = "desktop", e;
 }({}), ut = (e, t, n = y.MD, r) => /* @__PURE__ */ P(e, {
 	size: n,
@@ -878,8 +878,8 @@ var Xe = {
 		children: p
 	});
 }, pt = ({ isOpen: e, onClose: t, validateName: n, onCreate: r, title: i, nameLabel: a, namePlaceholder: o, createLabel: s, cancelLabel: c, closeAriaLabel: l, dialogColors: u }) => {
-	let d = we(), [f, p] = V(""), [m, h] = V(!1);
-	R(() => {
+	let d = Te(), [f, p] = B(""), [m, h] = B(!1);
+	we(() => {
 		e && (p(""), h(!1));
 	}, [e]);
 	let g = m ? n(f) : void 0, _ = () => {
@@ -966,29 +966,29 @@ var Xe = {
 	children: i
 }), vt = /* @__PURE__ */ function(e) {
 	return e.SupportingFile = "supporting-file", e.Manifest = "manifest", e;
-}({}), yt = /* @__PURE__ */ function(e) {
+}({}), Y = /* @__PURE__ */ function(e) {
 	return e.Valid = "valid", e.Invalid = "invalid", e;
 }({}), X = /* @__PURE__ */ function(e) {
 	return e.Replace = "replace", e.Duplicate = "duplicate", e;
-}({}), bt = (e) => (e.webkitRelativePath || e.name).replace(/\\/g, "/"), xt = {
+}({}), yt = (e) => (e.webkitRelativePath || e.name).replace(/\\/g, "/"), bt = {
 	invalidDropZone: "_invalidDropZone_j9j9q_1",
 	row: "_row_j9j9q_5"
-}, St = ".zip,application/zip", Ct = [], wt = 0, Tt = () => `skill-file-candidate-${++wt}`, Z = (e, t, n) => ({
-	id: Tt(),
+}, xt = ".zip,application/zip", St = [], Ct = 0, wt = () => `skill-file-candidate-${++Ct}`, Tt = (e, t, n) => ({
+	id: wt(),
 	file: e,
-	path: tt(n, t.replace(/\\/g, "/"))
-}), Et = ({ isOpen: e, onClose: t, fileActions: n, mode: r = lt.Files, targetFolderPath: i = "", initialFiles: a, initialEntries: l, existingFilePaths: u = Ct, onCommitted: d, messageClassName: f = "dial-small-text", rowCaptionClassName: p, labels: m, dialogColors: h, colors: g }) => {
-	let _ = m ?? {}, [y, x] = V([]), [S, C] = V([]), [w, O] = V(X.Replace), k = z(() => new Set(u), [u]), [A, te] = V(/* @__PURE__ */ new Map()), [j, ae] = V([]), [oe, se] = V(!1), [M, le] = V(), [de, fe] = V(!1), [pe, me] = V(), [he, ge] = V(0), _e = B(0), I = r === lt.Archive, ve = _.uploadArchiveErrorMessage ?? "Couldn't read this archive", be = we(), xe = we(), Se = we(), Ce = B(null), L = B(!1), Te = S[0]?.id;
-	R(() => {
-		e && (Te == null ? L.current && (L.current = !1, document.getElementById(xe)?.focus()) : (L.current = !0, Ce.current?.focus()));
+	path: nt(n, t.replace(/\\/g, "/"))
+}), Et = ({ isOpen: e, onClose: t, fileActions: n, mode: r = lt.Files, targetFolderPath: i = "", initialFiles: a, initialEntries: l, existingFilePaths: u = St, onCommitted: d, messageClassName: f = "dial-small-text", rowCaptionClassName: p, labels: m, dialogColors: h, colors: g }) => {
+	let _ = m ?? {}, [y, x] = B([]), [S, C] = B([]), [w, O] = B(X.Replace), k = R(() => new Set(u), [u]), [A, te] = B(/* @__PURE__ */ new Map()), [j, ae] = B([]), [oe, se] = B(!1), [M, le] = B(), [de, fe] = B(!1), [pe, me] = B(), [he, ge] = B(0), _e = z(0), I = r === lt.Archive, ve = _.uploadArchiveErrorMessage ?? "Couldn't read this archive", be = Te(), xe = Te(), Se = Te(), Ce = z(null), L = z(!1), Ee = S[0]?.id;
+	we(() => {
+		e && (Ee == null ? L.current && (L.current = !1, document.getElementById(xe)?.focus()) : (L.current = !0, Ce.current?.focus()));
 	}, [
-		Te,
+		Ee,
 		e,
 		xe
 	]);
-	let Ee = (e) => e.path !== "SKILL.md" && k.has(e.path), De = (e) => {
-		le(void 0), x((t) => [...t, ...e.filter((e) => !Ee(e))]), C((t) => [...t, ...e.filter(Ee)]);
-	}, H = (e) => {
+	let De = (e) => e.path !== "SKILL.md" && k.has(e.path), Oe = (e) => {
+		le(void 0), x((t) => [...t, ...e.filter((e) => !De(e))]), C((t) => [...t, ...e.filter(De)]);
+	}, V = (e) => {
 		let [t, ...n] = S;
 		t && (C(n), O(X.Replace), e != null && (le(void 0), x((r) => {
 			if (e === X.Replace) return [...r, {
@@ -1002,10 +1002,10 @@ var Xe = {
 			]);
 			return [...r, {
 				...t,
-				path: nt(t.path, i)
+				path: rt(t.path, i)
 			}];
 		})));
-	}, Oe = async (e) => {
+	}, ke = async (e) => {
 		let { extractArchive: t } = n;
 		if (!t) return;
 		let r = _e.current;
@@ -1018,24 +1018,24 @@ var Xe = {
 				me(_.uploadArchiveEmptyMessage ?? "This archive has no files");
 				return;
 			}
-			De(a.map((e) => Z(e.file, e.path, i)));
+			Oe(a.map((e) => Tt(e.file, e.path, i)));
 		} catch {
 			if (r !== _e.current) return;
 			me(ve);
 		} finally {
 			r === _e.current && ge((e) => e - 1);
 		}
-	}, ke = (e) => {
-		I ? Oe(e) : De(e.map((e) => Z(e, bt(e), i)));
-	}, U = (e) => {
+	}, Ae = (e) => {
+		I ? ke(e) : Oe(e.map((e) => Tt(e, yt(e), i)));
+	}, H = (e) => {
 		x((t) => t.filter((t) => t.id !== e));
 	};
-	R(() => {
+	we(() => {
 		if (!e) return;
 		_e.current += 1;
-		let t = [...(a ?? []).map((e) => Z(e, bt(e), i)), ...(l ?? []).map((e) => Z(e.file, e.path, i))];
-		x(t.filter((e) => !Ee(e))), C(t.filter(Ee)), O(X.Replace), te(/* @__PURE__ */ new Map()), ae([]), le(void 0), me(void 0), ge(0);
-	}, [e]), R(() => {
+		let t = [...(a ?? []).map((e) => Tt(e, yt(e), i)), ...(l ?? []).map((e) => Tt(e.file, e.path, i))];
+		x(t.filter((e) => !De(e))), C(t.filter(De)), O(X.Replace), te(/* @__PURE__ */ new Map()), ae([]), le(void 0), me(void 0), ge(0);
+	}, [e]), we(() => {
 		if (!e) return;
 		let t = !1;
 		if (y.length === 0) te(/* @__PURE__ */ new Map()), ae([]);
@@ -1047,14 +1047,14 @@ var Xe = {
 			t = !0;
 		};
 	}, [y, e]);
-	let Ae = y.some((e) => A.get(e.id)?.status === yt.Invalid), je = y.length > 0 && y.every((e) => A.get(e.id)?.status === yt.Invalid), Me = [...j, ...y.flatMap((e) => {
+	let je = y.some((e) => A.get(e.id)?.status === Y.Invalid), Me = y.length > 0 && y.every((e) => A.get(e.id)?.status === Y.Invalid), Ne = [...j, ...y.flatMap((e) => {
 		let t = A.get(e.id);
-		return t?.status === yt.Invalid && t.error ? [`${e.path}: ${t.error}`] : [];
-	})], W = y.length > 0 && !Ae && j.length === 0 && !oe && !de && he === 0, Ne = async () => {
+		return t?.status === Y.Invalid && t.error ? [`${e.path}: ${t.error}`] : [];
+	})], Pe = y.length > 0 && !je && j.length === 0 && !oe && !de && he === 0, Fe = async () => {
 		fe(!0), le(void 0);
 		try {
 			let { results: e, batchErrors: r } = await n.validateBatch(y), i = new Map(e.map((e) => [e.candidateId, e]));
-			if (te(i), ae(r.map((e) => e.message)), y.some((e) => i.get(e.id)?.status === yt.Invalid) || r.length > 0) return;
+			if (te(i), ae(r.map((e) => e.message)), y.some((e) => i.get(e.id)?.status === Y.Invalid) || r.length > 0) return;
 			let a = await n.commitBatch(y);
 			if (a.error) {
 				le(a.error);
@@ -1064,18 +1064,18 @@ var Xe = {
 		} finally {
 			fe(!1);
 		}
-	}, Pe = _.uploadDialogCloseAriaLabel ?? "Close", G = _.uploadCancelLabel ?? "Cancel", [Fe] = S;
-	if (Fe) {
+	}, Ie = _.uploadDialogCloseAriaLabel ?? "Close", U = _.uploadCancelLabel ?? "Cancel", [Le] = S;
+	if (Le) {
 		let t = _.uploadConflictTitle ?? "Replace or duplicate it?";
 		return /* @__PURE__ */ P(ft, {
 			isOpen: e,
 			title: t,
-			closeAriaLabel: Pe,
-			onClose: () => H(null),
+			closeAriaLabel: Ie,
+			onClose: () => V(null),
 			confirmLabel: _.uploadConflictConfirmLabel ?? "Confirm",
-			onConfirm: () => H(w),
-			cancelLabel: G,
-			onCancel: () => H(null),
+			onConfirm: () => V(w),
+			cancelLabel: U,
+			onCancel: () => V(null),
 			colors: h,
 			children: /* @__PURE__ */ F("div", {
 				className: "flex flex-col gap-4 px-4 py-4 desktop:px-6",
@@ -1083,7 +1083,7 @@ var Xe = {
 					ref: Ce,
 					tabIndex: -1,
 					className: c("outline-hidden", f),
-					children: _.uploadConflictMessage?.(Fe.path) ?? `Item with the same name "${Fe.path}" already exists.`
+					children: _.uploadConflictMessage?.(Le.path) ?? `Item with the same name "${Le.path}" already exists.`
 				}), /* @__PURE__ */ P(ce, {
 					ariaLabel: t,
 					value: w,
@@ -1102,13 +1102,13 @@ var Xe = {
 	return /* @__PURE__ */ P(ft, {
 		isOpen: e,
 		title: I ? _.uploadArchiveDialogTitle ?? "Upload archive from device" : _.uploadDialogTitle ?? "Upload files from device",
-		closeAriaLabel: Pe,
+		closeAriaLabel: Ie,
 		onClose: t,
 		confirmLabel: _.uploadConfirmLabel ?? "Add",
-		onConfirm: () => void Ne(),
-		isConfirmDisabled: !W,
+		onConfirm: () => void Fe(),
+		isConfirmDisabled: !Pe,
 		isConfirming: de,
-		cancelLabel: G,
+		cancelLabel: U,
 		onCancel: t,
 		colors: h,
 		children: /* @__PURE__ */ F("div", {
@@ -1130,9 +1130,9 @@ var Xe = {
 					id: xe,
 					ariaLabel: _.uploadDropZoneAriaLabel ?? "Upload files",
 					multiple: !0,
-					accept: I ? St : void 0,
-					className: je ? xt.invalidDropZone : void 0,
-					onChange: ke,
+					accept: I ? xt : void 0,
+					className: Me ? bt.invalidDropZone : void 0,
+					onChange: Ae,
 					onReject: I ? () => me(ve) : void 0
 				}),
 				he > 0 && /* @__PURE__ */ P(ue, { ariaLabel: _.uploadArchiveExtractingAriaLabel ?? "Reading archive" }),
@@ -1144,15 +1144,15 @@ var Xe = {
 					visuallyHidden: !0,
 					as: re.Span,
 					id: be,
-					children: Me.map((e) => `${_.uploadBatchErrorAriaPrefix ?? "Upload error: "}${e}`).join(" ")
+					children: Ne.map((e) => `${_.uploadBatchErrorAriaPrefix ?? "Upload error: "}${e}`).join(" ")
 				}),
 				j.map((e) => /* @__PURE__ */ P(T, { text: e }, e)),
 				y.length > 0 && /* @__PURE__ */ P("ul", {
 					className: "flex flex-col gap-2",
 					children: y.map((e) => {
-						let t = A.get(e.id), n = t?.kind === vt.Manifest, r = t?.status === yt.Invalid, i = r ? t?.error : void 0, a = `${Se}${e.id}`;
+						let t = A.get(e.id), n = t?.kind === vt.Manifest, r = t?.status === Y.Invalid, i = r ? t?.error : void 0, a = `${Se}${e.id}`;
 						return /* @__PURE__ */ F("li", {
-							className: c("flex items-center gap-2 rounded-lg border p-2", xt.row),
+							className: c("flex items-center gap-2 rounded-lg border p-2", bt.row),
 							children: [/* @__PURE__ */ P(D, {
 								name: e.path,
 								className: "min-w-0 flex-1",
@@ -1182,7 +1182,7 @@ var Xe = {
 								}),
 								"aria-label": _.uploadRemoveCandidateLabel?.(e.path) ?? `Remove ${e.path}`,
 								"aria-describedby": i ? a : void 0,
-								onClick: () => U(e.id)
+								onClick: () => H(e.id)
 							})]
 						}, e.id);
 					})
@@ -1203,93 +1203,93 @@ var Xe = {
 }, Ot = {
 	mode: lt.Files,
 	targetFolderPath: ""
-}, kt = [G.Name, G.Description], At = 24, jt = 300, Mt = "pb-0 desktop:px-8 desktop:py-6", Nt = "desktop:px-8 desktop:py-6", Pt = "gap-4 px-4 pt-5 pb-6 desktop:gap-5 desktop:px-8 desktop:py-6", Ft = Se(async () => {
-	let { MarkdownEditor: e } = await De();
+}, kt = [U.Name, U.Description], At = 24, jt = 300, Mt = "pb-0 desktop:px-8 desktop:py-6", Nt = "desktop:px-8 desktop:py-6", Pt = "gap-4 px-4 pt-5 pb-6 desktop:gap-5 desktop:px-8 desktop:py-6", Ft = Se(async () => {
+	let { MarkdownEditor: e } = await Oe();
 	return { default: e };
-}), Q = ({ initialValues: r, files: i, selectedPath: s, onSelectedPathChange: d, expandedPaths: p, onExpandedPathsChange: m, isLoading: x = !1, hasLoadError: E = !1, isSubmitting: D = !1, errors: k, submitError: te, conflict: ne, onReloadLatest: re, isNameReadOnly: ie = !1, onDirtyChange: j, onValuesChange: ae, onRefineDescription: oe, onRefineInstructions: ce, fileActions: M, supportingFileContent: le, asideData: de, onSubmit: fe, onCancel: pe, onBack: me, backAriaLabel: I, title: ve, onRetry: Se, onRetrySubmit: Ce, labels: De, styles: H, dir: Oe, instructionsEditorTheme: ke = S.light }) => {
-	let [U, Ae] = V({
+}), Z = ({ initialValues: r, files: i, selectedPath: s, onSelectedPathChange: d, expandedPaths: p, onExpandedPathsChange: m, isLoading: x = !1, hasLoadError: E = !1, isSubmitting: D = !1, errors: k, submitError: te, conflict: ne, onReloadLatest: re, isNameReadOnly: ie = !1, onDirtyChange: j, onValuesChange: ae, onRefineDescription: oe, onRefineInstructions: ce, fileActions: M, supportingFileContent: le, asideData: de, onSubmit: fe, onCancel: pe, onBack: me, backAriaLabel: I, title: ve, onRetry: Se, onRetrySubmit: Ce, labels: Oe, styles: V, dir: ke, instructionsEditorTheme: Ae = S.light }) => {
+	let [H, je] = B({
 		name: r?.name ?? "",
 		description: r?.description ?? "",
 		instructions: r?.instructions ?? ""
-	}), je = we(), Me = we();
-	u(() => document.getElementById(je), Me, !!k?.instructions);
-	let W = B(void 0), Ne = l({
+	}), Me = Te(), Ne = Te();
+	u(() => document.getElementById(Me), Ne, !!k?.instructions);
+	let Pe = z(void 0), Fe = l({
 		bottomGap: At,
 		minHeight: jt
-	}), Pe = B(U), G = (e) => {
+	}), Ie = z(H), U = (e) => {
 		let t = {
-			...Pe.current,
+			...Ie.current,
 			...e
 		};
-		Pe.current = t, Ae(t), ae?.(t);
-	}, Fe = (e) => e ? async (t, n) => {
-		if (W.current && !W.current.aborted) throw new DOMException("Busy", "AbortError");
-		W.current = n;
+		Ie.current = t, je(t), ae?.(t);
+	}, Le = (e) => e ? async (t, n) => {
+		if (Pe.current && !Pe.current.aborted) throw new DOMException("Busy", "AbortError");
+		Pe.current = n;
 		try {
 			return await e(t, n);
 		} finally {
-			W.current === n && (W.current = void 0);
+			Pe.current === n && (Pe.current = void 0);
 		}
-	} : void 0, Ie = f({
-		value: U.description,
-		onChange: (e) => G({ description: e }),
-		onRefine: Fe(oe),
+	} : void 0, Re = f({
+		value: H.description,
+		onChange: (e) => U({ description: e }),
+		onRefine: Le(oe),
 		disabled: D || x || E,
 		resetKey: r
-	}), Le = f({
-		value: U.instructions,
-		onChange: (e) => G({ instructions: e }),
-		onRefine: Fe(ce),
+	}), ze = f({
+		value: H.instructions,
+		onChange: (e) => U({ instructions: e }),
+		onRefine: Le(ce),
 		disabled: D || x || E,
 		resetKey: r
-	}), Re = Ie.isPending || Le.isPending, ze = () => {
-		Ie.reset(), Le.reset();
-	}, Be = () => {
-		ze(), pe();
-	}, Ve = () => {
-		ze(), me();
+	}), Be = Re.isPending || ze.isPending, Ve = () => {
+		Re.reset(), ze.reset();
 	}, He = () => {
-		D || x || E || W.current && !W.current.aborted || fe(U);
-	}, Ue = B(r), We = Ue.current !== r, qe = B(i), [Ye, Qe] = V(!1);
-	R(() => {
-		Ue.current = r;
+		Ve(), pe();
+	}, Ue = () => {
+		Ve(), me();
+	}, We = () => {
+		D || x || E || Pe.current && !Pe.current.aborted || fe(H);
+	}, Ge = z(r), Je = Ge.current !== r, Xe = z(i), [$e, et] = B(!1);
+	we(() => {
+		Ge.current = r;
 		let e = {
 			name: r?.name ?? "",
 			description: r?.description ?? "",
 			instructions: r?.instructions ?? ""
 		};
-		Pe.current = e, Ae(e), qe.current = i, Qe(!1);
+		Ie.current = e, je(e), Xe.current = i, et(!1);
 	}, [r]);
-	let $e = (e) => JSON.stringify([...e].sort((e, t) => e.path.localeCompare(t.path))), tt = B(!1);
-	R(() => {
-		if (We) return;
+	let nt = (e) => JSON.stringify([...e].sort((e, t) => e.path.localeCompare(t.path))), rt = z(!1);
+	we(() => {
+		if (Je) return;
 		let e = {
 			name: r?.name ?? "",
 			description: r?.description ?? "",
 			instructions: r?.instructions ?? ""
-		}, t = JSON.stringify(U) !== JSON.stringify(e) || $e(i) !== $e(qe.current) || Ye;
-		t !== tt.current && (tt.current = t, j?.(t));
+		}, t = JSON.stringify(H) !== JSON.stringify(e) || nt(i) !== nt(Xe.current) || $e;
+		t !== rt.current && (rt.current = t, j?.(t));
 	}, [
-		U,
+		H,
 		i,
 		r,
-		We,
-		Ye,
+		Je,
+		$e,
 		j
 	]);
-	let [nt, it] = V(K), J = s ?? nt, at = L((e) => {
-		it(e), d?.(e);
-	}, [d]), [st, dt] = V([]), ft = p ?? st, mt = z(() => new Set(ft), [ft]), gt = L((e) => {
+	let [at, ot] = B(W), K = s ?? at, q = L((e) => {
+		ot(e), d?.(e);
+	}, [d]), [dt, ft] = B([]), mt = p ?? dt, gt = R(() => new Set(mt), [mt]), vt = L((e) => {
 		let t = [...e];
-		dt(t), m?.(t);
-	}, [m]), [vt, yt] = V(!1), [X, bt] = V(Ot), xt = L((e) => {
-		bt(e), yt(!0);
-	}, []), [St, Ct] = V(!1), { isDragActive: wt, dropZoneHandlers: Tt } = ct(L((e) => {
-		vt || xt({
+		ft(t), m?.(t);
+	}, [m]), [Y, X] = B(!1), [yt, bt] = B(Ot), xt = L((e) => {
+		bt(e), X(!0);
+	}, []), [St, Ct] = B(!1), { isDragActive: wt, dropZoneHandlers: Tt } = ct(L((e) => {
+		Y || xt({
 			...Ot,
 			initialFiles: e
 		});
-	}, [vt, xt])), Z = De ?? {}, Q = H?.colors, $ = H?.typography ?? {}, It = $.titleClassName ?? "dial-body-semi-text", Lt = $.helperTextClassName ?? "dial-tiny-semi-text", Rt = $.removeIconClassName, zt = z(() => o({ "--se-menu-icon": Q?.menuIcon }), [Q?.menuIcon]), Bt = o({
+	}, [Y, xt])), Z = Oe ?? {}, Q = V?.colors, $ = V?.typography ?? {}, It = $.titleClassName ?? "dial-body-semi-text", Lt = $.helperTextClassName ?? "dial-tiny-semi-text", Rt = $.removeIconClassName, zt = R(() => o({ "--se-menu-icon": Q?.menuIcon }), [Q?.menuIcon]), Bt = o({
 		"--se-title-color": Q?.title,
 		"--se-helper-text-color": Q?.helperText,
 		"--se-refine-action-text": Q?.refineActionText,
@@ -1301,7 +1301,7 @@ var Xe = {
 		footerBackground: Q?.dialogFooterBackground,
 		footerBorder: Q?.dialogFooterBorder
 	}, Ht = {
-		feedbackClassName: c(Q?.refineActionText && Dt.refineFeedback, $.refineFeedbackClassName, Xe.refineFeedback),
+		feedbackClassName: c(Q?.refineActionText && Dt.refineFeedback, $.refineFeedbackClassName, Ze.refineFeedback),
 		errorClassName: Dt.refineError
 	}, Ut = {
 		layout: Q?.border ? { colors: {
@@ -1309,7 +1309,7 @@ var Xe = {
 			sidebarBorderColor: Q.border
 		} } : void 0,
 		section: Q?.title ? { colors: { titleColor: Q.title } } : void 0
-	}, Wt = z(() => ({
+	}, Wt = R(() => ({
 		required: Z.folderNameRequiredError ?? "Enter a folder name",
 		invalid: Z.folderNameInvalidError ?? "Folder name can't contain / or \\, or be . or ..",
 		duplicate: Z.folderNameDuplicateError ?? "An item with this name already exists here"
@@ -1318,8 +1318,8 @@ var Xe = {
 		Z.folderNameInvalidError,
 		Z.folderNameDuplicateError
 	]), Gt = L((e) => {
-		mt.has(e) || gt(/* @__PURE__ */ new Set([...mt, e]));
-	}, [mt, gt]), Kt = X.targetFolderPath, qt = z(() => ({
+		gt.has(e) || vt(/* @__PURE__ */ new Set([...gt, e]));
+	}, [gt, vt]), Kt = yt.targetFolderPath, qt = R(() => ({
 		...M,
 		commitBatch: async (e) => {
 			let t = await M.commitBatch(e);
@@ -1329,22 +1329,22 @@ var Xe = {
 		M,
 		Kt,
 		Gt
-	]), Jt = ot({
+	]), Jt = st({
 		files: i,
 		fileActions: M,
 		defaultName: Z.newFolderDefaultName ?? "New folder",
 		messages: Wt,
 		onRevealFolder: Gt,
-		onCreated: at
-	}), { draftNode: Yt, draftPath: Xt, draftPane: Zt } = Jt, Qt = z(() => et([{
-		path: K,
-		name: K,
-		kind: q.File
-	}, ...i]), [i]), $t = z(() => Yt ? et([
+		onCreated: q
+	}), { draftNode: Yt, draftPath: Xt, draftPane: Zt } = Jt, Qt = R(() => tt([{
+		path: W,
+		name: W,
+		kind: G.File
+	}, ...i]), [i]), $t = R(() => Yt ? tt([
 		{
-			path: K,
-			name: K,
-			kind: q.File
+			path: W,
+			name: W,
+			kind: G.File
 		},
 		...i,
 		Yt
@@ -1352,17 +1352,17 @@ var Xe = {
 		i,
 		Yt,
 		Qt
-	]), en = z(() => i.find((e) => e.path === J), [i, J]), tn = L((e) => {
-		e.path !== Xt && at(e.path);
-	}, [at, Xt]), nn = L((e) => {
-		M.onRemoveNode(e), J === e && at(K);
+	]), en = R(() => i.find((e) => e.path === K), [i, K]), tn = L((e) => {
+		e.path !== Xt && q(e.path);
+	}, [q, Xt]), nn = L((e) => {
+		M.onRemoveNode(e), K === e && q(W);
 	}, [
 		M,
-		J,
-		at
-	]), { startDraft: rn } = Jt, { onCreateFolder: an, extractArchive: on, pickFromFileSystem: sn } = M, [cn, ln] = V(null), un = L((e, t) => {
-		t === Y.Mobile ? ln(e) : rn(e, t);
-	}, [rn]), dn = z(() => i.filter((e) => e.kind === q.File).map((e) => e.path), [i]), fn = L(async (e) => {
+		K,
+		q
+	]), { startDraft: rn } = Jt, { onCreateFolder: an, extractArchive: on, pickFromFileSystem: sn } = M, [cn, ln] = B(null), un = L((e, t) => {
+		t === J.Mobile ? ln(e) : rn(e, t);
+	}, [rn]), dn = R(() => i.filter((e) => e.kind === G.File).map((e) => e.path), [i]), fn = L(async (e) => {
 		if (!sn) return;
 		let t = await sn();
 		t?.length && xt({
@@ -1411,23 +1411,23 @@ var Xe = {
 		un,
 		xt,
 		fn
-	]), mn = z(() => {
-		let e = rt(Ze.Header, i.find((e) => e.path === J));
+	]), mn = R(() => {
+		let e = it(Qe.Header, i.find((e) => e.path === K));
 		return {
-			[Y.Mobile]: pn(e, Y.Mobile),
-			[Y.Desktop]: pn(e, Y.Desktop)
+			[J.Mobile]: pn(e, J.Mobile),
+			[J.Desktop]: pn(e, J.Desktop)
 		};
 	}, [
 		pn,
 		i,
-		J
+		K
 	]), hn = L((e, t) => {
-		if (e.path === Xt || e.nodeType !== Te.FOLDER) return [];
+		if (e.path === Xt || e.nodeType !== Ee.FOLDER) return [];
 		let n = {
 			path: e.path,
 			name: e.name,
-			kind: q.Folder
-		}, r = pn(rt(Ze.Child, n), t);
+			kind: G.Folder
+		}, r = pn(it(Qe.Child, n), t);
 		return r.push({
 			key: "delete",
 			label: Z.deleteLabel ?? "Delete",
@@ -1441,10 +1441,10 @@ var Xe = {
 		Rt,
 		pn,
 		nn
-	]), gn = z(() => ({
-		[Y.Mobile]: (e) => hn(e, Y.Mobile),
-		[Y.Desktop]: (e) => hn(e, Y.Desktop)
-	}), [hn]), _n = L((e) => e.nodeType === Te.FOLDER || e.path === "SKILL.md" ? null : /* @__PURE__ */ P(ee, {
+	]), gn = R(() => ({
+		[J.Mobile]: (e) => hn(e, J.Mobile),
+		[J.Desktop]: (e) => hn(e, J.Desktop)
+	}), [hn]), _n = L((e) => e.nodeType === Ee.FOLDER || e.path === "SKILL.md" ? null : /* @__PURE__ */ P(ee, {
 		size: C.Small,
 		icon: ut(ye, Rt, y.SM),
 		"aria-label": Z.deleteLabel ?? "Delete",
@@ -1470,12 +1470,12 @@ var Xe = {
 		}), /* @__PURE__ */ P("div", {
 			role: "tree",
 			"aria-label": Z.filesTreeAriaLabel ?? "Skill files",
-			children: /* @__PURE__ */ P(Ee, {
+			children: /* @__PURE__ */ P(De, {
 				items: Zt === e ? $t : Qt,
 				showFiles: !0,
-				selectedPath: J,
-				expandedPaths: mt,
-				onExpandedPathsChange: gt,
+				selectedPath: K,
+				expandedPaths: gt,
+				onExpandedPathsChange: vt,
 				onItemClick: tn,
 				getContextMenuItems: gn[e],
 				renderItemActions: _n,
@@ -1486,18 +1486,18 @@ var Xe = {
 				rootItemPath: ""
 			})
 		})]
-	}), yn = z(() => ({
-		name: U.name,
-		description: U.description,
+	}), yn = R(() => ({
+		name: H.name,
+		description: H.description,
 		iconUrl: "",
 		version: "",
 		topics: [],
 		otherLocales: []
-	}), [U.name, U.description]), bn = z(() => ({
+	}), [H.name, H.description]), bn = R(() => ({
 		name: k?.name,
 		description: k?.description
-	}), [k?.name, k?.description]), xn = z(() => ({ form: {
-		...Ke,
+	}), [k?.name, k?.description]), xn = R(() => ({ form: {
+		...qe,
 		name: {
 			label: Z.nameLabel ?? "Name",
 			placeholder: Z.namePlaceholder ?? "good-morning-breakfast"
@@ -1513,24 +1513,24 @@ var Xe = {
 		Z.descriptionLabel,
 		Z.descriptionPlaceholder
 	]), Sn = (e) => {
-		e.name !== void 0 && G({ name: e.name }), e.description !== void 0 && (Ie.reset(), G({ description: e.description }));
+		e.name !== void 0 && U({ name: e.name }), e.description !== void 0 && (Re.reset(), U({ description: e.description }));
 	}, Cn = oe ? (e, t) => /* @__PURE__ */ P(a, {
 		isEnabled: !0,
 		fieldId: t,
 		required: !0,
 		label: Z.descriptionLabel ?? "Description",
 		labels: Z,
-		refinement: Ie,
-		disabled: Re || D,
+		refinement: Re,
+		disabled: Be || D,
 		...Ht,
 		children: e
 	}) : void 0, wn = {
 		title: ve,
-		onBack: Ve,
-		onCancel: Be,
-		onSubmit: He,
+		onBack: Ue,
+		onCancel: He,
+		onSubmit: We,
 		submitLabel: Z.createLabel ?? "Create",
-		isSubmitDisabled: Re || x || E,
+		isSubmitDisabled: Be || x || E,
 		labels: {
 			cancelLabel: Z.cancelLabel ?? "Cancel",
 			backAriaLabel: I ?? "Back",
@@ -1540,9 +1540,9 @@ var Xe = {
 		metadataTitle: null
 	};
 	if (x) return /* @__PURE__ */ P("div", {
-		dir: Oe,
+		dir: ke,
 		className: "relative flex min-h-0 flex-1 flex-col",
-		children: /* @__PURE__ */ P(Ge, {
+		children: /* @__PURE__ */ P(Ke, {
 			...wn,
 			metadata: /* @__PURE__ */ P("div", {
 				className: "flex flex-1 items-center justify-center p-8",
@@ -1551,9 +1551,9 @@ var Xe = {
 		})
 	});
 	if (E) return /* @__PURE__ */ P("div", {
-		dir: Oe,
+		dir: ke,
 		className: "relative flex min-h-0 flex-1 flex-col",
-		children: /* @__PURE__ */ P(Ge, {
+		children: /* @__PURE__ */ P(Ke, {
 			...wn,
 			metadata: /* @__PURE__ */ P("div", {
 				className: "p-8",
@@ -1568,7 +1568,7 @@ var Xe = {
 			})
 		})
 	});
-	let Tn = J === K, En = Tn ? K : Z.selectedFileHeading?.(en?.name ?? J) ?? en?.name ?? J, Dn = te != null || ne != null ? /* @__PURE__ */ F("div", {
+	let Tn = K === W, En = Tn ? W : Z.selectedFileHeading?.(en?.name ?? K) ?? en?.name ?? K, Dn = te != null || ne != null ? /* @__PURE__ */ F("div", {
 		className: "flex flex-col gap-2",
 		children: [te != null && /* @__PURE__ */ F("div", {
 			className: "flex items-center gap-2",
@@ -1585,61 +1585,61 @@ var Xe = {
 		})]
 	}) : void 0, On = /* @__PURE__ */ P(a, {
 		isEnabled: !!ce,
-		fieldId: je,
+		fieldId: Me,
 		required: !0,
 		labelClassName: c(Dt.helperText, Lt),
 		label: Z.instructionsLabel ?? "Instructions",
 		labels: Z,
-		refinement: Le,
-		disabled: Re || D,
+		refinement: ze,
+		disabled: Be || D,
 		...Ht,
 		children: /* @__PURE__ */ F("div", {
 			className: "flex flex-1 flex-col gap-2",
 			children: [
 				!ce && /* @__PURE__ */ P(A, {
-					htmlFor: je,
+					htmlFor: Me,
 					className: c(Dt.helperText, Lt),
 					label: Z.instructionsLabel ?? "Instructions",
 					required: !0
 				}),
 				/* @__PURE__ */ P("div", {
-					ref: Ne,
+					ref: Fe,
 					className: c(t, e, n),
 					children: /* @__PURE__ */ P(xe, {
 						fallback: /* @__PURE__ */ P(ue, { ariaLabel: Z.instructionsLoadingAriaLabel ?? "Loading" }),
 						children: /* @__PURE__ */ P(Ft, {
-							id: je,
+							id: Me,
 							ariaLabel: Z.instructionsLabel ?? "Instructions",
-							value: U.instructions,
+							value: H.instructions,
 							onChange: (e) => {
-								Le.reset(), G({ instructions: e });
+								ze.reset(), U({ instructions: e });
 							},
-							theme: ke,
+							theme: Ae,
 							showDragbar: !1,
 							placeholder: Z.instructionsPlaceholder ?? "Write the skill instructions in Markdown"
 						})
 					})
 				}),
 				k?.instructions != null && /* @__PURE__ */ P(T, {
-					id: Me,
+					id: Ne,
 					text: k.instructions
 				})
 			]
 		})
 	});
 	return /* @__PURE__ */ F("div", {
-		dir: Oe,
-		className: c("relative flex min-h-0 min-w-0 flex-1 flex-col", Xe.root),
+		dir: ke,
+		className: c("relative flex min-h-0 min-w-0 flex-1 flex-col", Ze.root),
 		style: Bt,
 		...Tt,
 		children: [
 			/* @__PURE__ */ P(ht, {
-				isVisible: wt && !vt,
-				labels: De,
+				isVisible: wt && !Y,
+				labels: Oe,
 				titleClassName: $.dropOverlayTitleClassName,
 				subtitleClassName: $.dropOverlaySubtitleClassName
 			}),
-			/* @__PURE__ */ P(Ge, {
+			/* @__PURE__ */ P(Ke, {
 				...wn,
 				asideData: de,
 				asideSectionClassName: Nt,
@@ -1654,16 +1654,16 @@ var Xe = {
 						onToggle: Ct,
 						labelClassName: $.editingFileLabelClassName,
 						fileNameClassName: $.editingFileNameClassName,
-						children: vn(Y.Mobile)
+						children: vn(J.Mobile)
 					})
 				}), /* @__PURE__ */ P("div", {
 					className: "hidden desktop:block",
-					children: vn(Y.Desktop)
+					children: vn(J.Desktop)
 				})] }),
 				alert: Dn,
 				setupTitle: En,
 				setupSectionClassName: Pt,
-				setup: Tn ? /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(Je, {
+				setup: Tn ? /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(Ye, {
 					values: yn,
 					errors: bn,
 					onChange: Sn,
@@ -1674,26 +1674,26 @@ var Xe = {
 					nameCaption: k?.name ? void 0 : Z.nameCaption ?? "Lowercase letters and hyphens only, no spaces. We'll reformat automatically if needed.",
 					renderDescription: Cn,
 					labels: xn
-				}), On] }) : /* @__PURE__ */ P(N, { children: en?.kind === q.File && /* @__PURE__ */ P("div", {
+				}), On] }) : /* @__PURE__ */ P(N, { children: en?.kind === G.File && /* @__PURE__ */ P("div", {
 					className: "flex h-[max(320px,60dvh)] min-h-0 min-w-0 flex-none flex-col desktop:h-auto desktop:flex-1",
 					children: le ?? /* @__PURE__ */ P(v, { text: Z.supportingFileNote ?? "This supporting file is included in the skill package as-is. Remove it from the Files panel to replace its content." })
 				}) })
 			}),
 			/* @__PURE__ */ P(Et, {
-				isOpen: vt,
-				onClose: () => yt(!1),
+				isOpen: Y,
+				onClose: () => X(!1),
 				fileActions: qt,
-				mode: X.mode,
-				targetFolderPath: X.targetFolderPath,
-				initialFiles: X.initialFiles,
-				initialEntries: X.initialEntries,
+				mode: yt.mode,
+				targetFolderPath: yt.targetFolderPath,
+				initialFiles: yt.initialFiles,
+				initialEntries: yt.initialEntries,
 				existingFilePaths: dn,
 				onCommitted: (e) => {
-					e.some((e) => e.replacesExisting) && Qe(!0);
+					e.some((e) => e.replacesExisting) && et(!0);
 				},
 				messageClassName: $.uploadMessageClassName,
 				rowCaptionClassName: $.uploadRowCaptionClassName,
-				labels: De,
+				labels: Oe,
 				dialogColors: Vt,
 				colors: {
 					invalidDropZoneBorder: Q?.uploadInvalidDropZoneBorder,
@@ -1717,4 +1717,4 @@ var Xe = {
 	});
 };
 //#endregion
-export { Xe as SKILL_EDITOR_CLASS, Q as SkillEditor, vt as SkillFileCandidateKind, q as SkillFileNodeKind, lt as SkillFileUploadMode, yt as SkillFileValidationStatus };
+export { Ze as SKILL_EDITOR_CLASS, Z as SkillEditor, vt as SkillFileCandidateKind, G as SkillFileNodeKind, lt as SkillFileUploadMode, Y as SkillFileValidationStatus };

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.3.0-dev.290",
+  "version": "1.3.0-dev.296",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -20,10 +20,10 @@
     "@tabler/icons-react": "^3.50.0",
     "@uiw/react-markdown-preview": "^5.2.1",
     "@uiw/react-md-editor": "^4.2.2",
-    "@epam/ai-dial-builder-form": "1.3.0-dev.290"
+    "@epam/ai-dial-builder-form": "1.3.0-dev.296"
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.3.0-dev.290",
+    "@epam/ai-dial-chat-shared": "1.3.0-dev.296",
     "@epam/ai-dial-ui-kit": "^0.16.0-dev.67",
     "@epam/ai-dial-react-file-manager": "^0.4.0-dev.25",
     "react": "^19.2.8"