@epam/ai-dial-skill-editor 1.3.0-dev.326 → 1.3.0-dev.331

package/index.js

@@ -1,10 +1,10 @@
 import { MARKDOWN_EDITOR_FILL_HEIGHT_CLASS_NAME as e, MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME as t, MARKDOWN_EDITOR_PREVIEW_LIST_CLASS_NAME as n, RESIZABLE_TEXTAREA_CLASS_NAME as r, TAG_INPUT_TAG_CLASS_NAME as i, TextRefinementField as a, buildCssVars as o, formatFileSize as s, mergeClasses as c, useAvailableHeightCap as l, useControlErrorAssociation as u, useIsMobile as d, useTextRefinement as f } from "@epam/ai-dial-chat-shared";
 import { Accordion as p, BottomSheet as m, Breadcrumbs as h, ButtonAppearance as g, ButtonDropdown as _, ButtonVariant as v, CaptionText as y, DIAL_ICON_SIZE as b, DIAL_KIT_ICON_STROKE as x, DangerIconButton as S, DialItemType as C, EditorThemes as w, ElementSize as T, ErrorMessageNotification as E, ErrorText as D, FileDropzone as O, FileName as k, GhostButton as A, GhostIconButton as ee, Input as j, Label as te, LinkButton as ne, LiveRegion as re, LiveRegionElement as ie, LiveRegionPoliteness as M, NeutralButton as ae, NoDataContent as oe, Popup as N, PopupSize as se, PrimaryButton as ce, RadioGroup as le, ResizeHandle as ue, Select as de, Spinner as fe, TagInput as pe, Textarea as me, TextareaResize as he } from "@epam/ai-dial-ui-kit";
 import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
