@epam/ai-dial-skill-editor 1.3.0-dev.10 → 1.3.0-dev.102

package/index.js

@@ -1,8 +1,8 @@
 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, useTextRefinement as u } from "@epam/ai-dial-chat-shared";
 import { Accordion as d, ButtonAppearance as f, ButtonDropdown as p, ButtonVariant as m, CaptionText as h, DIAL_ICON_SIZE as g, DIAL_KIT_ICON_STROKE as _, DangerIconButton as v, EditorThemes as y, ElementSize as b, ErrorText as x, FileDropzone as S, GhostButton as C, GhostIconButton as w, Input as T, Label as E, LinkButton as D, NeutralButton as O, Popup as k, PopupSize as ee, PrimaryButton as A, Select as te, Spinner as ne, TagInput as j, Textarea as M, TextareaResize as N } from "@epam/ai-dial-ui-kit";
 import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
-import { IconArrowNarrowLeft as L, IconDatabase as re, IconFileText as ie, IconFileZip as ae, IconFolderPlus as oe, IconPhoto as se, IconPlus as ce, IconTrashX as le, IconUpload as ue } from "@tabler/icons-react";
-import { Suspense as de, lazy as R, memo as fe, useCallback as z, useEffect as pe, useId as me, useMemo as B, useRef as V, useState as H } from "react";
+import { IconArrowNarrowLeft as L, IconDatabase as re, IconFileText as ie, IconFileZip as ae, IconFolderPlus as oe, IconPhoto as se, IconPlus as R, IconTrashX as ce, IconUpload as le } from "@tabler/icons-react";
+import { Suspense as ue, lazy as de, memo as fe, useCallback as z, useEffect as pe, useId as me, useMemo as B, useRef as V, useState as H } from "react";
 import { DialFileNodeType as he, DialFoldersTree as ge } from "@epam/ai-dial-react-file-manager";
 import { LazyMarkdownEditor as _e } from "@epam/ai-dial-ui-kit/editors";
 c("flex flex-col desktop:min-h-0 desktop:overflow-y-auto", {
@@ -56,7 +56,7 @@ var ve = {
 				children: m
 			}),
 			/* @__PURE__ */ I("div", {
-				className: c("flex items-center justify-between gap-2 border-b px-4 py-2 desktop:px-8 desktop:pb-3 desktop:pt-3", xe.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", xe.headerBorder),
 				children: [/* @__PURE__ */ I("div", {
 					className: "flex min-w-0 flex-1 items-center gap-2",
 					children: [/* @__PURE__ */ F(w, {
@@ -132,7 +132,7 @@ var ve = {
 				className: "flex flex-col gap-3",
 				children: [/* @__PURE__ */ F(C, {
 					size: b.Small,
-					iconBefore: /* @__PURE__ */ F(ce, {
+					iconBefore: /* @__PURE__ */ F(R, {
 						size: g.SM,
 						stroke: _,
 						"aria-hidden": !0
@@ -156,7 +156,7 @@ var ve = {
 				s.deleteConfirmSingleText,
 				" ",
 				/* @__PURE__ */ I("span", {
-					className: "break-words text-primary",
+					className: "wrap-break-word text-primary",
 					children: [
 						"\"",
 						e[0].split("/").pop(),
@@ -181,7 +181,7 @@ var ve = {
 		s.deleteConfirmMultipleText,
 		s.deleteConfirmItemsLabel
 	]);
-	return /* @__PURE__ */ F(de, {
+	return /* @__PURE__ */ F(ue, {
 		fallback: null,
 		children: e && /* @__PURE__ */ F(i, {
 			isOpen: e,
@@ -223,15 +223,15 @@ var ve = {
 	"description",
 	"locales",
 	"tags"
-], De = (e, t, n) => ({
+], W = (e, t, n) => ({
 	id: e,
 	language: n.find((e) => !t.has(e.code))?.code ?? "",
 	name: "",
 	description: ""
-}), W = ({ value: e, onChange: t, availableLocaleOptions: n = [], labels: i, className: a, summaryClassName: o = "dial-body-text text-secondary", rowLabelClassName: s = "dial-tiny-lead-text text-secondary" }) => {
+}), De = ({ value: e, onChange: t, availableLocaleOptions: n = [], labels: i, className: a, summaryClassName: o = "dial-body-text text-secondary", rowLabelClassName: s = "dial-tiny-lead-text text-secondary" }) => {
 	let { summaryLabel: l, addLabel: u, editLabel: d, popupTitle: p, addLocaleLabel: h, localeRowLabel: y = "Locale", languageLabel: x, nameLabel: S, namePlaceholder: C, descriptionLabel: w, descriptionPlaceholder: E, deleteAriaLabel: O, cancelLabel: ee = "Cancel", saveLabel: A = "Save" } = i, [ne, j] = H(!1), [P, L] = H([]), re = V(0);
 	pe(() => {
-		ne && L(e.length > 0 ? e : [De(`locale-row-${++re.current}`, /* @__PURE__ */ new Set(), n)]);
+		ne && L(e.length > 0 ? e : [W(`locale-row-${++re.current}`, /* @__PURE__ */ new Set(), n)]);
 	}, [
 		ne,
 		e,
@@ -241,30 +241,30 @@ var ve = {
 		t(P.filter((e) => e.language && e.name)), j(!1);
 	}, se = () => {
 		let e = new Set(P.map((e) => e.language).filter(Boolean));
-		L((t) => [...t, De(`locale-row-${++re.current}`, e, n)]);
-	}, ue = (e, t) => {
+		L((t) => [...t, W(`locale-row-${++re.current}`, e, n)]);
+	}, le = (e, t) => {
 		L((n) => n.map((n) => n.id === e ? {
 			...n,
 			...t
 		} : n));
-	}, de = (e) => {
+	}, ue = (e) => {
 		L((t) => t.filter((t) => t.id !== e));
-	}, R = (e) => n.find((t) => t.code === e)?.label ?? e.toUpperCase(), fe = P.some((e) => !e.language || !e.name);
+	}, de = (e) => n.find((t) => t.code === e)?.label ?? e.toUpperCase(), fe = P.some((e) => !e.language || !e.name);
 	return n.length === 0 ? null : /* @__PURE__ */ I("div", {
 		className: c("flex items-center gap-2", a),
 		children: [
 			e.length > 0 && /* @__PURE__ */ F("span", {
 				className: o,
-				children: `${l}: ${e.map((e) => `[${R(e.language)}]`).join(", ")}`
+				children: `${l}: ${e.map((e) => `[${de(e.language)}]`).join(", ")}`
 			}),
 			/* @__PURE__ */ F(D, {
 				label: e.length > 0 ? d : u,
-				iconBefore: /* @__PURE__ */ F(ce, {
+				iconBefore: /* @__PURE__ */ F(R, {
 					size: g.SM,
 					"aria-hidden": !0,
 					stroke: _
 				}),
-				className: "!px-0",
+				className: "px-0!",
 				onClick: ie
 			}),
 			/* @__PURE__ */ F(k, {
@@ -298,13 +298,13 @@ var ve = {
 								}), /* @__PURE__ */ F(v, {
 									appearance: f.Ghost,
 									size: b.Small,
-									icon: /* @__PURE__ */ F(le, {
+									icon: /* @__PURE__ */ F(ce, {
 										size: g.SM,
 										"aria-hidden": !0,
 										stroke: _
 									}),
 									"aria-label": `${O} ${t + 1}`,
-									onClick: () => de(e.id)
+									onClick: () => ue(e.id)
 								})]
 							}), /* @__PURE__ */ I("div", {
 								role: "group",
@@ -325,13 +325,13 @@ var ve = {
 											disabled: i.has(e.code)
 										})),
 										value: e.language,
-										onChange: (t) => ue(e.id, { language: t })
+										onChange: (t) => le(e.id, { language: t })
 									}), /* @__PURE__ */ F(T, {
 										id: `${e.id}-name`,
 										containerClassName: "min-w-0 flex-1",
 										required: !0,
 										value: e.name,
-										onChange: (t) => ue(e.id, { name: t ?? "" }),
+										onChange: (t) => le(e.id, { name: t ?? "" }),
 										labelProps: {
 											label: S,
 											required: !0
@@ -343,7 +343,7 @@ var ve = {
 									className: r,
 									resize: N.Vertical,
 									value: e.description,
-									onChange: (t) => ue(e.id, { description: t }),
+									onChange: (t) => le(e.id, { description: t }),
 									labelProps: { label: w },
 									placeholder: E
 								})]
@@ -351,7 +351,7 @@ var ve = {
 						}, e.id);
 					}), /* @__PURE__ */ F(D, {
 						label: h,
-						iconBefore: /* @__PURE__ */ F(ce, {
+						iconBefore: /* @__PURE__ */ F(R, {
 							size: g.SM,
 							"aria-hidden": !0,
 							stroke: _
@@ -364,38 +364,39 @@ 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", G = "deployment-creation-form-description", ke = ({ 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, descriptionCaption: _, renderDescription: v, focusRequestKey: y }) => {
+	let b = V(null), x = V(null), S = V(null), C = V(!1), w = (e) => p.includes(e), E = w(U.Name), D = w(U.Version), O = !!(t.name || t.version || t.description), k = V(y);
 	pe(() => {
 		let e = () => {
-			t.name ? y.current?.focus() : t.version ? b.current?.focus() : t.description && x.current?.focus();
+			t.name ? b.current?.focus() : t.version ? x.current?.focus() : t.description && S.current?.focus();
 		};
-		if (v !== void 0) {
-			v !== O.current && (O.current = v, e());
+		if (y !== void 0) {
+			y !== k.current && (k.current = y, e());
 			return;
 		}
-		D && !S.current && e(), S.current = D;
+		O && !C.current && e(), C.current = O;
 	}, [
-		v,
-		D,
+		y,
+		O,
 		t.name,
 		t.version,
 		t.description
 	]);
-	let k = /* @__PURE__ */ F(M, {
-		id: ke,
-		ref: x,
+	let ee = /* @__PURE__ */ F(M, {
+		id: G,
+		ref: S,
 		value: e.description,
 		onChange: (e) => n({ description: e }),
 		"aria-required": g || void 0,
-		labelProps: _ ? void 0 : {
+		labelProps: v ? void 0 : {
 			label: u.description.label,
 			required: g
 		},
 		placeholder: u.description.placeholder,
+		caption: _,
 		error: t.description || void 0,
 		invalid: !!t.description,
-		containerClassName: _ ? void 0 : d?.field,
+		containerClassName: v ? void 0 : d?.field,
 		className: r,
 		resize: N.Vertical
 	});
@@ -404,7 +405,7 @@ var ve = {
 		"aria-label": u.ariaLabel,
 		className: c("flex flex-col gap-4", d?.root),
 		children: [
-			C(U.Avatar) && /* @__PURE__ */ F(we, {
+			w(U.Avatar) && /* @__PURE__ */ F(we, {
 				label: u.iconUrl.label,
 				avatarUrl: s,
 				addAvatarLabel: u.iconUrl.addAvatarLabel,
@@ -412,11 +413,11 @@ var ve = {
 				onAddAvatarClick: l,
 				className: d?.field
 			}),
-			(w || E) && /* @__PURE__ */ I("div", {
+			(E || D) && /* @__PURE__ */ I("div", {
 				className: c("flex items-start gap-4", d?.field),
-				children: [w && /* @__PURE__ */ F(T, {
+				children: [E && /* @__PURE__ */ F(T, {
 					id: "deployment-creation-form-name",
-					inputRef: y,
+					inputRef: b,
 					value: e.name,
 					onChange: (e) => n({ name: e ?? "" }),
 					onBlur: a,
@@ -429,10 +430,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: D ? "min-w-0 basis-0 grow-[2]" : "min-w-0 flex-1"
+				}), D && /* @__PURE__ */ F(T, {
 					id: "deployment-creation-form-version",
-					inputRef: b,
+					inputRef: x,
 					value: e.version,
 					onChange: (e) => n({ version: e ?? "" }),
 					onBlur: o,
@@ -440,21 +441,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: E ? "min-w-0 basis-0 grow-[1]" : "min-w-0 flex-1"
 				})]
 			}),
-			C(U.Description) && (_ ? /* @__PURE__ */ F("div", {
+			w(U.Description) && (v ? /* @__PURE__ */ F("div", {
 				className: d?.field,
-				children: _(k, ke)
-			}) : k),
-			C(U.Locales) && /* @__PURE__ */ F(W, {
+				children: v(ee, G)
+			}) : ee),
+			w(U.Locales) && /* @__PURE__ */ F(De, {
 				value: e.otherLocales,
 				onChange: (e) => n({ otherLocales: e }),
 				availableLocaleOptions: f,
 				labels: u.otherLocales,
 				className: d?.field
 			}),
-			C(U.Tags) && /* @__PURE__ */ F("div", {
+			w(U.Tags) && /* @__PURE__ */ F("div", {
 				className: d?.field,
 				children: /* @__PURE__ */ F(j, {
 					id: "deployment-creation-form-topics",
@@ -576,36 +577,37 @@ 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]);
-	return /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(G, {
+}, 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, descriptionCaption: d, renderDescription: f, focusRequestKey: p, labels: m }) => {
+	let [h, g] = H(!1), _ = B(() => a ? s : s.filter((e) => e !== U.Avatar), [a, s]), v = e.iconUrl, y = a?.resolveIconUrl, b = B(() => y ? y(v) : void 0, [v, y]), x = z(() => g(!0), []), S = z(() => g(!1), []), C = a?.resolveAttachedIconUrl, w = z((e) => {
+		let t = C?.(e);
+		t && n({ iconUrl: t }), g(!1);
+	}, [n, C]);
+	return /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(ke, {
 		values: e,
 		errors: t,
 		onChange: n,
 		onNameBlur: r,
 		onVersionBlur: i,
-		iconPreviewUrl: y,
-		onAddAvatarClick: b,
-		labels: p?.form ?? Pe,
+		iconPreviewUrl: b,
+		onAddAvatarClick: x,
+		labels: m?.form ?? Pe,
 		availableLocaleOptions: o,
-		fields: g,
+		fields: _,
 		isNameReadOnly: c,
 		nameCaption: l,
 		isDescriptionRequired: u,
-		renderDescription: d,
-		focusRequestKey: f
+		descriptionCaption: d,
+		renderDescription: f,
+		focusRequestKey: p
 	}), a && /* @__PURE__ */ F(Te, {
-		isOpen: m,
-		onClose: x,
-		onAttach: C,
+		isOpen: h,
+		onClose: S,
+		onAttach: w,
 		bucket: a.bucket,
 		FileManagerModal: a.FileManagerModal,
 		allowedMimeTypes: a.allowedMimeTypes,
 		maxFileSizeBytes: a.maxFileSizeBytes,
-		labels: p?.avatarPicker ?? Fe
+		labels: m?.avatarPicker ?? Fe
 	})] });
 }), Le = /* @__PURE__ */ function(e) {
 	return e.Required = "required", e.InvalidFormat = "invalid-format", e.TooLong = "too-long", e.ControlCharacters = "control-characters", e;
@@ -619,7 +621,7 @@ var Re = {
 }, K = "SKILL.md", q = /* @__PURE__ */ function(e) {
 	return e.File = "file", e.Folder = "folder", e;
 }({}), ze = /* @__PURE__ */ function(e) {
-	return e.Header = "header", e.Child = "child", e.Sibling = "sibling", e;
+	return e.Header = "header", e.Child = "child", e;
 }({}), J = (e) => {
 	let t = e.lastIndexOf("/");
 	return t === -1 ? null : e.slice(0, t);
@@ -667,14 +669,13 @@ var Re = {
 		n ? n.items = [...n.items ?? [], e] : r.push(e);
 	}
 	return r;
-}, He = (e, t) => e ? `${e}/${t}` : t, Ue = (e) => J(e) ?? "", We = (e, t) => {
+}, He = (e, t) => e ? `${e}/${t}` : t, Ue = (e, t) => {
 	if (!t) return "";
 	switch (e) {
 		case ze.Child: return t.path;
-		case ze.Sibling: return Ue(t.path);
 		case ze.Header: return t.kind === q.Folder ? t.path : "";
 	}
-}, Ge = (e, t) => {
+}, We = (e, t) => {
 	let n = t ? `${t}/` : "", r = /* @__PURE__ */ new Set();
 	for (let { path: i } of e) {
 		if (!i.startsWith(n) || i === t) continue;
@@ -682,19 +683,19 @@ var Re = {
 		r.add(e.split("/")[0]);
 	}
 	return r;
-}, Ke = (e, t, n) => {
+}, Ge = (e, t, n) => {
 	let r = e.trim();
 	if (!r) return n.required;
 	if (/[/\\]/.test(r) || r === "." || r === "..") return n.invalid;
 	if (t.has(r)) return n.duplicate;
-}, qe = "\\new-folder", Je = ({ files: e, fileActions: t, defaultName: n, messages: r, onRevealFolder: i, onCreated: a }) => {
-	let [o, s] = H(null), c = o?.parentPath ?? null, l = V([]), u = c == null ? void 0 : He(c, qe), d = B(() => u == null ? void 0 : {
+}, Ke = "\\new-folder", qe = ({ files: e, fileActions: t, defaultName: n, messages: r, onRevealFolder: i, onCreated: a }) => {
+	let [o, s] = H(null), c = o?.parentPath ?? null, l = V([]), u = c == null ? void 0 : He(c, Ke), d = B(() => u == null ? void 0 : {
 		path: u,
 		name: n,
 		kind: q.Folder
 	}, [u, n]), f = z((n, i) => {
-		let a = Ge(e, i);
-		return i === "" && a.add(K), Ke(n, a, r) ?? t.validateFolderPath?.(He(i, n.trim()));
+		let a = We(e, i);
+		return i === "" && a.add(K), Ge(n, a, r) ?? t.validateFolderPath?.(He(i, n.trim()));
 	}, [
 		e,
 		r,
@@ -742,38 +743,38 @@ var Re = {
 		handleSave: g,
 		handleCancel: h
 	};
-}, Ye = (e) => !!e.dataTransfer?.types.includes("Files"), Xe = (e) => {
+}, Je = (e) => !!e.dataTransfer?.types.includes("Files"), Ye = (e) => {
 	let [t, n] = H(!1), r = V(0);
 	return {
 		isDragActive: t,
 		dropZoneHandlers: {
 			onDragEnter: z((e) => {
-				Ye(e) && (e.preventDefault(), r.current += 1, n(!0));
+				Je(e) && (e.preventDefault(), r.current += 1, n(!0));
 			}, []),
 			onDragLeave: z((e) => {
-				Ye(e) && (--r.current, r.current <= 0 && (r.current = 0, n(!1)));
+				Je(e) && (--r.current, r.current <= 0 && (r.current = 0, n(!1)));
 			}, []),
 			onDragOver: z((e) => {
-				Ye(e) && e.preventDefault();
+				Je(e) && e.preventDefault();
 			}, []),
 			onDrop: z((t) => {
-				if (!Ye(t)) return;
+				if (!Je(t)) return;
 				t.preventDefault(), r.current = 0, n(!1);
 				let i = Array.from(t.dataTransfer?.files ?? []);
 				i.length > 0 && e(i);
 			}, [e])
 		}
 	};
-}, Ze = /* @__PURE__ */ function(e) {
+}, Xe = /* @__PURE__ */ function(e) {
 	return e.Files = "files", e.Archive = "archive", e;
 }({}), Y = /* @__PURE__ */ function(e) {
 	return e.Mobile = "mobile", e.Desktop = "desktop", e;
-}({}), Qe = (e, t, n = g.MD) => /* @__PURE__ */ F(e, {
+}({}), Ze = (e, t, n = g.MD) => /* @__PURE__ */ F(e, {
 	size: n,
 	className: t,
 	"aria-hidden": !0,
 	stroke: _
-}), $e = ({ isVisible: e, labels: t }) => {
+}), Qe = ({ isVisible: e, labels: t }) => {
 	if (!e) return null;
 	let n = t ?? {};
 	return /* @__PURE__ */ F("div", {
@@ -783,7 +784,7 @@ var Re = {
 		children: /* @__PURE__ */ I("div", {
 			className: "flex flex-col items-center text-center",
 			children: [
-				/* @__PURE__ */ F(ue, {
+				/* @__PURE__ */ F(le, {
 					size: 100,
 					className: "text-accent-primary",
 					"aria-hidden": !0,
@@ -800,16 +801,16 @@ var Re = {
 			]
 		})
 	});
-}, et = /* @__PURE__ */ function(e) {
+}, $e = /* @__PURE__ */ function(e) {
 	return e.SupportingFile = "supporting-file", e.Manifest = "manifest", e;
-}({}), tt = /* @__PURE__ */ function(e) {
+}({}), et = /* @__PURE__ */ function(e) {
 	return e.Valid = "valid", e.Invalid = "invalid", e;
-}({}), nt = (e) => (e.webkitRelativePath || e.name).replace(/\\/g, "/"), rt = ".zip,application/zip", it = 0, X = () => `skill-file-candidate-${++it}`, Z = (e, t, n) => ({
+}({}), tt = (e) => (e.webkitRelativePath || e.name).replace(/\\/g, "/"), nt = ".zip,application/zip", rt = 0, X = () => `skill-file-candidate-${++rt}`, Z = (e, t, n) => ({
 	id: X(),
 	file: e,
 	path: He(n, t.replace(/\\/g, "/"))
-}), at = ({ isOpen: e, onClose: t, fileActions: n, mode: r = Ze.Files, targetFolderPath: i = "", initialFiles: a, initialEntries: o, labels: c }) => {
-	let l = c ?? {}, [u, d] = H([]), [p, h] = H(/* @__PURE__ */ new Map()), [g, v] = H([]), [y, b] = H(!1), [C, T] = H(), [E, D] = H(!1), [O, A] = H(), [te, j] = H(0), M = V(0), N = r === Ze.Archive, L = l.uploadArchiveErrorMessage ?? "Couldn't read this archive", re = me(), ae = (e) => {
+}), it = ({ isOpen: e, onClose: t, fileActions: n, mode: r = Xe.Files, targetFolderPath: i = "", initialFiles: a, initialEntries: o, labels: c }) => {
+	let l = c ?? {}, [u, d] = H([]), [p, h] = H(/* @__PURE__ */ new Map()), [g, v] = H([]), [y, b] = H(!1), [C, T] = H(), [E, D] = H(!1), [O, A] = H(), [te, j] = H(0), M = V(0), N = r === Xe.Archive, L = l.uploadArchiveErrorMessage ?? "Couldn't read this archive", re = me(), ae = (e) => {
 		T(void 0), d((t) => [...t, ...e]);
 	}, oe = async (e) => {
 		let { extractArchive: t } = n;
@@ -836,12 +837,12 @@ var Re = {
 			oe(e);
 			return;
 		}
-		ae(e.map((e) => Z(e, nt(e), i)));
-	}, ce = (e) => {
+		ae(e.map((e) => Z(e, tt(e), i)));
+	}, R = (e) => {
 		d((t) => t.filter((t) => t.id !== e));
 	};
 	pe(() => {
-		e && (M.current += 1, d([...(a ?? []).map((e) => Z(e, nt(e), i)), ...(o ?? []).map((e) => Z(e.file, e.path, i))]), h(/* @__PURE__ */ new Map()), v([]), T(void 0), A(void 0), j(0));
+		e && (M.current += 1, d([...(a ?? []).map((e) => Z(e, tt(e), i)), ...(o ?? []).map((e) => Z(e.file, e.path, i))]), h(/* @__PURE__ */ new Map()), v([]), T(void 0), A(void 0), j(0));
 	}, [e]), pe(() => {
 		if (!e) return;
 		let t = !1;
@@ -857,11 +858,11 @@ var Re = {
 			t = !0;
 		};
 	}, [u, e]);
-	let ue = u.some((e) => p.get(e.id)?.status === tt.Invalid), de = u.length > 0 && u.every((e) => p.get(e.id)?.status === tt.Invalid), R = u.length > 0 && !ue && g.length === 0 && !y && !E && te === 0, fe = async () => {
+	let le = u.some((e) => p.get(e.id)?.status === et.Invalid), ue = u.length > 0 && u.every((e) => p.get(e.id)?.status === et.Invalid), de = u.length > 0 && !le && g.length === 0 && !y && !E && te === 0, fe = async () => {
 		D(!0), T(void 0);
 		try {
 			let { results: e, batchErrors: r } = await n.validateBatch(u), i = new Map(e.map((e) => [e.candidateId, e]));
-			if (h(i), v(r.map((e) => e.message)), u.some((e) => i.get(e.id)?.status === tt.Invalid) || r.length > 0) return;
+			if (h(i), v(r.map((e) => e.message)), u.some((e) => i.get(e.id)?.status === et.Invalid) || r.length > 0) return;
 			let a = await n.commitBatch(u);
 			if (a.error) {
 				T(a.error);
@@ -891,7 +892,7 @@ var Re = {
 				ariaLabel: ""
 			}) : void 0,
 			onClick: () => void fe(),
-			disabled: !R
+			disabled: !de
 		}],
 		children: /* @__PURE__ */ I("div", {
 			className: "flex flex-col gap-4 px-6 py-4",
@@ -906,8 +907,8 @@ var Re = {
 					})] }),
 					ariaLabel: l.uploadDropZoneAriaLabel ?? "Upload files",
 					multiple: !0,
-					accept: N ? rt : void 0,
-					className: de ? "border-error hover:border-error" : void 0,
+					accept: N ? nt : void 0,
+					className: ue ? "border-error hover:border-error" : void 0,
 					onChange: se,
 					onReject: N ? () => A(L) : void 0
 				}),
@@ -927,7 +928,7 @@ var Re = {
 				u.length > 0 && /* @__PURE__ */ F("ul", {
 					className: "flex flex-col gap-2",
 					children: u.map((e) => {
-						let t = p.get(e.id), n = t?.kind === et.Manifest, r = t?.status === tt.Invalid;
+						let t = p.get(e.id), n = t?.kind === $e.Manifest, r = t?.status === et.Invalid;
 						return /* @__PURE__ */ I("li", {
 							className: "flex items-center gap-2 rounded-lg border border-tertiary p-2",
 							children: [
@@ -955,13 +956,13 @@ var Re = {
 									]
 								}),
 								/* @__PURE__ */ F(w, {
-									icon: /* @__PURE__ */ F(le, {
+									icon: /* @__PURE__ */ F(ce, {
 										size: 16,
 										"aria-hidden": !0,
 										stroke: _
 									}),
 									"aria-label": l.uploadRemoveCandidateLabel?.(e.path) ?? `Remove ${e.path}`,
-									onClick: () => ce(e.id)
+									onClick: () => R(e.id)
 								})
 							]
 						}, e.id);
@@ -971,32 +972,32 @@ var Re = {
 			]
 		})
 	});
-}, ot = {
+}, at = {
 	title: "_title_5md1a_1",
 	helperText: "_helperText_5md1a_5",
 	refineFeedback: "_refineFeedback_5md1a_9",
 	refineError: "_refineError_5md1a_13"
-}, st = {
-	mode: Ze.Files,
+}, ot = {
+	mode: Xe.Files,
 	targetFolderPath: ""
-}, 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 () => {
+}, st = [U.Name, U.Description], ct = 24, lt = 300, ut = "desktop:px-8 desktop:py-6", dt = "desktop:px-8 desktop:py-6", ft = "gap-4 px-4 py-6 desktop:gap-5 desktop:px-8 desktop:py-6", pt = de(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 }) => {
-	let [W, Oe] = H({
+}), mt = ({ 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: de, asideData: fe, onSubmit: _e, onCancel: ve, onBack: ye, backAriaLabel: be, title: xe, onRetry: Se, onRetrySubmit: Ce, labels: we, styles: Te, dir: U, instructionsEditorTheme: Ee = y.light }) => {
+	let [W, De] = H({
 		name: r?.name ?? "",
 		description: r?.description ?? "",
 		instructions: r?.instructions ?? ""
-	}), ke = me(), G = V(void 0), Ae = l({
-		bottomGap: lt,
-		minHeight: ut
-	}), je = V(W), Me = (e) => {
+	}), Oe = me(), G = V(void 0), ke = l({
+		bottomGap: ct,
+		minHeight: lt
+	}), Ae = V(W), je = (e) => {
 		let t = {
-			...je.current,
+			...Ae.current,
 			...e
 		};
-		je.current = t, Oe(t), L?.(t);
-	}, Fe = (e) => e ? async (t, n) => {
+		Ae.current = t, De(t), L?.(t);
+	}, Me = (e) => e ? async (t, n) => {
 		if (G.current && !G.current.aborted) throw new DOMException("Busy", "AbortError");
 		G.current = n;
 		try {
@@ -1004,79 +1005,79 @@ var Re = {
 		} finally {
 			G.current === n && (G.current = void 0);
 		}
-	} : void 0, Le = u({
+	} : void 0, Fe = u({
 		value: W.description,
-		onChange: (e) => Me({ description: e }),
-		onRefine: Fe(ie),
+		onChange: (e) => je({ description: e }),
+		onRefine: Me(ie),
 		disabled: O || T || D,
 		resetKey: r
-	}), J = u({
+	}), Le = u({
 		value: W.instructions,
-		onChange: (e) => Me({ instructions: e }),
-		onRefine: Fe(se),
+		onChange: (e) => je({ instructions: e }),
+		onRefine: Me(se),
 		disabled: O || T || D,
 		resetKey: r
-	}), Be = Le.isPending || J.isPending, He = () => {
-		Le.reset(), J.reset();
-	}, Ue = () => {
-		He(), ye();
+	}), J = Fe.isPending || Le.isPending, Be = () => {
+		Fe.reset(), Le.reset();
+	}, He = () => {
+		Be(), ve();
+	}, We = () => {
+		Be(), ye();
 	}, Ge = () => {
-		He(), be();
-	}, Ke = () => {
-		O || T || D || G.current && !G.current.aborted || ve(W);
-	}, qe = V(r), Ye = qe.current !== r, et = V(i);
+		O || T || D || G.current && !G.current.aborted || _e(W);
+	}, Ke = V(r), Je = Ke.current !== r, $e = V(i);
 	pe(() => {
-		qe.current = r;
+		Ke.current = r;
 		let e = {
 			name: r?.name ?? "",
 			description: r?.description ?? "",
 			instructions: r?.instructions ?? ""
 		};
-		je.current = e, Oe(e), et.current = i;
+		Ae.current = e, De(e), $e.current = i;
 	}, [r]);
-	let tt = (e) => JSON.stringify([...e].sort((e, t) => e.path.localeCompare(t.path))), nt = V(!1);
+	let et = (e) => JSON.stringify([...e].sort((e, t) => e.path.localeCompare(t.path))), tt = V(!1);
 	pe(() => {
-		if (Ye) return;
+		if (Je) return;
 		let e = {
 			name: r?.name ?? "",
 			description: r?.description ?? "",
 			instructions: r?.instructions ?? ""
-		}, t = JSON.stringify(W) !== JSON.stringify(e) || tt(i) !== tt(et.current);
-		t !== nt.current && (nt.current = t, N?.(t));
+		}, t = JSON.stringify(W) !== JSON.stringify(e) || et(i) !== et($e.current);
+		t !== tt.current && (tt.current = t, N?.(t));
 	}, [
 		W,
 		i,
 		r,
-		Ye,
+		Je,
 		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) => {
+	let [nt, rt] = H(K), X = s ?? nt, Z = z((e) => {
+		rt(e), _?.(e);
+	}, [_]), [mt, ht] = H([]), gt = v ?? mt, _t = B(() => new Set(gt), [gt]), vt = z((e) => {
 		let t = [...e];
-		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,
+		ht(t), S?.(t);
+	}, [S]), [yt, bt] = H(!1), [xt, St] = H(ot), Ct = z((e) => {
+		St(e), bt(!0);
+	}, []), [wt, Tt] = H(!1), { isDragActive: Et, dropZoneHandlers: Dt } = Ye(z((e) => {
+		yt || Ct({
+			...ot,
 			initialFiles: e
 		});
-	}, [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({
+	}, [yt, Ct])), Q = we ?? {}, $ = Te?.colors, Ot = Te?.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({
 		"--se-title-color": $?.title,
 		"--se-helper-text-color": $?.helperText,
 		"--se-refine-action-text": $?.refineActionText,
 		"--se-refine-error-text": $?.refineErrorText
-	}), Ft = {
-		feedbackClassName: c($?.refineActionText && ot.refineFeedback, kt.refineFeedbackClassName, Re.refineFeedback),
-		errorClassName: ot.refineError
-	}, It = {
+	}), Pt = {
+		feedbackClassName: c($?.refineActionText && at.refineFeedback, Ot.refineFeedbackClassName, Re.refineFeedback),
+		errorClassName: at.refineError
+	}, Ft = {
 		layout: $?.border ? { colors: {
 			headerBorderColor: $.border,
 			sidebarBorderColor: $.border
 		} } : void 0,
 		section: $?.title ? { colors: { titleColor: $.title } } : void 0
-	}, Lt = B(() => ({
+	}, It = 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,161 +1085,160 @@ var Re = {
 		Q.folderNameRequiredError,
 		Q.folderNameInvalidError,
 		Q.folderNameDuplicateError
-	]), Rt = z((e) => {
-		vt.has(e) || yt(new Set([...vt, e]));
-	}, [vt, yt]), zt = Je({
+	]), Lt = z((e) => {
+		_t.has(e) || vt(new Set([..._t, e]));
+	}, [_t, vt]), Rt = qe({
 		files: i,
 		fileActions: R,
 		defaultName: Q.newFolderDefaultName ?? "New folder",
-		messages: Lt,
-		onRevealFolder: Rt,
+		messages: It,
+		onRevealFolder: Lt,
 		onCreated: Z
-	}), { draftNode: Bt, draftPath: Vt, draftPane: Ht } = zt, Ut = B(() => Ve([{
+	}), { draftNode: zt, draftPath: Bt, draftPane: Vt } = Rt, Ht = B(() => Ve([{
 		path: K,
 		name: K,
 		kind: q.File
-	}, ...i]), [i]), Wt = B(() => Bt ? Ve([
+	}, ...i]), [i]), Ut = B(() => zt ? Ve([
 		{
 			path: K,
 			name: K,
 			kind: q.File
 		},
 		...i,
-		Bt
-	]) : Ut, [
+		zt
+	]) : Ht, [
 		i,
-		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) => {
+		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) => {
 		R.onRemoveNode(e), X === e && Z(K);
 	}, [
 		R,
 		X,
 		Z
-	]), { 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,
+	]), { startDraft: qt } = Rt, { onCreateFolder: Jt, extractArchive: Yt, pickFromFileSystem: Xt } = R, Zt = z(async (e) => {
+		if (!Xt) return;
+		let t = await Xt();
+		t?.length && Ct({
+			mode: Xe.Files,
 			targetFolderPath: e,
 			initialEntries: t
 		});
-	}, [Zt, wt]), $t = z((e, t) => {
-		let n = (e) => Qe(e, Nt), r = [];
-		return Yt && r.push({
+	}, [Xt, Ct]), Qt = z((e, t) => {
+		let n = (e) => Ze(e, Mt), r = [];
+		return Jt && r.push({
 			key: "create-folder",
 			label: Q.createFolderLabel ?? "Create folder",
 			icon: n(oe),
-			onClick: () => Jt(e, t)
+			onClick: () => qt(e, t)
 		}), r.push({
 			key: "upload-files",
 			label: Q.uploadFilesLabel ?? "Upload files from device",
-			icon: n(ue),
-			onClick: () => wt({
-				mode: Ze.Files,
+			icon: n(le),
+			onClick: () => Ct({
+				mode: Xe.Files,
 				targetFolderPath: e
 			})
-		}), Xt && r.push({
+		}), Yt && r.push({
 			key: "upload-archive",
 			label: Q.uploadArchiveLabel ?? "Upload archive from device",
 			icon: n(ae),
-			onClick: () => wt({
-				mode: Ze.Archive,
+			onClick: () => Ct({
+				mode: Xe.Archive,
 				targetFolderPath: e
 			})
-		}), Zt && r.push({
+		}), Xt && r.push({
 			key: "open-file-system",
 			label: Q.openFileSystemLabel ?? "Open DIAL file system",
 			icon: n(re),
-			onClick: () => void Qt(e)
+			onClick: () => void Zt(e)
 		}), r;
 	}, [
-		Nt,
+		Mt,
+		Jt,
 		Yt,
 		Xt,
-		Zt,
 		Q.createFolderLabel,
 		Q.uploadFilesLabel,
 		Q.uploadArchiveLabel,
 		Q.openFileSystemLabel,
-		Jt,
-		wt,
-		Qt
-	]), en = B(() => {
-		let e = We(ze.Header, i.find((e) => e.path === X));
+		qt,
+		Ct,
+		Zt
+	]), $t = B(() => {
+		let e = Ue(ze.Header, i.find((e) => e.path === X));
 		return {
-			[Y.Mobile]: $t(e, Y.Mobile),
-			[Y.Desktop]: $t(e, Y.Desktop)
+			[Y.Mobile]: Qt(e, Y.Mobile),
+			[Y.Desktop]: Qt(e, Y.Desktop)
 		};
 	}, [
-		$t,
+		Qt,
 		i,
 		X
-	]), tn = z((e, t) => {
-		if (e.path === "SKILL.md" || e.path === Vt) return [];
+	]), en = z((e, t) => {
+		if (e.path === Bt || 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 = Qt(Ue(ze.Child, n), t);
 		return r.push({
-			key: "add-sibling",
-			icon: Qe(ce),
-			label: Q.addSiblingLabel ?? "Add sibling",
-			children: $t(We(ze.Sibling, n), t)
-		}, {
 			key: "delete",
 			label: Q.deleteLabel ?? "Delete",
 			danger: !0,
-			icon: Qe(le, Mt),
-			onClick: () => qt(e.path)
+			icon: Ze(ce, jt),
+			onClick: () => Kt(e.path)
 		}), r;
 	}, [
-		Vt,
-		Q.addSiblingLabel,
+		Bt,
 		Q.deleteLabel,
-		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", {
+		jt,
+		Qt,
+		Kt
+	]), tn = B(() => ({
+		[Y.Mobile]: (e) => en(e, Y.Mobile),
+		[Y.Desktop]: (e) => en(e, Y.Desktop)
+	}), [en]), nn = z((e) => e.nodeType === he.FOLDER || e.path === "SKILL.md" ? null : /* @__PURE__ */ F(w, {
+		size: b.Small,
+		icon: Ze(ce, jt, g.SM),
+		"aria-label": Q.deleteLabel ?? "Delete",
+		onClick: () => Kt(e.path)
+	}), [
+		Q.deleteLabel,
+		jt,
+		Kt
+	]), 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, At),
+				className: c(at.title, kt),
 				children: Q.filesHeading ?? "Files"
 			}), /* @__PURE__ */ F(p, {
 				label: Q.addLabel ?? "Add",
 				variant: m.Neutral,
 				appearance: f.Solid,
 				size: b.Small,
-				iconBefore: /* @__PURE__ */ F(ce, {
-					size: g.SM,
-					"aria-hidden": !0,
-					stroke: _
-				}),
-				items: en[e]
+				items: $t[e]
 			})]
 		}), /* @__PURE__ */ F("div", {
 			role: "tree",
 			"aria-label": Q.filesTreeAriaLabel ?? "Skill files",
 			children: /* @__PURE__ */ F(ge, {
-				items: Ht === e ? Wt : Ut,
+				items: Vt === e ? Ut : Ht,
 				showFiles: !0,
 				selectedPath: X,
-				expandedPaths: vt,
-				onExpandedPathsChange: yt,
-				onItemClick: Kt,
-				getContextMenuItems: nn[e],
-				renamedPath: Ht === e ? Vt : void 0,
-				onRenameSave: zt.handleSave,
-				onRenameCancel: zt.handleCancel,
-				onRenameValidate: zt.handleValidate,
+				expandedPaths: _t,
+				onExpandedPathsChange: vt,
+				onItemClick: Gt,
+				getContextMenuItems: tn[e],
+				renderItemActions: nn,
+				renamedPath: Vt === e ? Bt : void 0,
+				onRenameSave: Rt.handleSave,
+				onRenameCancel: Rt.handleCancel,
+				onRenameValidate: Rt.handleValidate,
 				rootItemPath: ""
 			})
 		})]
@@ -1269,34 +1269,34 @@ var Re = {
 		Q.descriptionLabel,
 		Q.descriptionPlaceholder
 	]), cn = (e) => {
-		e.name !== void 0 && Me({ name: e.name }), e.description !== void 0 && (Le.reset(), Me({ description: e.description }));
+		e.name !== void 0 && je({ name: e.name }), e.description !== void 0 && (Fe.reset(), je({ description: e.description }));
 	}, ln = ie ? (e, t) => /* @__PURE__ */ F(a, {
 		isEnabled: !0,
 		fieldId: t,
 		required: !0,
 		label: Q.descriptionLabel ?? "Description",
 		labels: Q,
-		refinement: Le,
-		disabled: Be || O,
-		...Ft,
+		refinement: Fe,
+		disabled: J || O,
+		...Pt,
 		children: e
 	}) : void 0, un = {
-		title: Se,
-		onBack: Ge,
-		onCancel: Ue,
-		onSubmit: Ke,
+		title: xe,
+		onBack: We,
+		onCancel: He,
+		onSubmit: Ge,
 		submitLabel: Q.createLabel ?? "Create",
-		isSubmitDisabled: Be || T || D,
+		isSubmitDisabled: J || T || D,
 		labels: {
 			cancelLabel: Q.cancelLabel ?? "Cancel",
-			backAriaLabel: xe ?? "Back",
+			backAriaLabel: be ?? "Back",
 			savingStatusLabel: Q.savingStatusLabel ?? "Saving"
 		},
-		styles: It,
+		styles: Ft,
 		metadataTitle: null
 	};
 	if (T) return /* @__PURE__ */ F("div", {
-		dir: Ee,
+		dir: U,
 		className: "relative flex min-h-0 flex-1 flex-col",
 		children: /* @__PURE__ */ F(Ne, {
 			...un,
@@ -1309,7 +1309,7 @@ var Re = {
 		})
 	});
 	if (D) return /* @__PURE__ */ F("div", {
-		dir: Ee,
+		dir: U,
 		className: "relative flex min-h-0 flex-1 flex-col",
 		children: /* @__PURE__ */ F(Ne, {
 			...un,
@@ -1318,18 +1318,18 @@ var Re = {
 				className: "flex flex-col items-center gap-4 p-8",
 				children: [/* @__PURE__ */ F(x, { text: Q.loadErrorMessage ?? "Couldn't load this skill. Please try again." }), /* @__PURE__ */ F(A, {
 					label: Q.retryLabel ?? "Retry",
-					onClick: Ce
+					onClick: Se
 				})]
 			})
 		})
 	});
-	let dn = X === K, fn = dn ? K : Q.selectedFileHeading?.(Gt?.name ?? X) ?? Gt?.name ?? X, pn = ee != null || te != null ? /* @__PURE__ */ I("div", {
+	let dn = X === K, fn = dn ? K : Q.selectedFileHeading?.(Wt?.name ?? X) ?? Wt?.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",
-			children: [/* @__PURE__ */ F(x, { text: ee }), we != null && /* @__PURE__ */ F(C, {
+			children: [/* @__PURE__ */ F(x, { text: ee }), Ce != null && /* @__PURE__ */ F(C, {
 				label: Q.retryLabel ?? "Retry",
-				onClick: we
+				onClick: Ce
 			})]
 		}), te != null && /* @__PURE__ */ I("div", {
 			className: "flex items-center gap-2",
@@ -1340,36 +1340,36 @@ var Re = {
 		})]
 	}) : void 0, mn = /* @__PURE__ */ F(a, {
 		isEnabled: !!se,
-		fieldId: ke,
+		fieldId: Oe,
 		required: !0,
-		labelClassName: c(ot.helperText, jt),
+		labelClassName: c(at.helperText, At),
 		label: Q.instructionsLabel ?? "Instructions",
 		labels: Q,
-		refinement: J,
-		disabled: Be || O,
-		...Ft,
+		refinement: Le,
+		disabled: J || O,
+		...Pt,
 		children: /* @__PURE__ */ I("div", {
 			className: "flex flex-1 flex-col gap-2",
 			children: [
 				!se && /* @__PURE__ */ F(E, {
-					htmlFor: ke,
-					className: c(ot.helperText, jt),
+					htmlFor: Oe,
+					className: c(at.helperText, At),
 					label: Q.instructionsLabel ?? "Instructions",
 					required: !0
 				}),
 				/* @__PURE__ */ F("div", {
-					ref: Ae,
+					ref: ke,
 					className: c(t, e, n),
-					children: /* @__PURE__ */ F(de, {
+					children: /* @__PURE__ */ F(ue, {
 						fallback: /* @__PURE__ */ F(ne, { ariaLabel: Q.instructionsLoadingAriaLabel ?? "Loading" }),
-						children: /* @__PURE__ */ F(mt, {
-							id: ke,
+						children: /* @__PURE__ */ F(pt, {
+							id: Oe,
 							ariaLabel: Q.instructionsLabel ?? "Instructions",
 							value: W.instructions,
 							onChange: (e) => {
-								J.reset(), Me({ instructions: e });
+								Le.reset(), je({ instructions: e });
 							},
-							theme: De,
+							theme: Ee,
 							showDragbar: !1,
 							placeholder: Q.instructionsPlaceholder ?? "Write the skill instructions in Markdown"
 						})
@@ -1380,28 +1380,28 @@ var Re = {
 		})
 	});
 	return /* @__PURE__ */ I("div", {
-		dir: Ee,
+		dir: U,
 		className: c("relative flex min-h-0 flex-1 flex-col", Re.root),
-		style: Pt,
-		...Ot,
+		style: Nt,
+		...Dt,
 		children: [
-			/* @__PURE__ */ F($e, {
-				isVisible: Dt && !bt,
-				labels: Te
+			/* @__PURE__ */ F(Qe, {
+				isVisible: Et && !yt,
+				labels: we
 			}),
 			/* @__PURE__ */ F(Ne, {
 				...un,
-				asideData: _e,
-				asideSectionClassName: ft,
+				asideData: fe,
+				asideSectionClassName: dt,
 				isSubmitting: O,
-				metadataSectionClassName: dt,
+				metadataSectionClassName: ut,
 				metadata: /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F("div", {
 					className: "desktop:hidden",
 					children: /* @__PURE__ */ F(d, {
 						title: Q.editingFileLabel ?? "Editing file",
-						description: Gt?.name ?? "SKILL.md",
-						expanded: Tt,
-						onToggle: Et,
+						description: Wt?.name ?? "SKILL.md",
+						expanded: wt,
+						onToggle: Tt,
 						ariaLabel: Q.editingFileLabel ?? "Editing file",
 						children: rn(Y.Mobile)
 					})
@@ -1411,34 +1411,34 @@ var Re = {
 				})] }),
 				alert: pn,
 				setupTitle: fn,
-				setupSectionClassName: pt,
+				setupSectionClassName: ft,
 				setup: dn ? /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(Ie, {
 					values: an,
 					errors: on,
 					onChange: cn,
-					fields: ct,
+					fields: st,
 					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", {
+				}), mn] }) : /* @__PURE__ */ F(P, { children: Wt?.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." })
+					children: de ?? /* @__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: bt,
-				onClose: () => xt(!1),
+			/* @__PURE__ */ F(it, {
+				isOpen: yt,
+				onClose: () => bt(!1),
 				fileActions: R,
-				mode: St.mode,
-				targetFolderPath: St.targetFolderPath,
-				initialFiles: St.initialFiles,
-				initialEntries: St.initialEntries,
-				labels: Te
+				mode: xt.mode,
+				targetFolderPath: xt.targetFolderPath,
+				initialFiles: xt.initialFiles,
+				initialEntries: xt.initialEntries,
+				labels: we
 			})
 		]
 	});
 };
 //#endregion
-export { Re as SKILL_EDITOR_CLASS, ht as SkillEditor, et as SkillFileCandidateKind, q as SkillFileNodeKind, Ze as SkillFileUploadMode, tt as SkillFileValidationStatus };
+export { Re as SKILL_EDITOR_CLASS, mt as SkillEditor, $e as SkillFileCandidateKind, q as SkillFileNodeKind, Xe as SkillFileUploadMode, et as SkillFileValidationStatus };