@epam/ai-dial-prompt-editor 1.3.0-dev.246 → 1.3.0-dev.249

package/components/PromptEditor/PromptEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PromptEditor.d.ts","sourceRoot":"","sources":["../../../src/components/PromptEditor/PromptEditor.tsx"],"names":[],"mappings":"AAqCA,OAAO,0CAA0C,CAAC;AAClD,OAAO,0CAA0C,CAAC;AAClD,OAAO,EAGL,KAAK,EAAE,EAQR,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EACV,iBAAiB,EAElB,MAAM,kCAAkC,CAAC;AA2C1C,uDAAuD;AACvD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA8a9C,CAAC"}
+{"version":3,"file":"PromptEditor.d.ts","sourceRoot":"","sources":["../../../src/components/PromptEditor/PromptEditor.tsx"],"names":[],"mappings":"AAuCA,OAAO,0CAA0C,CAAC;AAClD,OAAO,0CAA0C,CAAC;AAClD,OAAO,EAGL,KAAK,EAAE,EAQR,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EACV,iBAAiB,EAElB,MAAM,kCAAkC,CAAC;AA2C1C,uDAAuD;AACvD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA2a9C,CAAC"}

package/index.js

@@ -1,283 +1,280 @@
 import { DEFAULT_METADATA_FORM_LABELS as e, EntityEditor as t, MetadataField as n, MetadataForm as r } from "@epam/ai-dial-builder-form";
 import { ConfirmationDialog as i, MARKDOWN_EDITOR_FILL_HEIGHT_CLASS_NAME as a, MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME as o, MARKDOWN_EDITOR_PREVIEW_LIST_CLASS_NAME as s, TextRefinementField as c, buildCssVars as l, mergeClasses as u, useAvailableHeightCap as d, useControlErrorAssociation as f, useTextRefinement as p, useUnsavedChangesGuard as ee } from "@epam/ai-dial-chat-shared";
-import { ConfirmationPopupVariant as m, DIAL_ICON_SIZE as h, DIAL_KIT_ICON_STROKE as g, ElementSize as _, ErrorMessageNotification as v, ErrorText as y, GhostIconButton as b, Input as x, Label as S, NeutralButton as C, Select as w, Spinner as T } from "@epam/ai-dial-ui-kit";
-import { LazyMarkdownEditor as E } from "@epam/ai-dial-ui-kit/editors";
-import { Suspense as te, lazy as D, useCallback as O, useEffect as k, useId as A, useMemo as j, useRef as ne, useState as M } from "react";
-import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
-import { IconFolderPlus as I, IconPencil as L, IconTrashX as R } from "@tabler/icons-react";
+import { ConfirmationPopupVariant as m, DIAL_ICON_SIZE as h, DIAL_KIT_ICON_STROKE as g, ElementSize as _, ErrorMessageNotification as v, ErrorText as y, GhostIconButton as b, Input as x, Label as S, LiveRegion as te, LiveRegionElement as ne, NeutralButton as C, Select as w, Spinner as re } from "@epam/ai-dial-ui-kit";
+import { LazyMarkdownEditor as T } from "@epam/ai-dial-ui-kit/editors";
+import { Suspense as ie, lazy as E, useCallback as D, useEffect as O, useId as k, useMemo as A, useRef as ae, useState as j } from "react";
+import { Fragment as oe, jsx as M, jsxs as N } from "react/jsx-runtime";
+import { IconFolderPlus as P, IconPencil as F, IconTrashX as I } from "@tabler/icons-react";
 //#region src/constants/public-class-names.ts
