@epam/ai-dial-skill-editor 1.3.0-dev.5 → 1.3.0-dev.51

package/components/SkillEditor/SkillEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SkillEditor.d.ts","sourceRoot":"","sources":["../../../src/components/SkillEditor/SkillEditor.tsx"],"names":[],"mappings":"AA0DA,OAAO,0CAA0C,CAAC;AAClD,OAAO,0CAA0C,CAAC;AAClD,OAAO,EAEL,EAAE,EAUH,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EACV,gBAAgB,EAIjB,MAAM,iCAAiC,CAAC;AAuDzC,qFAAqF;AACrF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA20B5C,CAAC"}
+{"version":3,"file":"SkillEditor.d.ts","sourceRoot":"","sources":["../../../src/components/SkillEditor/SkillEditor.tsx"],"names":[],"mappings":"AA0DA,OAAO,0CAA0C,CAAC;AAClD,OAAO,0CAA0C,CAAC;AAClD,OAAO,EAEL,EAAE,EAUH,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EACV,gBAAgB,EAIjB,MAAM,iCAAiC,CAAC;AAuDzC,qFAAqF;AACrF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAu1B5C,CAAC"}

package/index.js

@@ -364,38 +364,40 @@ var ve = {
 			})
 		]
 	});
-}, Oe = "Add tags, comma separated", ke = "deployment-creation-form-description", G = ({ values: e, errors: t, onChange: n, onNameBlur: a, onVersionBlur: o, iconPreviewUrl: s, onAddAvatarClick: l, labels: u, styles: d, availableLocaleOptions: f = [], fields: p = Ee, isNameReadOnly: m = !1, nameCaption: h, isDescriptionRequired: g = !1, renderDescription: _, focusRequestKey: v }) => {
-	let y = V(null), b = V(null), x = V(null), S = V(!1), C = (e) => p.includes(e), w = C(U.Name), E = C(U.Version), D = !!(t.name || t.version || t.description), O = V(v);
+}, Oe = "Add tags, comma separated", ke = "deployment-creation-form-description", G = ({ values: e, errors: t, onChange: n, onNameBlur: a, onVersionBlur: o, iconPreviewUrl: s, onAddAvatarClick: l, labels: u, styles: d, availableLocaleOptions: f = [], fields: p = Ee, isNameReadOnly: m = !1, nameCaption: h, isDescriptionRequired: g = !1, descriptionMaxLength: _, descriptionCaption: v, renderDescription: y, focusRequestKey: b }) => {
+	let x = V(null), S = V(null), C = V(null), w = V(!1), E = (e) => p.includes(e), D = E(U.Name), O = E(U.Version), k = !!(t.name || t.version || t.description), ee = V(b);
 	pe(() => {
 		let e = () => {
-			t.name ? y.current?.focus() : t.version ? b.current?.focus() : t.description && x.current?.focus();
+			t.name ? x.current?.focus() : t.version ? S.current?.focus() : t.description && C.current?.focus();
 		};
-		if (v !== void 0) {
-			v !== O.current && (O.current = v, e());
+		if (b !== void 0) {
+			b !== ee.current && (ee.current = b, e());
 			return;
 		}
-		D && !S.current && e(), S.current = D;
+		k && !w.current && e(), w.current = k;
 	}, [
-		v,
-		D,
+		b,
+		k,
 		t.name,
 		t.version,
 		t.description
 	]);
-	let k = /* @__PURE__ */ F(M, {
+	let A = /* @__PURE__ */ F(M, {
 		id: ke,
-		ref: x,
+		ref: C,
 		value: e.description,
 		onChange: (e) => n({ description: e }),
 		"aria-required": g || void 0,
-		labelProps: _ ? void 0 : {
+		labelProps: y ? void 0 : {
 			label: u.description.label,
 			required: g
 		},
 		placeholder: u.description.placeholder,
+		maxLength: _,
+		caption: v,
 		error: t.description || void 0,
 		invalid: !!t.description,
-		containerClassName: _ ? void 0 : d?.field,
+		containerClassName: y ? void 0 : d?.field,
 		className: r,
 		resize: N.Vertical
 	});
@@ -404,7 +406,7 @@ var ve = {
 		"aria-label": u.ariaLabel,
 		className: c("flex flex-col gap-4", d?.root),
 		children: [
-			C(U.Avatar) && /* @__PURE__ */ F(we, {
+			E(U.Avatar) && /* @__PURE__ */ F(we, {
 				label: u.iconUrl.label,
 				avatarUrl: s,
 				addAvatarLabel: u.iconUrl.addAvatarLabel,
@@ -412,11 +414,11 @@ var ve = {
 				onAddAvatarClick: l,
 				className: d?.field
 			}),
-			(w || E) && /* @__PURE__ */ I("div", {
+			(D || O) && /* @__PURE__ */ I("div", {
 				className: c("flex items-start gap-4", d?.field),
-				children: [w && /* @__PURE__ */ F(T, {
+				children: [D && /* @__PURE__ */ F(T, {
 					id: "deployment-creation-form-name",
-					inputRef: y,
+					inputRef: x,
 					value: e.name,
 					onChange: (e) => n({ name: e ?? "" }),
 					onBlur: a,
@@ -429,10 +431,10 @@ var ve = {
 					caption: h,
 					error: t.name || void 0,
 					invalid: !!t.name,
-					containerClassName: E ? "min-w-0 basis-0 grow-[2]" : "min-w-0 flex-1"
-				}), E && /* @__PURE__ */ F(T, {
+					containerClassName: O ? "min-w-0 basis-0 grow-[2]" : "min-w-0 flex-1"
+				}), O && /* @__PURE__ */ F(T, {
 					id: "deployment-creation-form-version",
-					inputRef: b,
+					inputRef: S,
 					value: e.version,
 					onChange: (e) => n({ version: e ?? "" }),
 					onBlur: o,
@@ -440,21 +442,21 @@ var ve = {
 					placeholder: u.version.placeholder,
 					error: t.version || void 0,
 					invalid: !!t.version,
-					containerClassName: w ? "min-w-0 basis-0 grow-[1]" : "min-w-0 flex-1"
+					containerClassName: D ? "min-w-0 basis-0 grow-[1]" : "min-w-0 flex-1"
 				})]
 			}),
-			C(U.Description) && (_ ? /* @__PURE__ */ F("div", {
+			E(U.Description) && (y ? /* @__PURE__ */ F("div", {
 				className: d?.field,
-				children: _(k, ke)
-			}) : k),
-			C(U.Locales) && /* @__PURE__ */ F(W, {
+				children: y(A, ke)
+			}) : A),
+			E(U.Locales) && /* @__PURE__ */ F(W, {
 				value: e.otherLocales,
 				onChange: (e) => n({ otherLocales: e }),
 				availableLocaleOptions: f,
 				labels: u.otherLocales,
 				className: d?.field
 			}),
-			C(U.Tags) && /* @__PURE__ */ F("div", {
+			E(U.Tags) && /* @__PURE__ */ F("div", {
 				className: d?.field,
 				children: /* @__PURE__ */ F(j, {
 					id: "deployment-creation-form-topics",
@@ -576,36 +578,38 @@ var ve = {
 	deleteConfirmItemsLabel: "items?",
 	deleteConfirmLabel: "Delete",
 	deleteCancelLabel: "Cancel"
-}, Ie = fe(({ values: e, errors: t, onChange: n, onNameBlur: r, onVersionBlur: i, avatarPicker: a, availableLocaleOptions: o, fields: s = Ee, isNameReadOnly: c, nameCaption: l, isDescriptionRequired: u, renderDescription: d, focusRequestKey: f, labels: p }) => {
-	let [m, h] = H(!1), g = B(() => a ? s : s.filter((e) => e !== U.Avatar), [a, s]), _ = e.iconUrl, v = a?.resolveIconUrl, y = B(() => v ? v(_) : void 0, [_, v]), b = z(() => h(!0), []), x = z(() => h(!1), []), S = a?.resolveAttachedIconUrl, C = z((e) => {
-		let t = S?.(e);
-		t && n({ iconUrl: t }), h(!1);
-	}, [n, S]);
+}, Ie = fe(({ values: e, errors: t, onChange: n, onNameBlur: r, onVersionBlur: i, avatarPicker: a, availableLocaleOptions: o, fields: s = Ee, isNameReadOnly: c, nameCaption: l, isDescriptionRequired: u, descriptionMaxLength: d, descriptionCaption: f, renderDescription: p, focusRequestKey: m, labels: h }) => {
+	let [g, _] = H(!1), v = B(() => a ? s : s.filter((e) => e !== U.Avatar), [a, s]), y = e.iconUrl, b = a?.resolveIconUrl, x = B(() => b ? b(y) : void 0, [y, b]), S = z(() => _(!0), []), C = z(() => _(!1), []), w = a?.resolveAttachedIconUrl, T = z((e) => {
+		let t = w?.(e);
+		t && n({ iconUrl: t }), _(!1);
+	}, [n, w]);
 	return /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(G, {
 		values: e,
 		errors: t,
 		onChange: n,
 		onNameBlur: r,
 		onVersionBlur: i,
-		iconPreviewUrl: y,
-		onAddAvatarClick: b,
-		labels: p?.form ?? Pe,
+		iconPreviewUrl: x,
+		onAddAvatarClick: S,
+		labels: h?.form ?? Pe,
 		availableLocaleOptions: o,
-		fields: g,
+		fields: v,
 		isNameReadOnly: c,
 		nameCaption: l,
 		isDescriptionRequired: u,
-		renderDescription: d,
-		focusRequestKey: f
+		descriptionMaxLength: d,
+		descriptionCaption: f,
+		renderDescription: p,
+		focusRequestKey: m
 	}), a && /* @__PURE__ */ F(Te, {
-		isOpen: m,
-		onClose: x,
-		onAttach: C,
+		isOpen: g,
+		onClose: C,
+		onAttach: T,
 		bucket: a.bucket,
 		FileManagerModal: a.FileManagerModal,
 		allowedMimeTypes: a.allowedMimeTypes,
 		maxFileSizeBytes: a.maxFileSizeBytes,
-		labels: p?.avatarPicker ?? Fe
+		labels: h?.avatarPicker ?? Fe
 	})] });
 }), Le = /* @__PURE__ */ function(e) {
 	return e.Required = "required", e.InvalidFormat = "invalid-format", e.TooLong = "too-long", e.ControlCharacters = "control-characters", e;
@@ -982,7 +986,7 @@ var Re = {
 }, ct = [U.Name, U.Description], lt = 24, ut = 300, dt = "desktop:px-8 desktop:py-6", ft = "desktop:px-8 desktop:py-6", pt = "gap-4 px-4 py-6 desktop:gap-5 desktop:px-8 desktop:py-6", mt = R(async () => {
 	let { MarkdownEditor: e } = await _e();
 	return { default: e };
-}), ht = ({ initialValues: r, files: i, selectedPath: s, onSelectedPathChange: v, expandedPaths: S, onExpandedPathsChange: w, isLoading: T = !1, hasLoadError: D = !1, isSubmitting: O = !1, errors: k, submitError: ee, conflict: te, onReloadLatest: j, isNameReadOnly: M = !1, onDirtyChange: N, onValuesChange: L, onRefineDescription: ie, onRefineInstructions: se, fileActions: R, supportingFileContent: fe, asideData: _e, onSubmit: ve, onCancel: ye, onBack: be, backAriaLabel: xe, title: Se, onRetry: Ce, onRetrySubmit: we, labels: Te, styles: U, dir: Ee, instructionsEditorTheme: De = y.light }) => {
+}), ht = ({ initialValues: r, files: i, selectedPath: s, onSelectedPathChange: _, expandedPaths: v, onExpandedPathsChange: S, isLoading: T = !1, hasLoadError: D = !1, isSubmitting: O = !1, errors: k, submitError: ee, conflict: te, onReloadLatest: j, isNameReadOnly: M = !1, onDirtyChange: N, onValuesChange: L, onRefineDescription: ie, onRefineInstructions: se, fileActions: R, supportingFileContent: fe, asideData: _e, onSubmit: ve, onCancel: ye, onBack: be, backAriaLabel: xe, title: Se, onRetry: Ce, onRetrySubmit: we, labels: Te, styles: U, dir: Ee, instructionsEditorTheme: De = y.light }) => {
 	let [W, Oe] = H({
 		name: r?.name ?? "",
 		description: r?.description ?? "",
@@ -1051,11 +1055,11 @@ var Re = {
 		N
 	]);
 	let [rt, it] = H(K), X = s ?? rt, Z = z((e) => {
-		it(e), v?.(e);
-	}, [v]), [ht, gt] = H([]), _t = S ?? ht, vt = B(() => new Set(_t), [_t]), yt = z((e) => {
+		it(e), _?.(e);
+	}, [_]), [ht, gt] = H([]), _t = v ?? ht, vt = B(() => new Set(_t), [_t]), yt = z((e) => {
 		let t = [...e];
-		gt(t), w?.(t);
-	}, [w]), [bt, xt] = H(!1), [St, Ct] = H(st), wt = z((e) => {
+		gt(t), S?.(t);
+	}, [S]), [bt, xt] = H(!1), [St, Ct] = H(st), wt = z((e) => {
 		Ct(e), xt(!0);
 	}, []), [Tt, Et] = H(!1), { isDragActive: Dt, dropZoneHandlers: Ot } = Xe(z((e) => {
 		bt || wt({
@@ -1177,12 +1181,12 @@ var Re = {
 		i,
 		X
 	]), tn = z((e, t) => {
-		if (e.path === "SKILL.md" || e.path === Vt) return [];
+		if (e.path === Vt || e.nodeType !== he.FOLDER) return [];
 		let n = {
 			path: e.path,
 			name: e.name,
-			kind: e.nodeType === he.FOLDER ? q.Folder : q.File
-		}, r = n.kind === q.Folder ? $t(We(ze.Child, n), t) : [];
+			kind: q.Folder
+		}, r = $t(We(ze.Child, n), t);
 		return r.push({
 			key: "add-sibling",
 			icon: Qe(ce),
@@ -1205,7 +1209,16 @@ var Re = {
 	]), nn = B(() => ({
 		[Y.Mobile]: (e) => tn(e, Y.Mobile),
 		[Y.Desktop]: (e) => tn(e, Y.Desktop)
-	}), [tn]), rn = (e) => /* @__PURE__ */ I("div", {
+	}), [tn]), rn = z((e) => e.nodeType === he.FOLDER || e.path === "SKILL.md" ? null : /* @__PURE__ */ F(w, {
+		size: b.Small,
+		icon: Qe(le, Mt, g.SM),
+		"aria-label": Q.deleteLabel ?? "Delete",
+		onClick: () => qt(e.path)
+	}), [
+		Q.deleteLabel,
+		Mt,
+		qt
+	]), an = (e) => /* @__PURE__ */ I("div", {
 		className: "flex flex-col gap-2 desktop:gap-5",
 		children: [/* @__PURE__ */ I("div", {
 			className: "flex items-center justify-between",
@@ -1217,11 +1230,6 @@ var Re = {
 				variant: m.Neutral,
 				appearance: f.Solid,
 				size: b.Small,
-				iconBefore: /* @__PURE__ */ F(ce, {
-					size: g.SM,
-					"aria-hidden": !0,
-					stroke: _
-				}),
 				items: en[e]
 			})]
 		}), /* @__PURE__ */ F("div", {
@@ -1235,6 +1243,7 @@ var Re = {
 				onExpandedPathsChange: yt,
 				onItemClick: Kt,
 				getContextMenuItems: nn[e],
+				renderItemActions: rn,
 				renamedPath: Ht === e ? Vt : void 0,
 				onRenameSave: zt.handleSave,
 				onRenameCancel: zt.handleCancel,
@@ -1242,17 +1251,17 @@ var Re = {
 				rootItemPath: ""
 			})
 		})]
-	}), an = B(() => ({
+	}), on = B(() => ({
 		name: W.name,
 		description: W.description,
 		iconUrl: "",
 		version: "",
 		topics: [],
 		otherLocales: []
-	}), [W.name, W.description]), on = B(() => ({
+	}), [W.name, W.description]), sn = B(() => ({
 		name: k?.name,
 		description: k?.description
-	}), [k?.name, k?.description]), sn = B(() => ({ form: {
+	}), [k?.name, k?.description]), cn = B(() => ({ form: {
 		...Pe,
 		name: {
 			label: Q.nameLabel ?? "Name",
@@ -1268,9 +1277,9 @@ var Re = {
 		Q.namePlaceholder,
 		Q.descriptionLabel,
 		Q.descriptionPlaceholder
-	]), cn = (e) => {
+	]), ln = (e) => {
 		e.name !== void 0 && Me({ name: e.name }), e.description !== void 0 && (Le.reset(), Me({ description: e.description }));
-	}, ln = ie ? (e, t) => /* @__PURE__ */ F(a, {
+	}, un = ie ? (e, t) => /* @__PURE__ */ F(a, {
 		isEnabled: !0,
 		fieldId: t,
 		required: !0,
@@ -1280,7 +1289,7 @@ var Re = {
 		disabled: Be || O,
 		...Ft,
 		children: e
-	}) : void 0, un = {
+	}) : void 0, dn = {
 		title: Se,
 		onBack: Ge,
 		onCancel: Ue,
@@ -1299,7 +1308,7 @@ var Re = {
 		dir: Ee,
 		className: "relative flex min-h-0 flex-1 flex-col",
 		children: /* @__PURE__ */ F(Ne, {
-			...un,
+			...dn,
 			metadata: /* @__PURE__ */ F("div", {
 				role: "status",
 				"aria-label": Q.loadingAriaLabel ?? "Loading skill",
@@ -1312,7 +1321,7 @@ var Re = {
 		dir: Ee,
 		className: "relative flex min-h-0 flex-1 flex-col",
 		children: /* @__PURE__ */ F(Ne, {
-			...un,
+			...dn,
 			metadata: /* @__PURE__ */ I("div", {
 				role: "alert",
 				className: "flex flex-col items-center gap-4 p-8",
@@ -1323,7 +1332,7 @@ var Re = {
 			})
 		})
 	});
-	let dn = X === K, fn = dn ? K : Q.selectedFileHeading?.(Gt?.name ?? X) ?? Gt?.name ?? X, pn = ee != null || te != null ? /* @__PURE__ */ I("div", {
+	let fn = X === K, pn = fn ? K : Q.selectedFileHeading?.(Gt?.name ?? X) ?? Gt?.name ?? X, mn = ee != null || te != null ? /* @__PURE__ */ I("div", {
 		className: "flex flex-col gap-2",
 		children: [ee != null && /* @__PURE__ */ I("div", {
 			className: "flex items-center gap-2",
@@ -1338,7 +1347,7 @@ var Re = {
 				onClick: j
 			})]
 		})]
-	}) : void 0, mn = /* @__PURE__ */ F(a, {
+	}) : void 0, hn = /* @__PURE__ */ F(a, {
 		isEnabled: !!se,
 		fieldId: ke,
 		required: !0,
@@ -1390,7 +1399,7 @@ var Re = {
 				labels: Te
 			}),
 			/* @__PURE__ */ F(Ne, {
-				...un,
+				...dn,
 				asideData: _e,
 				asideSectionClassName: ft,
 				isSubmitting: O,
@@ -1403,26 +1412,26 @@ var Re = {
 						expanded: Tt,
 						onToggle: Et,
 						ariaLabel: Q.editingFileLabel ?? "Editing file",
-						children: rn(Y.Mobile)
+						children: an(Y.Mobile)
 					})
 				}), /* @__PURE__ */ F("div", {
 					className: "hidden desktop:block",
-					children: rn(Y.Desktop)
+					children: an(Y.Desktop)
 				})] }),
-				alert: pn,
-				setupTitle: fn,
+				alert: mn,
+				setupTitle: pn,
 				setupSectionClassName: pt,
-				setup: dn ? /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(Ie, {
-					values: an,
-					errors: on,
-					onChange: cn,
+				setup: fn ? /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(Ie, {
+					values: on,
+					errors: sn,
+					onChange: ln,
 					fields: ct,
 					isDescriptionRequired: !0,
 					isNameReadOnly: M,
 					nameCaption: k?.name ? void 0 : Q.nameCaption ?? "Lowercase letters and hyphens only, no spaces. We'll reformat automatically if needed.",
-					renderDescription: ln,
-					labels: sn
-				}), mn] }) : /* @__PURE__ */ F(P, { children: Gt?.kind === q.File && /* @__PURE__ */ F("div", {
+					renderDescription: un,
+					labels: cn
+				}), hn] }) : /* @__PURE__ */ F(P, { children: Gt?.kind === q.File && /* @__PURE__ */ F("div", {
 					className: "flex min-h-0 flex-1 flex-col",
 					children: fe ?? /* @__PURE__ */ F(h, { text: Q.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.3.0-dev.5",
+  "version": "1.3.0-dev.51",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -20,12 +20,12 @@
     "@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.5"
+    "@epam/ai-dial-builder-form": "1.3.0-dev.51"
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.3.0-dev.5",
-    "@epam/ai-dial-ui-kit": "^0.15.0",
-    "@epam/ai-dial-react-file-manager": "^0.3.0",
+    "@epam/ai-dial-chat-shared": "1.3.0-dev.51",
+    "@epam/ai-dial-ui-kit": "^0.15.4",
+    "@epam/ai-dial-react-file-manager": "^0.3.5",
     "react": "^19.2.8"
   },
   "repository": {

package/utils/icon.d.ts

@@ -1,4 +1,4 @@
 import { TablerIcon } from '@tabler/icons-react';
 /** Returns a decorative Tabler icon at the kit stroke, sized `DIAL_ICON_SIZE.MD` unless `size` is given. */
-export declare const renderIcon: (Icon: TablerIcon, className?: string, size?: number) => import("react").JSX.Element;
+export declare const renderIcon: (Icon: TablerIcon, className?: string, size?: number) => import('react').JSX.Element;
 //# sourceMappingURL=icon.d.ts.map