-import { IconArrowNarrowLeft as ge, IconDatabase as _e, IconFileZip as ve, IconFolderPlus as ye, IconPhoto as be, IconPlus as xe, IconTrashX as Se, IconUpload as Ce } from "@tabler/icons-react";
-import { Suspense as we, lazy as Te, memo as Ee, useCallback as L, useEffect as De, useId as Oe, useMemo as R, useRef as z, useState as B } from "react";
-import { DialFileNodeType as ke, DialFoldersTree as Ae } from "@epam/ai-dial-react-file-manager";
-import { LazyMarkdownEditor as je } from "@epam/ai-dial-ui-kit/editors";
+import { IconArrowNarrowLeft as ge, IconDatabase as L, IconFileZip as _e, IconFolderPlus as ve, IconPhoto as ye, IconPlus as be, IconTrashX as xe, IconUpload as Se } from "@tabler/icons-react";
+import { Suspense as Ce, lazy as we, memo as Te, useCallback as R, useEffect as Ee, useId as De, useMemo as z, useRef as B, useState as V } from "react";
+import { DialFileNodeType as Oe, DialFoldersTree as ke } from "@epam/ai-dial-react-file-manager";
+import { LazyMarkdownEditor as Ae } 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 V = {
+var H = {
 	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"
-}, Me = {
+}, je = {
 	section: "_section_l1mnx_1",
 	title: "_title_l1mnx_5"
-}, Ne = ({ title: e, children: t, styles: n, className: r }) => {
+}, Me = ({ 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__ */ I("section", {
-		className: c("flex h-full flex-col gap-4 rounded border", Me.section, r, V.section),
+		className: c("flex h-full flex-col gap-4 rounded border", je.section, r, H.section),
 		style: i,
 		children: [e != null && /* @__PURE__ */ F("h2", {
-			className: c(n?.typography?.titleClassName ?? "dial-h3-text", Me.title),
+			className: c(n?.typography?.titleClassName ?? "dial-h3-text", je.title),
 			children: e
 		}), t]
 	});
-}, Pe = (e, { min: t = 280, max: n = 640, containerWidth: r } = {}) => {
+}, Ne = (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)));
-}, H = {
+}, U = {
 	headerBorder: "_headerBorder_1adw2_1",
 	footerBorder: "_footerBorder_1adw2_5",
 	columnBorder: "_columnBorder_1adw2_10"
-}, Fe = ({ 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 = Oe(), h = u ? d?.savingStatusLabel ?? "Saving" : "", g = z(null), [_, v] = B(), y = l != null && a != null, S = l?.minWidth, C = l?.maxWidth, w = {
+}, Pe = ({ 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 = De(), h = u ? d?.savingStatusLabel ?? "Saving" : "", g = B(null), [_, v] = V(), y = l != null && a != null, S = l?.minWidth, C = l?.maxWidth, w = {
 		min: S,
 		max: C,
 		containerWidth: _
-	}, T = y ? Pe(l.width, w) : void 0, E = Pe(C ?? 640, w);
-	De(() => {
+	}, T = y ? Ne(l.width, w) : void 0, E = Ne(C ?? 640, w);
+	Ee(() => {
 		let e = g.current;
 		if (!y || e == null || typeof ResizeObserver > "u") return;
 		let t = new ResizeObserver(() => v(e.clientWidth));
@@ -59,7 +59,7 @@ var V = {
 	});
 	return /* @__PURE__ */ I("div", {
 		dir: p,
-		className: c("flex min-h-0 flex-1 flex-col", V.layout),
+		className: c("flex min-h-0 flex-1 flex-col", H.layout),
 		style: D,
 		children: [
 			/* @__PURE__ */ F(re, {
@@ -69,7 +69,7 @@ var V = {
 				children: h
 			}),
 			/* @__PURE__ */ I("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", H.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", U.headerBorder),
 				children: [/* @__PURE__ */ I("div", {
 					className: "flex min-w-0 flex-1 items-center gap-2",
 					children: [/* @__PURE__ */ F(ee, {
@@ -95,7 +95,7 @@ var V = {
 				className: "flex flex-1 flex-col overflow-y-auto desktop:flex-row desktop:overflow-hidden",
 				children: [
 					/* @__PURE__ */ F("div", {
-						className: c(a == null ? "desktop:flex-1" : "desktop:shrink-0 desktop:overflow-y-auto desktop:border-e", a != null && !y && "desktop:w-[400px]", y && "desktop:relative desktop:w-(--el-left-width)", "desktop:overflow-y-auto", a == null ? void 0 : H.columnBorder),
+						className: c(a == null ? "desktop:flex-1" : "desktop:shrink-0 desktop:overflow-y-auto desktop:border-e", a != null && !y && "desktop:w-[400px]", y && "desktop:relative desktop:w-(--el-left-width)", "desktop:overflow-y-auto", a == null ? void 0 : U.columnBorder),
 						style: T == null ? void 0 : { "--el-left-width": `${T}px` },
 						children: i
 					}),
@@ -116,22 +116,22 @@ var V = {
 						children: a
 					}),
 					s != null && /* @__PURE__ */ F("div", {
-						className: c("desktop:w-[400px] desktop:shrink-0 desktop:overflow-y-auto desktop:border-s", H.columnBorder),
+						className: c("desktop:w-[400px] desktop:shrink-0 desktop:overflow-y-auto desktop:border-s", U.columnBorder),
 						children: s
 					})
 				]
 			}),
 			r != null && /* @__PURE__ */ F("div", {
-				className: c("flex shrink-0 flex-row-reverse items-center gap-2 border-t px-4 py-2 *:flex-1 desktop:hidden", H.footerBorder),
+				className: c("flex shrink-0 flex-row-reverse items-center gap-2 border-t px-4 py-2 *:flex-1 desktop:hidden", U.footerBorder),
 				children: r
 			})
 		]
 	});
-}, Ie = {
+}, Fe = {
 	box: "_box_c9as8_1",
 	icon: "_icon_c9as8_6",
 	caption: "_caption_c9as8_10"
-}, Le = ({ 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 }) => {
+}, Ie = ({ 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,22 +144,22 @@ var V = {
 		children: [/* @__PURE__ */ F(te, { label: e }), /* @__PURE__ */ I("div", {
 			className: "flex items-start gap-3",
 			children: [/* @__PURE__ */ F("div", {
-				className: c("flex h-16 w-16 shrink-0 items-center justify-center overflow-hidden rounded-lg border", Ie.box),
+				className: c("flex h-16 w-16 shrink-0 items-center justify-center overflow-hidden rounded-lg border", Fe.box),
 				children: t ? /* @__PURE__ */ F("img", {
 					src: t,
 					alt: n,
 					className: "h-16 w-16 object-cover"
-				}) : /* @__PURE__ */ F(be, {
+				}) : /* @__PURE__ */ F(ye, {
 					size: b.LG,
 					stroke: x,
 					"aria-hidden": !0,
-					className: Ie.icon
+					className: Fe.icon
 				})
 			}), /* @__PURE__ */ I("div", {
 				className: "flex flex-col gap-3",
 				children: [/* @__PURE__ */ F(A, {
 					size: T.Small,
-					iconBefore: /* @__PURE__ */ F(xe, {
+					iconBefore: /* @__PURE__ */ F(be, {
 						size: b.SM,
 						stroke: x,
 						"aria-hidden": !0
@@ -168,29 +168,29 @@ var V = {
 					label: r,
 					onClick: a
 				}), /* @__PURE__ */ F("span", {
-					className: c(s, Ie.caption),
+					className: c(s, Fe.caption),
 					children: i
 				})]
 			})]
 		})]
 	});
-}, Re = {
+}, Le = {
 	confirmText: "_confirmText_19ec1_1",
 	confirmItem: "_confirmItem_19ec1_5"
-}, ze = ({ 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__ */ F("div", {
+}, Re = ({ 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 = R((e) => e.length === 1 ? l.deleteConfirmTitleSingle : l.deleteConfirmTitleMultiple, [l.deleteConfirmTitleSingle, l.deleteConfirmTitleMultiple]), h = R((e) => /* @__PURE__ */ F("div", {
 		className: c(u, "px-6 py-3"),
 		style: o({
 			"--apm-confirm-text": f,
 			"--apm-confirm-item-text": p
 		}),
 		children: /* @__PURE__ */ F("p", {
-			className: c("mb-3", Re.confirmText),
+			className: c("mb-3", Le.confirmText),
 			children: e.length === 1 ? /* @__PURE__ */ I(P, { children: [
 				l.deleteConfirmSingleText,
 				" ",
 				/* @__PURE__ */ I("span", {
-					className: c("wrap-break-word", Re.confirmItem),
+					className: c("wrap-break-word", Le.confirmItem),
 					children: [
 						"\"",
 						e[0].split("/").pop(),
@@ -201,7 +201,7 @@ var V = {
 				l.deleteConfirmMultipleText,
 				" ",
 				/* @__PURE__ */ I("span", {
-					className: Re.confirmItem,
+					className: Le.confirmItem,
 					children: [
 						e.length,
 						" ",
@@ -218,7 +218,7 @@ var V = {
 		p,
 		u
 	]);
-	return /* @__PURE__ */ F(we, {
+	return /* @__PURE__ */ F(Ce, {
 		fallback: null,
 		children: e && /* @__PURE__ */ F(i, {
 			isOpen: e,
@@ -251,30 +251,30 @@ var V = {
 			deleteCancelLabel: l.deleteCancelLabel
 		})
 	});
-}, U = /* @__PURE__ */ function(e) {
+}, W = /* @__PURE__ */ function(e) {
 	return e.Avatar = "avatar", e.Name = "name", e.Version = "version", e.Description = "description", e.Locales = "locales", e.Tags = "tags", e;
-}({}), Be = [
+}({}), ze = [
 	"avatar",
 	"name",
 	"version",
 	"description",
 	"locales",
 	"tags"
-], Ve = {
+], Be = {
 	summary: "_summary_1hlc9_1",
 	rowLabel: "_rowLabel_1hlc9_5"
-}, He = (e, t, n) => ({
+}, Ve = (e, t, n) => ({
 	id: e,
 	language: n.find((e) => !t.has(e.code))?.code ?? "",
 	name: "",
 	description: ""
-}), Ue = (e) => e.toUpperCase(), We = ({ value: e, onChange: t, availableLocaleOptions: n = [], formatLocaleLabel: i = Ue, labels: a, className: s, summaryClassName: l = "dial-body-text", rowLabelClassName: u = "dial-tiny-lead-text", colors: d }) => {
+}), He = (e) => e.toUpperCase(), Ue = ({ value: e, onChange: t, availableLocaleOptions: n = [], formatLocaleLabel: i = He, labels: a, className: s, summaryClassName: l = "dial-body-text", rowLabelClassName: u = "dial-tiny-lead-text", colors: d }) => {
 	let f = o({
 		"--dlf-summary-text": d?.summaryText,
 		"--dlf-row-label-text": d?.rowLabelText
-	}), { summaryLabel: p, addLabel: m, editLabel: h, popupTitle: _, addLocaleLabel: y, localeRowLabel: C = "Locale", languageLabel: w, nameLabel: E, namePlaceholder: D, descriptionLabel: O, descriptionPlaceholder: k, deleteAriaLabel: A, cancelLabel: ee = "Cancel", saveLabel: te = "Save" } = a, [re, ie] = B(!1), [M, ae] = B([]), oe = z(0);
-	De(() => {
-		re && ae(e.length > 0 ? e : [He(`locale-row-${++oe.current}`, /* @__PURE__ */ new Set(), n)]);
+	}), { summaryLabel: p, addLabel: m, editLabel: h, popupTitle: _, addLocaleLabel: y, localeRowLabel: C = "Locale", languageLabel: w, nameLabel: E, namePlaceholder: D, descriptionLabel: O, descriptionPlaceholder: k, deleteAriaLabel: A, cancelLabel: ee = "Cancel", saveLabel: te = "Save" } = a, [re, ie] = V(!1), [M, ae] = V([]), oe = B(0);
+	Ee(() => {
+		re && ae(e.length > 0 ? e : [Ve(`locale-row-${++oe.current}`, /* @__PURE__ */ new Set(), n)]);
 	}, [
 		re,
 		e,
@@ -284,7 +284,7 @@ var V = {
 		t(M.filter((e) => e.language && e.name)), ie(!1);
 	}, ue = () => {
 		let e = new Set(M.map((e) => e.language).filter(Boolean));
-		ae((t) => [...t, He(`locale-row-${++oe.current}`, e, n)]);
+		ae((t) => [...t, Ve(`locale-row-${++oe.current}`, e, n)]);
 	}, fe = (e, t) => {
 		ae((n) => n.map((n) => n.id === e ? {
 			...n,
@@ -292,7 +292,7 @@ var V = {
 		} : n));
 	}, pe = (e) => {
 		ae((t) => t.filter((t) => t.id !== e));
-	}, P = new Set(n.map((e) => e.code)), ge = (e) => e !== "" && !P.has(e), _e = e.some((e) => ge(e.language)), ve = new Set(M.map((e) => e.language).filter((e) => P.has(e))).size, ye = (t, r) => {
+	}, P = new Set(n.map((e) => e.code)), ge = (e) => e !== "" && !P.has(e), L = e.some((e) => ge(e.language)), _e = new Set(M.map((e) => e.language).filter((e) => P.has(e))).size, ve = (t, r) => {
 		let a = e.find((e) => e.id === t.id)?.language, o = [...new Set([a ?? "", t.language].filter(ge))];
 		return [...n.map((e) => ({
 			value: e.code,
@@ -303,18 +303,18 @@ var V = {
 			label: i(e),
 			disabled: r.has(e)
 		}))];
-	}, be = M.some((e) => !e.language || !e.name);
-	return n.length === 0 && !_e ? null : /* @__PURE__ */ I("div", {
+	}, ye = M.some((e) => !e.language || !e.name);
+	return n.length === 0 && !L ? null : /* @__PURE__ */ I("div", {
 		className: c("flex items-center gap-2", s),
 		style: f,
 		children: [
 			e.length > 0 && /* @__PURE__ */ F("span", {
-				className: c(Ve.summary, l),
+				className: c(Be.summary, l),
 				children: `${p}: ${e.map((e) => `[${e.language.toUpperCase()}]`).join(", ")}`
 			}),
 			/* @__PURE__ */ F(ne, {
 				label: e.length > 0 ? h : m,
-				iconBefore: /* @__PURE__ */ F(xe, {
+				iconBefore: /* @__PURE__ */ F(be, {
 					size: b.SM,
 					"aria-hidden": !0,
 					stroke: x
@@ -332,7 +332,7 @@ var V = {
 				}, {
 					label: te,
 					variant: v.Primary,
-					disabled: be,
+					disabled: ye,
 					onClick: le
 				}],
 				children: /* @__PURE__ */ I("div", {
@@ -345,7 +345,7 @@ var V = {
 							children: [/* @__PURE__ */ I("div", {
 								className: "flex items-center justify-between",
 								children: [/* @__PURE__ */ I("span", {
-									className: c(Ve.rowLabel, u),
+									className: c(Be.rowLabel, u),
 									children: [
 										C,
 										" ",
@@ -354,7 +354,7 @@ var V = {
 								}), /* @__PURE__ */ F(S, {
 									appearance: g.Ghost,
 									size: T.Small,
-									icon: /* @__PURE__ */ F(Se, {
+									icon: /* @__PURE__ */ F(xe, {
 										size: b.SM,
 										"aria-hidden": !0,
 										stroke: x
@@ -375,7 +375,7 @@ var V = {
 											required: !0
 										},
 										className: "desktop:shrink-0 desktop:basis-40",
-										options: ye(e, n),
+										options: ve(e, n),
 										value: e.language,
 										onChange: (t) => fe(e.id, { language: t })
 									}), /* @__PURE__ */ F(j, {
@@ -403,48 +403,48 @@ var V = {
 						}, e.id);
 					}), /* @__PURE__ */ F(ne, {
 						label: y,
-						iconBefore: /* @__PURE__ */ F(xe, {
+						iconBefore: /* @__PURE__ */ F(be, {
 							size: b.SM,
 							"aria-hidden": !0,
 							stroke: x
 						}),
 						className: "self-start",
 						onClick: ue,
-						disabled: ve >= n.length
+						disabled: _e >= n.length
 					})]
 				})
 			})
 		]
 	});
-}, Ge = "Add tags, comma separated", Ke = "deployment-creation-form-description", qe = ({ values: e, errors: t, onChange: n, onNameBlur: a, onVersionBlur: o, iconPreviewUrl: s, onAddAvatarClick: l, labels: u, styles: d, availableLocaleOptions: f = [], formatLocaleLabel: p, fields: m = Be, isNameReadOnly: h = !1, nameReadOnlyTooltip: g, nameCaption: _, isDescriptionRequired: v = !1, descriptionCaption: y, renderDescription: b, focusRequestKey: x }) => {
-	let S = z(null), C = z(null), w = z(null), T = z(!1), E = (e) => m.includes(e), D = E(U.Name), O = E(U.Version), k = !!(t.name || t.version || t.description), A = z(x);
-	De(() => {
+}, We = "Add tags, comma separated", Ge = "The version is changed with \"Save as new version\"", Ke = "deployment-creation-form-description", qe = ({ values: e, errors: t, onChange: n, onNameBlur: a, onVersionBlur: o, iconPreviewUrl: s, onAddAvatarClick: l, labels: u, styles: d, availableLocaleOptions: f = [], formatLocaleLabel: p, fields: m = ze, isNameReadOnly: h = !1, nameReadOnlyTooltip: g, isVersionReadOnly: _ = !1, versionReadOnlyTooltip: v = Ge, nameCaption: y, isDescriptionRequired: b = !1, descriptionCaption: x, renderDescription: S, focusRequestKey: C }) => {
+	let w = B(null), T = B(null), E = B(null), D = B(!1), O = (e) => m.includes(e), k = O(W.Name), A = O(W.Version), ee = !!(t.name || t.version || t.description), te = B(C);
+	Ee(() => {
 		let e = () => {
-			t.name ? S.current?.focus() : t.version ? C.current?.focus() : t.description && w.current?.focus();
+			t.name ? w.current?.focus() : t.version ? T.current?.focus() : t.description && E.current?.focus();
 		};
-		x === void 0 ? (k && !T.current && e(), T.current = k) : x !== A.current && (A.current = x, e());
+		C === void 0 ? (ee && !D.current && e(), D.current = ee) : C !== te.current && (te.current = C, e());
 	}, [
-		x,
-		k,
+		C,
+		ee,
 		t.name,
 		t.version,
 		t.description
 	]);
-	let ee = /* @__PURE__ */ F(me, {
+	let ne = /* @__PURE__ */ F(me, {
 		id: Ke,
-		ref: w,
+		ref: E,
 		value: e.description,
 		onChange: (e) => n({ description: e }),
-		"aria-required": v || void 0,
-		labelProps: b ? void 0 : {
+		"aria-required": b || void 0,
+		labelProps: S ? void 0 : {
 			label: u.description.label,
-			required: v
+			required: b
 		},
 		placeholder: u.description.placeholder,
-		caption: y,
+		caption: x,
 		error: t.description || void 0,
 		invalid: !!t.description,
-		containerClassName: b ? void 0 : d?.field,
+		containerClassName: S ? void 0 : d?.field,
 		className: r,
 		resize: he.Vertical
 	});
@@ -453,7 +453,7 @@ var V = {
 		"aria-label": u.ariaLabel,
 		className: c("flex flex-col gap-4", d?.root),
 		children: [
-			E(U.Avatar) && /* @__PURE__ */ F(Le, {
+			O(W.Avatar) && /* @__PURE__ */ F(Ie, {
 				label: u.iconUrl.label,
 				avatarUrl: s,
 				addAvatarLabel: u.iconUrl.addAvatarLabel,
@@ -461,11 +461,11 @@ var V = {
 				onAddAvatarClick: l,
 				className: d?.field
 			}),
-			(D || O) && /* @__PURE__ */ I("div", {
+			(k || A) && /* @__PURE__ */ I("div", {
 				className: c("flex items-start gap-4", d?.field),
-				children: [D && /* @__PURE__ */ F(j, {
+				children: [k && /* @__PURE__ */ F(j, {
 					id: "deployment-creation-form-name",
-					inputRef: S,
+					inputRef: w,
 					value: e.name,
 					onChange: (e) => n({ name: e ?? "" }),
 					onBlur: a,
@@ -476,28 +476,32 @@ var V = {
 						required: !0
 					},
 					placeholder: u.name.placeholder,
-					caption: _,
+					caption: y,
 					error: t.name || void 0,
 					invalid: !!t.name,
-					containerClassName: O ? "min-w-0 basis-0 grow-[2]" : "min-w-0 flex-1"
-				}), O && /* @__PURE__ */ F(j, {
+					containerClassName: A ? "min-w-0 basis-0 grow-[2]" : "min-w-0 flex-1"
+				}), A && /* @__PURE__ */ F(j, {
 					id: "deployment-creation-form-version",
-					inputRef: C,
+					inputRef: T,
 					value: e.version,
-					onChange: (e) => n({ version: e ?? "" }),
-					onBlur: o,
+					onChange: (e) => {
+						_ || n({ version: e ?? "" });
+					},
+					onBlur: _ ? void 0 : o,
+					readOnly: _,
+					tooltipText: _ ? v : void 0,
 					labelProps: { label: u.version.label },
 					placeholder: u.version.placeholder,
 					error: t.version || void 0,
 					invalid: !!t.version,
-					containerClassName: D ? "min-w-0 basis-0 grow-[1]" : "min-w-0 flex-1"
+					containerClassName: k ? "min-w-0 basis-0 grow-[1]" : "min-w-0 flex-1"
 				})]
 			}),
-			E(U.Description) && (b ? /* @__PURE__ */ F("div", {
+			O(W.Description) && (S ? /* @__PURE__ */ F("div", {
 				className: d?.field,
-				children: b(ee, Ke)
-			}) : ee),
-			E(U.Locales) && /* @__PURE__ */ F(We, {
+				children: S(ne, Ke)
+			}) : ne),
+			O(W.Locales) && /* @__PURE__ */ F(Ue, {
 				value: e.otherLocales,
 				onChange: (e) => n({ otherLocales: e }),
 				availableLocaleOptions: f,
@@ -506,12 +510,12 @@ var V = {
 				className: d?.field,
 				colors: d?.localesColors
 			}),
-			E(U.Tags) && /* @__PURE__ */ F("div", {
+			O(W.Tags) && /* @__PURE__ */ F("div", {
 				className: d?.field,
 				children: /* @__PURE__ */ F(pe, {
 					id: "deployment-creation-form-topics",
 					labelProps: { label: u.topics.label },
-					placeholder: u.topics.placeholder ?? Ge,
+					placeholder: u.topics.placeholder ?? We,
 					value: e.topics,
 					onChange: (e) => n({ topics: e }),
 					tagClassName: i
@@ -519,13 +523,13 @@ var V = {
 			})
 		]
 	});
-}, Je = "border-0 p-4 desktop:p-8", Ye = "border-0", Xe = "desktop:flex-1", Ze = "px-4 pt-4 desktop:px-6 desktop:pt-6", Qe = Ee(({ 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, hasSetupSectionPadding: S = !0, labels: C, styles: w, dir: T }) => {
+}, Je = "border-0 p-4 desktop:p-8", Ye = "border-0", Xe = "desktop:flex-1", Ze = "px-4 pt-4 desktop:px-6 desktop:pt-6", Qe = Te(({ 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, hasSetupSectionPadding: S = !0, labels: C, styles: w, dir: T }) => {
 	let E = /* @__PURE__ */ F(re, {
 		politeness: M.Assertive,
 		className: v == null ? void 0 : Ze,
 		children: v
 	}), D = p != null;
-	return /* @__PURE__ */ F(Fe, {
+	return /* @__PURE__ */ F(Pe, {
 		title: e,
 		onBack: t,
 		backAriaLabel: C?.backAriaLabel ?? "Back",
@@ -536,10 +540,10 @@ var V = {
 			resizeHandleLabel: C?.resizeHandleLabel,
 			resizeHandleTooltip: C?.resizeHandleTooltip
 		},
-		rightContent: h == null ? void 0 : /* @__PURE__ */ F(Ne, {
+		rightContent: h == null ? void 0 : /* @__PURE__ */ F(Me, {
 			title: g,
 			styles: w?.section,
-			className: c(Je, _, V.asideSection),
+			className: c(Je, _, H.asideSection),
 			children: h
 		}),
 		styles: w?.layout,
@@ -555,18 +559,18 @@ var V = {
 		})] })] }),
 		leftContent: /* @__PURE__ */ I(P, { children: [
 			!D && E,
-			/* @__PURE__ */ F(Ne, {
+			/* @__PURE__ */ F(Me, {
 				title: d === null ? void 0 : d ?? C?.metadataTitle ?? "Metadata",
 				styles: w?.section,
-				className: c(Je, b, V.metadataSection),
+				className: c(Je, b, H.metadataSection),
 				children: u
 			}),
 			f
 		] }),
-		centerContent: D ? /* @__PURE__ */ I(P, { children: [E, /* @__PURE__ */ F(Ne, {
+		centerContent: D ? /* @__PURE__ */ I(P, { children: [E, /* @__PURE__ */ F(Me, {
 			title: m === null ? void 0 : m ?? C?.setupTitle ?? "Setup",
 			styles: w?.section,
-			className: c(S ? Je : Ye, Xe, x, V.setupSection),
+			className: c(S ? Je : Ye, Xe, x, H.setupSection),
 			children: p
 		})] }) : void 0
 	});
@@ -633,57 +637,59 @@ var V = {
 	deleteConfirmItemsLabel: "items?",
 	deleteConfirmLabel: "Delete",
 	deleteCancelLabel: "Cancel"
-}, tt = Ee(({ values: e, errors: t, onChange: n, onNameBlur: r, onVersionBlur: i, avatarPicker: a, availableLocaleOptions: o, formatLocaleLabel: s, fields: c = Be, isNameReadOnly: l, nameReadOnlyTooltip: u, nameCaption: d, isDescriptionRequired: f, descriptionCaption: p, renderDescription: m, focusRequestKey: h, labels: g }) => {
-	let [_, v] = B(!1), y = R(() => a ? c : c.filter((e) => e !== U.Avatar), [a, c]), b = e.iconUrl, x = a?.resolveIconUrl, S = R(() => x ? x(b) : void 0, [b, x]), C = L(() => v(!0), []), w = L(() => v(!1), []), T = a?.resolveAttachedIconUrl, E = L((e) => {
-		let t = T?.(e);
-		t && n({ iconUrl: t }), v(!1);
-	}, [n, T]);
+}, tt = Te(({ values: e, errors: t, onChange: n, onNameBlur: r, onVersionBlur: i, avatarPicker: a, availableLocaleOptions: o, formatLocaleLabel: s, fields: c = ze, isNameReadOnly: l, nameReadOnlyTooltip: u, isVersionReadOnly: d, versionReadOnlyTooltip: f, nameCaption: p, isDescriptionRequired: m, descriptionCaption: h, renderDescription: g, focusRequestKey: _, labels: v }) => {
+	let [y, b] = V(!1), x = z(() => a ? c : c.filter((e) => e !== W.Avatar), [a, c]), S = e.iconUrl, C = a?.resolveIconUrl, w = z(() => C ? C(S) : void 0, [S, C]), T = R(() => b(!0), []), E = R(() => b(!1), []), D = a?.resolveAttachedIconUrl, O = R((e) => {
+		let t = D?.(e);
+		t && n({ iconUrl: t }), b(!1);
+	}, [n, D]);
 	return /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(qe, {
 		values: e,
 		errors: t,
 		onChange: n,
 		onNameBlur: r,
 		onVersionBlur: i,
-		iconPreviewUrl: S,
-		onAddAvatarClick: C,
-		labels: g?.form ?? $e,
+		iconPreviewUrl: w,
+		onAddAvatarClick: T,
+		labels: v?.form ?? $e,
 		availableLocaleOptions: o,
 		formatLocaleLabel: s,
-		fields: y,
+		fields: x,
 		isNameReadOnly: l,
 		nameReadOnlyTooltip: u,
-		nameCaption: d,
-		isDescriptionRequired: f,
-		descriptionCaption: p,
-		renderDescription: m,
-		focusRequestKey: h
-	}), a && /* @__PURE__ */ F(ze, {
-		isOpen: _,
-		onClose: w,
-		onAttach: E,
+		isVersionReadOnly: d,
+		versionReadOnlyTooltip: f,
+		nameCaption: p,
+		isDescriptionRequired: m,
+		descriptionCaption: h,
+		renderDescription: g,
+		focusRequestKey: _
+	}), a && /* @__PURE__ */ F(Re, {
+		isOpen: y,
+		onClose: E,
+		onAttach: O,
 		bucket: a.bucket,
 		FileManagerModal: a.FileManagerModal,
 		allowedMimeTypes: a.allowedMimeTypes,
 		maxFileSizeBytes: a.maxFileSizeBytes,
-		labels: g?.avatarPicker ?? et
+		labels: v?.avatarPicker ?? et
 	})] });
-}), nt = /* @__PURE__ */ function(e) {
+}), G = /* @__PURE__ */ function(e) {
 	return e.Required = "required", e.InvalidFormat = "invalid-format", e.TooLong = "too-long", e.ControlCharacters = "control-characters", e;
 }({});
-nt.TooLong, nt.ControlCharacters;
+G.TooLong, G.ControlCharacters;
 //#endregion
 //#region src/constants/public-class-names.ts
-var rt = {
+var nt = {
 	root: "dial-skill-editor-root",
 	refineFeedback: "dial-skill-editor-refine-feedback"
-}, W = "SKILL.md", G = /* @__PURE__ */ function(e) {
+}, K = "SKILL.md", q = /* @__PURE__ */ function(e) {
 	return e.File = "file", e.Folder = "folder", e;
-}({}), it = /* @__PURE__ */ function(e) {
+}({}), rt = /* @__PURE__ */ function(e) {
 	return e.Header = "header", e.Child = "child", e;
-}({}), K = (e) => {
+}({}), J = (e) => {
 	let t = e.lastIndexOf("/");
 	return t === -1 ? null : e.slice(0, t);
-}, q = (e) => {
+}, it = (e) => {
 	let t = e.lastIndexOf("/");
 	return t === -1 ? e : e.slice(t + 1);
 }, at = (e) => {
@@ -692,24 +698,24 @@ var rt = {
 		if (n) return n;
 		let r = {
 			path: e,
-			name: q(e),
-			nodeType: ke.FOLDER,
-			parentPath: K(e),
+			name: it(e),
+			nodeType: Oe.FOLDER,
+			parentPath: J(e),
 			folderId: e,
 			items: []
 		};
 		return t.set(e, r), r;
 	};
-	for (let r of e) r.kind === G.Folder ? n(r.path).name = r.name : t.set(r.path, {
+	for (let r of e) r.kind === q.Folder ? n(r.path).name = r.name : t.set(r.path, {
 		path: r.path,
 		name: r.name,
-		nodeType: ke.ITEM,
-		parentPath: K(r.path),
-		folderId: K(r.path) ?? ""
+		nodeType: Oe.ITEM,
+		parentPath: J(r.path),
+		folderId: J(r.path) ?? ""
 	});
 	for (let t of [...e]) {
-		let e = K(t.path);
-		for (; e != null;) n(e), e = K(e);
+		let e = J(t.path);
+		for (; e != null;) n(e), e = J(e);
 	}
 	let r = [];
 	for (let e of t.values()) {
@@ -728,8 +734,8 @@ var rt = {
 }, ct = (e, t) => {
 	if (!t) return "";
 	switch (e) {
-		case it.Child: return t.path;
-		case it.Header: return t.kind === G.Folder ? t.path : "";
+		case rt.Child: return t.path;
+		case rt.Header: return t.kind === q.Folder ? t.path : "";
 	}
 }, lt = (e, t) => new Set(dt(e, t).map((e) => e.name)), ut = (e, t, n) => {
 	let r = e.trim();
@@ -740,7 +746,7 @@ var rt = {
 	let n = t ? `${t}/` : "", r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
 	for (let a of e) {
 		if (!a.path.startsWith(n) || a.path === t) continue;
-		let e = a.path.slice(n.length), o = e.indexOf("/"), s = o === -1, c = s ? e : e.slice(0, o), l = `${n}${c}`, u = s && a.kind === G.File ? G.File : G.Folder;
+		let e = a.path.slice(n.length), o = e.indexOf("/"), s = o === -1, c = s ? e : e.slice(0, o), l = `${n}${c}`, u = s && a.kind === q.File ? q.File : q.Folder;
 		if (r.has(l) || r.set(l, {
 			path: l,
 			name: c,
@@ -754,28 +760,28 @@ var rt = {
 	return [...r.values()].map((e) => ({
 		...e,
 		childCount: i.get(e.path)?.size ?? 0
-	})).sort((e, t) => e.kind === t.kind ? e.name.localeCompare(t.name) : e.kind === G.Folder ? -1 : 1);
+	})).sort((e, t) => e.kind === t.kind ? e.name.localeCompare(t.name) : e.kind === q.Folder ? -1 : 1);
 }, ft = (e) => {
 	let t = e.split("/").slice(0, -1);
 	return t.map((e, n) => t.slice(0, n + 1).join("/"));
 }, pt = "\\new-folder", mt = ({ 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 : ot(c, pt), d = R(() => u == null ? void 0 : {
+	let [o, s] = V(null), c = o?.parentPath ?? null, l = B([]), u = c == null ? void 0 : ot(c, pt), d = z(() => u == null ? void 0 : {
 		path: u,
 		name: n,
-		kind: G.Folder
-	}, [u, n]), f = L((n, i) => {
+		kind: q.Folder
+	}, [u, n]), f = R((n, i) => {
 		let a = lt(e, i);
-		return i === "" && a.add(W), ut(n, a, r) ?? t.validateFolderPath?.(ot(i, n.trim()));
+		return i === "" && a.add(K), ut(n, a, r) ?? t.validateFolderPath?.(ot(i, n.trim()));
 	}, [
 		e,
 		r,
 		t
-	]), p = L((e, t) => {
+	]), p = R((e, t) => {
 		l.current = [], s({
 			parentPath: e,
 			pane: t
 		}), e !== "" && i(e);
-	}, [i]), m = L((e, t) => {
+	}, [i]), m = R((e, t) => {
 		if (c == null || t.path !== u) return null;
 		let n = f(e, c);
 		return l.current = [...l.current.slice(-1), {
@@ -786,16 +792,16 @@ var rt = {
 		c,
 		u,
 		f
-	]), h = L(() => {
+	]), h = R(() => {
 		l.current = [], s(null);
-	}, []), g = L((e, n) => {
+	}, []), g = R((e, n) => {
 		let r = ot(n, e.trim());
 		t.onCreateFolder?.(r), n !== "" && i(n), a(r);
 	}, [
 		t,
 		i,
 		a
-	]), _ = L((e) => {
+	]), _ = R((e) => {
 		if (c == null) return;
 		let [t] = l.current;
 		l.current.length === 2 && t != null && !t.isValid && t.value !== e || f(e, c) != null ? h() : (h(), g(e, c));
@@ -817,20 +823,20 @@ var rt = {
 		createFolder: g
 	};
 }, ht = (e) => !!e.dataTransfer?.types.includes("Files"), gt = (e) => {
-	let [t, n] = B(!1), r = z(0);
+	let [t, n] = V(!1), r = B(0);
 	return {
 		isDragActive: t,
 		dropZoneHandlers: {
-			onDragEnter: L((e) => {
+			onDragEnter: R((e) => {
 				ht(e) && (e.preventDefault(), r.current += 1, n(!0));
 			}, []),
-			onDragLeave: L((e) => {
+			onDragLeave: R((e) => {
 				ht(e) && (--r.current, r.current <= 0 && (r.current = 0, n(!1)));
 			}, []),
-			onDragOver: L((e) => {
+			onDragOver: R((e) => {
 				ht(e) && e.preventDefault();
 			}, []),
-			onDrop: L((t) => {
+			onDrop: R((t) => {
 				if (!ht(t)) return;
 				t.preventDefault(), r.current = 0, n(!1);
 				let i = Array.from(t.dataTransfer?.files ?? []);
@@ -840,7 +846,7 @@ var rt = {
 	};
 }, _t = /* @__PURE__ */ function(e) {
 	return e.Files = "files", e.Archive = "archive", e;
-}({}), J = /* @__PURE__ */ function(e) {
+}({}), Y = /* @__PURE__ */ function(e) {
 	return e.Mobile = "mobile", e.Desktop = "desktop", e;
 }({}), vt = (e, t, n = b.MD, r) => /* @__PURE__ */ F(e, {
 	size: n,
@@ -901,8 +907,8 @@ var rt = {
 		children: p
 	});
 }, xt = ({ isOpen: e, onClose: t, validateName: n, onCreate: r, title: i, nameLabel: a, namePlaceholder: o, createLabel: s, cancelLabel: c, closeAriaLabel: l, dialogColors: u }) => {
-	let d = Oe(), [f, p] = B(""), [m, h] = B(!1);
-	De(() => {
+	let d = De(), [f, p] = V(""), [m, h] = V(!1);
+	Ee(() => {
 		e && (p(""), h(!1));
 	}, [e]);
 	let g = m ? n(f) : void 0, _ = () => {
@@ -950,7 +956,7 @@ var rt = {
 			"aria-hidden": !0,
 			className: "flex flex-col items-center text-center",
 			children: [
-				/* @__PURE__ */ F(Ce, {
+				/* @__PURE__ */ F(Se, {
 					size: 100,
 					className: St.icon,
 					"aria-hidden": !0,
@@ -967,51 +973,51 @@ var rt = {
 			]
 		})
 	})] }) : s;
-}, Y = {
+}, wt = {
 	card: "_card_1tr87_2",
 	label: "_label_1tr87_7",
 	fileName: "_fileName_1tr87_11",
 	header: "_header_1tr87_16"
-}, wt = ({ label: e, fileName: t, isExpanded: n, onToggle: r, children: i, labelClassName: a = "dial-tiny-lead-text", fileNameClassName: o = "dial-small-text" }) => /* @__PURE__ */ F(p, {
+}, Tt = ({ label: e, fileName: t, isExpanded: n, onToggle: r, children: i, labelClassName: a = "dial-tiny-lead-text", fileNameClassName: o = "dial-small-text" }) => /* @__PURE__ */ F(p, {
 	expanded: n,
 	onToggle: r,
 	title: /* @__PURE__ */ F("span", {
-		className: c("block", Y.label, a),
+		className: c("block", wt.label, a),
 		children: e
 	}),
 	description: /* @__PURE__ */ F(k, {
 		name: t,
-		nameClassName: c(Y.fileName, o)
+		nameClassName: c(wt.fileName, o)
 	}),
-	className: c("rounded-lg border py-0 shadow-xs", Y.card),
-	headerClassName: c("gap-4 rounded-lg py-2 ps-3 pe-2 text-start [&>span]:flex-1 [&>span]:gap-1 [&>svg]:size-6", n ? "[&>svg]:-rotate-90" : "[&>svg]:rotate-90", Y.header),
+	className: c("rounded-lg border py-0 shadow-xs", wt.card),
+	headerClassName: c("gap-4 rounded-lg py-2 ps-3 pe-2 text-start [&>span]:flex-1 [&>span]:gap-1 [&>svg]:size-6", n ? "[&>svg]:-rotate-90" : "[&>svg]:rotate-90", wt.header),
 	contentClassName: "max-h-[416px] overflow-y-auto pt-4 pb-2 ps-3 pe-2",
 	children: i
-}), Tt = /* @__PURE__ */ function(e) {
+}), Et = /* @__PURE__ */ function(e) {
 	return e.SupportingFile = "supporting-file", e.Manifest = "manifest", e;
-}({}), Et = /* @__PURE__ */ function(e) {
+}({}), Dt = /* @__PURE__ */ function(e) {
 	return e.Valid = "valid", e.Invalid = "invalid", e;
 }({}), X = /* @__PURE__ */ function(e) {
 	return e.Replace = "replace", e.Duplicate = "duplicate", e;
-}({}), Dt = (e) => (e.webkitRelativePath || e.name).replace(/\\/g, "/"), Z = {
+}({}), Z = (e) => (e.webkitRelativePath || e.name).replace(/\\/g, "/"), Q = {
 	invalidDropZone: "_invalidDropZone_j9j9q_1",
 	row: "_row_j9j9q_5"
-}, Q = ".zip,application/zip", $ = [], Ot = 0, kt = () => `skill-file-candidate-${++Ot}`, At = (e, t, n) => ({
-	id: kt(),
+}, $ = ".zip,application/zip", Ot = [], kt = 0, At = () => `skill-file-candidate-${++kt}`, jt = (e, t, n) => ({
+	id: At(),
 	file: e,
 	path: ot(n, t.replace(/\\/g, "/"))
-}), jt = ({ isOpen: e, onClose: t, fileActions: n, mode: r = _t.Files, targetFolderPath: i = "", initialFiles: a, initialEntries: l, existingFilePaths: u = $, onCommitted: d, messageClassName: f = "dial-small-text", rowCaptionClassName: p, labels: m, dialogColors: h, colors: g }) => {
-	let _ = m ?? {}, [v, b] = B([]), [S, C] = B([]), [w, T] = B(X.Replace), E = R(() => new Set(u), [u]), [A, j] = B(/* @__PURE__ */ new Map()), [te, ne] = B([]), [ae, oe] = B(!1), [N, se] = B(), [ce, ue] = B(!1), [de, pe] = B(), [me, he] = B(0), ge = z(0), _e = r === _t.Archive, ve = _.uploadArchiveErrorMessage ?? "Couldn't read this archive", ye = Oe(), be = Oe(), xe = Oe(), Ce = z(null), we = z(!1), Te = S[0]?.id;
-	De(() => {
-		e && (Te == null ? we.current && (we.current = !1, document.getElementById(be)?.focus()) : (we.current = !0, Ce.current?.focus()));
+}), Mt = ({ isOpen: e, onClose: t, fileActions: n, mode: r = _t.Files, targetFolderPath: i = "", initialFiles: a, initialEntries: l, existingFilePaths: u = Ot, onCommitted: d, messageClassName: f = "dial-small-text", rowCaptionClassName: p, labels: m, dialogColors: h, colors: g }) => {
+	let _ = m ?? {}, [v, b] = V([]), [S, C] = V([]), [w, T] = V(X.Replace), E = z(() => new Set(u), [u]), [A, j] = V(/* @__PURE__ */ new Map()), [te, ne] = V([]), [ae, oe] = V(!1), [N, se] = V(), [ce, ue] = V(!1), [de, pe] = V(), [me, he] = V(0), ge = B(0), L = r === _t.Archive, _e = _.uploadArchiveErrorMessage ?? "Couldn't read this archive", ve = De(), ye = De(), be = De(), Se = B(null), Ce = B(!1), we = S[0]?.id;
+	Ee(() => {
+		e && (we == null ? Ce.current && (Ce.current = !1, document.getElementById(ye)?.focus()) : (Ce.current = !0, Se.current?.focus()));
 	}, [
-		Te,
+		we,
 		e,
-		be
+		ye
 	]);
-	let Ee = (e) => e.path !== "SKILL.md" && E.has(e.path), L = (e) => {
-		se(void 0), b((t) => [...t, ...e.filter((e) => !Ee(e))]), C((t) => [...t, ...e.filter(Ee)]);
-	}, ke = (e) => {
+	let Te = (e) => e.path !== "SKILL.md" && E.has(e.path), R = (e) => {
+		se(void 0), b((t) => [...t, ...e.filter((e) => !Te(e))]), C((t) => [...t, ...e.filter(Te)]);
+	}, Oe = (e) => {
 		let [t, ...n] = S;
 		t && (C(n), T(X.Replace), e != null && (se(void 0), b((r) => {
 			if (e === X.Replace) return [...r, {
@@ -1028,7 +1034,7 @@ var rt = {
 				path: st(t.path, i)
 			}];
 		})));
-	}, Ae = async (e) => {
+	}, ke = async (e) => {
 		let { extractArchive: t } = n;
 		if (!t) return;
 		let r = ge.current;
@@ -1041,24 +1047,24 @@ var rt = {
 				pe(_.uploadArchiveEmptyMessage ?? "This archive has no files");
 				return;
 			}
-			L(a.map((e) => At(e.file, e.path, i)));
+			R(a.map((e) => jt(e.file, e.path, i)));
 		} catch {
 			if (r !== ge.current) return;
-			pe(ve);
+			pe(_e);
 		} finally {
 			r === ge.current && he((e) => e - 1);
 		}
-	}, je = (e) => {
-		_e ? Ae(e) : L(e.map((e) => At(e, Dt(e), i)));
-	}, V = (e) => {
+	}, Ae = (e) => {
+		L ? ke(e) : R(e.map((e) => jt(e, Z(e), i)));
+	}, H = (e) => {
 		b((t) => t.filter((t) => t.id !== e));
 	};
-	De(() => {
+	Ee(() => {
 		if (!e) return;
 		ge.current += 1;
-		let t = [...(a ?? []).map((e) => At(e, Dt(e), i)), ...(l ?? []).map((e) => At(e.file, e.path, i))];
-		b(t.filter((e) => !Ee(e))), C(t.filter(Ee)), T(X.Replace), j(/* @__PURE__ */ new Map()), ne([]), se(void 0), pe(void 0), he(0);
-	}, [e]), De(() => {
+		let t = [...(a ?? []).map((e) => jt(e, Z(e), i)), ...(l ?? []).map((e) => jt(e.file, e.path, i))];
+		b(t.filter((e) => !Te(e))), C(t.filter(Te)), T(X.Replace), j(/* @__PURE__ */ new Map()), ne([]), se(void 0), pe(void 0), he(0);
+	}, [e]), Ee(() => {
 		if (!e) return;
 		let t = !1;
 		if (v.length === 0) j(/* @__PURE__ */ new Map()), ne([]);
@@ -1070,14 +1076,14 @@ var rt = {
 			t = !0;
 		};
 	}, [v, e]);
-	let Me = v.some((e) => A.get(e.id)?.status === Et.Invalid), Ne = v.length > 0 && v.every((e) => A.get(e.id)?.status === Et.Invalid), Pe = [...te, ...v.flatMap((e) => {
+	let je = v.some((e) => A.get(e.id)?.status === Dt.Invalid), Me = v.length > 0 && v.every((e) => A.get(e.id)?.status === Dt.Invalid), Ne = [...te, ...v.flatMap((e) => {
 		let t = A.get(e.id);
-		return t?.status === Et.Invalid && t.error ? [`${e.path}: ${t.error}`] : [];
-	})], H = v.length > 0 && !Me && te.length === 0 && !ae && !ce && me === 0, Fe = async () => {
+		return t?.status === Dt.Invalid && t.error ? [`${e.path}: ${t.error}`] : [];
+	})], U = v.length > 0 && !je && te.length === 0 && !ae && !ce && me === 0, Pe = async () => {
 		ue(!0), se(void 0);
 		try {
 			let { results: e, batchErrors: r } = await n.validateBatch(v), i = new Map(e.map((e) => [e.candidateId, e]));
-			if (j(i), ne(r.map((e) => e.message)), v.some((e) => i.get(e.id)?.status === Et.Invalid) || r.length > 0) return;
+			if (j(i), ne(r.map((e) => e.message)), v.some((e) => i.get(e.id)?.status === Dt.Invalid) || r.length > 0) return;
 			let a = await n.commitBatch(v);
 			if (a.error) {
 				se(a.error);
@@ -1087,26 +1093,26 @@ var rt = {
 		} finally {
 			ue(!1);
 		}
-	}, Ie = _.uploadDialogCloseAriaLabel ?? "Close", Le = _.uploadCancelLabel ?? "Cancel", [Re] = S;
-	if (Re) {
+	}, Fe = _.uploadDialogCloseAriaLabel ?? "Close", Ie = _.uploadCancelLabel ?? "Cancel", [Le] = S;
+	if (Le) {
 		let t = _.uploadConflictTitle ?? "Replace or duplicate it?";
 		return /* @__PURE__ */ F(bt, {
 			isOpen: e,
 			title: t,
-			closeAriaLabel: Ie,
-			onClose: () => ke(null),
+			closeAriaLabel: Fe,
+			onClose: () => Oe(null),
 			confirmLabel: _.uploadConflictConfirmLabel ?? "Confirm",
-			onConfirm: () => ke(w),
-			cancelLabel: Le,
-			onCancel: () => ke(null),
+			onConfirm: () => Oe(w),
+			cancelLabel: Ie,
+			onCancel: () => Oe(null),
 			colors: h,
 			children: /* @__PURE__ */ I("div", {
 				className: "flex flex-col gap-4 px-4 py-4 desktop:px-6",
 				children: [/* @__PURE__ */ F("p", {
-					ref: Ce,
+					ref: Se,
 					tabIndex: -1,
 					className: c("outline-hidden", f),
-					children: _.uploadConflictMessage?.(Re.path) ?? `Item with the same name "${Re.path}" already exists.`
+					children: _.uploadConflictMessage?.(Le.path) ?? `Item with the same name "${Le.path}" already exists.`
 				}), /* @__PURE__ */ F(le, {
 					ariaLabel: t,
 					value: w,
@@ -1124,14 +1130,14 @@ var rt = {
 	}
 	return /* @__PURE__ */ F(bt, {
 		isOpen: e,
-		title: _e ? _.uploadArchiveDialogTitle ?? "Upload archive from device" : _.uploadDialogTitle ?? "Upload files from device",
-		closeAriaLabel: Ie,
+		title: L ? _.uploadArchiveDialogTitle ?? "Upload archive from device" : _.uploadDialogTitle ?? "Upload files from device",
+		closeAriaLabel: Fe,
 		onClose: t,
 		confirmLabel: _.uploadConfirmLabel ?? "Add",
-		onConfirm: () => void Fe(),
-		isConfirmDisabled: !H,
+		onConfirm: () => void Pe(),
+		isConfirmDisabled: !U,
 		isConfirming: ce,
-		cancelLabel: Le,
+		cancelLabel: Ie,
 		onCancel: t,
 		colors: h,
 		children: /* @__PURE__ */ I("div", {
@@ -1144,19 +1150,19 @@ var rt = {
 				/* @__PURE__ */ F(O, {
 					label: /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F("span", {
 						className: "desktop:hidden",
-						children: _e ? _.uploadArchiveDropZoneMobileLabel ?? "Click here to upload a .zip archive" : _.uploadDropZoneMobileLabel ?? "Click here to upload"
+						children: L ? _.uploadArchiveDropZoneMobileLabel ?? "Click here to upload a .zip archive" : _.uploadDropZoneMobileLabel ?? "Click here to upload"
 					}), /* @__PURE__ */ F("span", {
 						className: "hidden desktop:inline",
-						children: _e ? _.uploadArchiveDropZoneLabel ?? "Drag and drop a .zip archive or click here to upload" : _.uploadDropZoneLabel ?? "Drag and drop it or click here to upload"
+						children: L ? _.uploadArchiveDropZoneLabel ?? "Drag and drop a .zip archive or click here to upload" : _.uploadDropZoneLabel ?? "Drag and drop it or click here to upload"
 					})] }),
-					description: _e ? _.uploadArchiveDropZoneDescription : _.uploadDropZoneDescription,
-					id: be,
+					description: L ? _.uploadArchiveDropZoneDescription : _.uploadDropZoneDescription,
+					id: ye,
 					ariaLabel: _.uploadDropZoneAriaLabel ?? "Upload files",
 					multiple: !0,
-					accept: _e ? Q : void 0,
-					className: Ne ? Z.invalidDropZone : void 0,
-					onChange: je,
-					onReject: _e ? () => pe(ve) : void 0
+					accept: L ? $ : void 0,
+					className: Me ? Q.invalidDropZone : void 0,
+					onChange: Ae,
+					onReject: L ? () => pe(_e) : void 0
 				}),
 				me > 0 && /* @__PURE__ */ F(fe, { ariaLabel: _.uploadArchiveExtractingAriaLabel ?? "Reading archive" }),
 				/* @__PURE__ */ F(D, {
@@ -1166,16 +1172,16 @@ var rt = {
 				/* @__PURE__ */ F(re, {
 					visuallyHidden: !0,
 					as: ie.Span,
-					id: ye,
-					children: Pe.map((e) => `${_.uploadBatchErrorAriaPrefix ?? "Upload error: "}${e}`).join(" ")
+					id: ve,
+					children: Ne.map((e) => `${_.uploadBatchErrorAriaPrefix ?? "Upload error: "}${e}`).join(" ")
 				}),
 				te.map((e) => /* @__PURE__ */ F(D, { text: e }, e)),
 				v.length > 0 && /* @__PURE__ */ F("ul", {
 					className: "flex flex-col gap-2",
 					children: v.map((e) => {
-						let t = A.get(e.id), n = t?.kind === Tt.Manifest, r = t?.status === Et.Invalid, i = r ? t?.error : void 0, a = `${xe}${e.id}`;
+						let t = A.get(e.id), n = t?.kind === Et.Manifest, r = t?.status === Dt.Invalid, i = r ? t?.error : void 0, a = `${be}${e.id}`;
 						return /* @__PURE__ */ I("li", {
-							className: c("flex items-center gap-2 rounded-lg border p-2", Z.row),
+							className: c("flex items-center gap-2 rounded-lg border p-2", Q.row),
 							children: [/* @__PURE__ */ F(k, {
 								name: e.path,
 								className: "min-w-0 flex-1",
@@ -1198,14 +1204,14 @@ var rt = {
 									})
 								] })
 							}), /* @__PURE__ */ F(ee, {
-								icon: /* @__PURE__ */ F(Se, {
+								icon: /* @__PURE__ */ F(xe, {
 									size: 16,
 									"aria-hidden": !0,
 									stroke: x
 								}),
 								"aria-label": _.uploadRemoveCandidateLabel?.(e.path) ?? `Remove ${e.path}`,
 								"aria-describedby": i ? a : void 0,
-								onClick: () => V(e.id)
+								onClick: () => H(e.id)
 							})]
 						}, e.id);
 					})
@@ -1217,19 +1223,19 @@ var rt = {
 			]
 		})
 	});
-}, Mt = {
+}, Nt = {
 	list: "_list_1hpyi_1",
 	row: "_row_1hpyi_5",
 	count: "_count_1hpyi_14"
-}, Nt = (e) => e === 1 ? "1 item" : `${e} items`, Pt = ({ folderPath: e, entries: t, onOpen: n, rootLabel: r = "Skill", breadcrumbAriaLabel: i = "Folder path", overflowAriaLabel: a = "Show hidden path segments", listAriaLabel: o = "Folder content", emptyTitle: s = "This folder is empty", emptyDescription: l = "Use Add to upload files or create a subfolder.", itemCountLabel: u = Nt, itemCountClassName: d = "dial-tiny-text" }) => {
+}, Pt = (e) => e === 1 ? "1 item" : `${e} items`, Ft = ({ folderPath: e, entries: t, onOpen: n, rootLabel: r = "Skill", breadcrumbAriaLabel: i = "Folder path", overflowAriaLabel: a = "Show hidden path segments", listAriaLabel: o = "Folder content", emptyTitle: s = "This folder is empty", emptyDescription: l = "Use Add to upload files or create a subfolder.", itemCountLabel: u = Pt, itemCountClassName: d = "dial-tiny-text" }) => {
 	let f = e.split("/"), p = [{
 		label: r,
-		onClick: () => n("", G.Folder)
+		onClick: () => n("", q.Folder)
 	}, ...f.map((e, t) => {
 		let r = f.slice(0, t + 1).join("/");
 		return t === f.length - 1 ? { label: e } : {
 			label: e,
-			onClick: () => n(r, G.Folder)
+			onClick: () => n(r, q.Folder)
 		};
 	})];
 	return /* @__PURE__ */ I("div", {
@@ -1244,21 +1250,21 @@ var rt = {
 			live: !0
 		}) : /* @__PURE__ */ F("ul", {
 			"aria-label": o,
-			className: c("m-0 flex list-none flex-col overflow-hidden rounded-lg border p-0", Mt.list),
+			className: c("m-0 flex list-none flex-col overflow-hidden rounded-lg border p-0", Nt.list),
 			children: t.map((e) => {
-				let t = e.kind === G.Folder;
+				let t = e.kind === q.Folder;
 				return /* @__PURE__ */ F("li", {
 					className: "m-0 p-0",
 					children: /* @__PURE__ */ I("button", {
 						type: "button",
 						onClick: () => n(e.path, e.kind),
-						className: c("flex w-full cursor-pointer items-center justify-between gap-4 border-b bg-transparent px-3 py-2 text-start last:border-b-0", Mt.row),
+						className: c("flex w-full cursor-pointer items-center justify-between gap-4 border-b bg-transparent px-3 py-2 text-start last:border-b-0", Nt.row),
 						children: [/* @__PURE__ */ F(k, {
 							name: e.name,
 							type: t ? C.Folder : C.File,
 							className: "min-w-0 flex-1"
 						}), t && /* @__PURE__ */ F("span", {
-							className: c("shrink-0", Mt.count, d),
+							className: c("shrink-0", Nt.count, d),
 							children: u(e.childCount)
 						})]
 					})
@@ -1266,102 +1272,102 @@ var rt = {
 			})
 		})]
 	});
-}, Ft = {
+}, It = {
 	title: "_title_lgmx6_1",
 	helperText: "_helperText_lgmx6_5",
 	refineFeedback: "_refineFeedback_lgmx6_9",
 	refineError: "_refineError_lgmx6_13",
 	menuIcon: "_menuIcon_lgmx6_17"
-}, It = {
+}, Lt = {
 	mode: _t.Files,
 	targetFolderPath: ""
-}, Lt = [U.Name, U.Description], Rt = 24, zt = 300, Bt = "pb-0 desktop:px-8 desktop:py-6", Vt = "desktop:px-8 desktop:py-6", Ht = "gap-4 px-4 pt-5 pb-6 desktop:gap-5 desktop:px-8 desktop:py-6", Ut = Te(async () => {
-	let { MarkdownEditor: e } = await je();
+}, Rt = [W.Name, W.Description], zt = 24, Bt = 300, Vt = "pb-0 desktop:px-8 desktop:py-6", Ht = "desktop:px-8 desktop:py-6", Ut = "gap-4 px-4 pt-5 pb-6 desktop:gap-5 desktop:px-8 desktop:py-6", Wt = we(async () => {
+	let { MarkdownEditor: e } = await Ae();
 	return { default: e };
-}), Wt = ({ initialValues: r, files: i, selectedPath: s, onSelectedPathChange: d, expandedPaths: p, onExpandedPathsChange: m, isLoading: h = !1, hasLoadError: S = !1, isSubmitting: C = !1, errors: O, submitError: k, conflict: j, onReloadLatest: ne, isNameReadOnly: re = !1, onDirtyChange: ie, onValuesChange: M, onRefineDescription: ae, onRefineInstructions: oe, fileActions: N, supportingFileContent: se, asideData: le, onSubmit: ue, onCancel: de, onBack: pe, backAriaLabel: me, title: he, onRetry: ge, onRetrySubmit: be, labels: xe, styles: Te, dir: Ee, instructionsEditorTheme: je = w.light }) => {
-	let [V, Me] = B({
+}), Gt = ({ initialValues: r, files: i, selectedPath: s, onSelectedPathChange: d, expandedPaths: p, onExpandedPathsChange: m, isLoading: h = !1, hasLoadError: S = !1, isSubmitting: C = !1, errors: O, submitError: k, conflict: j, onReloadLatest: ne, isNameReadOnly: re = !1, onDirtyChange: ie, onValuesChange: M, onRefineDescription: ae, onRefineInstructions: oe, fileActions: N, supportingFileContent: se, asideData: le, onSubmit: ue, onCancel: de, onBack: pe, backAriaLabel: me, title: he, onRetry: ge, onRetrySubmit: ye, labels: be, styles: we, dir: Te, instructionsEditorTheme: Ae = w.light }) => {
+	let [H, je] = V({
 		name: r?.name ?? "",
 		description: r?.description ?? "",
 		instructions: r?.instructions ?? ""
-	}), Ne = Oe(), Pe = Oe();
-	u(() => document.getElementById(Ne), Pe, !!O?.instructions);
-	let H = z(void 0), Fe = l({
-		bottomGap: Rt,
-		minHeight: zt
-	}), Ie = z(V), Le = (e) => {
+	}), Me = De(), Ne = De();
+	u(() => document.getElementById(Me), Ne, !!O?.instructions);
+	let U = B(void 0), Pe = l({
+		bottomGap: zt,
+		minHeight: Bt
+	}), Fe = B(H), Ie = (e) => {
 		let t = {
-			...Ie.current,
+			...Fe.current,
 			...e
 		};
-		Ie.current = t, Me(t), M?.(t);
-	}, Re = (e) => e ? async (t, n) => {
-		if (H.current && !H.current.aborted) throw new DOMException("Busy", "AbortError");
-		H.current = n;
+		Fe.current = t, je(t), M?.(t);
+	}, Le = (e) => e ? async (t, n) => {
+		if (U.current && !U.current.aborted) throw new DOMException("Busy", "AbortError");
+		U.current = n;
 		try {
 			return await e(t, n);
 		} finally {
-			H.current === n && (H.current = void 0);
+			U.current === n && (U.current = void 0);
 		}
-	} : void 0, ze = f({
-		value: V.description,
-		onChange: (e) => Le({ description: e }),
-		onRefine: Re(ae),
+	} : void 0, Re = f({
+		value: H.description,
+		onChange: (e) => Ie({ description: e }),
+		onRefine: Le(ae),
 		disabled: C || h || S,
 		resetKey: r
-	}), U = f({
-		value: V.instructions,
-		onChange: (e) => Le({ instructions: e }),
-		onRefine: Re(oe),
+	}), W = f({
+		value: H.instructions,
+		onChange: (e) => Ie({ instructions: e }),
+		onRefine: Le(oe),
 		disabled: C || h || S,
 		resetKey: r
-	}), Be = ze.isPending || U.isPending, Ve = () => {
-		ze.reset(), U.reset();
+	}), ze = Re.isPending || W.isPending, Be = () => {
+		Re.reset(), W.reset();
+	}, Ve = () => {
+		Be(), de();
 	}, He = () => {
-		Ve(), de();
+		Be(), pe();
 	}, Ue = () => {
-		Ve(), pe();
-	}, We = () => {
-		C || h || S || H.current && !H.current.aborted || ue(V);
-	}, Ge = z(r), Ke = Ge.current !== r, qe = z(i), [Je, Ye] = B(!1);
-	De(() => {
-		Ge.current = r;
+		C || h || S || U.current && !U.current.aborted || ue(H);
+	}, We = B(r), Ge = We.current !== r, Ke = B(i), [qe, Je] = V(!1);
+	Ee(() => {
+		We.current = r;
 		let e = {
 			name: r?.name ?? "",
 			description: r?.description ?? "",
 			instructions: r?.instructions ?? ""
 		};
-		Ie.current = e, Me(e), qe.current = i, Ye(!1);
+		Fe.current = e, je(e), Ke.current = i, Je(!1);
 	}, [r]);
-	let Xe = (e) => JSON.stringify([...e].sort((e, t) => e.path.localeCompare(t.path))), Ze = z(!1);
-	De(() => {
-		if (Ke) return;
+	let Ye = (e) => JSON.stringify([...e].sort((e, t) => e.path.localeCompare(t.path))), Xe = B(!1);
+	Ee(() => {
+		if (Ge) return;
 		let e = {
 			name: r?.name ?? "",
 			description: r?.description ?? "",
 			instructions: r?.instructions ?? ""
-		}, t = JSON.stringify(V) !== JSON.stringify(e) || Xe(i) !== Xe(qe.current) || Je;
-		t !== Ze.current && (Ze.current = t, ie?.(t));
+		}, t = JSON.stringify(H) !== JSON.stringify(e) || Ye(i) !== Ye(Ke.current) || qe;
+		t !== Xe.current && (Xe.current = t, ie?.(t));
 	}, [
-		V,
+		H,
 		i,
 		r,
-		Ke,
-		Je,
+		Ge,
+		qe,
 		ie
 	]);
-	let [et, nt] = B(W), K = s ?? et, q = L((e) => {
-		nt(e), d?.(e);
-	}, [d]), [ot, st] = B([]), lt = p ?? ot, ut = R(() => new Set(lt), [lt]), pt = L((e) => {
+	let [Ze, et] = V(K), G = s ?? Ze, J = R((e) => {
+		et(e), d?.(e);
+	}, [d]), [it, ot] = V([]), st = p ?? it, lt = z(() => new Set(st), [st]), ut = R((e) => {
 		let t = [...e];
-		st(t), m?.(t);
-	}, [m]), [ht, yt] = B(!1), [bt, St] = B(It), Y = L((e) => {
-		St(e), yt(!0);
-	}, []), [Tt, Et] = B(!1), { isDragActive: X, dropZoneHandlers: Dt } = gt(L((e) => {
-		ht || Y({
-			...It,
+		ot(t), m?.(t);
+	}, [m]), [pt, ht] = V(!1), [yt, bt] = V(Lt), St = R((e) => {
+		bt(e), ht(!0);
+	}, []), [wt, Et] = V(!1), { isDragActive: Dt, dropZoneHandlers: X } = gt(R((e) => {
+		pt || St({
+			...Lt,
 			initialFiles: e
 		});
-	}, [ht, Y])), Z = xe ?? {}, Q = Te?.colors, $ = Te?.typography ?? {}, Ot = $.titleClassName ?? "dial-body-semi-text", kt = $.helperTextClassName ?? "dial-tiny-semi-text", At = $.removeIconClassName, Mt = R(() => o({ "--se-menu-icon": Q?.menuIcon }), [Q?.menuIcon]), Nt = o({
+	}, [pt, St])), Z = be ?? {}, Q = we?.colors, $ = we?.typography ?? {}, Ot = $.titleClassName ?? "dial-body-semi-text", kt = $.helperTextClassName ?? "dial-tiny-semi-text", At = $.removeIconClassName, jt = z(() => o({ "--se-menu-icon": Q?.menuIcon }), [Q?.menuIcon]), Nt = o({
 		"--se-title-color": Q?.title,
 		"--se-helper-text-color": Q?.helperText,
 		"--se-refine-action-text": Q?.refineActionText,
@@ -1371,19 +1377,19 @@ var rt = {
 		"--se-folder-row-border": Q?.folderRowBorder,
 		"--se-folder-row-hover-bg": Q?.folderRowHoverBackground,
 		"--se-drop-overlay-icon": Q?.dropOverlayIcon
-	}), Wt = {
+	}), Pt = {
 		footerBackground: Q?.dialogFooterBackground,
 		footerBorder: Q?.dialogFooterBorder
 	}, Gt = {
-		feedbackClassName: c(Q?.refineActionText && Ft.refineFeedback, $.refineFeedbackClassName, rt.refineFeedback),
-		errorClassName: Ft.refineError
+		feedbackClassName: c(Q?.refineActionText && It.refineFeedback, $.refineFeedbackClassName, nt.refineFeedback),
+		errorClassName: It.refineError
 	}, Kt = {
 		layout: Q?.border ? { colors: {
 			headerBorderColor: Q.border,
 			sidebarBorderColor: Q.border
 		} } : void 0,
 		section: Q?.title ? { colors: { titleColor: Q.title } } : void 0
-	}, qt = R(() => ({
+	}, qt = z(() => ({
 		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"
@@ -1391,9 +1397,9 @@ var rt = {
 		Z.folderNameRequiredError,
 		Z.folderNameInvalidError,
 		Z.folderNameDuplicateError
-	]), Jt = L((e) => {
-		ut.has(e) || pt(/* @__PURE__ */ new Set([...ut, e]));
-	}, [ut, pt]), Yt = bt.targetFolderPath, Xt = R(() => ({
+	]), Jt = R((e) => {
+		lt.has(e) || ut(/* @__PURE__ */ new Set([...lt, e]));
+	}, [lt, ut]), Yt = yt.targetFolderPath, Xt = z(() => ({
 		...N,
 		commitBatch: async (e) => {
 			let t = await N.commitBatch(e);
@@ -1409,16 +1415,16 @@ var rt = {
 		defaultName: Z.newFolderDefaultName ?? "New folder",
 		messages: qt,
 		onRevealFolder: Jt,
-		onCreated: q
-	}), { draftNode: Qt, draftPath: $t, draftPane: en } = Zt, tn = R(() => at([{
-		path: W,
-		name: W,
-		kind: G.File
-	}, ...i]), [i]), nn = R(() => Qt ? at([
+		onCreated: J
+	}), { draftNode: Qt, draftPath: $t, draftPane: en } = Zt, tn = z(() => at([{
+		path: K,
+		name: K,
+		kind: q.File
+	}, ...i]), [i]), nn = z(() => Qt ? at([
 		{
-			path: W,
-			name: W,
-			kind: G.File
+			path: K,
+			name: K,
+			kind: q.File
 		},
 		...i,
 		Qt
@@ -1426,66 +1432,66 @@ var rt = {
 		i,
 		Qt,
 		tn
-	]), rn = R(() => i.find((e) => e.path === K), [i, K]), an = R(() => dt(i, K), [i, K]), on = rn?.kind === G.Folder || an.length > 0, sn = L((e) => {
-		e.path !== $t && q(e.path);
-	}, [q, $t]), cn = L((e, t) => {
+	]), rn = z(() => i.find((e) => e.path === G), [i, G]), an = z(() => dt(i, G), [i, G]), on = rn?.kind === q.Folder || an.length > 0, sn = R((e) => {
+		e.path !== $t && J(e.path);
+	}, [J, $t]), cn = R((e, t) => {
 		if (e === "") {
-			q(W);
+			J(K);
 			return;
 		}
-		let n = [...ft(e), ...t === G.Folder ? [e] : []].filter((e) => !ut.has(e));
-		n.length > 0 && pt(/* @__PURE__ */ new Set([...ut, ...n])), q(e);
+		let n = [...ft(e), ...t === q.Folder ? [e] : []].filter((e) => !lt.has(e));
+		n.length > 0 && ut(/* @__PURE__ */ new Set([...lt, ...n])), J(e);
 	}, [
+		lt,
 		ut,
-		pt,
-		q
-	]), ln = L((e) => {
-		N.onRemoveNode(e), (K === e || K.startsWith(`${e}/`)) && q(W);
+		J
+	]), ln = R((e) => {
+		N.onRemoveNode(e), (G === e || G.startsWith(`${e}/`)) && J(K);
 	}, [
 		N,
-		K,
-		q
-	]), { startDraft: un } = Zt, { onCreateFolder: dn, extractArchive: fn, pickFromFileSystem: pn } = N, [mn, hn] = B(null), gn = L((e, t) => {
-		t === J.Mobile ? hn(e) : un(e, t);
-	}, [un]), _n = R(() => i.filter((e) => e.kind === G.File).map((e) => e.path), [i]), vn = L(async (e) => {
+		G,
+		J
+	]), { startDraft: un } = Zt, { onCreateFolder: dn, extractArchive: fn, pickFromFileSystem: pn } = N, [mn, hn] = V(null), gn = R((e, t) => {
+		t === Y.Mobile ? hn(e) : un(e, t);
+	}, [un]), _n = z(() => i.filter((e) => e.kind === q.File).map((e) => e.path), [i]), vn = R(async (e) => {
 		if (!pn) return;
 		let t = await pn();
-		t?.length && Y({
+		t?.length && St({
 			mode: _t.Files,
 			targetFolderPath: e,
 			initialEntries: t
 		});
-	}, [pn, Y]), yn = L((e, t) => {
-		let n = (e) => vt(e, Ft.menuIcon, void 0, Mt), r = [];
+	}, [pn, St]), yn = R((e, t) => {
+		let n = (e) => vt(e, It.menuIcon, void 0, jt), r = [];
 		return dn && r.push({
 			key: "create-folder",
 			label: Z.createFolderLabel ?? "Create folder",
-			icon: n(ye),
+			icon: n(ve),
 			onClick: () => gn(e, t)
 		}), r.push({
 			key: "upload-files",
 			label: Z.uploadFilesLabel ?? "Upload files from device",
-			icon: n(Ce),
-			onClick: () => Y({
+			icon: n(Se),
+			onClick: () => St({
 				mode: _t.Files,
 				targetFolderPath: e
 			})
 		}), fn && r.push({
 			key: "upload-archive",
 			label: Z.uploadArchiveLabel ?? "Upload archive from device",
-			icon: n(ve),
-			onClick: () => Y({
+			icon: n(_e),
+			onClick: () => St({
 				mode: _t.Archive,
 				targetFolderPath: e
 			})
 		}), pn && r.push({
 			key: "open-file-system",
 			label: Z.openFileSystemLabel ?? "Open DIAL file system",
-			icon: n(_e),
+			icon: n(L),
 			onClick: () => void vn(e)
 		}), r;
 	}, [
-		Mt,
+		jt,
 		dn,
 		fn,
 		pn,
@@ -1494,30 +1500,30 @@ var rt = {
 		Z.uploadArchiveLabel,
 		Z.openFileSystemLabel,
 		gn,
-		Y,
+		St,
 		vn
-	]), bn = R(() => {
-		let e = ct(it.Header, i.find((e) => e.path === K));
+	]), bn = z(() => {
+		let e = ct(rt.Header, i.find((e) => e.path === G));
 		return {
-			[J.Mobile]: yn(e, J.Mobile),
-			[J.Desktop]: yn(e, J.Desktop)
+			[Y.Mobile]: yn(e, Y.Mobile),
+			[Y.Desktop]: yn(e, Y.Desktop)
 		};
 	}, [
 		yn,
 		i,
-		K
-	]), xn = L((e, t) => {
-		if (e.path === $t || e.nodeType !== ke.FOLDER) return [];
+		G
+	]), xn = R((e, t) => {
+		if (e.path === $t || e.nodeType !== Oe.FOLDER) return [];
 		let n = {
 			path: e.path,
 			name: e.name,
-			kind: G.Folder
-		}, r = yn(ct(it.Child, n), t);
+			kind: q.Folder
+		}, r = yn(ct(rt.Child, n), t);
 		return r.push({
 			key: "delete",
 			label: Z.deleteLabel ?? "Delete",
 			danger: !0,
-			icon: vt(Se, At),
+			icon: vt(xe, At),
 			onClick: () => ln(e.path)
 		}), r;
 	}, [
@@ -1526,12 +1532,12 @@ var rt = {
 		At,
 		yn,
 		ln
-	]), Sn = R(() => ({
-		[J.Mobile]: (e) => xn(e, J.Mobile),
-		[J.Desktop]: (e) => xn(e, J.Desktop)
-	}), [xn]), Cn = L((e) => e.nodeType === ke.FOLDER || e.path === "SKILL.md" ? null : /* @__PURE__ */ F(ee, {
+	]), Sn = z(() => ({
+		[Y.Mobile]: (e) => xn(e, Y.Mobile),
+		[Y.Desktop]: (e) => xn(e, Y.Desktop)
+	}), [xn]), Cn = R((e) => e.nodeType === Oe.FOLDER || e.path === "SKILL.md" ? null : /* @__PURE__ */ F(ee, {
 		size: T.Small,
-		icon: vt(Se, At, b.SM),
+		icon: vt(xe, At, b.SM),
 		"aria-label": Z.deleteLabel ?? "Delete",
 		onClick: () => ln(e.path)
 	}), [
@@ -1543,7 +1549,7 @@ var rt = {
 		children: [/* @__PURE__ */ I("div", {
 			className: "flex items-center justify-between",
 			children: [/* @__PURE__ */ F("span", {
-				className: c(Ft.title, Ot),
+				className: c(It.title, Ot),
 				children: Z.filesHeading ?? "Files"
 			}), /* @__PURE__ */ F(_, {
 				label: Z.addLabel ?? "Add",
@@ -1555,12 +1561,12 @@ var rt = {
 		}), /* @__PURE__ */ F("div", {
 			role: "tree",
 			"aria-label": Z.filesTreeAriaLabel ?? "Skill files",
-			children: /* @__PURE__ */ F(Ae, {
+			children: /* @__PURE__ */ F(ke, {
 				items: en === e ? nn : tn,
 				showFiles: !0,
-				selectedPath: K,
-				expandedPaths: ut,
-				onExpandedPathsChange: pt,
+				selectedPath: G,
+				expandedPaths: lt,
+				onExpandedPathsChange: ut,
 				onItemClick: sn,
 				getContextMenuItems: Sn[e],
 				renderItemActions: Cn,
@@ -1571,17 +1577,17 @@ var rt = {
 				rootItemPath: ""
 			})
 		})]
-	}), Tn = R(() => ({
-		name: V.name,
-		description: V.description,
+	}), Tn = z(() => ({
+		name: H.name,
+		description: H.description,
 		iconUrl: "",
 		version: "",
 		topics: [],
 		otherLocales: []
-	}), [V.name, V.description]), En = R(() => ({
+	}), [H.name, H.description]), En = z(() => ({
 		name: O?.name,
 		description: O?.description
-	}), [O?.name, O?.description]), Dn = R(() => ({ form: {
+	}), [O?.name, O?.description]), Dn = z(() => ({ form: {
 		...$e,
 		name: {
 			label: Z.nameLabel ?? "Name",
@@ -1598,24 +1604,24 @@ var rt = {
 		Z.descriptionLabel,
 		Z.descriptionPlaceholder
 	]), On = (e) => {
-		e.name !== void 0 && Le({ name: e.name }), e.description !== void 0 && (ze.reset(), Le({ description: e.description }));
+		e.name !== void 0 && Ie({ name: e.name }), e.description !== void 0 && (Re.reset(), Ie({ description: e.description }));
 	}, kn = ae ? (e, t) => /* @__PURE__ */ F(a, {
 		isEnabled: !0,
 		fieldId: t,
 		required: !0,
 		label: Z.descriptionLabel ?? "Description",
 		labels: Z,
-		refinement: ze,
-		disabled: Be || C,
+		refinement: Re,
+		disabled: ze || C,
 		...Gt,
 		children: e
 	}) : void 0, An = {
 		title: he,
-		onBack: Ue,
-		onCancel: He,
-		onSubmit: We,
+		onBack: He,
+		onCancel: Ve,
+		onSubmit: Ue,
 		submitLabel: Z.createLabel ?? "Create",
-		isSubmitDisabled: Be || h || S,
+		isSubmitDisabled: ze || h || S,
 		labels: {
 			cancelLabel: Z.cancelLabel ?? "Cancel",
 			backAriaLabel: me ?? "Back",
@@ -1625,7 +1631,7 @@ var rt = {
 		metadataTitle: null
 	};
 	if (h) return /* @__PURE__ */ F("div", {
-		dir: Ee,
+		dir: Te,
 		className: "relative flex min-h-0 flex-1 flex-col",
 		children: /* @__PURE__ */ F(Qe, {
 			...An,
@@ -1636,7 +1642,7 @@ var rt = {
 		})
 	});
 	if (S) return /* @__PURE__ */ F("div", {
-		dir: Ee,
+		dir: Te,
 		className: "relative flex min-h-0 flex-1 flex-col",
 		children: /* @__PURE__ */ F(Qe, {
 			...An,
@@ -1653,13 +1659,13 @@ var rt = {
 			})
 		})
 	});
-	let jn = K === W, Mn = rn?.name ?? K.slice(K.lastIndexOf("/") + 1), Nn = jn ? W : Z.selectedFileHeading?.(Mn) ?? Mn, Pn = k != null || j != null ? /* @__PURE__ */ I("div", {
+	let jn = G === K, Mn = rn?.name ?? G.slice(G.lastIndexOf("/") + 1), Nn = jn ? K : Z.selectedFileHeading?.(Mn) ?? Mn, Pn = k != null || j != null ? /* @__PURE__ */ I("div", {
 		className: "flex flex-col gap-2",
 		children: [k != null && /* @__PURE__ */ I("div", {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ F(D, { text: k }), be != null && /* @__PURE__ */ F(A, {
+			children: [/* @__PURE__ */ F(D, { text: k }), ye != null && /* @__PURE__ */ F(A, {
 				label: Z.retryLabel ?? "Retry",
-				onClick: be
+				onClick: ye
 			})]
 		}), j != null && /* @__PURE__ */ I("div", {
 			className: "flex items-center gap-2",
@@ -1670,97 +1676,97 @@ var rt = {
 		})]
 	}) : void 0, Fn = /* @__PURE__ */ F(a, {
 		isEnabled: !!oe,
-		fieldId: Ne,
+		fieldId: Me,
 		required: !0,
-		labelClassName: c(Ft.helperText, kt),
+		labelClassName: c(It.helperText, kt),
 		label: Z.instructionsLabel ?? "Instructions",
 		labels: Z,
-		refinement: U,
-		disabled: Be || C,
+		refinement: W,
+		disabled: ze || C,
 		...Gt,
 		children: /* @__PURE__ */ I("div", {
 			className: "flex flex-1 flex-col gap-2",
 			children: [
 				!oe && /* @__PURE__ */ F(te, {
-					htmlFor: Ne,
-					className: c(Ft.helperText, kt),
+					htmlFor: Me,
+					className: c(It.helperText, kt),
 					label: Z.instructionsLabel ?? "Instructions",
 					required: !0
 				}),
 				/* @__PURE__ */ F("div", {
-					ref: Fe,
+					ref: Pe,
 					className: c(t, e, n),
-					children: /* @__PURE__ */ F(we, {
+					children: /* @__PURE__ */ F(Ce, {
 						fallback: /* @__PURE__ */ F(fe, { ariaLabel: Z.instructionsLoadingAriaLabel ?? "Loading" }),
-						children: /* @__PURE__ */ F(Ut, {
-							id: Ne,
+						children: /* @__PURE__ */ F(Wt, {
+							id: Me,
 							ariaLabel: Z.instructionsLabel ?? "Instructions",
-							value: V.instructions,
+							value: H.instructions,
 							onChange: (e) => {
-								U.reset(), Le({ instructions: e });
+								W.reset(), Ie({ instructions: e });
 							},
-							theme: je,
+							theme: Ae,
 							showDragbar: !1,
 							placeholder: Z.instructionsPlaceholder ?? "Write the skill instructions in Markdown"
 						})
 					})
 				}),
 				O?.instructions != null && /* @__PURE__ */ F(D, {
-					id: Pe,
+					id: Ne,
 					text: O.instructions
 				})
 			]
 		})
 	});
 	return /* @__PURE__ */ I("div", {
-		dir: Ee,
-		className: c("relative flex min-h-0 min-w-0 flex-1 flex-col", rt.root),
+		dir: Te,
+		className: c("relative flex min-h-0 min-w-0 flex-1 flex-col", nt.root),
 		style: Nt,
-		...Dt,
+		...X,
 		children: [
 			/* @__PURE__ */ F(Ct, {
-				isVisible: X && !ht,
-				labels: xe,
+				isVisible: Dt && !pt,
+				labels: be,
 				titleClassName: $.dropOverlayTitleClassName,
 				subtitleClassName: $.dropOverlaySubtitleClassName
 			}),
 			/* @__PURE__ */ F(Qe, {
 				...An,
 				asideData: le,
-				asideSectionClassName: Vt,
+				asideSectionClassName: Ht,
 				isSubmitting: C,
-				metadataSectionClassName: Bt,
+				metadataSectionClassName: Vt,
 				metadata: /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F("div", {
 					className: "desktop:hidden",
-					children: /* @__PURE__ */ F(wt, {
+					children: /* @__PURE__ */ F(Tt, {
 						label: Z.editingFileLabel ?? "Editing file",
-						fileName: jn ? W : Mn,
-						isExpanded: Tt,
+						fileName: jn ? K : Mn,
+						isExpanded: wt,
 						onToggle: Et,
 						labelClassName: $.editingFileLabelClassName,
 						fileNameClassName: $.editingFileNameClassName,
-						children: wn(J.Mobile)
+						children: wn(Y.Mobile)
 					})
 				}), /* @__PURE__ */ F("div", {
 					className: "hidden desktop:block",
-					children: wn(J.Desktop)
+					children: wn(Y.Desktop)
 				})] }),
 				alert: Pn,
 				setupTitle: Nn,
-				setupSectionClassName: Ht,
+				setupSectionClassName: Ut,
 				setup: jn ? /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(tt, {
 					values: Tn,
 					errors: En,
 					onChange: On,
-					fields: Lt,
+					fields: Rt,
 					isDescriptionRequired: !0,
 					isNameReadOnly: re,
 					nameReadOnlyTooltip: Z.nameReadOnlyTooltip ?? "The skill name can't be changed after creation",
 					nameCaption: O?.name ? void 0 : Z.nameCaption ?? "Lowercase letters and hyphens only, no spaces. We'll reformat automatically if needed.",
 					renderDescription: kn,
 					labels: Dn
-				}), Fn] }) : /* @__PURE__ */ I(P, { children: [on && K !== $t && /* @__PURE__ */ F(Pt, {
-					folderPath: K,
+				}), Fn] }) : /* @__PURE__ */ I(P, { children: [on && G !== $t && /* @__PURE__ */ F(Ft, {
+					folderPath: G,
 					entries: an,
 					onOpen: cn,
 					rootLabel: Z.folderPreviewRootLabel,
@@ -1771,27 +1777,27 @@ var rt = {
 					emptyDescription: Z.folderEmptyDescription,
 					itemCountLabel: Z.folderItemCountLabel,
 					itemCountClassName: $.folderItemCountClassName
-				}), rn?.kind === G.File && /* @__PURE__ */ F("div", {
+				}), rn?.kind === q.File && /* @__PURE__ */ F("div", {
 					className: "flex h-[max(320px,60dvh)] min-h-0 min-w-0 flex-none flex-col desktop:h-auto desktop:flex-1",
 					children: se ?? /* @__PURE__ */ F(y, { 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__ */ F(jt, {
-				isOpen: ht,
-				onClose: () => yt(!1),
+			/* @__PURE__ */ F(Mt, {
+				isOpen: pt,
+				onClose: () => ht(!1),
 				fileActions: Xt,
-				mode: bt.mode,
-				targetFolderPath: bt.targetFolderPath,
-				initialFiles: bt.initialFiles,
-				initialEntries: bt.initialEntries,
+				mode: yt.mode,
+				targetFolderPath: yt.targetFolderPath,
+				initialFiles: yt.initialFiles,
+				initialEntries: yt.initialEntries,
 				existingFilePaths: _n,
 				onCommitted: (e) => {
-					e.some((e) => e.replacesExisting) && Ye(!0);
+					e.some((e) => e.replacesExisting) && Je(!0);
 				},
 				messageClassName: $.uploadMessageClassName,
 				rowCaptionClassName: $.uploadRowCaptionClassName,
-				labels: xe,
-				dialogColors: Wt,
+				labels: be,
+				dialogColors: Pt,
 				colors: {
 					invalidDropZoneBorder: Q?.uploadInvalidDropZoneBorder,
 					rowBorder: Q?.uploadRowBorder
@@ -1808,10 +1814,10 @@ var rt = {
 				createLabel: Z.createFolderConfirmLabel ?? "Create",
 				cancelLabel: Z.cancelLabel ?? "Cancel",
 				closeAriaLabel: Z.createFolderCloseAriaLabel ?? "Close",
-				dialogColors: Wt
+				dialogColors: Pt
 			})
 		]
 	});
 };
 //#endregion
-export { rt as SKILL_EDITOR_CLASS, Wt as SkillEditor, Tt as SkillFileCandidateKind, G as SkillFileNodeKind, _t as SkillFileUploadMode, Et as SkillFileValidationStatus };
+export { nt as SKILL_EDITOR_CLASS, Gt as SkillEditor, Et as SkillFileCandidateKind, q as SkillFileNodeKind, _t as SkillFileUploadMode, Dt as SkillFileValidationStatus };