@epam/ai-dial-skill-editor 1.2.0-rc.0 → 1.2.0-rc.1

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;AAsDzC,qFAAqF;AACrF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA00B5C,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,CA20B5C,CAAC"}

package/index.js

@@ -979,10 +979,10 @@ var Re = {
 }, st = {
 	mode: Ze.Files,
 	targetFolderPath: ""
-}, ct = [U.Name, U.Description], lt = 24, ut = 300, dt = "desktop:px-8 desktop:py-6", ft = "gap-4 px-4 py-6 desktop:gap-5 desktop:px-8 desktop:py-6", pt = R(async () => {
+}, 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 };
-}), mt = ({ 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: 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 }) => {
 	let [W, Oe] = H({
 		name: r?.name ?? "",
 		description: r?.description ?? "",
@@ -1052,31 +1052,31 @@ var Re = {
 	]);
 	let [rt, it] = H(K), X = s ?? rt, Z = z((e) => {
 		it(e), v?.(e);
-	}, [v]), [mt, ht] = H([]), gt = S ?? mt, _t = B(() => new Set(gt), [gt]), vt = z((e) => {
+	}, [v]), [ht, gt] = H([]), _t = S ?? ht, vt = B(() => new Set(_t), [_t]), yt = z((e) => {
 		let t = [...e];
-		ht(t), w?.(t);
-	}, [w]), [yt, bt] = H(!1), [xt, St] = H(st), Ct = z((e) => {
-		St(e), bt(!0);
-	}, []), [wt, Tt] = H(!1), { isDragActive: Et, dropZoneHandlers: Dt } = Xe(z((e) => {
-		yt || Ct({
+		gt(t), w?.(t);
+	}, [w]), [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({
 			...st,
 			initialFiles: e
 		});
-	}, [yt, Ct])), Q = Te ?? {}, $ = U?.colors, Ot = U?.typography ?? {}, kt = Ot.titleClassName ?? "dial-body-semi-text", At = Ot.helperTextClassName ?? "dial-tiny-semi-text", jt = Ot.removeIconClassName, Mt = Ot.menuIconClassName ?? "text-secondary", Nt = o({
+	}, [bt, wt])), Q = Te ?? {}, $ = U?.colors, kt = U?.typography ?? {}, At = kt.titleClassName ?? "dial-body-semi-text", jt = kt.helperTextClassName ?? "dial-tiny-semi-text", Mt = kt.removeIconClassName, Nt = kt.menuIconClassName ?? "text-secondary", Pt = o({
 		"--se-title-color": $?.title,
 		"--se-helper-text-color": $?.helperText,
 		"--se-refine-action-text": $?.refineActionText,
 		"--se-refine-error-text": $?.refineErrorText
-	}), Pt = {
-		feedbackClassName: c($?.refineActionText && ot.refineFeedback, Ot.refineFeedbackClassName, Re.refineFeedback),
+	}), Ft = {
+		feedbackClassName: c($?.refineActionText && ot.refineFeedback, kt.refineFeedbackClassName, Re.refineFeedback),
 		errorClassName: ot.refineError
-	}, Ft = {
+	}, It = {
 		layout: $?.border ? { colors: {
 			headerBorderColor: $.border,
 			sidebarBorderColor: $.border
 		} } : void 0,
 		section: $?.title ? { colors: { titleColor: $.title } } : void 0
-	}, It = B(() => ({
+	}, Lt = B(() => ({
 		required: Q.folderNameRequiredError ?? "Enter a folder name",
 		invalid: Q.folderNameInvalidError ?? "Folder name can't contain / or \\, or be . or ..",
 		duplicate: Q.folderNameDuplicateError ?? "An item with this name already exists here"
@@ -1084,133 +1084,133 @@ var Re = {
 		Q.folderNameRequiredError,
 		Q.folderNameInvalidError,
 		Q.folderNameDuplicateError
-	]), Lt = z((e) => {
-		_t.has(e) || vt(new Set([..._t, e]));
-	}, [_t, vt]), Rt = Je({
+	]), Rt = z((e) => {
+		vt.has(e) || yt(new Set([...vt, e]));
+	}, [vt, yt]), zt = Je({
 		files: i,
 		fileActions: R,
 		defaultName: Q.newFolderDefaultName ?? "New folder",
-		messages: It,
-		onRevealFolder: Lt,
+		messages: Lt,
+		onRevealFolder: Rt,
 		onCreated: Z
-	}), { draftNode: zt, draftPath: Bt, draftPane: Vt } = Rt, Ht = B(() => Ve([{
+	}), { draftNode: Bt, draftPath: Vt, draftPane: Ht } = zt, Ut = B(() => Ve([{
 		path: K,
 		name: K,
 		kind: q.File
-	}, ...i]), [i]), Ut = B(() => zt ? Ve([
+	}, ...i]), [i]), Wt = B(() => Bt ? Ve([
 		{
 			path: K,
 			name: K,
 			kind: q.File
 		},
 		...i,
-		zt
-	]) : Ht, [
+		Bt
+	]) : Ut, [
 		i,
-		zt,
-		Ht
-	]), Wt = B(() => i.find((e) => e.path === X), [i, X]), Gt = z((e) => {
-		e.path !== Bt && Z(e.path);
-	}, [Z, Bt]), Kt = z((e) => {
+		Bt,
+		Ut
+	]), Gt = B(() => i.find((e) => e.path === X), [i, X]), Kt = z((e) => {
+		e.path !== Vt && Z(e.path);
+	}, [Z, Vt]), qt = z((e) => {
 		R.onRemoveNode(e), X === e && Z(K);
 	}, [
 		R,
 		X,
 		Z
-	]), { startDraft: qt } = Rt, { onCreateFolder: Jt, extractArchive: Yt, pickFromFileSystem: Xt } = R, Zt = z(async (e) => {
-		if (!Xt) return;
-		let t = await Xt();
-		t?.length && Ct({
+	]), { startDraft: Jt } = zt, { onCreateFolder: Yt, extractArchive: Xt, pickFromFileSystem: Zt } = R, Qt = z(async (e) => {
+		if (!Zt) return;
+		let t = await Zt();
+		t?.length && wt({
 			mode: Ze.Files,
 			targetFolderPath: e,
 			initialEntries: t
 		});
-	}, [Xt, Ct]), Qt = z((e, t) => {
-		let n = (e) => Qe(e, Mt), r = [];
-		return Jt && r.push({
+	}, [Zt, wt]), $t = z((e, t) => {
+		let n = (e) => Qe(e, Nt), r = [];
+		return Yt && r.push({
 			key: "create-folder",
 			label: Q.createFolderLabel ?? "Create folder",
 			icon: n(oe),
-			onClick: () => qt(e, t)
+			onClick: () => Jt(e, t)
 		}), r.push({
 			key: "upload-files",
 			label: Q.uploadFilesLabel ?? "Upload files from device",
 			icon: n(ue),
-			onClick: () => Ct({
+			onClick: () => wt({
 				mode: Ze.Files,
 				targetFolderPath: e
 			})
-		}), Yt && r.push({
+		}), Xt && r.push({
 			key: "upload-archive",
 			label: Q.uploadArchiveLabel ?? "Upload archive from device",
 			icon: n(ae),
-			onClick: () => Ct({
+			onClick: () => wt({
 				mode: Ze.Archive,
 				targetFolderPath: e
 			})
-		}), Xt && r.push({
+		}), Zt && r.push({
 			key: "open-file-system",
 			label: Q.openFileSystemLabel ?? "Open DIAL file system",
 			icon: n(re),
-			onClick: () => void Zt(e)
+			onClick: () => void Qt(e)
 		}), r;
 	}, [
-		Mt,
-		Jt,
+		Nt,
 		Yt,
 		Xt,
+		Zt,
 		Q.createFolderLabel,
 		Q.uploadFilesLabel,
 		Q.uploadArchiveLabel,
 		Q.openFileSystemLabel,
-		qt,
-		Ct,
-		Zt
-	]), $t = B(() => {
+		Jt,
+		wt,
+		Qt
+	]), en = B(() => {
 		let e = We(ze.Header, i.find((e) => e.path === X));
 		return {
-			[Y.Mobile]: Qt(e, Y.Mobile),
-			[Y.Desktop]: Qt(e, Y.Desktop)
+			[Y.Mobile]: $t(e, Y.Mobile),
+			[Y.Desktop]: $t(e, Y.Desktop)
 		};
 	}, [
-		Qt,
+		$t,
 		i,
 		X
-	]), en = z((e, t) => {
-		if (e.path === "SKILL.md" || e.path === Bt) return [];
+	]), tn = z((e, t) => {
+		if (e.path === "SKILL.md" || e.path === Vt) return [];
 		let n = {
 			path: e.path,
 			name: e.name,
 			kind: e.nodeType === he.FOLDER ? q.Folder : q.File
-		}, r = n.kind === q.Folder ? Qt(We(ze.Child, n), t) : [];
+		}, r = n.kind === q.Folder ? $t(We(ze.Child, n), t) : [];
 		return r.push({
 			key: "add-sibling",
 			icon: Qe(ce),
 			label: Q.addSiblingLabel ?? "Add sibling",
-			children: Qt(We(ze.Sibling, n), t)
+			children: $t(We(ze.Sibling, n), t)
 		}, {
 			key: "delete",
 			label: Q.deleteLabel ?? "Delete",
 			danger: !0,
-			icon: Qe(le, jt),
-			onClick: () => Kt(e.path)
+			icon: Qe(le, Mt),
+			onClick: () => qt(e.path)
 		}), r;
 	}, [
-		Bt,
+		Vt,
 		Q.addSiblingLabel,
 		Q.deleteLabel,
-		jt,
-		Qt,
-		Kt
-	]), tn = B(() => ({
-		[Y.Mobile]: (e) => en(e, Y.Mobile),
-		[Y.Desktop]: (e) => en(e, Y.Desktop)
-	}), [en]), nn = (e) => /* @__PURE__ */ I("div", {
+		Mt,
+		$t,
+		qt
+	]), nn = B(() => ({
+		[Y.Mobile]: (e) => tn(e, Y.Mobile),
+		[Y.Desktop]: (e) => tn(e, Y.Desktop)
+	}), [tn]), rn = (e) => /* @__PURE__ */ I("div", {
 		className: "flex flex-col gap-2 desktop:gap-5",
 		children: [/* @__PURE__ */ I("div", {
 			className: "flex items-center justify-between",
 			children: [/* @__PURE__ */ F("span", {
-				className: c(ot.title, kt),
+				className: c(ot.title, At),
 				children: Q.filesHeading ?? "Files"
 			}), /* @__PURE__ */ F(p, {
 				label: Q.addLabel ?? "Add",
@@ -1222,37 +1222,37 @@ var Re = {
 					"aria-hidden": !0,
 					stroke: _
 				}),
-				items: $t[e]
+				items: en[e]
 			})]
 		}), /* @__PURE__ */ F("div", {
 			role: "tree",
 			"aria-label": Q.filesTreeAriaLabel ?? "Skill files",
 			children: /* @__PURE__ */ F(ge, {
-				items: Vt === e ? Ut : Ht,
+				items: Ht === e ? Wt : Ut,
 				showFiles: !0,
 				selectedPath: X,
-				expandedPaths: _t,
-				onExpandedPathsChange: vt,
-				onItemClick: Gt,
-				getContextMenuItems: tn[e],
-				renamedPath: Vt === e ? Bt : void 0,
-				onRenameSave: Rt.handleSave,
-				onRenameCancel: Rt.handleCancel,
-				onRenameValidate: Rt.handleValidate,
+				expandedPaths: vt,
+				onExpandedPathsChange: yt,
+				onItemClick: Kt,
+				getContextMenuItems: nn[e],
+				renamedPath: Ht === e ? Vt : void 0,
+				onRenameSave: zt.handleSave,
+				onRenameCancel: zt.handleCancel,
+				onRenameValidate: zt.handleValidate,
 				rootItemPath: ""
 			})
 		})]
-	}), rn = B(() => ({
+	}), an = B(() => ({
 		name: W.name,
 		description: W.description,
 		iconUrl: "",
 		version: "",
 		topics: [],
 		otherLocales: []
-	}), [W.name, W.description]), an = B(() => ({
+	}), [W.name, W.description]), on = B(() => ({
 		name: k?.name,
 		description: k?.description
-	}), [k?.name, k?.description]), on = B(() => ({ form: {
+	}), [k?.name, k?.description]), sn = B(() => ({ form: {
 		...Pe,
 		name: {
 			label: Q.nameLabel ?? "Name",
@@ -1268,9 +1268,9 @@ var Re = {
 		Q.namePlaceholder,
 		Q.descriptionLabel,
 		Q.descriptionPlaceholder
-	]), sn = (e) => {
+	]), cn = (e) => {
 		e.name !== void 0 && Me({ name: e.name }), e.description !== void 0 && (Le.reset(), Me({ description: e.description }));
-	}, cn = ie ? (e, t) => /* @__PURE__ */ F(a, {
+	}, ln = ie ? (e, t) => /* @__PURE__ */ F(a, {
 		isEnabled: !0,
 		fieldId: t,
 		required: !0,
@@ -1278,9 +1278,9 @@ var Re = {
 		labels: Q,
 		refinement: Le,
 		disabled: Be || O,
-		...Pt,
+		...Ft,
 		children: e
-	}) : void 0, ln = {
+	}) : void 0, un = {
 		title: Se,
 		onBack: Ge,
 		onCancel: Ue,
@@ -1292,14 +1292,14 @@ var Re = {
 			backAriaLabel: xe ?? "Back",
 			savingStatusLabel: Q.savingStatusLabel ?? "Saving"
 		},
-		styles: Ft,
+		styles: It,
 		metadataTitle: null
 	};
 	if (T) return /* @__PURE__ */ F("div", {
 		dir: Ee,
 		className: "relative flex min-h-0 flex-1 flex-col",
 		children: /* @__PURE__ */ F(Ne, {
-			...ln,
+			...un,
 			metadata: /* @__PURE__ */ F("div", {
 				role: "status",
 				"aria-label": Q.loadingAriaLabel ?? "Loading skill",
@@ -1312,7 +1312,7 @@ var Re = {
 		dir: Ee,
 		className: "relative flex min-h-0 flex-1 flex-col",
 		children: /* @__PURE__ */ F(Ne, {
-			...ln,
+			...un,
 			metadata: /* @__PURE__ */ I("div", {
 				role: "alert",
 				className: "flex flex-col items-center gap-4 p-8",
@@ -1323,7 +1323,7 @@ var Re = {
 			})
 		})
 	});
-	let un = X === K, dn = un ? K : Q.selectedFileHeading?.(Wt?.name ?? X) ?? Wt?.name ?? X, fn = ee != null || te != null ? /* @__PURE__ */ I("div", {
+	let dn = X === K, fn = dn ? K : Q.selectedFileHeading?.(Gt?.name ?? X) ?? Gt?.name ?? X, pn = 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,22 +1338,22 @@ var Re = {
 				onClick: j
 			})]
 		})]
-	}) : void 0, pn = /* @__PURE__ */ F(a, {
+	}) : void 0, mn = /* @__PURE__ */ F(a, {
 		isEnabled: !!se,
 		fieldId: ke,
 		required: !0,
-		labelClassName: c(ot.helperText, At),
+		labelClassName: c(ot.helperText, jt),
 		label: Q.instructionsLabel ?? "Instructions",
 		labels: Q,
 		refinement: J,
 		disabled: Be || O,
-		...Pt,
+		...Ft,
 		children: /* @__PURE__ */ I("div", {
 			className: "flex flex-1 flex-col gap-2",
 			children: [
 				!se && /* @__PURE__ */ F(E, {
 					htmlFor: ke,
-					className: c(ot.helperText, At),
+					className: c(ot.helperText, jt),
 					label: Q.instructionsLabel ?? "Instructions",
 					required: !0
 				}),
@@ -1362,7 +1362,7 @@ var Re = {
 					className: c(t, e, n),
 					children: /* @__PURE__ */ F(de, {
 						fallback: /* @__PURE__ */ F(ne, { ariaLabel: Q.instructionsLoadingAriaLabel ?? "Loading" }),
-						children: /* @__PURE__ */ F(pt, {
+						children: /* @__PURE__ */ F(mt, {
 							id: ke,
 							ariaLabel: Q.instructionsLabel ?? "Instructions",
 							value: W.instructions,
@@ -1382,62 +1382,63 @@ var Re = {
 	return /* @__PURE__ */ I("div", {
 		dir: Ee,
 		className: c("relative flex min-h-0 flex-1 flex-col", Re.root),
-		style: Nt,
-		...Dt,
+		style: Pt,
+		...Ot,
 		children: [
 			/* @__PURE__ */ F($e, {
-				isVisible: Et && !yt,
+				isVisible: Dt && !bt,
 				labels: Te
 			}),
 			/* @__PURE__ */ F(Ne, {
-				...ln,
+				...un,
 				asideData: _e,
+				asideSectionClassName: ft,
 				isSubmitting: O,
 				metadataSectionClassName: dt,
 				metadata: /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F("div", {
 					className: "desktop:hidden",
 					children: /* @__PURE__ */ F(d, {
 						title: Q.editingFileLabel ?? "Editing file",
-						description: Wt?.name ?? "SKILL.md",
-						expanded: wt,
-						onToggle: Tt,
+						description: Gt?.name ?? "SKILL.md",
+						expanded: Tt,
+						onToggle: Et,
 						ariaLabel: Q.editingFileLabel ?? "Editing file",
-						children: nn(Y.Mobile)
+						children: rn(Y.Mobile)
 					})
 				}), /* @__PURE__ */ F("div", {
 					className: "hidden desktop:block",
-					children: nn(Y.Desktop)
+					children: rn(Y.Desktop)
 				})] }),
-				alert: fn,
-				setupTitle: dn,
-				setupSectionClassName: ft,
-				setup: un ? /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(Ie, {
-					values: rn,
-					errors: an,
-					onChange: sn,
+				alert: pn,
+				setupTitle: fn,
+				setupSectionClassName: pt,
+				setup: dn ? /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(Ie, {
+					values: an,
+					errors: on,
+					onChange: cn,
 					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: cn,
-					labels: on
-				}), pn] }) : /* @__PURE__ */ F(P, { children: Wt?.kind === q.File && /* @__PURE__ */ F("div", {
+					renderDescription: ln,
+					labels: sn
+				}), mn] }) : /* @__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." })
 				}) })
 			}),
 			/* @__PURE__ */ F(at, {
-				isOpen: yt,
-				onClose: () => bt(!1),
+				isOpen: bt,
+				onClose: () => xt(!1),
 				fileActions: R,
-				mode: xt.mode,
-				targetFolderPath: xt.targetFolderPath,
-				initialFiles: xt.initialFiles,
-				initialEntries: xt.initialEntries,
+				mode: St.mode,
+				targetFolderPath: St.targetFolderPath,
+				initialFiles: St.initialFiles,
+				initialEntries: St.initialEntries,
 				labels: Te
 			})
 		]
 	});
 };
 //#endregion
-export { Re as SKILL_EDITOR_CLASS, mt as SkillEditor, et as SkillFileCandidateKind, q as SkillFileNodeKind, Ze as SkillFileUploadMode, tt as SkillFileValidationStatus };
+export { Re as SKILL_EDITOR_CLASS, ht as SkillEditor, et as SkillFileCandidateKind, q as SkillFileNodeKind, Ze as SkillFileUploadMode, tt 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.2.0-rc.0",
+  "version": "1.2.0-rc.1",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -20,10 +20,10 @@
     "@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.2.0-rc.0"
+    "@epam/ai-dial-builder-form": "1.2.0-rc.1"
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.2.0-rc.0",
+    "@epam/ai-dial-chat-shared": "1.2.0-rc.1",
     "@epam/ai-dial-ui-kit": "^0.15.0",
     "@epam/ai-dial-react-file-manager": "^0.3.0",
     "react": "^19.2.8"