-var re = {
+var L = {
 	form: "dial-prompt-editor-form",
 	folderField: "dial-prompt-editor-folder-field"
-}, ie = {
+}, R = {
 	contentError: "_contentError_1qtel_1",
 	contentInvalid: "_contentInvalid_1qtel_6"
-}, ae = D(async () => ({ default: (await E()).MarkdownEditor })), oe = {
+}, se = E(async () => ({ default: (await T()).MarkdownEditor })), z = {
 	name: "",
 	description: "",
 	content: ""
-}, se = [n.Name, n.Description], ce = 2e3, le = 5e4, ue = 10, de = "mx-auto w-full max-w-[1180px] gap-5 px-4 py-6 desktop:px-8 desktop:py-6", fe = 24, pe = 480, me = (e, t, n) => {
+}, ce = [n.Name, n.Description], le = 2e3, ue = 5e4, de = 10, fe = "mx-auto w-full max-w-[1180px] gap-5 px-4 py-6 desktop:px-8 desktop:py-6", pe = 24, me = 480, he = (e, t, n) => {
 	let r = t - e.length;
 	return r <= n ? Math.max(r, 0) : null;
-}, z = ({ isEditMode: n = !1, initialValues: h, isLoading: _ = !1, hasLoadError: b = !1, isSaving: x = !1, errors: w, descriptionMaxLength: E = ce, contentMaxLength: D = le, counterAnnounceThreshold: I = ue, onSubmit: L, onFieldChange: R, onCancel: z, onBack: B = z, onDirtyChange: V, onRetry: H, onRefineDescription: U, onRefineInstructions: W, labels: G, markdownEditorTheme: he, styles: ge }) => {
-	let { colors: _e, typography: ve } = ge ?? {}, ye = ve?.contentLabelClassName ?? "dial-tiny-semi-text", be = ve?.helperTextClassName ?? "dial-small-text", K = j(() => ({
-		...oe,
+}, B = ({ isEditMode: n = !1, initialValues: h, isLoading: _ = !1, hasLoadError: b = !1, isSaving: x = !1, errors: w, descriptionMaxLength: T = le, contentMaxLength: E = ue, counterAnnounceThreshold: P = de, onSubmit: F, onFieldChange: I, onCancel: B, onBack: V = B, onDirtyChange: H, onRetry: U, onRefineDescription: W, onRefineInstructions: G, labels: K, markdownEditorTheme: ge, styles: _e }) => {
+	let { colors: ve, typography: ye } = _e ?? {}, be = ye?.contentLabelClassName ?? "dial-tiny-semi-text", xe = ye?.helperTextClassName ?? "dial-small-text", q = A(() => ({
+		...z,
 		...h
-	}), [h]), [q, xe] = M(K), Se = A(), J = A(), Ce = A();
-	f(() => document.getElementById(J), Ce, !!w?.content);
-	let we = d({
-		bottomGap: fe,
-		minHeight: pe
+	}), [h]), [J, Se] = j(q), Ce = k(), Y = k(), we = k();
+	f(() => document.getElementById(Y), we, !!w?.content);
+	let Te = d({
+		bottomGap: pe,
+		minHeight: me
 	});
-	k(() => {
-		xe(K);
-	}, [K]);
-	let Te = O((e, t) => {
-		xe((n) => ({
+	O(() => {
+		Se(q);
+	}, [q]);
+	let Ee = D((e, t) => {
+		Se((n) => ({
 			...n,
 			[e]: t
-		})), R?.(e, t);
-	}, [R]), Ee = j(() => ({
-		name: q.name,
-		description: q.description,
+		})), I?.(e, t);
+	}, [I]), De = A(() => ({
+		name: J.name,
+		description: J.description,
 		iconUrl: "",
 		version: "",
 		topics: [],
 		otherLocales: []
-	}), [q.name, q.description]), De = O((e) => {
-		xe((t) => ({
+	}), [J.name, J.description]), Oe = D((e) => {
+		Se((t) => ({
 			...t,
 			...e.name !== void 0 && { name: e.name },
 			...e.description !== void 0 && { description: e.description }
-		})), e.name !== void 0 && R?.("name", e.name), e.description !== void 0 && R?.("description", e.description);
-	}, [R]), Oe = j(() => ({
+		})), e.name !== void 0 && I?.("name", e.name), e.description !== void 0 && I?.("description", e.description);
+	}, [I]), ke = A(() => ({
 		name: w?.name,
 		description: w?.description
-	}), [w?.name, w?.description]), ke = j(() => ({ form: {
+	}), [w?.name, w?.description]), Ae = A(() => ({ form: {
 		...e,
 		name: {
-			label: G?.nameLabel ?? "Name",
-			placeholder: G?.namePlaceholder ?? "Prompt name"
+			label: K?.nameLabel ?? "Name",
+			placeholder: K?.namePlaceholder ?? "Prompt name"
 		},
 		description: {
-			label: G?.descriptionLabel ?? "Description",
-			placeholder: G?.descriptionPlaceholder ?? "What this prompt is for"
+			label: K?.descriptionLabel ?? "Description",
+			placeholder: K?.descriptionPlaceholder ?? "What this prompt is for"
 		},
 		ariaLabel: void 0
 	} }), [
-		G?.nameLabel,
-		G?.namePlaceholder,
-		G?.descriptionLabel,
-		G?.descriptionPlaceholder
-	]), Ae = p({
-		value: q.description,
-		onChange: (e) => Te("description", e),
-		onRefine: U,
+		K?.nameLabel,
+		K?.namePlaceholder,
+		K?.descriptionLabel,
+		K?.descriptionPlaceholder
+	]), je = p({
+		value: J.description,
+		onChange: (e) => Ee("description", e),
+		onRefine: W,
 		disabled: x,
 		resetKey: h
-	}), je = p({
-		value: q.content,
-		onChange: (e) => Te("content", e),
-		onRefine: W,
+	}), Me = p({
+		value: J.content,
+		onChange: (e) => Ee("content", e),
+		onRefine: G,
 		disabled: x,
 		resetKey: h
-	}), Y = Ae.isPending || je.isPending, Me = U ? (e, t) => /* @__PURE__ */ P(c, {
+	}), X = je.isPending || Me.isPending, Ne = W ? (e, t) => /* @__PURE__ */ M(c, {
 		isEnabled: !0,
 		fieldId: t,
-		label: G?.descriptionLabel ?? "Description",
-		labels: G,
-		refinement: Ae,
-		disabled: Y || x,
+		label: K?.descriptionLabel ?? "Description",
+		labels: K,
+		refinement: je,
+		disabled: X || x,
 		children: e
-	}) : void 0, Ne = q.name !== K.name || q.description !== K.description || q.content !== K.content, X = ee(Ne && !V);
-	k(() => {
-		V?.(Ne);
-	}, [Ne, V]);
-	let { guard: Z } = X, { reset: Pe } = Ae, { reset: Fe } = je, Q = O(() => {
-		Pe(), Fe();
-	}, [Pe, Fe]), Ie = O(() => {
-		Z(() => {
-			Q(), B();
+	}) : void 0, Pe = J.name !== q.name || J.description !== q.description || J.content !== q.content, Z = ee(Pe && !H);
+	O(() => {
+		H?.(Pe);
+	}, [Pe, H]);
+	let { guard: Q } = Z, { reset: Fe } = je, { reset: Ie } = Me, $ = D(() => {
+		Fe(), Ie();
+	}, [Fe, Ie]), Le = D(() => {
+		Q(() => {
+			$(), V();
 		});
 	}, [
-		Z,
 		Q,
-		B
-	]), Le = O(() => {
-		Z(() => {
-			Q(), z();
+		$,
+		V
+	]), Re = D(() => {
+		Q(() => {
+			$(), B();
 		});
 	}, [
-		Z,
 		Q,
-		z
-	]), Re = O(() => {
-		x || Y || L(q);
+		$,
+		B
+	]), ze = D(() => {
+		x || X || F(J);
 	}, [
 		x,
-		Y,
-		L,
-		q
-	]), ze = w?.content != null && !w?.name && !w?.description, Be = ne(!1);
-	k(() => {
-		ze && !Be.current && document.getElementById(J)?.focus(), Be.current = ze;
-	}, [ze, J]);
-	let Ve = n ? G?.editTitle ?? "Edit prompt" : G?.createTitle ?? "Create prompt", He = n ? G?.saveLabel ?? "Save" : G?.createLabel ?? "Create", Ue = j(() => ({
-		cancelLabel: G?.cancelLabel ?? "Cancel",
-		backAriaLabel: G?.backButtonAriaLabel ?? "Back to prompts",
-		savingStatusLabel: G?.savingStatusLabel ?? "Saving"
+		X,
+		F,
+		J
+	]), Be = w?.content != null && !w?.name && !w?.description, Ve = ae(!1);
+	O(() => {
+		Be && !Ve.current && document.getElementById(Y)?.focus(), Ve.current = Be;
+	}, [Be, Y]);
+	let He = n ? K?.editTitle ?? "Edit prompt" : K?.createTitle ?? "Create prompt", Ue = n ? K?.saveLabel ?? "Save" : K?.createLabel ?? "Create", We = A(() => ({
+		cancelLabel: K?.cancelLabel ?? "Cancel",
+		backAriaLabel: K?.backButtonAriaLabel ?? "Back to prompts",
+		savingStatusLabel: K?.savingStatusLabel ?? "Saving"
 	}), [
-		G?.cancelLabel,
-		G?.backButtonAriaLabel,
-		G?.savingStatusLabel
-	]), We = l({
-		"--pe-content-error": _e?.contentErrorText,
-		"--pe-content-invalid-border": _e?.contentInvalidBorder
-	}), $ = {
-		title: Ve,
-		onBack: B,
-		onCancel: z,
-		onSubmit: Re,
-		submitLabel: He,
-		labels: Ue,
+		K?.cancelLabel,
+		K?.backButtonAriaLabel,
+		K?.savingStatusLabel
+	]), Ge = l({
+		"--pe-content-error": ve?.contentErrorText,
+		"--pe-content-invalid-border": ve?.contentInvalidBorder
+	}), Ke = {
+		title: He,
+		onBack: V,
+		onCancel: B,
+		onSubmit: ze,
+		submitLabel: Ue,
+		labels: We,
 		metadataTitle: null
 	};
-	if (_) return /* @__PURE__ */ P(t, {
-		...$,
+	if (_) return /* @__PURE__ */ M(t, {
+		...Ke,
 		isSubmitting: x,
-		metadata: /* @__PURE__ */ P("div", {
-			role: "status",
-			"aria-label": G?.loadingAriaLabel ?? "Loading prompt",
+		metadata: /* @__PURE__ */ M("div", {
 			className: "flex flex-1 items-center justify-center p-8",
-			children: /* @__PURE__ */ P(T, {})
+			children: /* @__PURE__ */ M(re, { ariaLabel: K?.loadingAriaLabel ?? "Loading prompt" })
 		})
 	});
-	if (b) return /* @__PURE__ */ P(t, {
-		...$,
-		metadata: /* @__PURE__ */ P(v, {
-			message: G?.loadErrorMessage ?? "Couldn't load this prompt. Please try again.",
-			textClassName: be,
+	if (b) return /* @__PURE__ */ M(t, {
+		...Ke,
+		metadata: /* @__PURE__ */ M(v, {
+			message: K?.loadErrorMessage ?? "Couldn't load this prompt. Please try again.",
+			textClassName: xe,
 			iconStroke: g,
-			action: H != null && /* @__PURE__ */ P(C, {
-				label: G?.retryLabel ?? "Retry",
-				onClick: H
+			action: U != null && /* @__PURE__ */ M(C, {
+				label: K?.retryLabel ?? "Retry",
+				onClick: U
 			})
 		})
 	});
-	let Ge = me(q.description, E, I), Ke = me(q.content, D, I), qe = (e) => G?.charactersRemaining?.(e) ?? `${e} characters remaining`, Je = G?.contentLabel ?? "Instructions", Ye = /* @__PURE__ */ P("div", {
-		ref: we,
-		className: u(o, a, s, w?.content != null && ie.contentInvalid),
-		children: /* @__PURE__ */ P(te, {
-			fallback: /* @__PURE__ */ P(T, { ariaLabel: G?.contentLoadingAriaLabel ?? "Loading prompt editor" }),
-			children: /* @__PURE__ */ P(ae, {
-				id: J,
-				value: q.content,
-				onChange: (e) => Te("content", e),
+	let qe = he(J.description, T, P), Je = he(J.content, E, P), Ye = (e) => K?.charactersRemaining?.(e) ?? `${e} characters remaining`, Xe = K?.contentLabel ?? "Instructions", Ze = /* @__PURE__ */ M("div", {
+		ref: Te,
+		className: u(o, a, s, w?.content != null && R.contentInvalid),
+		children: /* @__PURE__ */ M(ie, {
+			fallback: /* @__PURE__ */ M(re, { ariaLabel: K?.contentLoadingAriaLabel ?? "Loading prompt editor" }),
+			children: /* @__PURE__ */ M(se, {
+				id: Y,
+				value: J.content,
+				onChange: (e) => Ee("content", e),
 				height: 480,
-				placeholder: G?.contentPlaceholder ?? "Write the prompt instructions",
-				theme: he,
+				placeholder: K?.contentPlaceholder ?? "Write the prompt instructions",
+				theme: ge,
 				showDragbar: !1
 			})
 		})
-	}), Xe = /* @__PURE__ */ P(y, {
-		id: Ce,
+	}), Qe = /* @__PURE__ */ M(y, {
+		id: we,
 		text: w?.content,
-		className: u(be, ie.contentError)
+		className: u(xe, R.contentError)
 	});
-	return /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(t, {
-		...$,
-		onBack: Ie,
-		onCancel: Le,
+	return /* @__PURE__ */ N(oe, { children: [/* @__PURE__ */ M(t, {
+		...Ke,
+		onBack: Le,
+		onCancel: Re,
 		isSubmitting: x,
-		isSubmitDisabled: Y,
-		metadataSectionClassName: u(de, re.form),
-		metadata: /* @__PURE__ */ F(N, { children: [
-			/* @__PURE__ */ P(r, {
-				values: Ee,
-				errors: Oe,
-				onChange: De,
-				fields: se,
-				renderDescription: Me,
-				labels: ke,
-				descriptionCaption: q.description ? `${q.description.length}/${E}` : void 0
+		isSubmitDisabled: X,
+		metadataSectionClassName: u(fe, L.form),
+		metadata: /* @__PURE__ */ N(oe, { children: [
+			/* @__PURE__ */ M(r, {
+				values: De,
+				errors: ke,
+				onChange: Oe,
+				fields: ce,
+				renderDescription: Ne,
+				labels: Ae,
+				descriptionCaption: J.description ? `${J.description.length}/${T}` : void 0
 			}),
-			W ? /* @__PURE__ */ P("div", {
+			G ? /* @__PURE__ */ M("div", {
 				className: "flex flex-1 flex-col",
-				style: We,
-				children: /* @__PURE__ */ P(c, {
+				style: Ge,
+				children: /* @__PURE__ */ M(c, {
 					isEnabled: !0,
-					fieldId: J,
-					label: Je,
-					labelClassName: ye,
+					fieldId: Y,
+					label: Xe,
+					labelClassName: be,
 					required: !0,
-					labels: G,
-					refinement: je,
-					disabled: Y || x,
-					children: /* @__PURE__ */ F("div", {
+					labels: K,
+					refinement: Me,
+					disabled: X || x,
+					children: /* @__PURE__ */ N("div", {
 						className: "flex flex-col gap-2",
-						children: [Ye, Xe]
+						children: [Ze, Qe]
 					})
 				})
-			}) : /* @__PURE__ */ F("div", {
+			}) : /* @__PURE__ */ N("div", {
 				role: "group",
-				"aria-labelledby": Se,
+				"aria-labelledby": Ce,
 				className: "flex flex-1 flex-col gap-2",
-				style: We,
+				style: Ge,
 				children: [
-					/* @__PURE__ */ P(S, {
-						id: Se,
-						htmlFor: J,
-						label: Je,
+					/* @__PURE__ */ M(S, {
+						id: Ce,
+						htmlFor: Y,
+						label: Xe,
 						required: !0,
-						className: ye
+						className: be
 					}),
-					Ye,
-					Xe
+					Ze,
+					Qe
 				]
 			}),
-			/* @__PURE__ */ F("span", {
-				role: "status",
-				"aria-live": "polite",
-				className: "sr-only",
-				children: [Ge != null && qe(Ge), Ke != null && qe(Ke)]
+			/* @__PURE__ */ N(te, {
+				visuallyHidden: !0,
+				as: ne.Span,
+				children: [qe != null && Ye(qe), Je != null && Ye(Je)]
 			})
 		] })
-	}), X.isConfirmOpen && /* @__PURE__ */ P(i, {
+	}), Z.isConfirmOpen && /* @__PURE__ */ M(i, {
 		open: !0,
-		title: G?.discardTitle ?? "Discard unsaved changes?",
-		message: G?.discardMessage ?? "You have unsaved changes. Leaving now will discard them.",
-		confirmLabel: G?.discardConfirmLabel ?? "Discard",
-		cancelLabel: G?.discardCancelLabel ?? "Keep editing",
+		title: K?.discardTitle ?? "Discard unsaved changes?",
+		message: K?.discardMessage ?? "You have unsaved changes. Leaving now will discard them.",
+		confirmLabel: K?.discardConfirmLabel ?? "Discard",
+		cancelLabel: K?.discardCancelLabel ?? "Keep editing",
 		variant: m.Danger,
-		onConfirm: X.confirm,
-		onClose: X.dismiss
+		onConfirm: Z.confirm,
+		onClose: Z.dismiss
 	})] });
-}, B = /* @__PURE__ */ function(e) {
+}, V = /* @__PURE__ */ function(e) {
 	return e.Create = "create", e.Rename = "rename", e.ConfirmDelete = "confirmDelete", e;
-}({}), V = "", H = "__root__", U = (e) => e.split("/").pop() ?? "", W = ({ value: e, folders: t, error: n, nameError: r, actions: i, disabled: a = !1, labels: o, helperTextClassName: s = "dial-small-text", onChange: c }) => {
-	let [l, d] = M(null), [f, p] = M(""), [ee, m] = M(), [v, y] = M(!1), S = e === V, T = o?.folderRootOption ?? "Root", E = o?.folderEmptyState ?? "No folders yet", te = j(() => [{
-		value: H,
-		label: T
+}({}), H = "", U = "__root__", W = (e) => e.split("/").pop() ?? "", G = ({ value: e, folders: t, error: n, nameError: r, actions: i, disabled: a = !1, labels: o, helperTextClassName: s = "dial-small-text", onChange: c }) => {
+	let [l, d] = j(null), [f, p] = j(""), [ee, m] = j(), [v, y] = j(!1), S = e === H, te = o?.folderRootOption ?? "Root", ne = o?.folderEmptyState ?? "No folders yet", re = A(() => [{
+		value: U,
+		label: te
 	}, ...t.map((e) => ({
 		value: e.id,
 		label: e.id
-	}))], [t, T]), D = O(() => {
+	}))], [t, te]), T = D(() => {
 		d(null), p(""), m(void 0);
-	}, []), k = O(async () => {
+	}, []), ie = D(async () => {
 		if (v || i == null) return;
 		let t = f.trim(), n = i.onValidateFolderName?.(t);
 		if (n != null) m(n);
 		else {
 			m(void 0), y(!0);
 			try {
-				if (l === B.Create) {
+				if (l === V.Create) {
 					let n = await i.onCreateFolder(t, S ? void 0 : e);
 					typeof n == "string" && c(n);
 				} else {
 					let n = await i.onRenameFolder(e, t);
 					typeof n == "string" && c(n);
 				}
-				D();
+				T();
 			} catch {} finally {
 				y(!1);
 			}
@@ -290,12 +287,12 @@ var re = {
 		S,
 		e,
 		c,
-		D
-	]), A = O(async () => {
+		T
+	]), E = D(async () => {
 		if (!(v || i == null)) {
 			y(!0);
 			try {
-				await i.onDeleteFolder(e), c(V), D();
+				await i.onDeleteFolder(e), c(H), T();
 			} catch {} finally {
 				y(!1);
 			}
@@ -305,55 +302,55 @@ var re = {
 		i,
 		e,
 		c,
-		D
-	]), ne = O(() => {
-		p(""), m(void 0), d(B.Create);
-	}, []), ie = O(() => {
-		p(U(e)), m(void 0), d(B.Rename);
-	}, [e]), ae = O(() => {
-		m(void 0), d(B.ConfirmDelete);
-	}, []), oe = O((e) => {
+		T
+	]), O = D(() => {
+		p(""), m(void 0), d(V.Create);
+	}, []), k = D(() => {
+		p(W(e)), m(void 0), d(V.Rename);
+	}, [e]), ae = D(() => {
+		m(void 0), d(V.ConfirmDelete);
+	}, []), R = D((e) => {
 		let t = Array.isArray(e) ? e[0] : e;
-		t != null && c(t === H ? V : t);
-	}, [c]), se = l === B.Create || l === B.Rename, ce = ee ?? r;
-	return /* @__PURE__ */ F("div", {
-		className: u("flex flex-col gap-2", re.folderField),
+		t != null && c(t === U ? H : t);
+	}, [c]), se = l === V.Create || l === V.Rename, z = ee ?? r;
+	return /* @__PURE__ */ N("div", {
+		className: u("flex flex-col gap-2", L.folderField),
 		children: [
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ N("div", {
 				className: "flex items-end gap-2",
-				children: [/* @__PURE__ */ P(w, {
+				children: [/* @__PURE__ */ M(w, {
 					id: "prompt-folder",
 					className: "flex-1",
-					options: te,
-					value: S ? H : e,
+					options: re,
+					value: S ? U : e,
 					labelProps: { label: o?.folderLabel ?? "Folder" },
 					invalid: n != null,
 					disabled: a,
 					error: n,
-					emptyStateTitle: E,
-					onChange: oe
-				}), i != null && !a && /* @__PURE__ */ F(N, { children: [
-					/* @__PURE__ */ P(b, {
-						icon: /* @__PURE__ */ P(I, {
+					emptyStateTitle: ne,
+					onChange: R
+				}), i != null && !a && /* @__PURE__ */ N(oe, { children: [
+					/* @__PURE__ */ M(b, {
+						icon: /* @__PURE__ */ M(P, {
 							size: h.SM,
 							"aria-hidden": !0,
 							stroke: g
 						}),
 						"aria-label": o?.folderCreateLabel ?? "Create folder",
-						onClick: ne
+						onClick: O
 					}),
-					/* @__PURE__ */ P(b, {
-						icon: /* @__PURE__ */ P(L, {
+					/* @__PURE__ */ M(b, {
+						icon: /* @__PURE__ */ M(F, {
 							size: h.SM,
 							"aria-hidden": !0,
 							stroke: g
 						}),
 						"aria-label": o?.folderRenameLabel ?? "Rename folder",
 						disabled: S,
-						onClick: ie
+						onClick: k
 					}),
-					/* @__PURE__ */ P(b, {
-						icon: /* @__PURE__ */ P(R, {
+					/* @__PURE__ */ M(b, {
+						icon: /* @__PURE__ */ M(I, {
 							size: h.SM,
 							"aria-hidden": !0,
 							stroke: g
@@ -364,16 +361,16 @@ var re = {
 					})
 				] })]
 			}),
-			t.length === 0 && l == null && /* @__PURE__ */ P("p", {
+			t.length === 0 && l == null && /* @__PURE__ */ M("p", {
 				className: u("m-0", s),
-				children: E
+				children: ne
 			}),
-			se && /* @__PURE__ */ F("div", {
+			se && /* @__PURE__ */ N("div", {
 				role: "group",
-				"aria-label": l === B.Create ? o?.folderCreateLabel ?? "Create folder" : o?.folderRenameLabel ?? "Rename folder",
+				"aria-label": l === V.Create ? o?.folderCreateLabel ?? "Create folder" : o?.folderRenameLabel ?? "Rename folder",
 				className: "flex items-end gap-2",
 				children: [
-					/* @__PURE__ */ P(x, {
+					/* @__PURE__ */ M(x, {
 						id: "prompt-folder-name",
 						className: "flex-1",
 						value: f,
@@ -382,43 +379,43 @@ var re = {
 							label: o?.folderNameLabel ?? "Folder name",
 							required: !0
 						},
-						invalid: ce != null,
-						error: ce,
+						invalid: z != null,
+						error: z,
 						onChange: (e) => p(e ?? "")
 					}),
-					/* @__PURE__ */ P(C, {
+					/* @__PURE__ */ M(C, {
 						size: _.Standard,
 						label: o?.saveLabel ?? "Save",
 						disabled: v,
-						onClick: k
+						onClick: ie
 					}),
-					/* @__PURE__ */ P(C, {
+					/* @__PURE__ */ M(C, {
 						size: _.Standard,
 						label: o?.cancelLabel ?? "Cancel",
 						disabled: v,
-						onClick: D
+						onClick: T
 					})
 				]
 			}),
-			l === B.ConfirmDelete && /* @__PURE__ */ F("div", {
+			l === V.ConfirmDelete && /* @__PURE__ */ N("div", {
 				role: "alertdialog",
 				"aria-label": o?.folderDeleteConfirmTitle ?? "Delete folder",
-				children: [/* @__PURE__ */ P("p", {
+				children: [/* @__PURE__ */ M("p", {
 					className: u("m-0 mb-2", s),
 					children: o?.folderDeleteConfirmMessage?.(e) ?? `Delete "${e}" and every prompt inside it?`
-				}), /* @__PURE__ */ F("div", {
+				}), /* @__PURE__ */ N("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ P(C, {
+					children: [/* @__PURE__ */ M(C, {
 						size: _.Standard,
 						label: o?.folderDeleteLabel ?? "Delete folder",
 						autoFocus: !0,
 						disabled: v,
-						onClick: A
-					}), /* @__PURE__ */ P(C, {
+						onClick: E
+					}), /* @__PURE__ */ M(C, {
 						size: _.Standard,
 						label: o?.cancelLabel ?? "Cancel",
 						disabled: v,
-						onClick: D
+						onClick: T
 					})]
 				})]
 			})
@@ -426,4 +423,4 @@ var re = {
 	});
 };
 //#endregion
-export { B as FolderFormMode, re as PROMPT_EDITOR_CLASS, z as PromptEditor, W as PromptFolderField };
+export { V as FolderFormMode, L as PROMPT_EDITOR_CLASS, B as PromptEditor, G as PromptFolderField };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-prompt-editor",
   "description": "Host-agnostic form for authoring a reusable prompt, with an inline folder picker",
-  "version": "1.3.0-dev.246",
+  "version": "1.3.0-dev.249",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -20,11 +20,11 @@
     "@tabler/icons-react": "^3.44.0",
     "@uiw/react-markdown-preview": "^5.2.1",
     "@uiw/react-md-editor": "^4.1.1",
-    "@epam/ai-dial-builder-form": "1.3.0-dev.246"
+    "@epam/ai-dial-builder-form": "1.3.0-dev.249"
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.3.0-dev.246",
-    "@epam/ai-dial-ui-kit": "^0.16.0-dev.45",
+    "@epam/ai-dial-chat-shared": "1.3.0-dev.249",
+    "@epam/ai-dial-ui-kit": "^0.16.0-dev.56",
     "react": "^19.2.8"
   },
   "repository": {