@epam/ai-dial-skill-editor 1.2.0-dev.325 → 1.2.0-dev.327

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, 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 j, TagInput as M, Textarea as N, TextareaResize as P } from "@epam/ai-dial-ui-kit";
-import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
-import { IconArrowNarrowLeft as R, IconDatabase as ne, IconFileText as re, IconFileZip as ie, IconFolderPlus as ae, IconPhoto as oe, IconPlus as se, IconTrashX as ce, IconUpload as le } from "@tabler/icons-react";
-import { Suspense as ue, lazy as z, memo as de, useCallback as B, useEffect as fe, useId as pe, useMemo as V, useRef as H, useState as U } from "react";
-import { DialFileNodeType as me, DialFoldersTree as he } from "@epam/ai-dial-react-file-manager";
-import { LazyMarkdownEditor as ge } from "@epam/ai-dial-ui-kit/editors";
+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 { 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", {
 	body: "_body_1xd7h_2",
 	sideColumn: "_sideColumn_1xd7h_6",
@@ -12,54 +12,55 @@ c("flex flex-col desktop:min-h-0 desktop:overflow-y-auto", {
 }.sideColumn);
 //#endregion
 //#region ../builder-form/src/constants/public-class-names.ts
-var _e = {
+var ve = {
 	layout: "dial-builder-form-layout",
 	section: "dial-builder-form-section",
 	metadataSection: "dial-builder-form-metadata-section",
-	setupSection: "dial-builder-form-setup-section"
-}, ve = {
+	setupSection: "dial-builder-form-setup-section",
+	asideSection: "dial-builder-form-aside-section"
+}, ye = {
 	section: "_section_l1mnx_1",
 	title: "_title_l1mnx_5"
-}, ye = ({ title: e, children: t, styles: n, className: r }) => {
+}, be = ({ 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__ */ L("section", {
-		className: c("flex h-full flex-col gap-4 rounded border p-6", ve.section, r, _e.section),
+	return /* @__PURE__ */ I("section", {
+		className: c("flex h-full flex-col gap-4 rounded border p-6", ye.section, r, ve.section),
 		style: i,
-		children: [e != null && /* @__PURE__ */ I("h2", {
-			className: c("dial-h3-text", ve.title),
+		children: [e != null && /* @__PURE__ */ F("h2", {
+			className: c("dial-h3-text", ye.title),
 			children: e
 		}), t]
 	});
-}, be = {
-	headerBorder: "_headerBorder_1kidu_1",
-	footerBorder: "_footerBorder_1kidu_5",
-	sidebarBorder: "_sidebarBorder_1kidu_9"
-}, xe = ({ title: e, onBack: t, backAriaLabel: n = "Back", actions: r, leftContent: i, rightContent: a, isSaving: s = !1, labels: l, styles: u, dir: d }) => {
-	let f = pe(), p = s ? l?.savingStatusLabel ?? "Saving" : "", m = o({
-		"--el-header-border-color": u?.colors?.headerBorderColor,
-		"--el-sidebar-border-color": u?.colors?.sidebarBorderColor
+}, xe = {
+	headerBorder: "_headerBorder_1adw2_1",
+	footerBorder: "_footerBorder_1adw2_5",
+	columnBorder: "_columnBorder_1adw2_10"
+}, Se = ({ title: e, onBack: t, backAriaLabel: n = "Back", actions: r, leftContent: i, centerContent: a, rightContent: s, isSaving: l = !1, labels: u, styles: d, dir: f }) => {
+	let p = me(), m = l ? u?.savingStatusLabel ?? "Saving" : "", h = o({
+		"--el-header-border-color": d?.colors?.headerBorderColor,
+		"--el-sidebar-border-color": d?.colors?.sidebarBorderColor
 	});
-	return /* @__PURE__ */ L("div", {
-		dir: d,
-		className: c("flex min-h-0 flex-1 flex-col", _e.layout),
-		style: m,
+	return /* @__PURE__ */ I("div", {
+		dir: f,
+		className: c("flex min-h-0 flex-1 flex-col", ve.layout),
+		style: h,
 		children: [
-			/* @__PURE__ */ I("span", {
+			/* @__PURE__ */ F("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				id: f,
-				children: p
+				id: p,
+				children: m
 			}),
-			/* @__PURE__ */ L("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", be.headerBorder),
-				children: [/* @__PURE__ */ L("div", {
+			/* @__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),
+				children: [/* @__PURE__ */ I("div", {
 					className: "flex min-w-0 flex-1 items-center gap-2",
-					children: [/* @__PURE__ */ I(w, {
-						icon: /* @__PURE__ */ I(R, {
+					children: [/* @__PURE__ */ F(w, {
+						icon: /* @__PURE__ */ F(L, {
 							size: g.LG,
 							stroke: _,
 							"aria-hidden": !0,
@@ -67,64 +68,71 @@ var _e = {
 						}),
 						"aria-label": n,
 						onClick: t
-					}), /* @__PURE__ */ I("h1", {
+					}), /* @__PURE__ */ F("h1", {
 						className: "dial-h2-text min-w-0 truncate",
 						children: e
 					})]
-				}), r != null && /* @__PURE__ */ I("div", {
+				}), r != null && /* @__PURE__ */ F("div", {
 					className: "hidden shrink-0 items-center gap-2 desktop:flex",
 					children: r
 				})]
 			}),
-			/* @__PURE__ */ L("div", {
+			/* @__PURE__ */ I("div", {
 				className: "flex flex-1 flex-col overflow-y-auto desktop:flex-row desktop:overflow-hidden",
-				children: [/* @__PURE__ */ I("div", {
-					className: c(a == null ? "desktop:flex-1" : "desktop:w-[400px] desktop:shrink-0 desktop:overflow-y-auto desktop:border-e", "desktop:overflow-y-auto", a == null ? void 0 : be.sidebarBorder),
-					children: i
-				}), a != null && /* @__PURE__ */ I("div", {
-					className: "desktop:flex desktop:min-h-0 desktop:flex-1 desktop:flex-col desktop:overflow-y-auto",
-					children: a
-				})]
+				children: [
+					/* @__PURE__ */ F("div", {
+						className: c(a == null ? "desktop:flex-1" : "desktop:w-[400px] desktop:shrink-0 desktop:overflow-y-auto desktop:border-e", "desktop:overflow-y-auto", a == null ? void 0 : xe.columnBorder),
+						children: i
+					}),
+					a != null && /* @__PURE__ */ F("div", {
+						className: "desktop:flex desktop:min-h-0 desktop:flex-1 desktop:flex-col desktop:overflow-y-auto",
+						children: a
+					}),
+					s != null && /* @__PURE__ */ F("div", {
+						className: c("desktop:w-[400px] desktop:shrink-0 desktop:overflow-y-auto desktop:border-s", xe.columnBorder),
+						children: s
+					})
+				]
 			}),
-			r != null && /* @__PURE__ */ I("div", {
-				className: c("flex shrink-0 flex-row-reverse items-center gap-2 border-t px-4 py-2 desktop:hidden [&>*]:flex-1", be.footerBorder),
+			r != null && /* @__PURE__ */ F("div", {
+				className: c("flex shrink-0 flex-row-reverse items-center gap-2 border-t px-4 py-2 desktop:hidden [&>*]:flex-1", xe.footerBorder),
 				children: r
 			})
 		]
 	});
-}, Se = {
+}, Ce = {
 	box: "_box_c9as8_1",
 	icon: "_icon_c9as8_6",
 	caption: "_caption_c9as8_10"
-}, Ce = ({ label: e, avatarUrl: t, avatarAlt: n = "", addAvatarLabel: r = "Add avatar", captionText: i = "PNG, JPG or SVG (max 1 MB)", onAddAvatarClick: a, styles: s, className: l }) => {
+}, we = ({ label: e, avatarUrl: t, avatarAlt: n = "", addAvatarLabel: r = "Add avatar", captionText: i = "PNG, JPG or SVG (max 1 MB)", onAddAvatarClick: a, styles: s, className: l }) => {
 	let u = o({
 		"--aa-box-bg": s?.colors?.boxBackgroundColor,
 		"--aa-box-border": s?.colors?.boxBorderColor,
 		"--aa-icon": s?.colors?.placeholderIconColor,
 		"--aa-caption": s?.colors?.captionColor
 	});
-	return /* @__PURE__ */ L("div", {
+	return /* @__PURE__ */ I("div", {
 		className: c("flex flex-col gap-2", l),
 		style: u,
-		children: [/* @__PURE__ */ I(E, { label: e }), /* @__PURE__ */ L("div", {
+		children: [/* @__PURE__ */ F(E, { label: e }), /* @__PURE__ */ I("div", {
 			className: "flex items-start gap-3",
-			children: [/* @__PURE__ */ I("div", {
-				className: c("flex h-16 w-16 shrink-0 items-center justify-center overflow-hidden rounded-lg border", Se.box),
-				children: t ? /* @__PURE__ */ I("img", {
+			children: [/* @__PURE__ */ F("div", {
+				className: c("flex h-16 w-16 shrink-0 items-center justify-center overflow-hidden rounded-lg border", Ce.box),
+				children: t ? /* @__PURE__ */ F("img", {
 					src: t,
 					alt: n,
 					className: "h-16 w-16 object-cover"
-				}) : /* @__PURE__ */ I(oe, {
+				}) : /* @__PURE__ */ F(se, {
 					size: g.LG,
 					stroke: _,
 					"aria-hidden": !0,
-					className: Se.icon
+					className: Ce.icon
 				})
-			}), /* @__PURE__ */ L("div", {
+			}), /* @__PURE__ */ I("div", {
 				className: "flex flex-col gap-3",
-				children: [/* @__PURE__ */ I(C, {
+				children: [/* @__PURE__ */ F(C, {
 					size: b.Small,
-					iconBefore: /* @__PURE__ */ I(se, {
+					iconBefore: /* @__PURE__ */ F(ce, {
 						size: g.SM,
 						stroke: _,
 						"aria-hidden": !0
@@ -132,22 +140,22 @@ var _e = {
 					className: "w-fit",
 					label: r,
 					onClick: a
-				}), /* @__PURE__ */ I("span", {
-					className: c("dial-tiny-text", Se.caption),
+				}), /* @__PURE__ */ F("span", {
+					className: c("dial-tiny-text", Ce.caption),
 					children: i
 				})]
 			})]
 		})]
 	});
-}, we = ({ isOpen: e, onClose: t, onAttach: n, bucket: r, FileManagerModal: i, allowedMimeTypes: a, maxFileSizeBytes: o, labels: s }) => {
-	let c = B((e) => e.length === 1 ? s.deleteConfirmTitleSingle : s.deleteConfirmTitleMultiple, [s.deleteConfirmTitleSingle, s.deleteConfirmTitleMultiple]), l = B((e) => /* @__PURE__ */ I("div", {
+}, Te = ({ isOpen: e, onClose: t, onAttach: n, bucket: r, FileManagerModal: i, allowedMimeTypes: a, maxFileSizeBytes: o, labels: s }) => {
+	let c = z((e) => e.length === 1 ? s.deleteConfirmTitleSingle : s.deleteConfirmTitleMultiple, [s.deleteConfirmTitleSingle, s.deleteConfirmTitleMultiple]), l = z((e) => /* @__PURE__ */ F("div", {
 		className: "dial-small-text px-6 py-3",
-		children: /* @__PURE__ */ I("p", {
+		children: /* @__PURE__ */ F("p", {
 			className: "mb-3 text-secondary",
-			children: e.length === 1 ? /* @__PURE__ */ L(F, { children: [
+			children: e.length === 1 ? /* @__PURE__ */ I(P, { children: [
 				s.deleteConfirmSingleText,
 				" ",
-				/* @__PURE__ */ L("span", {
+				/* @__PURE__ */ I("span", {
 					className: "break-words text-primary",
 					children: [
 						"\"",
@@ -155,10 +163,10 @@ var _e = {
 						"\"?"
 					]
 				})
-			] }) : /* @__PURE__ */ L(F, { children: [
+			] }) : /* @__PURE__ */ I(P, { children: [
 				s.deleteConfirmMultipleText,
 				" ",
-				/* @__PURE__ */ L("span", {
+				/* @__PURE__ */ I("span", {
 					className: "text-primary",
 					children: [
 						e.length,
@@ -173,9 +181,9 @@ var _e = {
 		s.deleteConfirmMultipleText,
 		s.deleteConfirmItemsLabel
 	]);
-	return /* @__PURE__ */ I(ue, {
+	return /* @__PURE__ */ F(de, {
 		fallback: null,
-		children: e && /* @__PURE__ */ I(i, {
+		children: e && /* @__PURE__ */ F(i, {
 			isOpen: e,
 			onClose: t,
 			onAttach: n,
@@ -206,105 +214,105 @@ var _e = {
 			deleteCancelLabel: s.deleteCancelLabel
 		})
 	});
-}, W = /* @__PURE__ */ function(e) {
+}, U = /* @__PURE__ */ function(e) {
 	return e.Avatar = "avatar", e.Name = "name", e.Version = "version", e.Description = "description", e.Locales = "locales", e.Tags = "tags", e;
-}({}), Te = [
+}({}), Ee = [
 	"avatar",
 	"name",
 	"version",
 	"description",
 	"locales",
 	"tags"
-], G = (e, t, n) => ({
+], De = (e, t, n) => ({
 	id: e,
 	language: n.find((e) => !t.has(e.code))?.code ?? "",
 	name: "",
 	description: ""
-}), Ee = ({ 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, [j, M] = U(!1), [F, R] = U([]), ne = H(0);
-	fe(() => {
-		j && R(e.length > 0 ? e : [G(`locale-row-${++ne.current}`, /* @__PURE__ */ new Set(), n)]);
+}), 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" }) => {
+	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)]);
 	}, [
-		j,
+		ne,
 		e,
 		n
 	]);
-	let re = () => M(!0), ie = () => M(!1), ae = () => {
-		t(F.filter((e) => e.language && e.name)), M(!1);
-	}, oe = () => {
-		let e = new Set(F.map((e) => e.language).filter(Boolean));
-		R((t) => [...t, G(`locale-row-${++ne.current}`, e, n)]);
-	}, le = (e, t) => {
-		R((n) => n.map((n) => n.id === e ? {
+	let ie = () => j(!0), ae = () => j(!1), oe = () => {
+		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((n) => n.map((n) => n.id === e ? {
 			...n,
 			...t
 		} : n));
-	}, ue = (e) => {
-		R((t) => t.filter((t) => t.id !== e));
-	}, z = (e) => n.find((t) => t.code === e)?.label ?? e.toUpperCase(), de = F.some((e) => !e.language || !e.name);
-	return n.length === 0 ? null : /* @__PURE__ */ L("div", {
+	}, de = (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);
+	return n.length === 0 ? null : /* @__PURE__ */ I("div", {
 		className: c("flex items-center gap-2", a),
 		children: [
-			e.length > 0 && /* @__PURE__ */ I("span", {
+			e.length > 0 && /* @__PURE__ */ F("span", {
 				className: o,
-				children: `${l}: ${e.map((e) => `[${z(e.language)}]`).join(", ")}`
+				children: `${l}: ${e.map((e) => `[${R(e.language)}]`).join(", ")}`
 			}),
-			/* @__PURE__ */ I(D, {
+			/* @__PURE__ */ F(D, {
 				label: e.length > 0 ? d : u,
-				iconBefore: /* @__PURE__ */ I(se, {
+				iconBefore: /* @__PURE__ */ F(ce, {
 					size: g.SM,
 					"aria-hidden": !0,
 					stroke: _
 				}),
 				className: "!px-0",
-				onClick: re
+				onClick: ie
 			}),
-			/* @__PURE__ */ I(k, {
-				open: j,
+			/* @__PURE__ */ F(k, {
+				open: ne,
 				header: p,
-				onClose: ie,
+				onClose: ae,
 				mainButtons: [{
 					label: ee,
-					onClick: ie
+					onClick: ae
 				}, {
 					label: A,
 					variant: m.Primary,
-					disabled: de,
-					onClick: ae
+					disabled: fe,
+					onClick: oe
 				}],
-				children: /* @__PURE__ */ L("div", {
+				children: /* @__PURE__ */ I("div", {
 					className: "flex flex-col gap-8 px-6 py-3",
-					children: [F.map((e, t) => {
-						let i = new Set(F.filter((t) => t.id !== e.id).map((e) => e.language).filter(Boolean));
-						return /* @__PURE__ */ L("div", {
+					children: [P.map((e, t) => {
+						let i = new Set(P.filter((t) => t.id !== e.id).map((e) => e.language).filter(Boolean));
+						return /* @__PURE__ */ I("div", {
 							className: "flex flex-col gap-2",
-							children: [/* @__PURE__ */ L("div", {
+							children: [/* @__PURE__ */ I("div", {
 								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ L("span", {
+								children: [/* @__PURE__ */ I("span", {
 									className: s,
 									children: [
 										y,
 										" ",
 										t + 1
 									]
-								}), /* @__PURE__ */ I(v, {
+								}), /* @__PURE__ */ F(v, {
 									appearance: f.Ghost,
 									size: b.Small,
-									icon: /* @__PURE__ */ I(ce, {
+									icon: /* @__PURE__ */ F(le, {
 										size: g.SM,
 										"aria-hidden": !0,
 										stroke: _
 									}),
 									"aria-label": `${O} ${t + 1}`,
-									onClick: () => ue(e.id)
+									onClick: () => de(e.id)
 								})]
-							}), /* @__PURE__ */ L("div", {
+							}), /* @__PURE__ */ I("div", {
 								role: "group",
 								"aria-label": `${y} ${t + 1}`,
 								className: "flex flex-col gap-5",
-								children: [/* @__PURE__ */ L("div", {
+								children: [/* @__PURE__ */ I("div", {
 									className: "flex flex-col gap-5 desktop:flex-row desktop:items-start",
-									children: [/* @__PURE__ */ I(te, {
+									children: [/* @__PURE__ */ F(te, {
 										id: `${e.id}-language`,
 										labelProps: {
 											label: x,
@@ -317,48 +325,48 @@ var _e = {
 											disabled: i.has(e.code)
 										})),
 										value: e.language,
-										onChange: (t) => le(e.id, { language: t })
-									}), /* @__PURE__ */ I(T, {
+										onChange: (t) => ue(e.id, { language: t })
+									}), /* @__PURE__ */ F(T, {
 										id: `${e.id}-name`,
 										containerClassName: "min-w-0 flex-1",
 										required: !0,
 										value: e.name,
-										onChange: (t) => le(e.id, { name: t ?? "" }),
+										onChange: (t) => ue(e.id, { name: t ?? "" }),
 										labelProps: {
 											label: S,
 											required: !0
 										},
 										placeholder: C
 									})]
-								}), /* @__PURE__ */ I(N, {
+								}), /* @__PURE__ */ F(M, {
 									id: `${e.id}-description`,
 									className: r,
-									resize: P.Vertical,
+									resize: N.Vertical,
 									value: e.description,
-									onChange: (t) => le(e.id, { description: t }),
+									onChange: (t) => ue(e.id, { description: t }),
 									labelProps: { label: w },
 									placeholder: E
 								})]
 							})]
 						}, e.id);
-					}), /* @__PURE__ */ I(D, {
+					}), /* @__PURE__ */ F(D, {
 						label: h,
-						iconBefore: /* @__PURE__ */ I(se, {
+						iconBefore: /* @__PURE__ */ F(ce, {
 							size: g.SM,
 							"aria-hidden": !0,
 							stroke: _
 						}),
 						className: "self-start",
-						onClick: oe,
-						disabled: F.length >= n.length
+						onClick: se,
+						disabled: P.length >= n.length
 					})]
 				})
 			})
 		]
 	});
-}, De = "Add tags, comma separated", K = "deployment-creation-form-description", Oe = ({ values: e, errors: t, onChange: n, onNameBlur: a, onVersionBlur: o, iconPreviewUrl: s, onAddAvatarClick: l, labels: u, styles: d, availableLocaleOptions: f = [], fields: p = Te, isNameReadOnly: m = !1, nameCaption: h, isDescriptionRequired: g = !1, renderDescription: _, focusRequestKey: v }) => {
-	let y = H(null), b = H(null), x = H(null), S = H(!1), C = (e) => p.includes(e), w = C(W.Name), E = C(W.Version), D = !!(t.name || t.version || t.description), O = H(v);
-	fe(() => {
+}, 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);
+	pe(() => {
 		let e = () => {
 			t.name ? y.current?.focus() : t.version ? b.current?.focus() : t.description && x.current?.focus();
 		};
@@ -374,8 +382,8 @@ var _e = {
 		t.version,
 		t.description
 	]);
-	let k = /* @__PURE__ */ I(N, {
-		id: K,
+	let k = /* @__PURE__ */ F(M, {
+		id: ke,
 		ref: x,
 		value: e.description,
 		onChange: (e) => n({ description: e }),
@@ -389,14 +397,14 @@ var _e = {
 		invalid: !!t.description,
 		containerClassName: _ ? void 0 : d?.field,
 		className: r,
-		resize: P.Vertical
+		resize: N.Vertical
 	});
-	return /* @__PURE__ */ L("div", {
+	return /* @__PURE__ */ I("div", {
 		role: u.ariaLabel ? "group" : void 0,
 		"aria-label": u.ariaLabel,
 		className: c("flex flex-col gap-4", d?.root),
 		children: [
-			C(W.Avatar) && /* @__PURE__ */ I(Ce, {
+			C(U.Avatar) && /* @__PURE__ */ F(we, {
 				label: u.iconUrl.label,
 				avatarUrl: s,
 				addAvatarLabel: u.iconUrl.addAvatarLabel,
@@ -404,9 +412,9 @@ var _e = {
 				onAddAvatarClick: l,
 				className: d?.field
 			}),
-			(w || E) && /* @__PURE__ */ L("div", {
+			(w || E) && /* @__PURE__ */ I("div", {
 				className: c("flex items-start gap-4", d?.field),
-				children: [w && /* @__PURE__ */ I(T, {
+				children: [w && /* @__PURE__ */ F(T, {
 					id: "deployment-creation-form-name",
 					inputRef: y,
 					value: e.name,
@@ -422,7 +430,7 @@ var _e = {
 					error: t.name || void 0,
 					invalid: !!t.name,
 					containerClassName: E ? "min-w-0 basis-0 grow-[2]" : "min-w-0 flex-1"
-				}), E && /* @__PURE__ */ I(T, {
+				}), E && /* @__PURE__ */ F(T, {
 					id: "deployment-creation-form-version",
 					inputRef: b,
 					value: e.version,
@@ -435,23 +443,23 @@ var _e = {
 					containerClassName: w ? "min-w-0 basis-0 grow-[1]" : "min-w-0 flex-1"
 				})]
 			}),
-			C(W.Description) && (_ ? /* @__PURE__ */ I("div", {
+			C(U.Description) && (_ ? /* @__PURE__ */ F("div", {
 				className: d?.field,
-				children: _(k, K)
+				children: _(k, ke)
 			}) : k),
-			C(W.Locales) && /* @__PURE__ */ I(Ee, {
+			C(U.Locales) && /* @__PURE__ */ F(W, {
 				value: e.otherLocales,
 				onChange: (e) => n({ otherLocales: e }),
 				availableLocaleOptions: f,
 				labels: u.otherLocales,
 				className: d?.field
 			}),
-			C(W.Tags) && /* @__PURE__ */ I("div", {
+			C(U.Tags) && /* @__PURE__ */ F("div", {
 				className: d?.field,
-				children: /* @__PURE__ */ I(M, {
+				children: /* @__PURE__ */ F(j, {
 					id: "deployment-creation-form-topics",
 					labelProps: { label: u.topics.label },
-					placeholder: u.topics.placeholder ?? De,
+					placeholder: u.topics.placeholder ?? Oe,
 					value: e.topics,
 					onChange: (e) => n({ topics: e }),
 					tagClassName: i
@@ -459,47 +467,53 @@ var _e = {
 			})
 		]
 	});
-}, ke = "border-0 p-4 desktop:p-8", Ae = "desktop:flex-1", je = "px-4 pt-4 desktop:px-6 desktop:pt-6", Me = de(({ 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, alert: h, metadataSectionClassName: g, setupSectionClassName: _, labels: v, styles: y, dir: b }) => {
-	let x = h == null ? null : /* @__PURE__ */ I("div", {
+}, Ae = "border-0 p-4 desktop:p-8", je = "desktop:flex-1", Me = "px-4 pt-4 desktop:px-6 desktop:pt-6", Ne = fe(({ 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, metadataSectionClassName: y, setupSectionClassName: b, labels: x, styles: S, dir: C }) => {
+	let w = v == null ? null : /* @__PURE__ */ F("div", {
 		role: "alert",
-		className: je,
-		children: h
-	}), S = p != null;
-	return /* @__PURE__ */ I(xe, {
+		className: Me,
+		children: v
+	}), T = p != null;
+	return /* @__PURE__ */ F(Se, {
 		title: e,
 		onBack: t,
-		backAriaLabel: v?.backAriaLabel ?? "Back",
+		backAriaLabel: x?.backAriaLabel ?? "Back",
 		isSaving: a,
-		labels: { savingStatusLabel: v?.savingStatusLabel ?? "Saving" },
-		styles: y?.layout,
-		dir: b,
-		actions: /* @__PURE__ */ L(F, { children: [s, !l && /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(O, {
-			label: v?.cancelLabel ?? "Cancel",
+		labels: { savingStatusLabel: x?.savingStatusLabel ?? "Saving" },
+		rightContent: h == null ? void 0 : /* @__PURE__ */ F(be, {
+			title: g,
+			styles: S?.section,
+			className: c(Ae, _, ve.asideSection),
+			children: h
+		}),
+		styles: S?.layout,
+		dir: C,
+		actions: /* @__PURE__ */ I(P, { children: [s, !l && /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(O, {
+			label: x?.cancelLabel ?? "Cancel",
 			disabled: a,
 			onClick: n
-		}), /* @__PURE__ */ I(A, {
+		}), /* @__PURE__ */ F(A, {
 			label: i,
 			disabled: a || o,
 			onClick: r
 		})] })] }),
-		leftContent: /* @__PURE__ */ L(F, { children: [
-			!S && x,
-			/* @__PURE__ */ I(ye, {
-				title: d === null ? void 0 : d ?? v?.metadataTitle ?? "Metadata",
-				styles: y?.section,
-				className: c(ke, g, _e.metadataSection),
+		leftContent: /* @__PURE__ */ I(P, { children: [
+			!T && w,
+			/* @__PURE__ */ F(be, {
+				title: d === null ? void 0 : d ?? x?.metadataTitle ?? "Metadata",
+				styles: S?.section,
+				className: c(Ae, y, ve.metadataSection),
 				children: u
 			}),
 			f
 		] }),
-		rightContent: S ? /* @__PURE__ */ L(F, { children: [x, /* @__PURE__ */ I(ye, {
-			title: m === null ? void 0 : m ?? v?.setupTitle ?? "Setup",
-			styles: y?.section,
-			className: c(ke, Ae, _, _e.setupSection),
+		centerContent: T ? /* @__PURE__ */ I(P, { children: [w, /* @__PURE__ */ F(be, {
+			title: m === null ? void 0 : m ?? x?.setupTitle ?? "Setup",
+			styles: S?.section,
+			className: c(Ae, je, b, ve.setupSection),
 			children: p
 		})] }) : void 0
 	});
-}), Ne = {
+}), Pe = {
 	name: {
 		label: "Name",
 		placeholder: "Enter name"
@@ -538,7 +552,7 @@ var _e = {
 		saveLabel: "Save"
 	},
 	ariaLabel: "Metadata"
-}, Pe = {
+}, Fe = {
 	title: "Add avatar",
 	attachLabel: "Attach",
 	emptyTitle: "This folder is empty",
@@ -562,12 +576,12 @@ var _e = {
 	deleteConfirmItemsLabel: "items?",
 	deleteConfirmLabel: "Delete",
 	deleteCancelLabel: "Cancel"
-}, Fe = de(({ values: e, errors: t, onChange: n, onNameBlur: r, onVersionBlur: i, avatarPicker: a, availableLocaleOptions: o, fields: s = Te, isNameReadOnly: c, nameCaption: l, isDescriptionRequired: u, renderDescription: d, focusRequestKey: f, labels: p }) => {
-	let [m, h] = U(!1), g = V(() => a ? s : s.filter((e) => e !== W.Avatar), [a, s]), _ = e.iconUrl, v = a?.resolveIconUrl, y = V(() => v ? v(_) : void 0, [_, v]), b = B(() => h(!0), []), x = B(() => h(!1), []), S = a?.resolveAttachedIconUrl, C = B((e) => {
+}, 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__ */ L(F, { children: [/* @__PURE__ */ I(Oe, {
+	return /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(G, {
 		values: e,
 		errors: t,
 		onChange: n,
@@ -575,7 +589,7 @@ var _e = {
 		onVersionBlur: i,
 		iconPreviewUrl: y,
 		onAddAvatarClick: b,
-		labels: p?.form ?? Ne,
+		labels: p?.form ?? Pe,
 		availableLocaleOptions: o,
 		fields: g,
 		isNameReadOnly: c,
@@ -583,7 +597,7 @@ var _e = {
 		isDescriptionRequired: u,
 		renderDescription: d,
 		focusRequestKey: f
-	}), a && /* @__PURE__ */ I(we, {
+	}), a && /* @__PURE__ */ F(Te, {
 		isOpen: m,
 		onClose: x,
 		onAttach: C,
@@ -591,57 +605,57 @@ var _e = {
 		FileManagerModal: a.FileManagerModal,
 		allowedMimeTypes: a.allowedMimeTypes,
 		maxFileSizeBytes: a.maxFileSizeBytes,
-		labels: p?.avatarPicker ?? Pe
+		labels: p?.avatarPicker ?? Fe
 	})] });
-}), Ie = /* @__PURE__ */ function(e) {
+}), Le = /* @__PURE__ */ function(e) {
 	return e.Required = "required", e.InvalidFormat = "invalid-format", e.TooLong = "too-long", e.ControlCharacters = "control-characters", e;
 }({});
-new Set([Ie.TooLong, Ie.ControlCharacters]);
+new Set([Le.TooLong, Le.ControlCharacters]);
 //#endregion
 //#region src/constants/public-class-names.ts
-var Le = {
+var Re = {
 	root: "dial-skill-editor-root",
 	refineFeedback: "dial-skill-editor-refine-feedback"
-}, q = "SKILL.md", J = /* @__PURE__ */ function(e) {
+}, K = "SKILL.md", q = /* @__PURE__ */ function(e) {
 	return e.File = "file", e.Folder = "folder", e;
-}({}), Re = /* @__PURE__ */ function(e) {
+}({}), ze = /* @__PURE__ */ function(e) {
 	return e.Header = "header", e.Child = "child", e.Sibling = "sibling", e;
-}({}), Y = (e) => {
+}({}), J = (e) => {
 	let t = e.lastIndexOf("/");
 	return t === -1 ? null : e.slice(0, t);
-}, ze = (e) => {
+}, Be = (e) => {
 	let t = e.lastIndexOf("/");
 	return t === -1 ? e : e.slice(t + 1);
-}, Be = (e) => {
+}, Ve = (e) => {
 	let t = /* @__PURE__ */ new Map(), n = (e) => {
 		let n = t.get(e);
 		if (n) return n;
 		let r = {
 			path: e,
-			name: ze(e),
-			nodeType: me.FOLDER,
-			parentPath: Y(e),
+			name: Be(e),
+			nodeType: he.FOLDER,
+			parentPath: J(e),
 			folderId: e,
 			items: []
 		};
 		return t.set(e, r), r;
 	};
 	for (let r of e) {
-		if (r.kind === J.Folder) {
+		if (r.kind === q.Folder) {
 			n(r.path).name = r.name;
 			continue;
 		}
 		t.set(r.path, {
 			path: r.path,
 			name: r.name,
-			nodeType: me.ITEM,
-			parentPath: Y(r.path),
-			folderId: Y(r.path) ?? ""
+			nodeType: he.ITEM,
+			parentPath: J(r.path),
+			folderId: J(r.path) ?? ""
 		});
 	}
 	for (let t of [...e]) {
-		let e = Y(t.path);
-		for (; e != null;) n(e), e = Y(e);
+		let e = J(t.path);
+		for (; e != null;) n(e), e = J(e);
 	}
 	let r = [];
 	for (let e of t.values()) {
@@ -653,14 +667,14 @@ var Le = {
 		n ? n.items = [...n.items ?? [], e] : r.push(e);
 	}
 	return r;
-}, Ve = (e, t) => e ? `${e}/${t}` : t, He = (e) => Y(e) ?? "", Ue = (e, t) => {
+}, He = (e, t) => e ? `${e}/${t}` : t, Ue = (e) => J(e) ?? "", We = (e, t) => {
 	if (!t) return "";
 	switch (e) {
-		case Re.Child: return t.path;
-		case Re.Sibling: return He(t.path);
-		case Re.Header: return t.kind === J.Folder ? t.path : "";
+		case ze.Child: return t.path;
+		case ze.Sibling: return Ue(t.path);
+		case ze.Header: return t.kind === q.Folder ? t.path : "";
 	}
-}, We = (e, t) => {
+}, Ge = (e, t) => {
 	let n = t ? `${t}/` : "", r = /* @__PURE__ */ new Set();
 	for (let { path: i } of e) {
 		if (!i.startsWith(n) || i === t) continue;
@@ -668,29 +682,29 @@ var Le = {
 		r.add(e.split("/")[0]);
 	}
 	return r;
-}, Ge = (e, t, n) => {
+}, Ke = (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;
-}, Ke = "\\new-folder", qe = ({ files: e, fileActions: t, defaultName: n, messages: r, onRevealFolder: i, onCreated: a }) => {
-	let [o, s] = U(null), c = o?.parentPath ?? null, l = H([]), u = c == null ? void 0 : Ve(c, Ke), d = V(() => u == null ? void 0 : {
+}, 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 : {
 		path: u,
 		name: n,
-		kind: J.Folder
-	}, [u, n]), f = B((n, i) => {
-		let a = We(e, i);
-		return i === "" && a.add(q), Ge(n, a, r) ?? t.validateFolderPath?.(Ve(i, n.trim()));
+		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()));
 	}, [
 		e,
 		r,
 		t
-	]), p = B((e, t) => {
+	]), p = z((e, t) => {
 		l.current = [], s({
 			parentPath: e,
 			pane: t
 		}), e !== "" && i(e);
-	}, [i]), m = B((e, t) => {
+	}, [i]), m = z((e, t) => {
 		if (c == null || t.path !== u) return null;
 		let n = f(e, c);
 		return l.current = [...l.current.slice(-1), {
@@ -701,16 +715,16 @@ var Le = {
 		c,
 		u,
 		f
-	]), h = B(() => {
+	]), h = z(() => {
 		l.current = [], s(null);
-	}, []), g = B((e) => {
+	}, []), g = z((e) => {
 		if (c == null) return;
 		let [n] = l.current;
 		if (l.current.length === 2 && n != null && !n.isValid && n.value !== e || f(e, c) != null) {
 			h();
 			return;
 		}
-		let r = Ve(c, e.trim());
+		let r = He(c, e.trim());
 		h(), t.onCreateFolder?.(r), a(r);
 	}, [
 		c,
@@ -728,107 +742,107 @@ var Le = {
 		handleSave: g,
 		handleCancel: h
 	};
-}, Je = (e) => !!e.dataTransfer?.types.includes("Files"), Ye = (e) => {
-	let [t, n] = U(!1), r = H(0);
+}, Ye = (e) => !!e.dataTransfer?.types.includes("Files"), Xe = (e) => {
+	let [t, n] = H(!1), r = V(0);
 	return {
 		isDragActive: t,
 		dropZoneHandlers: {
-			onDragEnter: B((e) => {
-				Je(e) && (e.preventDefault(), r.current += 1, n(!0));
+			onDragEnter: z((e) => {
+				Ye(e) && (e.preventDefault(), r.current += 1, n(!0));
 			}, []),
-			onDragLeave: B((e) => {
-				Je(e) && (--r.current, r.current <= 0 && (r.current = 0, n(!1)));
+			onDragLeave: z((e) => {
+				Ye(e) && (--r.current, r.current <= 0 && (r.current = 0, n(!1)));
 			}, []),
-			onDragOver: B((e) => {
-				Je(e) && e.preventDefault();
+			onDragOver: z((e) => {
+				Ye(e) && e.preventDefault();
 			}, []),
-			onDrop: B((t) => {
-				if (!Je(t)) return;
+			onDrop: z((t) => {
+				if (!Ye(t)) return;
 				t.preventDefault(), r.current = 0, n(!1);
 				let i = Array.from(t.dataTransfer?.files ?? []);
 				i.length > 0 && e(i);
 			}, [e])
 		}
 	};
-}, Xe = /* @__PURE__ */ function(e) {
+}, Ze = /* @__PURE__ */ function(e) {
 	return e.Files = "files", e.Archive = "archive", e;
-}({}), X = /* @__PURE__ */ function(e) {
+}({}), Y = /* @__PURE__ */ function(e) {
 	return e.Mobile = "mobile", e.Desktop = "desktop", e;
-}({}), Ze = (e, t, n = g.MD) => /* @__PURE__ */ I(e, {
+}({}), Qe = (e, t, n = g.MD) => /* @__PURE__ */ F(e, {
 	size: n,
 	className: t,
 	"aria-hidden": !0,
 	stroke: _
-}), Qe = ({ isVisible: e, labels: t }) => {
+}), $e = ({ isVisible: e, labels: t }) => {
 	if (!e) return null;
 	let n = t ?? {};
-	return /* @__PURE__ */ I("div", {
+	return /* @__PURE__ */ F("div", {
 		role: "status",
 		"aria-live": "polite",
 		className: c("pointer-events-none absolute inset-0 z-[100] flex items-center justify-center backdrop-blur-sm"),
-		children: /* @__PURE__ */ L("div", {
+		children: /* @__PURE__ */ I("div", {
 			className: "flex flex-col items-center text-center",
 			children: [
-				/* @__PURE__ */ I(le, {
+				/* @__PURE__ */ F(ue, {
 					size: 100,
 					className: "text-accent-primary",
 					"aria-hidden": !0,
 					stroke: _
 				}),
-				/* @__PURE__ */ I("span", {
+				/* @__PURE__ */ F("span", {
 					className: "dial-h3-text mt-5",
 					children: n.dropOverlayTitle ?? "Upload files"
 				}),
-				/* @__PURE__ */ I("span", {
+				/* @__PURE__ */ F("span", {
 					className: "dial-small-text mt-4",
 					children: n.dropOverlaySubtitle ?? "Drop files here to add them to this skill"
 				})
 			]
 		})
 	});
-}, $e = /* @__PURE__ */ function(e) {
+}, et = /* @__PURE__ */ function(e) {
 	return e.SupportingFile = "supporting-file", e.Manifest = "manifest", e;
-}({}), et = /* @__PURE__ */ function(e) {
+}({}), tt = /* @__PURE__ */ function(e) {
 	return e.Valid = "valid", e.Invalid = "invalid", e;
-}({}), tt = (e) => (e.webkitRelativePath || e.name).replace(/\\/g, "/"), nt = ".zip,application/zip", Z = 0, rt = () => `skill-file-candidate-${++Z}`, it = (e, t, n) => ({
-	id: rt(),
+}({}), nt = (e) => (e.webkitRelativePath || e.name).replace(/\\/g, "/"), rt = ".zip,application/zip", it = 0, X = () => `skill-file-candidate-${++it}`, Z = (e, t, n) => ({
+	id: X(),
 	file: e,
-	path: Ve(n, t.replace(/\\/g, "/"))
-}), at = ({ isOpen: e, onClose: t, fileActions: n, mode: r = Xe.Files, targetFolderPath: i = "", initialFiles: a, initialEntries: o, labels: c }) => {
-	let l = c ?? {}, [u, d] = U([]), [p, h] = U(/* @__PURE__ */ new Map()), [g, v] = U([]), [y, b] = U(!1), [C, T] = U(), [E, D] = U(!1), [O, A] = U(), [te, M] = U(0), N = H(0), P = r === Xe.Archive, R = l.uploadArchiveErrorMessage ?? "Couldn't read this archive", ne = pe(), ie = (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) => {
 		T(void 0), d((t) => [...t, ...e]);
-	}, ae = async (e) => {
+	}, oe = async (e) => {
 		let { extractArchive: t } = n;
 		if (!t) return;
-		let r = N.current;
-		A(void 0), M((e) => e + 1);
+		let r = M.current;
+		A(void 0), j((e) => e + 1);
 		try {
 			let n = await Promise.all(e.map((e) => t(e)));
-			if (r !== N.current) return;
+			if (r !== M.current) return;
 			let a = n.flat();
 			if (a.length === 0) {
 				A(l.uploadArchiveEmptyMessage ?? "This archive has no files");
 				return;
 			}
-			ie(a.map((e) => it(e.file, e.path, i)));
+			ae(a.map((e) => Z(e.file, e.path, i)));
 		} catch {
-			if (r !== N.current) return;
-			A(R);
+			if (r !== M.current) return;
+			A(L);
 		} finally {
-			r === N.current && M((e) => e - 1);
+			r === M.current && j((e) => e - 1);
 		}
-	}, oe = (e) => {
-		if (P) {
-			ae(e);
+	}, se = (e) => {
+		if (N) {
+			oe(e);
 			return;
 		}
-		ie(e.map((e) => it(e, tt(e), i)));
-	}, se = (e) => {
+		ae(e.map((e) => Z(e, nt(e), i)));
+	}, ce = (e) => {
 		d((t) => t.filter((t) => t.id !== e));
 	};
-	fe(() => {
-		e && (N.current += 1, d([...(a ?? []).map((e) => it(e, tt(e), i)), ...(o ?? []).map((e) => it(e.file, e.path, i))]), h(/* @__PURE__ */ new Map()), v([]), T(void 0), A(void 0), M(0));
-	}, [e]), fe(() => {
+	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]), pe(() => {
 		if (!e) return;
 		let t = !1;
 		if (u.length === 0) {
@@ -843,11 +857,11 @@ var Le = {
 			t = !0;
 		};
 	}, [u, e]);
-	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), z = u.length > 0 && !le && g.length === 0 && !y && !E && te === 0, de = async () => {
+	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 () => {
 		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 === et.Invalid) || r.length > 0) return;
+			if (h(i), v(r.map((e) => e.message)), u.some((e) => i.get(e.id)?.status === tt.Invalid) || r.length > 0) return;
 			let a = await n.commitBatch(u);
 			if (a.error) {
 				T(a.error);
@@ -858,9 +872,9 @@ var Le = {
 			D(!1);
 		}
 	};
-	return /* @__PURE__ */ I(k, {
+	return /* @__PURE__ */ F(k, {
 		open: e,
-		header: P ? l.uploadArchiveDialogTitle ?? "Upload archive from device" : l.uploadDialogTitle ?? "Upload files from device",
+		header: N ? l.uploadArchiveDialogTitle ?? "Upload archive from device" : l.uploadDialogTitle ?? "Upload files from device",
 		size: ee.Sm,
 		closeAriaLabel: l.uploadDialogCloseAriaLabel ?? "Close",
 		onClose: t,
@@ -872,88 +886,88 @@ var Le = {
 		}, {
 			label: l.uploadConfirmLabel ?? "Add",
 			variant: m.Primary,
-			iconBefore: E ? /* @__PURE__ */ I(j, {
+			iconBefore: E ? /* @__PURE__ */ F(ne, {
 				size: 16,
 				ariaLabel: ""
 			}) : void 0,
-			onClick: () => void de(),
-			disabled: !z
+			onClick: () => void fe(),
+			disabled: !R
 		}],
-		children: /* @__PURE__ */ L("div", {
+		children: /* @__PURE__ */ I("div", {
 			className: "flex flex-col gap-4 px-6 py-4",
 			children: [
-				/* @__PURE__ */ I(S, {
-					label: /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I("span", {
+				/* @__PURE__ */ F(S, {
+					label: /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F("span", {
 						className: "desktop:hidden",
-						children: P ? l.uploadArchiveDropZoneMobileLabel ?? "Click here to upload a .zip archive" : l.uploadDropZoneMobileLabel ?? "Click here to upload"
-					}), /* @__PURE__ */ I("span", {
+						children: N ? l.uploadArchiveDropZoneMobileLabel ?? "Click here to upload a .zip archive" : l.uploadDropZoneMobileLabel ?? "Click here to upload"
+					}), /* @__PURE__ */ F("span", {
 						className: "hidden desktop:inline",
-						children: P ? l.uploadArchiveDropZoneLabel ?? "Drag and drop a .zip archive or click here to upload" : l.uploadDropZoneLabel ?? "Drag and drop it or click here to upload"
+						children: N ? l.uploadArchiveDropZoneLabel ?? "Drag and drop a .zip archive or click here to upload" : l.uploadDropZoneLabel ?? "Drag and drop it or click here to upload"
 					})] }),
 					ariaLabel: l.uploadDropZoneAriaLabel ?? "Upload files",
 					multiple: !0,
-					accept: P ? nt : void 0,
-					className: ue ? "border-error hover:border-error" : void 0,
-					onChange: oe,
-					onReject: P ? () => A(R) : void 0
+					accept: N ? rt : void 0,
+					className: de ? "border-error hover:border-error" : void 0,
+					onChange: se,
+					onReject: N ? () => A(L) : void 0
 				}),
-				te > 0 && /* @__PURE__ */ I(j, { ariaLabel: l.uploadArchiveExtractingAriaLabel ?? "Reading archive" }),
-				/* @__PURE__ */ I("div", {
+				te > 0 && /* @__PURE__ */ F(ne, { ariaLabel: l.uploadArchiveExtractingAriaLabel ?? "Reading archive" }),
+				/* @__PURE__ */ F("div", {
 					role: "alert",
-					children: O && /* @__PURE__ */ I(x, { text: O })
+					children: O && /* @__PURE__ */ F(x, { text: O })
 				}),
-				/* @__PURE__ */ I("span", {
+				/* @__PURE__ */ F("span", {
 					role: "status",
 					"aria-live": "polite",
 					className: "sr-only",
-					id: ne,
+					id: re,
 					children: g.map((e) => `${l.uploadBatchErrorAriaPrefix ?? "Upload error: "}${e}`).join(" ")
 				}),
-				g.map((e) => /* @__PURE__ */ I(x, { text: e }, e)),
-				u.length > 0 && /* @__PURE__ */ I("ul", {
+				g.map((e) => /* @__PURE__ */ F(x, { text: e }, e)),
+				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 === $e.Manifest, r = t?.status === et.Invalid;
-						return /* @__PURE__ */ L("li", {
+						let t = p.get(e.id), n = t?.kind === et.Manifest, r = t?.status === tt.Invalid;
+						return /* @__PURE__ */ I("li", {
 							className: "flex items-center gap-2 rounded-lg border border-tertiary p-2",
 							children: [
-								/* @__PURE__ */ I(re, {
+								/* @__PURE__ */ F(ie, {
 									size: 20,
 									"aria-hidden": !0,
 									stroke: _
 								}),
-								/* @__PURE__ */ L("div", {
+								/* @__PURE__ */ I("div", {
 									className: "flex min-w-0 flex-1 flex-col",
 									children: [
-										/* @__PURE__ */ I("span", {
+										/* @__PURE__ */ F("span", {
 											className: "dial-small-text truncate",
 											children: e.path
 										}),
-										/* @__PURE__ */ I("span", {
+										/* @__PURE__ */ F("span", {
 											className: "dial-tiny-text text-secondary",
 											children: s(e.file.size)
 										}),
-										r && t?.error && /* @__PURE__ */ I(x, { text: t.error }),
-										n && !r && /* @__PURE__ */ I("span", {
+										r && t?.error && /* @__PURE__ */ F(x, { text: t.error }),
+										n && !r && /* @__PURE__ */ F("span", {
 											className: "dial-tiny-text text-secondary",
 											children: l.uploadManifestRowNote ?? "Will replace this Skill's name, description, and instructions"
 										})
 									]
 								}),
-								/* @__PURE__ */ I(w, {
-									icon: /* @__PURE__ */ I(ce, {
+								/* @__PURE__ */ F(w, {
+									icon: /* @__PURE__ */ F(le, {
 										size: 16,
 										"aria-hidden": !0,
 										stroke: _
 									}),
 									"aria-label": l.uploadRemoveCandidateLabel?.(e.path) ?? `Remove ${e.path}`,
-									onClick: () => se(e.id)
+									onClick: () => ce(e.id)
 								})
 							]
 						}, e.id);
 					})
 				}),
-				C && /* @__PURE__ */ I(x, { text: C })
+				C && /* @__PURE__ */ F(x, { text: C })
 			]
 		})
 	});
@@ -963,106 +977,106 @@ var Le = {
 	refineFeedback: "_refineFeedback_5md1a_9",
 	refineError: "_refineError_5md1a_13"
 }, st = {
-	mode: Xe.Files,
+	mode: Ze.Files,
 	targetFolderPath: ""
-}, ct = [W.Name, W.Description], lt = 24, ut = 300, dt = "desktop:px-8 desktop:py-6", ft = "gap-4 px-4 py-6 desktop:gap-5 desktop:px-8 desktop:py-6", pt = z(async () => {
-	let { MarkdownEditor: e } = await ge();
+}, ct = [U.Name, U.Description], lt = 24, ut = 300, dt = "desktop:px-8 desktop:py-6", ft = "gap-4 px-4 py-6 desktop:gap-5 desktop:px-8 desktop:py-6", pt = R(async () => {
+	let { MarkdownEditor: e } = await _e();
 	return { default: e };
-}), mt = ({ initialValues: r, files: i, selectedPath: s, onSelectedPathChange: v, expandedPaths: S, onExpandedPathsChange: w, isLoading: T = !1, hasLoadError: D = !1, isSubmitting: O = !1, errors: k, submitError: ee, conflict: te, onReloadLatest: M, isNameReadOnly: N = !1, onDirtyChange: P, onValuesChange: R, onRefineDescription: re, onRefineInstructions: oe, fileActions: z, supportingFileContent: de, onSubmit: ge, onCancel: _e, onBack: ve, backAriaLabel: ye, title: be, onRetry: xe, onRetrySubmit: Se, labels: Ce, styles: we, dir: W, instructionsEditorTheme: Te = y.light }) => {
-	let [G, Ee] = U({
+}), mt = ({ initialValues: r, files: i, selectedPath: s, onSelectedPathChange: v, expandedPaths: S, onExpandedPathsChange: w, isLoading: T = !1, hasLoadError: D = !1, isSubmitting: O = !1, errors: k, submitError: ee, conflict: te, onReloadLatest: j, isNameReadOnly: M = !1, onDirtyChange: N, onValuesChange: L, onRefineDescription: ie, onRefineInstructions: se, fileActions: R, supportingFileContent: fe, asideData: _e, onSubmit: ve, onCancel: ye, onBack: be, backAriaLabel: xe, title: Se, onRetry: Ce, onRetrySubmit: we, labels: Te, styles: U, dir: Ee, instructionsEditorTheme: De = y.light }) => {
+	let [W, Oe] = H({
 		name: r?.name ?? "",
 		description: r?.description ?? "",
 		instructions: r?.instructions ?? ""
-	}), De = pe(), K = H(void 0), Oe = l({
+	}), ke = me(), G = V(void 0), Ae = l({
 		bottomGap: lt,
 		minHeight: ut
-	}), ke = H(G), Ae = (e) => {
+	}), je = V(W), Me = (e) => {
 		let t = {
-			...ke.current,
+			...je.current,
 			...e
 		};
-		ke.current = t, Ee(t), R?.(t);
-	}, je = (e) => e ? async (t, n) => {
-		if (K.current && !K.current.aborted) throw new DOMException("Busy", "AbortError");
-		K.current = n;
+		je.current = t, Oe(t), L?.(t);
+	}, Fe = (e) => e ? async (t, n) => {
+		if (G.current && !G.current.aborted) throw new DOMException("Busy", "AbortError");
+		G.current = n;
 		try {
 			return await e(t, n);
 		} finally {
-			K.current === n && (K.current = void 0);
+			G.current === n && (G.current = void 0);
 		}
-	} : void 0, Pe = u({
-		value: G.description,
-		onChange: (e) => Ae({ description: e }),
-		onRefine: je(re),
+	} : void 0, Le = u({
+		value: W.description,
+		onChange: (e) => Me({ description: e }),
+		onRefine: Fe(ie),
 		disabled: O || T || D,
 		resetKey: r
-	}), Ie = u({
-		value: G.instructions,
-		onChange: (e) => Ae({ instructions: e }),
-		onRefine: je(oe),
+	}), J = u({
+		value: W.instructions,
+		onChange: (e) => Me({ instructions: e }),
+		onRefine: Fe(se),
 		disabled: O || T || D,
 		resetKey: r
-	}), Y = Pe.isPending || Ie.isPending, ze = () => {
-		Pe.reset(), Ie.reset();
-	}, Ve = () => {
-		ze(), _e();
-	}, He = () => {
-		ze(), ve();
-	}, We = () => {
-		O || T || D || K.current && !K.current.aborted || ge(G);
-	}, Ge = H(r), Ke = Ge.current !== r, Je = H(i);
-	fe(() => {
-		Ge.current = r;
+	}), Be = Le.isPending || J.isPending, He = () => {
+		Le.reset(), J.reset();
+	}, Ue = () => {
+		He(), 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);
+	pe(() => {
+		qe.current = r;
 		let e = {
 			name: r?.name ?? "",
 			description: r?.description ?? "",
 			instructions: r?.instructions ?? ""
 		};
-		ke.current = e, Ee(e), Je.current = i;
+		je.current = e, Oe(e), et.current = i;
 	}, [r]);
-	let $e = (e) => JSON.stringify([...e].sort((e, t) => e.path.localeCompare(t.path))), et = H(!1);
-	fe(() => {
-		if (Ke) return;
+	let tt = (e) => JSON.stringify([...e].sort((e, t) => e.path.localeCompare(t.path))), nt = V(!1);
+	pe(() => {
+		if (Ye) return;
 		let e = {
 			name: r?.name ?? "",
 			description: r?.description ?? "",
 			instructions: r?.instructions ?? ""
-		}, t = JSON.stringify(G) !== JSON.stringify(e) || $e(i) !== $e(Je.current);
-		t !== et.current && (et.current = t, P?.(t));
+		}, t = JSON.stringify(W) !== JSON.stringify(e) || tt(i) !== tt(et.current);
+		t !== nt.current && (nt.current = t, N?.(t));
 	}, [
-		G,
+		W,
 		i,
 		r,
-		Ke,
-		P
+		Ye,
+		N
 	]);
-	let [tt, nt] = U(q), Z = s ?? tt, rt = B((e) => {
-		nt(e), v?.(e);
-	}, [v]), [it, mt] = U([]), ht = S ?? it, gt = V(() => new Set(ht), [ht]), _t = B((e) => {
+	let [rt, it] = H(K), X = s ?? rt, Z = z((e) => {
+		it(e), v?.(e);
+	}, [v]), [mt, ht] = H([]), gt = S ?? mt, _t = B(() => new Set(gt), [gt]), vt = z((e) => {
 		let t = [...e];
-		mt(t), w?.(t);
-	}, [w]), [vt, yt] = U(!1), [bt, xt] = U(st), St = B((e) => {
-		xt(e), yt(!0);
-	}, []), [Ct, wt] = U(!1), { isDragActive: Tt, dropZoneHandlers: Et } = Ye(B((e) => {
-		vt || St({
+		ht(t), w?.(t);
+	}, [w]), [yt, bt] = H(!1), [xt, St] = H(st), Ct = z((e) => {
+		St(e), bt(!0);
+	}, []), [wt, Tt] = H(!1), { isDragActive: Et, dropZoneHandlers: Dt } = Xe(z((e) => {
+		yt || Ct({
 			...st,
 			initialFiles: e
 		});
-	}, [vt, St])), Q = Ce ?? {}, $ = we?.colors, Dt = we?.typography ?? {}, Ot = Dt.titleClassName ?? "dial-body-semi-text", kt = Dt.helperTextClassName ?? "dial-tiny-semi-text", At = Dt.removeIconClassName, jt = Dt.menuIconClassName ?? "text-secondary", Mt = o({
+	}, [yt, Ct])), Q = Te ?? {}, $ = U?.colors, Ot = U?.typography ?? {}, kt = Ot.titleClassName ?? "dial-body-semi-text", At = Ot.helperTextClassName ?? "dial-tiny-semi-text", jt = Ot.removeIconClassName, Mt = Ot.menuIconClassName ?? "text-secondary", Nt = o({
 		"--se-title-color": $?.title,
 		"--se-helper-text-color": $?.helperText,
 		"--se-refine-action-text": $?.refineActionText,
 		"--se-refine-error-text": $?.refineErrorText
-	}), Nt = {
-		feedbackClassName: c($?.refineActionText && ot.refineFeedback, Dt.refineFeedbackClassName, Le.refineFeedback),
+	}), Pt = {
+		feedbackClassName: c($?.refineActionText && ot.refineFeedback, Ot.refineFeedbackClassName, Re.refineFeedback),
 		errorClassName: ot.refineError
-	}, Pt = {
+	}, Ft = {
 		layout: $?.border ? { colors: {
 			headerBorderColor: $.border,
 			sidebarBorderColor: $.border
 		} } : void 0,
 		section: $?.title ? { colors: { titleColor: $.title } } : void 0
-	}, Ft = V(() => ({
+	}, 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"
@@ -1070,176 +1084,176 @@ var Le = {
 		Q.folderNameRequiredError,
 		Q.folderNameInvalidError,
 		Q.folderNameDuplicateError
-	]), It = B((e) => {
-		gt.has(e) || _t(new Set([...gt, e]));
-	}, [gt, _t]), Lt = qe({
+	]), Lt = z((e) => {
+		_t.has(e) || vt(new Set([..._t, e]));
+	}, [_t, vt]), Rt = Je({
 		files: i,
-		fileActions: z,
+		fileActions: R,
 		defaultName: Q.newFolderDefaultName ?? "New folder",
-		messages: Ft,
-		onRevealFolder: It,
-		onCreated: rt
-	}), { draftNode: Rt, draftPath: zt, draftPane: Bt } = Lt, Vt = V(() => Be([{
-		path: q,
-		name: q,
-		kind: J.File
-	}, ...i]), [i]), Ht = V(() => Rt ? Be([
+		messages: It,
+		onRevealFolder: Lt,
+		onCreated: Z
+	}), { draftNode: zt, draftPath: Bt, draftPane: Vt } = Rt, Ht = B(() => Ve([{
+		path: K,
+		name: K,
+		kind: q.File
+	}, ...i]), [i]), Ut = B(() => zt ? Ve([
 		{
-			path: q,
-			name: q,
-			kind: J.File
+			path: K,
+			name: K,
+			kind: q.File
 		},
 		...i,
-		Rt
-	]) : Vt, [
+		zt
+	]) : Ht, [
 		i,
-		Rt,
-		Vt
-	]), Ut = V(() => i.find((e) => e.path === Z), [i, Z]), Wt = B((e) => {
-		e.path !== zt && rt(e.path);
-	}, [rt, zt]), Gt = B((e) => {
-		z.onRemoveNode(e), Z === e && rt(q);
+		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);
 	}, [
-		z,
-		Z,
-		rt
-	]), { startDraft: Kt } = Lt, { onCreateFolder: qt, extractArchive: Jt, pickFromFileSystem: Yt } = z, Xt = B(async (e) => {
-		if (!Yt) return;
-		let t = await Yt();
-		t?.length && St({
-			mode: Xe.Files,
+		R,
+		X,
+		Z
+	]), { startDraft: qt } = Rt, { onCreateFolder: Jt, extractArchive: Yt, pickFromFileSystem: Xt } = R, Zt = z(async (e) => {
+		if (!Xt) return;
+		let t = await Xt();
+		t?.length && Ct({
+			mode: Ze.Files,
 			targetFolderPath: e,
 			initialEntries: t
 		});
-	}, [Yt, St]), Zt = B((e, t) => {
-		let n = (e) => Ze(e, jt), r = [];
-		return qt && r.push({
+	}, [Xt, Ct]), Qt = z((e, t) => {
+		let n = (e) => Qe(e, Mt), r = [];
+		return Jt && r.push({
 			key: "create-folder",
 			label: Q.createFolderLabel ?? "Create folder",
-			icon: n(ae),
-			onClick: () => Kt(e, t)
+			icon: n(oe),
+			onClick: () => qt(e, t)
 		}), r.push({
 			key: "upload-files",
 			label: Q.uploadFilesLabel ?? "Upload files from device",
-			icon: n(le),
-			onClick: () => St({
-				mode: Xe.Files,
+			icon: n(ue),
+			onClick: () => Ct({
+				mode: Ze.Files,
 				targetFolderPath: e
 			})
-		}), Jt && r.push({
+		}), Yt && r.push({
 			key: "upload-archive",
 			label: Q.uploadArchiveLabel ?? "Upload archive from device",
-			icon: n(ie),
-			onClick: () => St({
-				mode: Xe.Archive,
+			icon: n(ae),
+			onClick: () => Ct({
+				mode: Ze.Archive,
 				targetFolderPath: e
 			})
-		}), Yt && r.push({
+		}), Xt && r.push({
 			key: "open-file-system",
 			label: Q.openFileSystemLabel ?? "Open DIAL file system",
-			icon: n(ne),
-			onClick: () => void Xt(e)
+			icon: n(re),
+			onClick: () => void Zt(e)
 		}), r;
 	}, [
-		jt,
-		qt,
+		Mt,
 		Jt,
 		Yt,
+		Xt,
 		Q.createFolderLabel,
 		Q.uploadFilesLabel,
 		Q.uploadArchiveLabel,
 		Q.openFileSystemLabel,
-		Kt,
-		St,
-		Xt
-	]), Qt = V(() => {
-		let e = Ue(Re.Header, i.find((e) => e.path === Z));
+		qt,
+		Ct,
+		Zt
+	]), $t = B(() => {
+		let e = We(ze.Header, i.find((e) => e.path === X));
 		return {
-			[X.Mobile]: Zt(e, X.Mobile),
-			[X.Desktop]: Zt(e, X.Desktop)
+			[Y.Mobile]: Qt(e, Y.Mobile),
+			[Y.Desktop]: Qt(e, Y.Desktop)
 		};
 	}, [
-		Zt,
+		Qt,
 		i,
-		Z
-	]), $t = B((e, t) => {
-		if (e.path === "SKILL.md" || e.path === zt) return [];
+		X
+	]), en = z((e, t) => {
+		if (e.path === "SKILL.md" || e.path === Bt) return [];
 		let n = {
 			path: e.path,
 			name: e.name,
-			kind: e.nodeType === me.FOLDER ? J.Folder : J.File
-		}, r = n.kind === J.Folder ? Zt(Ue(Re.Child, n), t) : [];
+			kind: e.nodeType === he.FOLDER ? q.Folder : q.File
+		}, r = n.kind === q.Folder ? Qt(We(ze.Child, n), t) : [];
 		return r.push({
 			key: "add-sibling",
-			icon: Ze(se),
+			icon: Qe(ce),
 			label: Q.addSiblingLabel ?? "Add sibling",
-			children: Zt(Ue(Re.Sibling, n), t)
+			children: Qt(We(ze.Sibling, n), t)
 		}, {
 			key: "delete",
 			label: Q.deleteLabel ?? "Delete",
 			danger: !0,
-			icon: Ze(ce, At),
-			onClick: () => Gt(e.path)
+			icon: Qe(le, jt),
+			onClick: () => Kt(e.path)
 		}), r;
 	}, [
-		zt,
+		Bt,
 		Q.addSiblingLabel,
 		Q.deleteLabel,
-		At,
-		Zt,
-		Gt
-	]), en = V(() => ({
-		[X.Mobile]: (e) => $t(e, X.Mobile),
-		[X.Desktop]: (e) => $t(e, X.Desktop)
-	}), [$t]), tn = (e) => /* @__PURE__ */ L("div", {
+		jt,
+		Qt,
+		Kt
+	]), tn = B(() => ({
+		[Y.Mobile]: (e) => en(e, Y.Mobile),
+		[Y.Desktop]: (e) => en(e, Y.Desktop)
+	}), [en]), nn = (e) => /* @__PURE__ */ I("div", {
 		className: "flex flex-col gap-2 desktop:gap-5",
-		children: [/* @__PURE__ */ L("div", {
+		children: [/* @__PURE__ */ I("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ I("span", {
-				className: c(ot.title, Ot),
+			children: [/* @__PURE__ */ F("span", {
+				className: c(ot.title, kt),
 				children: Q.filesHeading ?? "Files"
-			}), /* @__PURE__ */ I(p, {
+			}), /* @__PURE__ */ F(p, {
 				label: Q.addLabel ?? "Add",
 				variant: m.Neutral,
 				appearance: f.Solid,
 				size: b.Small,
-				iconBefore: /* @__PURE__ */ I(se, {
+				iconBefore: /* @__PURE__ */ F(ce, {
 					size: g.SM,
 					"aria-hidden": !0,
 					stroke: _
 				}),
-				items: Qt[e]
+				items: $t[e]
 			})]
-		}), /* @__PURE__ */ I("div", {
+		}), /* @__PURE__ */ F("div", {
 			role: "tree",
 			"aria-label": Q.filesTreeAriaLabel ?? "Skill files",
-			children: /* @__PURE__ */ I(he, {
-				items: Bt === e ? Ht : Vt,
+			children: /* @__PURE__ */ F(ge, {
+				items: Vt === e ? Ut : Ht,
 				showFiles: !0,
-				selectedPath: Z,
-				expandedPaths: gt,
-				onExpandedPathsChange: _t,
-				onItemClick: Wt,
-				getContextMenuItems: en[e],
-				renamedPath: Bt === e ? zt : void 0,
-				onRenameSave: Lt.handleSave,
-				onRenameCancel: Lt.handleCancel,
-				onRenameValidate: Lt.handleValidate,
+				selectedPath: X,
+				expandedPaths: _t,
+				onExpandedPathsChange: vt,
+				onItemClick: Gt,
+				getContextMenuItems: tn[e],
+				renamedPath: Vt === e ? Bt : void 0,
+				onRenameSave: Rt.handleSave,
+				onRenameCancel: Rt.handleCancel,
+				onRenameValidate: Rt.handleValidate,
 				rootItemPath: ""
 			})
 		})]
-	}), nn = V(() => ({
-		name: G.name,
-		description: G.description,
+	}), rn = B(() => ({
+		name: W.name,
+		description: W.description,
 		iconUrl: "",
 		version: "",
 		topics: [],
 		otherLocales: []
-	}), [G.name, G.description]), rn = V(() => ({
+	}), [W.name, W.description]), an = B(() => ({
 		name: k?.name,
 		description: k?.description
-	}), [k?.name, k?.description]), an = V(() => ({ form: {
-		...Ne,
+	}), [k?.name, k?.description]), on = B(() => ({ form: {
+		...Pe,
 		name: {
 			label: Q.nameLabel ?? "Name",
 			placeholder: Q.namePlaceholder ?? "good-morning-breakfast"
@@ -1254,175 +1268,176 @@ var Le = {
 		Q.namePlaceholder,
 		Q.descriptionLabel,
 		Q.descriptionPlaceholder
-	]), on = (e) => {
-		e.name !== void 0 && Ae({ name: e.name }), e.description !== void 0 && (Pe.reset(), Ae({ description: e.description }));
-	}, sn = re ? (e, t) => /* @__PURE__ */ I(a, {
+	]), sn = (e) => {
+		e.name !== void 0 && Me({ name: e.name }), e.description !== void 0 && (Le.reset(), Me({ description: e.description }));
+	}, cn = ie ? (e, t) => /* @__PURE__ */ F(a, {
 		isEnabled: !0,
 		fieldId: t,
 		required: !0,
 		label: Q.descriptionLabel ?? "Description",
 		labels: Q,
-		refinement: Pe,
-		disabled: Y || O,
-		...Nt,
+		refinement: Le,
+		disabled: Be || O,
+		...Pt,
 		children: e
-	}) : void 0, cn = {
-		title: be,
-		onBack: He,
-		onCancel: Ve,
-		onSubmit: We,
+	}) : void 0, ln = {
+		title: Se,
+		onBack: Ge,
+		onCancel: Ue,
+		onSubmit: Ke,
 		submitLabel: Q.createLabel ?? "Create",
-		isSubmitDisabled: Y || T || D,
+		isSubmitDisabled: Be || T || D,
 		labels: {
 			cancelLabel: Q.cancelLabel ?? "Cancel",
-			backAriaLabel: ye ?? "Back",
+			backAriaLabel: xe ?? "Back",
 			savingStatusLabel: Q.savingStatusLabel ?? "Saving"
 		},
-		styles: Pt,
+		styles: Ft,
 		metadataTitle: null
 	};
-	if (T) return /* @__PURE__ */ I("div", {
-		dir: W,
+	if (T) return /* @__PURE__ */ F("div", {
+		dir: Ee,
 		className: "relative flex min-h-0 flex-1 flex-col",
-		children: /* @__PURE__ */ I(Me, {
-			...cn,
-			metadata: /* @__PURE__ */ I("div", {
+		children: /* @__PURE__ */ F(Ne, {
+			...ln,
+			metadata: /* @__PURE__ */ F("div", {
 				role: "status",
 				"aria-label": Q.loadingAriaLabel ?? "Loading skill",
 				className: "flex flex-1 items-center justify-center p-8",
-				children: /* @__PURE__ */ I(j, {})
+				children: /* @__PURE__ */ F(ne, {})
 			})
 		})
 	});
-	if (D) return /* @__PURE__ */ I("div", {
-		dir: W,
+	if (D) return /* @__PURE__ */ F("div", {
+		dir: Ee,
 		className: "relative flex min-h-0 flex-1 flex-col",
-		children: /* @__PURE__ */ I(Me, {
-			...cn,
-			metadata: /* @__PURE__ */ L("div", {
+		children: /* @__PURE__ */ F(Ne, {
+			...ln,
+			metadata: /* @__PURE__ */ I("div", {
 				role: "alert",
 				className: "flex flex-col items-center gap-4 p-8",
-				children: [/* @__PURE__ */ I(x, { text: Q.loadErrorMessage ?? "Couldn't load this skill. Please try again." }), /* @__PURE__ */ I(A, {
+				children: [/* @__PURE__ */ F(x, { text: Q.loadErrorMessage ?? "Couldn't load this skill. Please try again." }), /* @__PURE__ */ F(A, {
 					label: Q.retryLabel ?? "Retry",
-					onClick: xe
+					onClick: Ce
 				})]
 			})
 		})
 	});
-	let ln = Z === q, un = ln ? q : Q.selectedFileHeading?.(Ut?.name ?? Z) ?? Ut?.name ?? Z, dn = ee != null || te != null ? /* @__PURE__ */ L("div", {
+	let un = X === K, dn = un ? K : Q.selectedFileHeading?.(Wt?.name ?? X) ?? Wt?.name ?? X, fn = ee != null || te != null ? /* @__PURE__ */ I("div", {
 		className: "flex flex-col gap-2",
-		children: [ee != null && /* @__PURE__ */ L("div", {
+		children: [ee != null && /* @__PURE__ */ I("div", {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ I(x, { text: ee }), Se != null && /* @__PURE__ */ I(C, {
+			children: [/* @__PURE__ */ F(x, { text: ee }), we != null && /* @__PURE__ */ F(C, {
 				label: Q.retryLabel ?? "Retry",
-				onClick: Se
+				onClick: we
 			})]
-		}), te != null && /* @__PURE__ */ L("div", {
+		}), te != null && /* @__PURE__ */ I("div", {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ I(x, { text: te.message }), /* @__PURE__ */ I(C, {
+			children: [/* @__PURE__ */ F(x, { text: te.message }), /* @__PURE__ */ F(C, {
 				label: Q.reloadLatestLabel ?? "Reload latest",
-				onClick: M
+				onClick: j
 			})]
 		})]
-	}) : void 0, fn = /* @__PURE__ */ I(a, {
-		isEnabled: !!oe,
-		fieldId: De,
+	}) : void 0, pn = /* @__PURE__ */ F(a, {
+		isEnabled: !!se,
+		fieldId: ke,
 		required: !0,
-		labelClassName: c(ot.helperText, kt),
+		labelClassName: c(ot.helperText, At),
 		label: Q.instructionsLabel ?? "Instructions",
 		labels: Q,
-		refinement: Ie,
-		disabled: Y || O,
-		...Nt,
-		children: /* @__PURE__ */ L("div", {
+		refinement: J,
+		disabled: Be || O,
+		...Pt,
+		children: /* @__PURE__ */ I("div", {
 			className: "flex flex-1 flex-col gap-2",
 			children: [
-				!oe && /* @__PURE__ */ I(E, {
-					htmlFor: De,
-					className: c(ot.helperText, kt),
+				!se && /* @__PURE__ */ F(E, {
+					htmlFor: ke,
+					className: c(ot.helperText, At),
 					label: Q.instructionsLabel ?? "Instructions",
 					required: !0
 				}),
-				/* @__PURE__ */ I("div", {
-					ref: Oe,
+				/* @__PURE__ */ F("div", {
+					ref: Ae,
 					className: c(t, e, n),
-					children: /* @__PURE__ */ I(ue, {
-						fallback: /* @__PURE__ */ I(j, { ariaLabel: Q.instructionsLoadingAriaLabel ?? "Loading" }),
-						children: /* @__PURE__ */ I(pt, {
-							id: De,
+					children: /* @__PURE__ */ F(de, {
+						fallback: /* @__PURE__ */ F(ne, { ariaLabel: Q.instructionsLoadingAriaLabel ?? "Loading" }),
+						children: /* @__PURE__ */ F(pt, {
+							id: ke,
 							ariaLabel: Q.instructionsLabel ?? "Instructions",
-							value: G.instructions,
+							value: W.instructions,
 							onChange: (e) => {
-								Ie.reset(), Ae({ instructions: e });
+								J.reset(), Me({ instructions: e });
 							},
-							theme: Te,
+							theme: De,
 							showDragbar: !1,
 							placeholder: Q.instructionsPlaceholder ?? "Write the skill instructions in Markdown"
 						})
 					})
 				}),
-				k?.instructions != null && /* @__PURE__ */ I(x, { text: k.instructions })
+				k?.instructions != null && /* @__PURE__ */ F(x, { text: k.instructions })
 			]
 		})
 	});
-	return /* @__PURE__ */ L("div", {
-		dir: W,
-		className: c("relative flex min-h-0 flex-1 flex-col", Le.root),
-		style: Mt,
-		...Et,
+	return /* @__PURE__ */ I("div", {
+		dir: Ee,
+		className: c("relative flex min-h-0 flex-1 flex-col", Re.root),
+		style: Nt,
+		...Dt,
 		children: [
-			/* @__PURE__ */ I(Qe, {
-				isVisible: Tt && !vt,
-				labels: Ce
+			/* @__PURE__ */ F($e, {
+				isVisible: Et && !yt,
+				labels: Te
 			}),
-			/* @__PURE__ */ I(Me, {
-				...cn,
+			/* @__PURE__ */ F(Ne, {
+				...ln,
+				asideData: _e,
 				isSubmitting: O,
 				metadataSectionClassName: dt,
-				metadata: /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I("div", {
+				metadata: /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F("div", {
 					className: "desktop:hidden",
-					children: /* @__PURE__ */ I(d, {
+					children: /* @__PURE__ */ F(d, {
 						title: Q.editingFileLabel ?? "Editing file",
-						description: Ut?.name ?? "SKILL.md",
-						expanded: Ct,
-						onToggle: wt,
+						description: Wt?.name ?? "SKILL.md",
+						expanded: wt,
+						onToggle: Tt,
 						ariaLabel: Q.editingFileLabel ?? "Editing file",
-						children: tn(X.Mobile)
+						children: nn(Y.Mobile)
 					})
-				}), /* @__PURE__ */ I("div", {
+				}), /* @__PURE__ */ F("div", {
 					className: "hidden desktop:block",
-					children: tn(X.Desktop)
+					children: nn(Y.Desktop)
 				})] }),
-				alert: dn,
-				setupTitle: un,
+				alert: fn,
+				setupTitle: dn,
 				setupSectionClassName: ft,
-				setup: ln ? /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(Fe, {
-					values: nn,
-					errors: rn,
-					onChange: on,
+				setup: un ? /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(Ie, {
+					values: rn,
+					errors: an,
+					onChange: sn,
 					fields: ct,
 					isDescriptionRequired: !0,
-					isNameReadOnly: N,
+					isNameReadOnly: M,
 					nameCaption: k?.name ? void 0 : Q.nameCaption ?? "Lowercase letters and hyphens only, no spaces. We'll reformat automatically if needed.",
-					renderDescription: sn,
-					labels: an
-				}), fn] }) : /* @__PURE__ */ I(F, { children: Ut?.kind === J.File && /* @__PURE__ */ I("div", {
+					renderDescription: cn,
+					labels: on
+				}), pn] }) : /* @__PURE__ */ F(P, { children: Wt?.kind === q.File && /* @__PURE__ */ F("div", {
 					className: "flex min-h-0 flex-1 flex-col",
-					children: de ?? /* @__PURE__ */ I(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: fe ?? /* @__PURE__ */ F(h, { text: Q.supportingFileNote ?? "This supporting file is included in the skill package as-is. Remove it from the Files panel to replace its content." })
 				}) })
 			}),
-			/* @__PURE__ */ I(at, {
-				isOpen: vt,
-				onClose: () => yt(!1),
-				fileActions: z,
-				mode: bt.mode,
-				targetFolderPath: bt.targetFolderPath,
-				initialFiles: bt.initialFiles,
-				initialEntries: bt.initialEntries,
-				labels: Ce
+			/* @__PURE__ */ F(at, {
+				isOpen: yt,
+				onClose: () => bt(!1),
+				fileActions: R,
+				mode: xt.mode,
+				targetFolderPath: xt.targetFolderPath,
+				initialFiles: xt.initialFiles,
+				initialEntries: xt.initialEntries,
+				labels: Te
 			})
 		]
 	});
 };
 //#endregion
-export { Le as SKILL_EDITOR_CLASS, mt as SkillEditor, $e as SkillFileCandidateKind, J as SkillFileNodeKind, Xe as SkillFileUploadMode, et as SkillFileValidationStatus };
+export { Re as SKILL_EDITOR_CLASS, mt as SkillEditor, et as SkillFileCandidateKind, q as SkillFileNodeKind, Ze as SkillFileUploadMode, tt as SkillFileValidationStatus };