@epam/ai-dial-skill-editor 1.3.0-dev.246 → 1.3.0-dev.248

package/index.js

@@ -1,10 +1,10 @@
 import { MARKDOWN_EDITOR_FILL_HEIGHT_CLASS_NAME as e, MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME as t, MARKDOWN_EDITOR_PREVIEW_LIST_CLASS_NAME as n, RESIZABLE_TEXTAREA_CLASS_NAME as r, TAG_INPUT_TAG_CLASS_NAME as i, TextRefinementField as a, buildCssVars as o, formatFileSize as s, mergeClasses as c, useAvailableHeightCap as l, useControlErrorAssociation as u, useIsMobile as d, useTextRefinement as f } from "@epam/ai-dial-chat-shared";
-import { Accordion as p, BottomSheet as m, ButtonAppearance as h, ButtonDropdown as g, ButtonVariant as _, CaptionText as v, DIAL_ICON_SIZE as y, DIAL_KIT_ICON_STROKE as b, DangerIconButton as x, EditorThemes as S, ElementSize as C, ErrorMessageNotification as w, ErrorText as T, FileDropzone as E, FileName as D, GhostButton as O, GhostIconButton as ee, Input as k, Label as A, LinkButton as j, NeutralButton as M, Popup as te, PopupSize as ne, PrimaryButton as N, RadioGroup as re, ResizeHandle as ie, Select as ae, Spinner as oe, TagInput as se, Textarea as P, TextareaResize as ce } from "@epam/ai-dial-ui-kit";
-import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
-import { IconArrowNarrowLeft as le, IconDatabase as ue, IconFileZip as R, IconFolderPlus as de, IconPhoto as fe, IconPlus as pe, IconTrashX as me, IconUpload as he } from "@tabler/icons-react";
-import { Suspense as ge, lazy as _e, memo as ve, useCallback as z, useEffect as B, useId as ye, useMemo as V, useRef as H, useState as U } from "react";
-import { DialFileNodeType as be, DialFoldersTree as xe } from "@epam/ai-dial-react-file-manager";
-import { LazyMarkdownEditor as Se } from "@epam/ai-dial-ui-kit/editors";
+import { Accordion as p, BottomSheet as m, ButtonAppearance as h, ButtonDropdown as g, ButtonVariant as _, CaptionText as v, DIAL_ICON_SIZE as y, DIAL_KIT_ICON_STROKE as b, DangerIconButton as x, EditorThemes as S, ElementSize as C, ErrorMessageNotification as w, ErrorText as T, FileDropzone as E, FileName as D, GhostButton as O, GhostIconButton as ee, Input as k, Label as A, LinkButton as j, LiveRegion as M, LiveRegionElement as te, LiveRegionPoliteness as ne, NeutralButton as re, Popup as ie, PopupSize as ae, PrimaryButton as oe, RadioGroup as se, ResizeHandle as N, Select as ce, Spinner as le, TagInput as ue, Textarea as de, TextareaResize as fe } from "@epam/ai-dial-ui-kit";
+import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
+import { IconArrowNarrowLeft as pe, IconDatabase as me, IconFileZip as he, IconFolderPlus as ge, IconPhoto as _e, IconPlus as ve, IconTrashX as ye, IconUpload as be } from "@tabler/icons-react";
+import { Suspense as xe, lazy as Se, memo as Ce, useCallback as L, useEffect as R, useId as we, useMemo as z, useRef as B, useState as V } from "react";
+import { DialFileNodeType as Te, DialFoldersTree as Ee } from "@epam/ai-dial-react-file-manager";
+import { LazyMarkdownEditor as De } from "@epam/ai-dial-ui-kit/editors";
 c("flex flex-col desktop:min-h-0 desktop:overflow-y-auto", {
 	body: "_body_1xd7h_2",
 	sideColumn: "_sideColumn_1xd7h_6",
@@ -12,42 +12,42 @@ c("flex flex-col desktop:min-h-0 desktop:overflow-y-auto", {
 }.sideColumn);
 //#endregion
 //#region ../builder-form/src/constants/public-class-names.ts
-var Ce = {
+var Oe = {
 	layout: "dial-builder-form-layout",
 	section: "dial-builder-form-section",
 	metadataSection: "dial-builder-form-metadata-section",
 	setupSection: "dial-builder-form-setup-section",
 	asideSection: "dial-builder-form-aside-section"
-}, we = {
+}, ke = {
 	section: "_section_l1mnx_1",
 	title: "_title_l1mnx_5"
-}, Te = ({ title: e, children: t, styles: n, className: r }) => {
+}, Ae = ({ 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", we.section, r, Ce.section),
+	return /* @__PURE__ */ I("section", {
+		className: c("flex h-full flex-col gap-4 rounded border p-6", ke.section, r, Oe.section),
 		style: i,
-		children: [e != null && /* @__PURE__ */ I("h2", {
-			className: c("dial-h3-text", we.title),
+		children: [e != null && /* @__PURE__ */ F("h2", {
+			className: c("dial-h3-text", ke.title),
 			children: e
 		}), t]
 	});
-}, Ee = (e, { min: t = 280, max: n = 640, containerWidth: r } = {}) => {
+}, H = (e, { min: t = 280, max: n = 640, containerWidth: r } = {}) => {
 	let i = r != null && r > 0 ? r - 360 : n;
 	return Math.round(Math.min(Math.max(t, Math.min(n, i)), Math.max(t, Number.isFinite(e) ? e : t)));
-}, De = {
+}, je = {
 	headerBorder: "_headerBorder_1adw2_1",
 	footerBorder: "_footerBorder_1adw2_5",
 	columnBorder: "_columnBorder_1adw2_10"
-}, Oe = ({ title: e, onBack: t, backAriaLabel: n = "Back", actions: r, leftContent: i, centerContent: a, rightContent: s, resizableLeftColumn: l, isSaving: u = !1, labels: d, styles: f, dir: p }) => {
-	let m = ye(), h = u ? d?.savingStatusLabel ?? "Saving" : "", g = H(null), [_, v] = U(), x = l != null && a != null, S = l?.minWidth, C = l?.maxWidth, w = {
+}, Me = ({ title: e, onBack: t, backAriaLabel: n = "Back", actions: r, leftContent: i, centerContent: a, rightContent: s, resizableLeftColumn: l, isSaving: u = !1, labels: d, styles: f, dir: p }) => {
+	let m = we(), h = u ? d?.savingStatusLabel ?? "Saving" : "", g = B(null), [_, v] = V(), x = l != null && a != null, S = l?.minWidth, C = l?.maxWidth, w = {
 		min: S,
 		max: C,
 		containerWidth: _
-	}, T = x ? Ee(l.width, w) : void 0, E = Ee(C ?? 640, w);
-	B(() => {
+	}, T = x ? H(l.width, w) : void 0, E = H(C ?? 640, w);
+	R(() => {
 		let e = g.current;
 		if (!x || e == null || typeof ResizeObserver > "u") return;
 		let t = new ResizeObserver(() => v(e.clientWidth));
@@ -57,24 +57,23 @@ var Ce = {
 		"--el-header-border-color": f?.colors?.headerBorderColor,
 		"--el-sidebar-border-color": f?.colors?.sidebarBorderColor
 	});
-	return /* @__PURE__ */ L("div", {
+	return /* @__PURE__ */ I("div", {
 		dir: p,
-		className: c("flex min-h-0 flex-1 flex-col", Ce.layout),
+		className: c("flex min-h-0 flex-1 flex-col", Oe.layout),
 		style: D,
 		children: [
-			/* @__PURE__ */ I("span", {
-				role: "status",
-				"aria-live": "polite",
-				className: "sr-only",
+			/* @__PURE__ */ F(M, {
+				visuallyHidden: !0,
+				as: te.Span,
 				id: m,
 				children: h
 			}),
-			/* @__PURE__ */ L("div", {
-				className: c("flex items-center justify-between gap-2 border-b px-4 py-2 desktop:px-8 desktop:pt-3 desktop:pb-3", De.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:pt-3 desktop:pb-3", je.headerBorder),
+				children: [/* @__PURE__ */ I("div", {
 					className: "flex min-w-0 flex-1 items-center gap-2",
-					children: [/* @__PURE__ */ I(ee, {
-						icon: /* @__PURE__ */ I(le, {
+					children: [/* @__PURE__ */ F(ee, {
+						icon: /* @__PURE__ */ F(pe, {
 							size: y.LG,
 							stroke: b,
 							"aria-hidden": !0,
@@ -82,27 +81,27 @@ var Ce = {
 						}),
 						"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", {
 				ref: g,
 				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:shrink-0 desktop:overflow-y-auto desktop:border-e", a != null && !x && "desktop:w-[400px]", x && "desktop:relative desktop:w-[var(--el-left-width)]", "desktop:overflow-y-auto", a == null ? void 0 : De.columnBorder),
+					/* @__PURE__ */ F("div", {
+						className: c(a == null ? "desktop:flex-1" : "desktop:shrink-0 desktop:overflow-y-auto desktop:border-e", a != null && !x && "desktop:w-[400px]", x && "desktop:relative desktop:w-[var(--el-left-width)]", "desktop:overflow-y-auto", a == null ? void 0 : je.columnBorder),
 						style: T == null ? void 0 : { "--el-left-width": `${T}px` },
 						children: i
 					}),
-					x && T != null && /* @__PURE__ */ I("div", {
+					x && T != null && /* @__PURE__ */ F("div", {
 						className: "relative hidden w-0 shrink-0 desktop:block",
-						children: /* @__PURE__ */ I(ie, {
+						children: /* @__PURE__ */ F(N, {
 							width: T,
 							minWidth: S ?? 280,
 							maxWidth: E,
@@ -112,55 +111,55 @@ var Ce = {
 							tooltip: d?.resizeHandleTooltip ?? "Drag to resize"
 						})
 					}),
-					a != null && /* @__PURE__ */ I("div", {
+					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__ */ I("div", {
-						className: c("desktop:w-[400px] desktop:shrink-0 desktop:overflow-y-auto desktop:border-s", De.columnBorder),
+					s != null && /* @__PURE__ */ F("div", {
+						className: c("desktop:w-[400px] desktop:shrink-0 desktop:overflow-y-auto desktop:border-s", je.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", De.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", je.footerBorder),
 				children: r
 			})
 		]
 	});
-}, W = {
+}, Ne = {
 	box: "_box_c9as8_1",
 	icon: "_icon_c9as8_6",
 	caption: "_caption_c9as8_10"
-}, ke = ({ 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 }) => {
+}, U = ({ 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(A, { label: e }), /* @__PURE__ */ L("div", {
+		children: [/* @__PURE__ */ F(A, { 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", W.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", Ne.box),
+				children: t ? /* @__PURE__ */ F("img", {
 					src: t,
 					alt: n,
 					className: "h-16 w-16 object-cover"
-				}) : /* @__PURE__ */ I(fe, {
+				}) : /* @__PURE__ */ F(_e, {
 					size: y.LG,
 					stroke: b,
 					"aria-hidden": !0,
-					className: W.icon
+					className: Ne.icon
 				})
-			}), /* @__PURE__ */ L("div", {
+			}), /* @__PURE__ */ I("div", {
 				className: "flex flex-col gap-3",
-				children: [/* @__PURE__ */ I(O, {
+				children: [/* @__PURE__ */ F(O, {
 					size: C.Small,
-					iconBefore: /* @__PURE__ */ I(pe, {
+					iconBefore: /* @__PURE__ */ F(ve, {
 						size: y.SM,
 						stroke: b,
 						"aria-hidden": !0
@@ -168,22 +167,22 @@ var Ce = {
 					className: "w-fit",
 					label: r,
 					onClick: a
-				}), /* @__PURE__ */ I("span", {
-					className: c("dial-tiny-text", W.caption),
+				}), /* @__PURE__ */ F("span", {
+					className: c("dial-tiny-text", Ne.caption),
 					children: i
 				})]
 			})]
 		})]
 	});
-}, Ae = ({ 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__ */ I("div", {
+}, Pe = ({ isOpen: e, onClose: t, onAttach: n, bucket: r, FileManagerModal: i, allowedMimeTypes: a, maxFileSizeBytes: o, labels: s }) => {
+	let c = L((e) => e.length === 1 ? s.deleteConfirmTitleSingle : s.deleteConfirmTitleMultiple, [s.deleteConfirmTitleSingle, s.deleteConfirmTitleMultiple]), l = L((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: "wrap-break-word text-primary",
 					children: [
 						"\"",
@@ -191,10 +190,10 @@ var Ce = {
 						"\"?"
 					]
 				})
-			] }) : /* @__PURE__ */ L(F, { children: [
+			] }) : /* @__PURE__ */ I(P, { children: [
 				s.deleteConfirmMultipleText,
 				" ",
-				/* @__PURE__ */ L("span", {
+				/* @__PURE__ */ I("span", {
 					className: "text-primary",
 					children: [
 						e.length,
@@ -209,9 +208,9 @@ var Ce = {
 		s.deleteConfirmMultipleText,
 		s.deleteConfirmItemsLabel
 	]);
-	return /* @__PURE__ */ I(ge, {
+	return /* @__PURE__ */ F(xe, {
 		fallback: null,
-		children: e && /* @__PURE__ */ I(i, {
+		children: e && /* @__PURE__ */ F(i, {
 			isOpen: e,
 			onClose: t,
 			onAttach: n,
@@ -242,52 +241,52 @@ var Ce = {
 			deleteCancelLabel: s.deleteCancelLabel
 		})
 	});
-}, G = /* @__PURE__ */ function(e) {
+}, W = /* @__PURE__ */ function(e) {
 	return e.Avatar = "avatar", e.Name = "name", e.Version = "version", e.Description = "description", e.Locales = "locales", e.Tags = "tags", e;
-}({}), K = [
+}({}), Fe = [
 	"avatar",
 	"name",
 	"version",
 	"description",
 	"locales",
 	"tags"
-], je = (e, t, n) => ({
+], Ie = (e, t, n) => ({
 	id: e,
 	language: n.find((e) => !t.has(e.code))?.code ?? "",
 	name: "",
 	description: ""
-}), Me = ({ 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: f, addLocaleLabel: p, localeRowLabel: m = "Locale", languageLabel: g, nameLabel: v, namePlaceholder: S, descriptionLabel: w, descriptionPlaceholder: T, deleteAriaLabel: E, cancelLabel: D = "Cancel", saveLabel: O = "Save" } = i, [ee, A] = U(!1), [M, ne] = U([]), N = H(0);
-	B(() => {
-		ee && ne(e.length > 0 ? e : [je(`locale-row-${++N.current}`, /* @__PURE__ */ new Set(), n)]);
+}), Le = ({ 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: f, addLocaleLabel: p, localeRowLabel: m = "Locale", languageLabel: g, nameLabel: v, namePlaceholder: S, descriptionLabel: w, descriptionPlaceholder: T, deleteAriaLabel: E, cancelLabel: D = "Cancel", saveLabel: O = "Save" } = i, [ee, A] = V(!1), [M, te] = V([]), ne = B(0);
+	R(() => {
+		ee && te(e.length > 0 ? e : [Ie(`locale-row-${++ne.current}`, /* @__PURE__ */ new Set(), n)]);
 	}, [
 		ee,
 		e,
 		n
 	]);
-	let re = () => A(!0), ie = () => A(!1), oe = () => {
+	let re = () => A(!0), ae = () => A(!1), oe = () => {
 		t(M.filter((e) => e.language && e.name)), A(!1);
 	}, se = () => {
 		let e = new Set(M.map((e) => e.language).filter(Boolean));
-		ne((t) => [...t, je(`locale-row-${++N.current}`, e, n)]);
-	}, F = (e, t) => {
-		ne((n) => n.map((n) => n.id === e ? {
+		te((t) => [...t, Ie(`locale-row-${++ne.current}`, e, n)]);
+	}, N = (e, t) => {
+		te((n) => n.map((n) => n.id === e ? {
 			...n,
 			...t
 		} : n));
 	}, le = (e) => {
-		ne((t) => t.filter((t) => t.id !== e));
-	}, ue = (e) => n.find((t) => t.code === e)?.label ?? e.toUpperCase(), R = M.some((e) => !e.language || !e.name);
-	return n.length === 0 ? null : /* @__PURE__ */ L("div", {
+		te((t) => t.filter((t) => t.id !== e));
+	}, ue = (e) => n.find((t) => t.code === e)?.label ?? e.toUpperCase(), P = M.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) => `[${ue(e.language)}]`).join(", ")}`
 			}),
-			/* @__PURE__ */ I(j, {
+			/* @__PURE__ */ F(j, {
 				label: e.length > 0 ? d : u,
-				iconBefore: /* @__PURE__ */ I(pe, {
+				iconBefore: /* @__PURE__ */ F(ve, {
 					size: y.SM,
 					"aria-hidden": !0,
 					stroke: b
@@ -295,38 +294,38 @@ var Ce = {
 				className: "px-0!",
 				onClick: re
 			}),
-			/* @__PURE__ */ I(te, {
+			/* @__PURE__ */ F(ie, {
 				open: ee,
 				header: f,
-				onClose: ie,
+				onClose: ae,
 				mainButtons: [{
 					label: D,
-					onClick: ie
+					onClick: ae
 				}, {
 					label: O,
 					variant: _.Primary,
-					disabled: R,
+					disabled: P,
 					onClick: oe
 				}],
-				children: /* @__PURE__ */ L("div", {
+				children: /* @__PURE__ */ I("div", {
 					className: "flex flex-col gap-8 px-6 py-3",
 					children: [M.map((e, t) => {
 						let i = new Set(M.filter((t) => t.id !== e.id).map((e) => e.language).filter(Boolean));
-						return /* @__PURE__ */ L("div", {
+						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: [
 										m,
 										" ",
 										t + 1
 									]
-								}), /* @__PURE__ */ I(x, {
+								}), /* @__PURE__ */ F(x, {
 									appearance: h.Ghost,
 									size: C.Small,
-									icon: /* @__PURE__ */ I(me, {
+									icon: /* @__PURE__ */ F(ye, {
 										size: y.SM,
 										"aria-hidden": !0,
 										stroke: b
@@ -334,13 +333,13 @@ var Ce = {
 									"aria-label": `${E} ${t + 1}`,
 									onClick: () => le(e.id)
 								})]
-							}), /* @__PURE__ */ L("div", {
+							}), /* @__PURE__ */ I("div", {
 								role: "group",
 								"aria-label": `${m} ${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(ae, {
+									children: [/* @__PURE__ */ F(ce, {
 										id: `${e.id}-language`,
 										labelProps: {
 											label: g,
@@ -353,33 +352,33 @@ var Ce = {
 											disabled: i.has(e.code)
 										})),
 										value: e.language,
-										onChange: (t) => F(e.id, { language: t })
-									}), /* @__PURE__ */ I(k, {
+										onChange: (t) => N(e.id, { language: t })
+									}), /* @__PURE__ */ F(k, {
 										id: `${e.id}-name`,
 										containerClassName: "min-w-0 flex-1",
 										required: !0,
 										value: e.name,
-										onChange: (t) => F(e.id, { name: t ?? "" }),
+										onChange: (t) => N(e.id, { name: t ?? "" }),
 										labelProps: {
 											label: v,
 											required: !0
 										},
 										placeholder: S
 									})]
-								}), /* @__PURE__ */ I(P, {
+								}), /* @__PURE__ */ F(de, {
 									id: `${e.id}-description`,
 									className: r,
-									resize: ce.Vertical,
+									resize: fe.Vertical,
 									value: e.description,
-									onChange: (t) => F(e.id, { description: t }),
+									onChange: (t) => N(e.id, { description: t }),
 									labelProps: { label: w },
 									placeholder: T
 								})]
 							})]
 						}, e.id);
-					}), /* @__PURE__ */ I(j, {
+					}), /* @__PURE__ */ F(j, {
 						label: p,
-						iconBefore: /* @__PURE__ */ I(pe, {
+						iconBefore: /* @__PURE__ */ F(ve, {
 							size: y.SM,
 							"aria-hidden": !0,
 							stroke: b
@@ -392,9 +391,9 @@ var Ce = {
 			})
 		]
 	});
-}, Ne = "Add tags, comma separated", Pe = "deployment-creation-form-description", Fe = ({ values: e, errors: t, onChange: n, onNameBlur: a, onVersionBlur: o, iconPreviewUrl: s, onAddAvatarClick: l, labels: u, styles: d, availableLocaleOptions: f = [], fields: p = K, isNameReadOnly: m = !1, nameReadOnlyTooltip: h, nameCaption: g, isDescriptionRequired: _ = !1, descriptionCaption: v, renderDescription: y, focusRequestKey: b }) => {
-	let x = H(null), S = H(null), C = H(null), w = H(!1), T = (e) => p.includes(e), E = T(G.Name), D = T(G.Version), O = !!(t.name || t.version || t.description), ee = H(b);
-	B(() => {
+}, Re = "Add tags, comma separated", ze = "deployment-creation-form-description", Be = ({ values: e, errors: t, onChange: n, onNameBlur: a, onVersionBlur: o, iconPreviewUrl: s, onAddAvatarClick: l, labels: u, styles: d, availableLocaleOptions: f = [], fields: p = Fe, isNameReadOnly: m = !1, nameReadOnlyTooltip: h, nameCaption: g, isDescriptionRequired: _ = !1, descriptionCaption: v, renderDescription: y, focusRequestKey: b }) => {
+	let x = B(null), S = B(null), C = B(null), w = B(!1), T = (e) => p.includes(e), E = T(W.Name), D = T(W.Version), O = !!(t.name || t.version || t.description), ee = B(b);
+	R(() => {
 		let e = () => {
 			t.name ? x.current?.focus() : t.version ? S.current?.focus() : t.description && C.current?.focus();
 		};
@@ -406,8 +405,8 @@ var Ce = {
 		t.version,
 		t.description
 	]);
-	let A = /* @__PURE__ */ I(P, {
-		id: Pe,
+	let A = /* @__PURE__ */ F(de, {
+		id: ze,
 		ref: C,
 		value: e.description,
 		onChange: (e) => n({ description: e }),
@@ -422,14 +421,14 @@ var Ce = {
 		invalid: !!t.description,
 		containerClassName: y ? void 0 : d?.field,
 		className: r,
-		resize: ce.Vertical
+		resize: fe.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: [
-			T(G.Avatar) && /* @__PURE__ */ I(ke, {
+			T(W.Avatar) && /* @__PURE__ */ F(U, {
 				label: u.iconUrl.label,
 				avatarUrl: s,
 				addAvatarLabel: u.iconUrl.addAvatarLabel,
@@ -437,9 +436,9 @@ var Ce = {
 				onAddAvatarClick: l,
 				className: d?.field
 			}),
-			(E || D) && /* @__PURE__ */ L("div", {
+			(E || D) && /* @__PURE__ */ I("div", {
 				className: c("flex items-start gap-4", d?.field),
-				children: [E && /* @__PURE__ */ I(k, {
+				children: [E && /* @__PURE__ */ F(k, {
 					id: "deployment-creation-form-name",
 					inputRef: x,
 					value: e.name,
@@ -456,7 +455,7 @@ var Ce = {
 					error: t.name || void 0,
 					invalid: !!t.name,
 					containerClassName: D ? "min-w-0 basis-0 grow-[2]" : "min-w-0 flex-1"
-				}), D && /* @__PURE__ */ I(k, {
+				}), D && /* @__PURE__ */ F(k, {
 					id: "deployment-creation-form-version",
 					inputRef: S,
 					value: e.version,
@@ -469,23 +468,23 @@ var Ce = {
 					containerClassName: E ? "min-w-0 basis-0 grow-[1]" : "min-w-0 flex-1"
 				})]
 			}),
-			T(G.Description) && (y ? /* @__PURE__ */ I("div", {
+			T(W.Description) && (y ? /* @__PURE__ */ F("div", {
 				className: d?.field,
-				children: y(A, Pe)
+				children: y(A, ze)
 			}) : A),
-			T(G.Locales) && /* @__PURE__ */ I(Me, {
+			T(W.Locales) && /* @__PURE__ */ F(Le, {
 				value: e.otherLocales,
 				onChange: (e) => n({ otherLocales: e }),
 				availableLocaleOptions: f,
 				labels: u.otherLocales,
 				className: d?.field
 			}),
-			T(G.Tags) && /* @__PURE__ */ I("div", {
+			T(W.Tags) && /* @__PURE__ */ F("div", {
 				className: d?.field,
-				children: /* @__PURE__ */ I(se, {
+				children: /* @__PURE__ */ F(ue, {
 					id: "deployment-creation-form-topics",
 					labelProps: { label: u.topics.label },
-					placeholder: u.topics.placeholder ?? Ne,
+					placeholder: u.topics.placeholder ?? Re,
 					value: e.topics,
 					onChange: (e) => n({ topics: e }),
 					tagClassName: i
@@ -493,13 +492,13 @@ var Ce = {
 			})
 		]
 	});
-}, Ie = "border-0 p-4 desktop:p-8", Le = "desktop:flex-1", Re = "px-4 pt-4 desktop:px-6 desktop:pt-6", ze = ve(({ title: e, onBack: t, onCancel: n, onSubmit: r, submitLabel: i, isSubmitting: a = !1, isSubmitDisabled: o = !1, extraActions: s, hideStandardActions: l = !1, metadata: u, metadataTitle: d, metadataFooter: f, setup: p, setupTitle: m, asideData: h, asideTitle: g, asideSectionClassName: _, alert: v, resizableLeftColumn: y, metadataSectionClassName: b, setupSectionClassName: x, labels: S, styles: C, dir: w }) => {
-	let T = /* @__PURE__ */ I("div", {
-		role: "alert",
-		className: v == null ? void 0 : Re,
+}, Ve = "border-0 p-4 desktop:p-8", He = "desktop:flex-1", Ue = "px-4 pt-4 desktop:px-6 desktop:pt-6", We = Ce(({ title: e, onBack: t, onCancel: n, onSubmit: r, submitLabel: i, isSubmitting: a = !1, isSubmitDisabled: o = !1, extraActions: s, hideStandardActions: l = !1, metadata: u, metadataTitle: d, metadataFooter: f, setup: p, setupTitle: m, asideData: h, asideTitle: g, asideSectionClassName: _, alert: v, resizableLeftColumn: y, metadataSectionClassName: b, setupSectionClassName: x, labels: S, styles: C, dir: w }) => {
+	let T = /* @__PURE__ */ F(M, {
+		politeness: ne.Assertive,
+		className: v == null ? void 0 : Ue,
 		children: v
 	}), E = p != null;
-	return /* @__PURE__ */ I(Oe, {
+	return /* @__PURE__ */ F(Me, {
 		title: e,
 		onBack: t,
 		backAriaLabel: S?.backAriaLabel ?? "Back",
@@ -510,41 +509,41 @@ var Ce = {
 			resizeHandleLabel: S?.resizeHandleLabel,
 			resizeHandleTooltip: S?.resizeHandleTooltip
 		},
-		rightContent: h == null ? void 0 : /* @__PURE__ */ I(Te, {
+		rightContent: h == null ? void 0 : /* @__PURE__ */ F(Ae, {
 			title: g,
 			styles: C?.section,
-			className: c(Ie, _, Ce.asideSection),
+			className: c(Ve, _, Oe.asideSection),
 			children: h
 		}),
 		styles: C?.layout,
 		dir: w,
-		actions: /* @__PURE__ */ L(F, { children: [s, !l && /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(M, {
+		actions: /* @__PURE__ */ I(P, { children: [s, !l && /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(re, {
 			label: S?.cancelLabel ?? "Cancel",
 			disabled: a,
 			onClick: n
-		}), /* @__PURE__ */ I(N, {
+		}), /* @__PURE__ */ F(oe, {
 			label: i,
 			disabled: a || o,
 			onClick: r
 		})] })] }),
-		leftContent: /* @__PURE__ */ L(F, { children: [
+		leftContent: /* @__PURE__ */ I(P, { children: [
 			!E && T,
-			/* @__PURE__ */ I(Te, {
+			/* @__PURE__ */ F(Ae, {
 				title: d === null ? void 0 : d ?? S?.metadataTitle ?? "Metadata",
 				styles: C?.section,
-				className: c(Ie, b, Ce.metadataSection),
+				className: c(Ve, b, Oe.metadataSection),
 				children: u
 			}),
 			f
 		] }),
-		centerContent: E ? /* @__PURE__ */ L(F, { children: [T, /* @__PURE__ */ I(Te, {
+		centerContent: E ? /* @__PURE__ */ I(P, { children: [T, /* @__PURE__ */ F(Ae, {
 			title: m === null ? void 0 : m ?? S?.setupTitle ?? "Setup",
 			styles: C?.section,
-			className: c(Ie, Le, x, Ce.setupSection),
+			className: c(Ve, He, x, Oe.setupSection),
 			children: p
 		})] }) : void 0
 	});
-}), Be = {
+}), Ge = {
 	name: {
 		label: "Name",
 		placeholder: "Enter name"
@@ -583,7 +582,7 @@ var Ce = {
 		saveLabel: "Save"
 	},
 	ariaLabel: "Metadata"
-}, Ve = {
+}, Ke = {
 	title: "Add avatar",
 	attachLabel: "Attach",
 	emptyTitle: "This folder is empty",
@@ -607,12 +606,12 @@ var Ce = {
 	deleteConfirmItemsLabel: "items?",
 	deleteConfirmLabel: "Delete",
 	deleteCancelLabel: "Cancel"
-}, He = ve(({ values: e, errors: t, onChange: n, onNameBlur: r, onVersionBlur: i, avatarPicker: a, availableLocaleOptions: o, fields: s = K, isNameReadOnly: c, nameReadOnlyTooltip: l, nameCaption: u, isDescriptionRequired: d, descriptionCaption: f, renderDescription: p, focusRequestKey: m, labels: h }) => {
-	let [g, _] = U(!1), v = V(() => a ? s : s.filter((e) => e !== G.Avatar), [a, s]), y = e.iconUrl, b = a?.resolveIconUrl, x = V(() => b ? b(y) : void 0, [y, b]), S = z(() => _(!0), []), C = z(() => _(!1), []), w = a?.resolveAttachedIconUrl, T = z((e) => {
+}, qe = Ce(({ values: e, errors: t, onChange: n, onNameBlur: r, onVersionBlur: i, avatarPicker: a, availableLocaleOptions: o, fields: s = Fe, isNameReadOnly: c, nameReadOnlyTooltip: l, nameCaption: u, isDescriptionRequired: d, descriptionCaption: f, renderDescription: p, focusRequestKey: m, labels: h }) => {
+	let [g, _] = V(!1), v = z(() => a ? s : s.filter((e) => e !== W.Avatar), [a, s]), y = e.iconUrl, b = a?.resolveIconUrl, x = z(() => b ? b(y) : void 0, [y, b]), S = L(() => _(!0), []), C = L(() => _(!1), []), w = a?.resolveAttachedIconUrl, T = L((e) => {
 		let t = w?.(e);
 		t && n({ iconUrl: t }), _(!1);
 	}, [n, w]);
-	return /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(Fe, {
+	return /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(Be, {
 		values: e,
 		errors: t,
 		onChange: n,
@@ -620,7 +619,7 @@ var Ce = {
 		onVersionBlur: i,
 		iconPreviewUrl: x,
 		onAddAvatarClick: S,
-		labels: h?.form ?? Be,
+		labels: h?.form ?? Ge,
 		availableLocaleOptions: o,
 		fields: v,
 		isNameReadOnly: c,
@@ -630,7 +629,7 @@ var Ce = {
 		descriptionCaption: f,
 		renderDescription: p,
 		focusRequestKey: m
-	}), a && /* @__PURE__ */ I(Ae, {
+	}), a && /* @__PURE__ */ F(Pe, {
 		isOpen: g,
 		onClose: C,
 		onAttach: T,
@@ -638,51 +637,51 @@ var Ce = {
 		FileManagerModal: a.FileManagerModal,
 		allowedMimeTypes: a.allowedMimeTypes,
 		maxFileSizeBytes: a.maxFileSizeBytes,
-		labels: h?.avatarPicker ?? Ve
+		labels: h?.avatarPicker ?? Ke
 	})] });
-}), Ue = /* @__PURE__ */ function(e) {
+}), Je = /* @__PURE__ */ function(e) {
 	return e.Required = "required", e.InvalidFormat = "invalid-format", e.TooLong = "too-long", e.ControlCharacters = "control-characters", e;
 }({});
-Ue.TooLong, Ue.ControlCharacters;
+Je.TooLong, Je.ControlCharacters;
 //#endregion
 //#region src/constants/public-class-names.ts
-var We = {
+var Ye = {
 	root: "dial-skill-editor-root",
 	refineFeedback: "dial-skill-editor-refine-feedback"
-}, q = "SKILL.md", J = /* @__PURE__ */ function(e) {
+}, G = "SKILL.md", K = /* @__PURE__ */ function(e) {
 	return e.File = "file", e.Folder = "folder", e;
-}({}), Ge = /* @__PURE__ */ function(e) {
+}({}), Xe = /* @__PURE__ */ function(e) {
 	return e.Header = "header", e.Child = "child", e;
-}({}), Ke = (e) => {
+}({}), Ze = (e) => {
 	let t = e.lastIndexOf("/");
 	return t === -1 ? null : e.slice(0, t);
-}, qe = (e) => {
+}, Qe = (e) => {
 	let t = e.lastIndexOf("/");
 	return t === -1 ? e : e.slice(t + 1);
-}, Je = (e) => {
+}, $e = (e) => {
 	let t = /* @__PURE__ */ new Map(), n = (e) => {
 		let n = t.get(e);
 		if (n) return n;
 		let r = {
 			path: e,
-			name: qe(e),
-			nodeType: be.FOLDER,
-			parentPath: Ke(e),
+			name: Qe(e),
+			nodeType: Te.FOLDER,
+			parentPath: Ze(e),
 			folderId: e,
 			items: []
 		};
 		return t.set(e, r), r;
 	};
-	for (let r of e) r.kind === J.Folder ? n(r.path).name = r.name : t.set(r.path, {
+	for (let r of e) r.kind === K.Folder ? n(r.path).name = r.name : t.set(r.path, {
 		path: r.path,
 		name: r.name,
-		nodeType: be.ITEM,
-		parentPath: Ke(r.path),
-		folderId: Ke(r.path) ?? ""
+		nodeType: Te.ITEM,
+		parentPath: Ze(r.path),
+		folderId: Ze(r.path) ?? ""
 	});
 	for (let t of [...e]) {
-		let e = Ke(t.path);
-		for (; e != null;) n(e), e = Ke(e);
+		let e = Ze(t.path);
+		for (; e != null;) n(e), e = Ze(e);
 	}
 	let r = [];
 	for (let e of t.values()) {
@@ -694,17 +693,17 @@ var We = {
 		n ? n.items = [...n.items ?? [], e] : r.push(e);
 	}
 	return r;
-}, Ye = (e, t) => e ? `${e}/${t}` : t, Xe = (e, t) => {
-	let n = e.lastIndexOf("/"), r = n === -1 ? "" : e.slice(0, n), i = e.slice(n + 1), a = i.lastIndexOf("."), o = a > 0, s = o ? i.slice(0, a) : i, c = o ? i.slice(a) : "", l = 1, u = Ye(r, `${s} (${l})${c}`);
-	for (; t.has(u);) l += 1, u = Ye(r, `${s} (${l})${c}`);
+}, et = (e, t) => e ? `${e}/${t}` : t, tt = (e, t) => {
+	let n = e.lastIndexOf("/"), r = n === -1 ? "" : e.slice(0, n), i = e.slice(n + 1), a = i.lastIndexOf("."), o = a > 0, s = o ? i.slice(0, a) : i, c = o ? i.slice(a) : "", l = 1, u = et(r, `${s} (${l})${c}`);
+	for (; t.has(u);) l += 1, u = et(r, `${s} (${l})${c}`);
 	return u;
-}, Ze = (e, t) => {
+}, nt = (e, t) => {
 	if (!t) return "";
 	switch (e) {
-		case Ge.Child: return t.path;
-		case Ge.Header: return t.kind === J.Folder ? t.path : "";
+		case Xe.Child: return t.path;
+		case Xe.Header: return t.kind === K.Folder ? t.path : "";
 	}
-}, Qe = (e, t) => {
+}, rt = (e, t) => {
 	let n = t ? `${t}/` : "", r = /* @__PURE__ */ new Set();
 	for (let { path: i } of e) {
 		if (!i.startsWith(n) || i === t) continue;
@@ -712,29 +711,29 @@ var We = {
 		r.add(e.split("/")[0]);
 	}
 	return r;
-}, $e = (e, t, n) => {
+}, it = (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;
-}, et = "\\new-folder", tt = ({ 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 : Ye(c, et), d = V(() => u == null ? void 0 : {
+}, at = "\\new-folder", ot = ({ files: e, fileActions: t, defaultName: n, messages: r, onRevealFolder: i, onCreated: a }) => {
+	let [o, s] = V(null), c = o?.parentPath ?? null, l = B([]), u = c == null ? void 0 : et(c, at), d = z(() => u == null ? void 0 : {
 		path: u,
 		name: n,
-		kind: J.Folder
-	}, [u, n]), f = z((n, i) => {
-		let a = Qe(e, i);
-		return i === "" && a.add(q), $e(n, a, r) ?? t.validateFolderPath?.(Ye(i, n.trim()));
+		kind: K.Folder
+	}, [u, n]), f = L((n, i) => {
+		let a = rt(e, i);
+		return i === "" && a.add(G), it(n, a, r) ?? t.validateFolderPath?.(et(i, n.trim()));
 	}, [
 		e,
 		r,
 		t
-	]), p = z((e, t) => {
+	]), p = L((e, t) => {
 		l.current = [], s({
 			parentPath: e,
 			pane: t
 		}), e !== "" && i(e);
-	}, [i]), m = z((e, t) => {
+	}, [i]), m = L((e, t) => {
 		if (c == null || t.path !== u) return null;
 		let n = f(e, c);
 		return l.current = [...l.current.slice(-1), {
@@ -745,16 +744,16 @@ var We = {
 		c,
 		u,
 		f
-	]), h = z(() => {
+	]), h = L(() => {
 		l.current = [], s(null);
-	}, []), g = z((e, n) => {
-		let r = Ye(n, e.trim());
+	}, []), g = L((e, n) => {
+		let r = et(n, e.trim());
 		t.onCreateFolder?.(r), n !== "" && i(n), a(r);
 	}, [
 		t,
 		i,
 		a
-	]), _ = z((e) => {
+	]), _ = L((e) => {
 		if (c == null) return;
 		let [t] = l.current;
 		l.current.length === 2 && t != null && !t.isValid && t.value !== e || f(e, c) != null ? h() : (h(), g(e, c));
@@ -775,39 +774,39 @@ var We = {
 		validateNewFolder: f,
 		createFolder: g
 	};
-}, nt = (e) => !!e.dataTransfer?.types.includes("Files"), rt = (e) => {
-	let [t, n] = U(!1), r = H(0);
+}, q = (e) => !!e.dataTransfer?.types.includes("Files"), st = (e) => {
+	let [t, n] = V(!1), r = B(0);
 	return {
 		isDragActive: t,
 		dropZoneHandlers: {
-			onDragEnter: z((e) => {
-				nt(e) && (e.preventDefault(), r.current += 1, n(!0));
+			onDragEnter: L((e) => {
+				q(e) && (e.preventDefault(), r.current += 1, n(!0));
 			}, []),
-			onDragLeave: z((e) => {
-				nt(e) && (--r.current, r.current <= 0 && (r.current = 0, n(!1)));
+			onDragLeave: L((e) => {
+				q(e) && (--r.current, r.current <= 0 && (r.current = 0, n(!1)));
 			}, []),
-			onDragOver: z((e) => {
-				nt(e) && e.preventDefault();
+			onDragOver: L((e) => {
+				q(e) && e.preventDefault();
 			}, []),
-			onDrop: z((t) => {
-				if (!nt(t)) return;
+			onDrop: L((t) => {
+				if (!q(t)) return;
 				t.preventDefault(), r.current = 0, n(!1);
 				let i = Array.from(t.dataTransfer?.files ?? []);
 				i.length > 0 && e(i);
 			}, [e])
 		}
 	};
-}, it = /* @__PURE__ */ function(e) {
+}, ct = /* @__PURE__ */ function(e) {
 	return e.Files = "files", e.Archive = "archive", e;
-}({}), Y = /* @__PURE__ */ function(e) {
+}({}), J = /* @__PURE__ */ function(e) {
 	return e.Mobile = "mobile", e.Desktop = "desktop", e;
-}({}), at = (e, t, n = y.MD) => /* @__PURE__ */ I(e, {
+}({}), lt = (e, t, n = y.MD) => /* @__PURE__ */ F(e, {
 	size: n,
 	className: t,
 	"aria-hidden": !0,
 	stroke: b
-}), ot = { footer: "_footer_hn1ri_7" }, st = ({ isOpen: e, title: t, closeAriaLabel: n, onClose: r, confirmLabel: i, onConfirm: a, cancelLabel: s, onCancel: l, isConfirmDisabled: u = !1, isConfirming: f = !1, children: p, colors: g }) => {
-	let v = d(), y = f ? /* @__PURE__ */ I(oe, {
+}), ut = { footer: "_footer_hn1ri_7" }, dt = ({ isOpen: e, title: t, closeAriaLabel: n, onClose: r, confirmLabel: i, onConfirm: a, cancelLabel: s, onCancel: l, isConfirmDisabled: u = !1, isConfirming: f = !1, children: p, colors: g }) => {
+	let v = d(), y = f ? /* @__PURE__ */ F(le, {
 		size: 16,
 		ariaLabel: ""
 	}) : void 0;
@@ -816,21 +815,21 @@ var We = {
 			"--se-dialog-footer-bg": g?.footerBackground,
 			"--se-dialog-footer-border": g?.footerBorder
 		});
-		return /* @__PURE__ */ L(m, {
+		return /* @__PURE__ */ I(m, {
 			open: e,
 			title: t,
 			closeAriaLabel: n,
 			onClose: r,
-			children: [p, /* @__PURE__ */ L("div", {
-				className: c("sticky bottom-0 flex gap-3 border-t p-4", ot.footer),
+			children: [p, /* @__PURE__ */ I("div", {
+				className: c("sticky bottom-0 flex gap-3 border-t p-4", ut.footer),
 				style: d,
-				children: [/* @__PURE__ */ I(N, {
+				children: [/* @__PURE__ */ F(oe, {
 					className: "flex-1",
 					label: i,
 					iconBefore: y,
 					disabled: u,
 					onClick: a
-				}), /* @__PURE__ */ I(M, {
+				}), /* @__PURE__ */ F(re, {
 					className: "flex-1",
 					label: s,
 					onClick: l
@@ -838,10 +837,10 @@ var We = {
 			})]
 		});
 	}
-	return /* @__PURE__ */ I(te, {
+	return /* @__PURE__ */ F(ie, {
 		open: e,
 		header: t,
-		size: ne.Sm,
+		size: ae.Sm,
 		closeAriaLabel: n,
 		onClose: r,
 		mainButtons: [{
@@ -858,15 +857,15 @@ var We = {
 		}],
 		children: p
 	});
-}, ct = ({ isOpen: e, onClose: t, validateName: n, onCreate: r, title: i, nameLabel: a, namePlaceholder: o, createLabel: s, cancelLabel: c, closeAriaLabel: l, dialogColors: u }) => {
-	let d = ye(), [f, p] = U(""), [m, h] = U(!1);
-	B(() => {
+}, ft = ({ isOpen: e, onClose: t, validateName: n, onCreate: r, title: i, nameLabel: a, namePlaceholder: o, createLabel: s, cancelLabel: c, closeAriaLabel: l, dialogColors: u }) => {
+	let d = we(), [f, p] = V(""), [m, h] = V(!1);
+	R(() => {
 		e && (p(""), h(!1));
 	}, [e]);
 	let g = m ? n(f) : void 0, _ = () => {
 		h(!0), n(f) ?? (r(f), t());
 	};
-	return /* @__PURE__ */ I(st, {
+	return /* @__PURE__ */ F(dt, {
 		isOpen: e,
 		title: i,
 		closeAriaLabel: l,
@@ -876,12 +875,12 @@ var We = {
 		cancelLabel: c,
 		onCancel: t,
 		colors: u,
-		children: /* @__PURE__ */ I("form", {
+		children: /* @__PURE__ */ F("form", {
 			className: "px-4 py-4 desktop:px-6",
 			onSubmit: (e) => {
 				e.preventDefault(), _();
 			},
-			children: /* @__PURE__ */ I(k, {
+			children: /* @__PURE__ */ F(k, {
 				id: d,
 				labelProps: {
 					label: a,
@@ -896,78 +895,80 @@ var We = {
 			})
 		})
 	});
-}, lt = ({ isVisible: e, labels: t }) => {
-	if (!e) return null;
-	let n = t ?? {};
-	return /* @__PURE__ */ I("div", {
-		role: "status",
-		"aria-live": "polite",
+}, pt = ({ isVisible: e, labels: t }) => {
+	let n = t ?? {}, r = n.dropOverlayTitle ?? "Upload files", i = n.dropOverlaySubtitle ?? "Drop files here to add them to this skill", a = /* @__PURE__ */ F(M, {
+		visuallyHidden: !0,
+		as: te.Span,
+		children: e ? `${r}. ${i}` : ""
+	});
+	return e ? /* @__PURE__ */ I(P, { children: [a, /* @__PURE__ */ F("div", {
 		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", {
+			"aria-hidden": !0,
 			className: "flex flex-col items-center text-center",
 			children: [
-				/* @__PURE__ */ I(he, {
+				/* @__PURE__ */ F(be, {
 					size: 100,
 					className: "text-accent-primary",
 					"aria-hidden": !0,
 					stroke: b
 				}),
-				/* @__PURE__ */ I("span", {
+				/* @__PURE__ */ F("span", {
 					className: "dial-h3-text mt-5",
-					children: n.dropOverlayTitle ?? "Upload files"
+					children: r
 				}),
-				/* @__PURE__ */ I("span", {
+				/* @__PURE__ */ F("span", {
 					className: "dial-small-text mt-4",
-					children: n.dropOverlaySubtitle ?? "Drop files here to add them to this skill"
+					children: i
 				})
 			]
 		})
-	});
-}, X = {
+	})] }) : a;
+}, mt = {
 	card: "_card_1tr87_2",
 	label: "_label_1tr87_7",
 	fileName: "_fileName_1tr87_11",
 	header: "_header_1tr87_16"
-}, ut = ({ label: e, fileName: t, isExpanded: n, onToggle: r, children: i, labelClassName: a = "dial-tiny-lead-text", fileNameClassName: o = "dial-small-text" }) => /* @__PURE__ */ I(p, {
+}, ht = ({ label: e, fileName: t, isExpanded: n, onToggle: r, children: i, labelClassName: a = "dial-tiny-lead-text", fileNameClassName: o = "dial-small-text" }) => /* @__PURE__ */ F(p, {
 	expanded: n,
 	onToggle: r,
-	title: /* @__PURE__ */ I("span", {
-		className: c("block", X.label, a),
+	title: /* @__PURE__ */ F("span", {
+		className: c("block", mt.label, a),
 		children: e
 	}),
-	description: /* @__PURE__ */ I(D, {
+	description: /* @__PURE__ */ F(D, {
 		name: t,
-		nameClassName: c(X.fileName, o)
+		nameClassName: c(mt.fileName, o)
 	}),
-	className: c("rounded-lg border py-0 shadow-xs", X.card),
-	headerClassName: c("gap-4 rounded-lg py-2 ps-3 pe-2 text-start [&>span]:flex-1 [&>span]:gap-1 [&>svg]:size-6", n ? "[&>svg]:-rotate-90" : "[&>svg]:rotate-90", X.header),
+	className: c("rounded-lg border py-0 shadow-xs", mt.card),
+	headerClassName: c("gap-4 rounded-lg py-2 ps-3 pe-2 text-start [&>span]:flex-1 [&>span]:gap-1 [&>svg]:size-6", n ? "[&>svg]:-rotate-90" : "[&>svg]:rotate-90", mt.header),
 	contentClassName: "max-h-[416px] overflow-y-auto pt-4 pb-2 ps-3 pe-2",
 	children: i
-}), dt = /* @__PURE__ */ function(e) {
+}), gt = /* @__PURE__ */ function(e) {
 	return e.SupportingFile = "supporting-file", e.Manifest = "manifest", e;
-}({}), ft = /* @__PURE__ */ function(e) {
+}({}), Y = /* @__PURE__ */ function(e) {
 	return e.Valid = "valid", e.Invalid = "invalid", e;
-}({}), Z = /* @__PURE__ */ function(e) {
+}({}), X = /* @__PURE__ */ function(e) {
 	return e.Replace = "replace", e.Duplicate = "duplicate", e;
-}({}), pt = (e) => (e.webkitRelativePath || e.name).replace(/\\/g, "/"), mt = ".zip,application/zip", ht = [], gt = 0, _t = () => `skill-file-candidate-${++gt}`, vt = (e, t, n) => ({
-	id: _t(),
+}({}), _t = (e) => (e.webkitRelativePath || e.name).replace(/\\/g, "/"), vt = ".zip,application/zip", yt = [], bt = 0, xt = () => `skill-file-candidate-${++bt}`, St = (e, t, n) => ({
+	id: xt(),
 	file: e,
-	path: Ye(n, t.replace(/\\/g, "/"))
-}), yt = ({ isOpen: e, onClose: t, fileActions: n, mode: r = it.Files, targetFolderPath: i = "", initialFiles: a, initialEntries: o, existingFilePaths: l = ht, onCommitted: u, messageClassName: d = "dial-small-text", rowCaptionClassName: f, labels: p, dialogColors: m }) => {
-	let h = p ?? {}, [g, _] = U([]), [y, x] = U([]), [S, C] = U(Z.Replace), w = V(() => new Set(l), [l]), [O, k] = U(/* @__PURE__ */ new Map()), [A, j] = U([]), [M, te] = U(!1), [ne, N] = U(), [ie, ae] = U(!1), [se, P] = U(), [ce, le] = U(0), ue = H(0), R = r === it.Archive, de = h.uploadArchiveErrorMessage ?? "Couldn't read this archive", fe = ye(), pe = ye(), he = ye(), ge = H(null), _e = H(!1), ve = y[0]?.id;
-	B(() => {
-		e && (ve == null ? _e.current && (_e.current = !1, document.getElementById(pe)?.focus()) : (_e.current = !0, ge.current?.focus()));
+	path: et(n, t.replace(/\\/g, "/"))
+}), Ct = ({ isOpen: e, onClose: t, fileActions: n, mode: r = ct.Files, targetFolderPath: i = "", initialFiles: a, initialEntries: o, existingFilePaths: l = yt, onCommitted: u, messageClassName: d = "dial-small-text", rowCaptionClassName: f, labels: p, dialogColors: m }) => {
+	let h = p ?? {}, [g, _] = V([]), [y, x] = V([]), [S, C] = V(X.Replace), w = z(() => new Set(l), [l]), [O, k] = V(/* @__PURE__ */ new Map()), [A, j] = V([]), [re, ie] = V(!1), [ae, oe] = V(), [N, ce] = V(!1), [ue, de] = V(), [fe, pe] = V(0), me = B(0), he = r === ct.Archive, ge = h.uploadArchiveErrorMessage ?? "Couldn't read this archive", _e = we(), ve = we(), be = we(), xe = B(null), Se = B(!1), Ce = y[0]?.id;
+	R(() => {
+		e && (Ce == null ? Se.current && (Se.current = !1, document.getElementById(ve)?.focus()) : (Se.current = !0, xe.current?.focus()));
 	}, [
-		ve,
+		Ce,
 		e,
-		pe
+		ve
 	]);
-	let z = (e) => e.path !== "SKILL.md" && w.has(e.path), be = (e) => {
-		N(void 0), _((t) => [...t, ...e.filter((e) => !z(e))]), x((t) => [...t, ...e.filter(z)]);
-	}, xe = (e) => {
+	let L = (e) => e.path !== "SKILL.md" && w.has(e.path), Te = (e) => {
+		oe(void 0), _((t) => [...t, ...e.filter((e) => !L(e))]), x((t) => [...t, ...e.filter(L)]);
+	}, Ee = (e) => {
 		let [t, ...n] = y;
-		t && (x(n), C(Z.Replace), e != null && (N(void 0), _((r) => {
-			if (e === Z.Replace) return [...r, {
+		t && (x(n), C(X.Replace), e != null && (oe(void 0), _((r) => {
+			if (e === X.Replace) return [...r, {
 				...t,
 				replacesExisting: !0
 			}];
@@ -978,344 +979,343 @@ var We = {
 			]);
 			return [...r, {
 				...t,
-				path: Xe(t.path, i)
+				path: tt(t.path, i)
 			}];
 		})));
-	}, Se = async (e) => {
+	}, De = async (e) => {
 		let { extractArchive: t } = n;
 		if (!t) return;
-		let r = ue.current;
-		P(void 0), le((e) => e + 1);
+		let r = me.current;
+		de(void 0), pe((e) => e + 1);
 		try {
 			let n = await Promise.all(e.map((e) => t(e)));
-			if (r !== ue.current) return;
+			if (r !== me.current) return;
 			let a = n.flat();
 			if (a.length === 0) {
-				P(h.uploadArchiveEmptyMessage ?? "This archive has no files");
+				de(h.uploadArchiveEmptyMessage ?? "This archive has no files");
 				return;
 			}
-			be(a.map((e) => vt(e.file, e.path, i)));
+			Te(a.map((e) => St(e.file, e.path, i)));
 		} catch {
-			if (r !== ue.current) return;
-			P(de);
+			if (r !== me.current) return;
+			de(ge);
 		} finally {
-			r === ue.current && le((e) => e - 1);
+			r === me.current && pe((e) => e - 1);
 		}
-	}, Ce = (e) => {
-		R ? Se(e) : be(e.map((e) => vt(e, pt(e), i)));
-	}, we = (e) => {
+	}, Oe = (e) => {
+		he ? De(e) : Te(e.map((e) => St(e, _t(e), i)));
+	}, ke = (e) => {
 		_((t) => t.filter((t) => t.id !== e));
 	};
-	B(() => {
+	R(() => {
 		if (!e) return;
-		ue.current += 1;
-		let t = [...(a ?? []).map((e) => vt(e, pt(e), i)), ...(o ?? []).map((e) => vt(e.file, e.path, i))];
-		_(t.filter((e) => !z(e))), x(t.filter(z)), C(Z.Replace), k(/* @__PURE__ */ new Map()), j([]), N(void 0), P(void 0), le(0);
-	}, [e]), B(() => {
+		me.current += 1;
+		let t = [...(a ?? []).map((e) => St(e, _t(e), i)), ...(o ?? []).map((e) => St(e.file, e.path, i))];
+		_(t.filter((e) => !L(e))), x(t.filter(L)), C(X.Replace), k(/* @__PURE__ */ new Map()), j([]), oe(void 0), de(void 0), pe(0);
+	}, [e]), R(() => {
 		if (!e) return;
 		let t = !1;
 		if (g.length === 0) k(/* @__PURE__ */ new Map()), j([]);
-		else return te(!0), n.validateBatch(g).then(({ results: e, batchErrors: n }) => {
+		else return ie(!0), n.validateBatch(g).then(({ results: e, batchErrors: n }) => {
 			t || (k(new Map(e.map((e) => [e.candidateId, e]))), j(n.map((e) => e.message)));
 		}).finally(() => {
-			t || te(!1);
+			t || ie(!1);
 		}), () => {
 			t = !0;
 		};
 	}, [g, e]);
-	let Te = g.some((e) => O.get(e.id)?.status === ft.Invalid), Ee = g.length > 0 && g.every((e) => O.get(e.id)?.status === ft.Invalid), De = [...A, ...g.flatMap((e) => {
+	let Ae = g.some((e) => O.get(e.id)?.status === Y.Invalid), H = g.length > 0 && g.every((e) => O.get(e.id)?.status === Y.Invalid), je = [...A, ...g.flatMap((e) => {
 		let t = O.get(e.id);
-		return t?.status === ft.Invalid && t.error ? [`${e.path}: ${t.error}`] : [];
-	})], Oe = g.length > 0 && !Te && A.length === 0 && !M && !ie && ce === 0, W = async () => {
-		ae(!0), N(void 0);
+		return t?.status === Y.Invalid && t.error ? [`${e.path}: ${t.error}`] : [];
+	})], Me = g.length > 0 && !Ae && A.length === 0 && !re && !N && fe === 0, Ne = async () => {
+		ce(!0), oe(void 0);
 		try {
 			let { results: e, batchErrors: r } = await n.validateBatch(g), i = new Map(e.map((e) => [e.candidateId, e]));
-			if (k(i), j(r.map((e) => e.message)), g.some((e) => i.get(e.id)?.status === ft.Invalid) || r.length > 0) return;
+			if (k(i), j(r.map((e) => e.message)), g.some((e) => i.get(e.id)?.status === Y.Invalid) || r.length > 0) return;
 			let a = await n.commitBatch(g);
 			if (a.error) {
-				N(a.error);
+				oe(a.error);
 				return;
 			}
 			u?.(g), t();
 		} finally {
-			ae(!1);
+			ce(!1);
 		}
-	}, ke = h.uploadDialogCloseAriaLabel ?? "Close", Ae = h.uploadCancelLabel ?? "Cancel", [G] = y;
-	if (G) {
+	}, U = h.uploadDialogCloseAriaLabel ?? "Close", Pe = h.uploadCancelLabel ?? "Cancel", [W] = y;
+	if (W) {
 		let t = h.uploadConflictTitle ?? "Replace or duplicate it?";
-		return /* @__PURE__ */ I(st, {
+		return /* @__PURE__ */ F(dt, {
 			isOpen: e,
 			title: t,
-			closeAriaLabel: ke,
-			onClose: () => xe(null),
+			closeAriaLabel: U,
+			onClose: () => Ee(null),
 			confirmLabel: h.uploadConflictConfirmLabel ?? "Confirm",
-			onConfirm: () => xe(S),
-			cancelLabel: Ae,
-			onCancel: () => xe(null),
+			onConfirm: () => Ee(S),
+			cancelLabel: Pe,
+			onCancel: () => Ee(null),
 			colors: m,
-			children: /* @__PURE__ */ L("div", {
+			children: /* @__PURE__ */ I("div", {
 				className: "flex flex-col gap-4 px-4 py-4 desktop:px-6",
-				children: [/* @__PURE__ */ I("p", {
-					ref: ge,
+				children: [/* @__PURE__ */ F("p", {
+					ref: xe,
 					tabIndex: -1,
 					className: c("outline-hidden", d),
-					children: h.uploadConflictMessage?.(G.path) ?? `Item with the same name "${G.path}" already exists.`
-				}), /* @__PURE__ */ I(re, {
+					children: h.uploadConflictMessage?.(W.path) ?? `Item with the same name "${W.path}" already exists.`
+				}), /* @__PURE__ */ F(se, {
 					ariaLabel: t,
 					value: S,
-					onChange: (e) => C(e === Z.Duplicate ? Z.Duplicate : Z.Replace),
+					onChange: (e) => C(e === X.Duplicate ? X.Duplicate : X.Replace),
 					items: [{
-						value: Z.Replace,
+						value: X.Replace,
 						label: h.uploadConflictReplaceLabel ?? "Replace"
 					}, {
-						value: Z.Duplicate,
+						value: X.Duplicate,
 						label: h.uploadConflictDuplicateLabel ?? "Duplicate"
 					}]
 				})]
 			})
 		});
 	}
-	return /* @__PURE__ */ I(st, {
+	return /* @__PURE__ */ F(dt, {
 		isOpen: e,
-		title: R ? h.uploadArchiveDialogTitle ?? "Upload archive from device" : h.uploadDialogTitle ?? "Upload files from device",
-		closeAriaLabel: ke,
+		title: he ? h.uploadArchiveDialogTitle ?? "Upload archive from device" : h.uploadDialogTitle ?? "Upload files from device",
+		closeAriaLabel: U,
 		onClose: t,
 		confirmLabel: h.uploadConfirmLabel ?? "Add",
-		onConfirm: () => void W(),
-		isConfirmDisabled: !Oe,
-		isConfirming: ie,
-		cancelLabel: Ae,
+		onConfirm: () => void Ne(),
+		isConfirmDisabled: !Me,
+		isConfirming: N,
+		cancelLabel: Pe,
 		onCancel: t,
 		colors: m,
-		children: /* @__PURE__ */ L("div", {
+		children: /* @__PURE__ */ I("div", {
 			className: "flex flex-col gap-4 px-4 py-4 desktop:px-6",
 			children: [
-				/* @__PURE__ */ I(E, {
-					label: /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I("span", {
+				/* @__PURE__ */ F(E, {
+					label: /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F("span", {
 						className: "desktop:hidden",
-						children: R ? h.uploadArchiveDropZoneMobileLabel ?? "Click here to upload a .zip archive" : h.uploadDropZoneMobileLabel ?? "Click here to upload"
-					}), /* @__PURE__ */ I("span", {
+						children: he ? h.uploadArchiveDropZoneMobileLabel ?? "Click here to upload a .zip archive" : h.uploadDropZoneMobileLabel ?? "Click here to upload"
+					}), /* @__PURE__ */ F("span", {
 						className: "hidden desktop:inline",
-						children: R ? h.uploadArchiveDropZoneLabel ?? "Drag and drop a .zip archive or click here to upload" : h.uploadDropZoneLabel ?? "Drag and drop it or click here to upload"
+						children: he ? h.uploadArchiveDropZoneLabel ?? "Drag and drop a .zip archive or click here to upload" : h.uploadDropZoneLabel ?? "Drag and drop it or click here to upload"
 					})] }),
-					description: R ? h.uploadArchiveDropZoneDescription : h.uploadDropZoneDescription,
-					id: pe,
+					description: he ? h.uploadArchiveDropZoneDescription : h.uploadDropZoneDescription,
+					id: ve,
 					ariaLabel: h.uploadDropZoneAriaLabel ?? "Upload files",
 					multiple: !0,
-					accept: R ? mt : void 0,
-					className: Ee ? "border-error hover:border-error" : void 0,
-					onChange: Ce,
-					onReject: R ? () => P(de) : void 0
+					accept: he ? vt : void 0,
+					className: H ? "border-error hover:border-error" : void 0,
+					onChange: Oe,
+					onReject: he ? () => de(ge) : void 0
 				}),
-				ce > 0 && /* @__PURE__ */ I(oe, { ariaLabel: h.uploadArchiveExtractingAriaLabel ?? "Reading archive" }),
-				/* @__PURE__ */ I("div", {
-					role: "alert",
-					children: se && /* @__PURE__ */ I(T, { text: se })
+				fe > 0 && /* @__PURE__ */ F(le, { ariaLabel: h.uploadArchiveExtractingAriaLabel ?? "Reading archive" }),
+				/* @__PURE__ */ F(T, {
+					text: ue,
+					announce: ne.Assertive
 				}),
-				/* @__PURE__ */ I("span", {
-					role: "status",
-					"aria-live": "polite",
-					className: "sr-only",
-					id: fe,
-					children: De.map((e) => `${h.uploadBatchErrorAriaPrefix ?? "Upload error: "}${e}`).join(" ")
+				/* @__PURE__ */ F(M, {
+					visuallyHidden: !0,
+					as: te.Span,
+					id: _e,
+					children: je.map((e) => `${h.uploadBatchErrorAriaPrefix ?? "Upload error: "}${e}`).join(" ")
 				}),
-				A.map((e) => /* @__PURE__ */ I(T, { text: e }, e)),
-				g.length > 0 && /* @__PURE__ */ I("ul", {
+				A.map((e) => /* @__PURE__ */ F(T, { text: e }, e)),
+				g.length > 0 && /* @__PURE__ */ F("ul", {
 					className: "flex flex-col gap-2",
 					children: g.map((e) => {
-						let t = O.get(e.id), n = t?.kind === dt.Manifest, r = t?.status === ft.Invalid, i = r ? t?.error : void 0, a = `${he}${e.id}`;
-						return /* @__PURE__ */ L("li", {
+						let t = O.get(e.id), n = t?.kind === gt.Manifest, r = t?.status === Y.Invalid, i = r ? t?.error : void 0, a = `${be}${e.id}`;
+						return /* @__PURE__ */ I("li", {
 							className: "flex items-center gap-2 rounded-lg border border-tertiary p-2",
-							children: [/* @__PURE__ */ I(D, {
+							children: [/* @__PURE__ */ F(D, {
 								name: e.path,
 								className: "min-w-0 flex-1",
-								details: /* @__PURE__ */ L(F, { children: [
-									/* @__PURE__ */ I(v, {
+								details: /* @__PURE__ */ I(P, { children: [
+									/* @__PURE__ */ F(v, {
 										className: f,
 										text: s(e.file.size)
 									}),
-									/* @__PURE__ */ I(T, {
+									/* @__PURE__ */ F(T, {
 										id: a,
 										text: i
 									}),
-									n && !r && /* @__PURE__ */ I(v, {
+									n && !r && /* @__PURE__ */ F(v, {
 										className: f,
 										text: h.uploadManifestRowNote ?? "Will replace this Skill's name, description, and instructions"
 									}),
-									e.replacesExisting && !r && /* @__PURE__ */ I(v, {
+									e.replacesExisting && !r && /* @__PURE__ */ F(v, {
 										className: f,
 										text: h.uploadReplaceRowNote ?? "Will replace the existing file"
 									})
 								] })
-							}), /* @__PURE__ */ I(ee, {
-								icon: /* @__PURE__ */ I(me, {
+							}), /* @__PURE__ */ F(ee, {
+								icon: /* @__PURE__ */ F(ye, {
 									size: 16,
 									"aria-hidden": !0,
 									stroke: b
 								}),
 								"aria-label": h.uploadRemoveCandidateLabel?.(e.path) ?? `Remove ${e.path}`,
 								"aria-describedby": i ? a : void 0,
-								onClick: () => we(e.id)
+								onClick: () => ke(e.id)
 							})]
 						}, e.id);
 					})
 				}),
-				/* @__PURE__ */ I("div", {
-					role: "alert",
-					children: ne && /* @__PURE__ */ I(T, { text: ne })
+				/* @__PURE__ */ F(T, {
+					text: ae,
+					announce: ne.Assertive
 				})
 			]
 		})
 	});
-}, bt = {
+}, wt = {
 	title: "_title_5md1a_1",
 	helperText: "_helperText_5md1a_5",
 	refineFeedback: "_refineFeedback_5md1a_9",
 	refineError: "_refineError_5md1a_13"
-}, xt = {
-	mode: it.Files,
+}, Tt = {
+	mode: ct.Files,
 	targetFolderPath: ""
-}, St = [G.Name, G.Description], Ct = 24, wt = 300, Tt = "pb-0 desktop:px-8 desktop:py-6", Et = "desktop:px-8 desktop:py-6", Dt = "gap-4 px-4 pt-5 pb-6 desktop:gap-5 desktop:px-8 desktop:py-6", Ot = _e(async () => {
-	let { MarkdownEditor: e } = await Se();
+}, Et = [W.Name, W.Description], Dt = 24, Ot = 300, kt = "pb-0 desktop:px-8 desktop:py-6", At = "desktop:px-8 desktop:py-6", jt = "gap-4 px-4 pt-5 pb-6 desktop:gap-5 desktop:px-8 desktop:py-6", Mt = Se(async () => {
+	let { MarkdownEditor: e } = await De();
 	return { default: e };
-}), kt = ({ initialValues: r, files: i, selectedPath: s, onSelectedPathChange: d, expandedPaths: p, onExpandedPathsChange: m, isLoading: x = !1, hasLoadError: E = !1, isSubmitting: D = !1, errors: k, submitError: j, conflict: M, onReloadLatest: te, isNameReadOnly: ne = !1, onDirtyChange: re, onValuesChange: ie, onRefineDescription: ae, onRefineInstructions: se, fileActions: P, supportingFileContent: ce, asideData: le, onSubmit: fe, onCancel: pe, onBack: _e, backAriaLabel: ve, title: Se, onRetry: Ce, onRetrySubmit: we, labels: Te, styles: Ee, dir: De, instructionsEditorTheme: Oe = S.light }) => {
-	let [W, ke] = U({
+}), Nt = ({ initialValues: r, files: i, selectedPath: s, onSelectedPathChange: d, expandedPaths: p, onExpandedPathsChange: m, isLoading: x = !1, hasLoadError: E = !1, isSubmitting: D = !1, errors: k, submitError: j, conflict: M, onReloadLatest: te, isNameReadOnly: ne = !1, onDirtyChange: re, onValuesChange: ie, onRefineDescription: ae, onRefineInstructions: se, fileActions: N, supportingFileContent: ce, asideData: ue, onSubmit: de, onCancel: fe, onBack: pe, backAriaLabel: _e, title: ve, onRetry: Se, onRetrySubmit: Ce, labels: De, styles: Oe, dir: ke, instructionsEditorTheme: Ae = S.light }) => {
+	let [H, je] = V({
 		name: r?.name ?? "",
 		description: r?.description ?? "",
 		instructions: r?.instructions ?? ""
-	}), Ae = ye(), G = ye();
-	u(() => document.getElementById(Ae), G, !!k?.instructions);
-	let K = H(void 0), je = l({
-		bottomGap: Ct,
-		minHeight: wt
-	}), Me = H(W), Ne = (e) => {
+	}), Me = we(), Ne = we();
+	u(() => document.getElementById(Me), Ne, !!k?.instructions);
+	let U = B(void 0), Pe = l({
+		bottomGap: Dt,
+		minHeight: Ot
+	}), W = B(H), Fe = (e) => {
 		let t = {
-			...Me.current,
+			...W.current,
 			...e
 		};
-		Me.current = t, ke(t), ie?.(t);
-	}, Pe = (e) => e ? async (t, n) => {
-		if (K.current && !K.current.aborted) throw new DOMException("Busy", "AbortError");
-		K.current = n;
+		W.current = t, je(t), ie?.(t);
+	}, Ie = (e) => e ? async (t, n) => {
+		if (U.current && !U.current.aborted) throw new DOMException("Busy", "AbortError");
+		U.current = n;
 		try {
 			return await e(t, n);
 		} finally {
-			K.current === n && (K.current = void 0);
+			U.current === n && (U.current = void 0);
 		}
-	} : void 0, Fe = f({
-		value: W.description,
-		onChange: (e) => Ne({ description: e }),
-		onRefine: Pe(ae),
+	} : void 0, Le = f({
+		value: H.description,
+		onChange: (e) => Fe({ description: e }),
+		onRefine: Ie(ae),
 		disabled: D || x || E,
 		resetKey: r
-	}), Ie = f({
-		value: W.instructions,
-		onChange: (e) => Ne({ instructions: e }),
-		onRefine: Pe(se),
+	}), Re = f({
+		value: H.instructions,
+		onChange: (e) => Fe({ instructions: e }),
+		onRefine: Ie(se),
 		disabled: D || x || E,
 		resetKey: r
-	}), Le = Fe.isPending || Ie.isPending, Re = () => {
-		Fe.reset(), Ie.reset();
+	}), ze = Le.isPending || Re.isPending, Be = () => {
+		Le.reset(), Re.reset();
 	}, Ve = () => {
-		Re(), pe();
+		Be(), fe();
+	}, He = () => {
+		Be(), pe();
 	}, Ue = () => {
-		Re(), _e();
-	}, Ke = () => {
-		D || x || E || K.current && !K.current.aborted || fe(W);
-	}, qe = H(r), Ye = qe.current !== r, Xe = H(i), [Qe, $e] = U(!1);
-	B(() => {
-		qe.current = r;
+		D || x || E || U.current && !U.current.aborted || de(H);
+	}, Ke = B(r), Je = Ke.current !== r, Ze = B(i), [Qe, et] = V(!1);
+	R(() => {
+		Ke.current = r;
 		let e = {
 			name: r?.name ?? "",
 			description: r?.description ?? "",
 			instructions: r?.instructions ?? ""
 		};
-		Me.current = e, ke(e), Xe.current = i, $e(!1);
+		W.current = e, je(e), Ze.current = i, et(!1);
 	}, [r]);
-	let et = (e) => JSON.stringify([...e].sort((e, t) => e.path.localeCompare(t.path))), nt = H(!1);
-	B(() => {
-		if (Ye) return;
+	let tt = (e) => JSON.stringify([...e].sort((e, t) => e.path.localeCompare(t.path))), rt = B(!1);
+	R(() => {
+		if (Je) return;
 		let e = {
 			name: r?.name ?? "",
 			description: r?.description ?? "",
 			instructions: r?.instructions ?? ""
-		}, t = JSON.stringify(W) !== JSON.stringify(e) || et(i) !== et(Xe.current) || Qe;
-		t !== nt.current && (nt.current = t, re?.(t));
+		}, t = JSON.stringify(H) !== JSON.stringify(e) || tt(i) !== tt(Ze.current) || Qe;
+		t !== rt.current && (rt.current = t, re?.(t));
 	}, [
-		W,
+		H,
 		i,
 		r,
-		Ye,
+		Je,
 		Qe,
 		re
 	]);
-	let [ot, st] = U(q), X = s ?? ot, dt = z((e) => {
-		st(e), d?.(e);
-	}, [d]), [ft, Z] = U([]), pt = p ?? ft, mt = V(() => new Set(pt), [pt]), ht = z((e) => {
+	let [it, at] = V(G), q = s ?? it, ut = L((e) => {
+		at(e), d?.(e);
+	}, [d]), [dt, mt] = V([]), gt = p ?? dt, Y = z(() => new Set(gt), [gt]), X = L((e) => {
 		let t = [...e];
-		Z(t), m?.(t);
-	}, [m]), [gt, _t] = U(!1), [vt, kt] = U(xt), At = z((e) => {
-		kt(e), _t(!0);
-	}, []), [jt, Mt] = U(!1), { isDragActive: Nt, dropZoneHandlers: Pt } = rt(z((e) => {
-		gt || At({
-			...xt,
+		mt(t), m?.(t);
+	}, [m]), [_t, vt] = V(!1), [yt, bt] = V(Tt), xt = L((e) => {
+		bt(e), vt(!0);
+	}, []), [St, Nt] = V(!1), { isDragActive: Pt, dropZoneHandlers: Ft } = st(L((e) => {
+		_t || xt({
+			...Tt,
 			initialFiles: e
 		});
-	}, [gt, At])), Q = Te ?? {}, $ = Ee?.colors, Ft = Ee?.typography ?? {}, It = Ft.titleClassName ?? "dial-body-semi-text", Lt = Ft.helperTextClassName ?? "dial-tiny-semi-text", Rt = Ft.removeIconClassName, zt = Ft.menuIconClassName ?? "text-secondary", Bt = o({
-		"--se-title-color": $?.title,
-		"--se-helper-text-color": $?.helperText,
-		"--se-refine-action-text": $?.refineActionText,
-		"--se-refine-error-text": $?.refineErrorText,
-		"--se-files-card-bg": $?.filesCardBackground,
-		"--se-files-card-border": $?.filesCardBorder
+	}, [_t, xt])), Z = De ?? {}, Q = Oe?.colors, $ = Oe?.typography ?? {}, It = $.titleClassName ?? "dial-body-semi-text", Lt = $.helperTextClassName ?? "dial-tiny-semi-text", Rt = $.removeIconClassName, zt = $.menuIconClassName ?? "text-secondary", Bt = o({
+		"--se-title-color": Q?.title,
+		"--se-helper-text-color": Q?.helperText,
+		"--se-refine-action-text": Q?.refineActionText,
+		"--se-refine-error-text": Q?.refineErrorText,
+		"--se-files-card-bg": Q?.filesCardBackground,
+		"--se-files-card-border": Q?.filesCardBorder
 	}), Vt = {
-		footerBackground: $?.dialogFooterBackground,
-		footerBorder: $?.dialogFooterBorder
+		footerBackground: Q?.dialogFooterBackground,
+		footerBorder: Q?.dialogFooterBorder
 	}, Ht = {
-		feedbackClassName: c($?.refineActionText && bt.refineFeedback, Ft.refineFeedbackClassName, We.refineFeedback),
-		errorClassName: bt.refineError
+		feedbackClassName: c(Q?.refineActionText && wt.refineFeedback, $.refineFeedbackClassName, Ye.refineFeedback),
+		errorClassName: wt.refineError
 	}, Ut = {
-		layout: $?.border ? { colors: {
-			headerBorderColor: $.border,
-			sidebarBorderColor: $.border
+		layout: Q?.border ? { colors: {
+			headerBorderColor: Q.border,
+			sidebarBorderColor: Q.border
 		} } : void 0,
-		section: $?.title ? { colors: { titleColor: $.title } } : void 0
-	}, Wt = V(() => ({
-		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"
+		section: Q?.title ? { colors: { titleColor: Q.title } } : void 0
+	}, Wt = z(() => ({
+		required: Z.folderNameRequiredError ?? "Enter a folder name",
+		invalid: Z.folderNameInvalidError ?? "Folder name can't contain / or \\, or be . or ..",
+		duplicate: Z.folderNameDuplicateError ?? "An item with this name already exists here"
 	}), [
-		Q.folderNameRequiredError,
-		Q.folderNameInvalidError,
-		Q.folderNameDuplicateError
-	]), Gt = z((e) => {
-		mt.has(e) || ht(/* @__PURE__ */ new Set([...mt, e]));
-	}, [mt, ht]), Kt = vt.targetFolderPath, qt = V(() => ({
-		...P,
+		Z.folderNameRequiredError,
+		Z.folderNameInvalidError,
+		Z.folderNameDuplicateError
+	]), Gt = L((e) => {
+		Y.has(e) || X(/* @__PURE__ */ new Set([...Y, e]));
+	}, [Y, X]), Kt = yt.targetFolderPath, qt = z(() => ({
+		...N,
 		commitBatch: async (e) => {
-			let t = await P.commitBatch(e);
+			let t = await N.commitBatch(e);
 			return !t.error && Kt !== "" && Gt(Kt), t;
 		}
 	}), [
-		P,
+		N,
 		Kt,
 		Gt
-	]), Jt = tt({
+	]), Jt = ot({
 		files: i,
-		fileActions: P,
-		defaultName: Q.newFolderDefaultName ?? "New folder",
+		fileActions: N,
+		defaultName: Z.newFolderDefaultName ?? "New folder",
 		messages: Wt,
 		onRevealFolder: Gt,
-		onCreated: dt
-	}), { draftNode: Yt, draftPath: Xt, draftPane: Zt } = Jt, Qt = V(() => Je([{
-		path: q,
-		name: q,
-		kind: J.File
-	}, ...i]), [i]), $t = V(() => Yt ? Je([
+		onCreated: ut
+	}), { draftNode: Yt, draftPath: Xt, draftPane: Zt } = Jt, Qt = z(() => $e([{
+		path: G,
+		name: G,
+		kind: K.File
+	}, ...i]), [i]), $t = z(() => Yt ? $e([
 		{
-			path: q,
-			name: q,
-			kind: J.File
+			path: G,
+			name: G,
+			kind: K.File
 		},
 		...i,
 		Yt
@@ -1323,51 +1323,51 @@ var We = {
 		i,
 		Yt,
 		Qt
-	]), en = V(() => i.find((e) => e.path === X), [i, X]), tn = z((e) => {
-		e.path !== Xt && dt(e.path);
-	}, [dt, Xt]), nn = z((e) => {
-		P.onRemoveNode(e), X === e && dt(q);
+	]), en = z(() => i.find((e) => e.path === q), [i, q]), tn = L((e) => {
+		e.path !== Xt && ut(e.path);
+	}, [ut, Xt]), nn = L((e) => {
+		N.onRemoveNode(e), q === e && ut(G);
 	}, [
-		P,
-		X,
-		dt
-	]), { startDraft: rn } = Jt, { onCreateFolder: an, extractArchive: on, pickFromFileSystem: sn } = P, [cn, ln] = U(null), un = z((e, t) => {
-		t === Y.Mobile ? ln(e) : rn(e, t);
-	}, [rn]), dn = V(() => i.filter((e) => e.kind === J.File).map((e) => e.path), [i]), fn = z(async (e) => {
+		N,
+		q,
+		ut
+	]), { startDraft: rn } = Jt, { onCreateFolder: an, extractArchive: on, pickFromFileSystem: sn } = N, [cn, ln] = V(null), un = L((e, t) => {
+		t === J.Mobile ? ln(e) : rn(e, t);
+	}, [rn]), dn = z(() => i.filter((e) => e.kind === K.File).map((e) => e.path), [i]), fn = L(async (e) => {
 		if (!sn) return;
 		let t = await sn();
-		t?.length && At({
-			mode: it.Files,
+		t?.length && xt({
+			mode: ct.Files,
 			targetFolderPath: e,
 			initialEntries: t
 		});
-	}, [sn, At]), pn = z((e, t) => {
-		let n = (e) => at(e, zt), r = [];
+	}, [sn, xt]), pn = L((e, t) => {
+		let n = (e) => lt(e, zt), r = [];
 		return an && r.push({
 			key: "create-folder",
-			label: Q.createFolderLabel ?? "Create folder",
-			icon: n(de),
+			label: Z.createFolderLabel ?? "Create folder",
+			icon: n(ge),
 			onClick: () => un(e, t)
 		}), r.push({
 			key: "upload-files",
-			label: Q.uploadFilesLabel ?? "Upload files from device",
-			icon: n(he),
-			onClick: () => At({
-				mode: it.Files,
+			label: Z.uploadFilesLabel ?? "Upload files from device",
+			icon: n(be),
+			onClick: () => xt({
+				mode: ct.Files,
 				targetFolderPath: e
 			})
 		}), on && r.push({
 			key: "upload-archive",
-			label: Q.uploadArchiveLabel ?? "Upload archive from device",
-			icon: n(R),
-			onClick: () => At({
-				mode: it.Archive,
+			label: Z.uploadArchiveLabel ?? "Upload archive from device",
+			icon: n(he),
+			onClick: () => xt({
+				mode: ct.Archive,
 				targetFolderPath: e
 			})
 		}), sn && r.push({
 			key: "open-file-system",
-			label: Q.openFileSystemLabel ?? "Open DIAL file system",
-			icon: n(ue),
+			label: Z.openFileSystemLabel ?? "Open DIAL file system",
+			icon: n(me),
 			onClick: () => void fn(e)
 		}), r;
 	}, [
@@ -1375,78 +1375,78 @@ var We = {
 		an,
 		on,
 		sn,
-		Q.createFolderLabel,
-		Q.uploadFilesLabel,
-		Q.uploadArchiveLabel,
-		Q.openFileSystemLabel,
+		Z.createFolderLabel,
+		Z.uploadFilesLabel,
+		Z.uploadArchiveLabel,
+		Z.openFileSystemLabel,
 		un,
-		At,
+		xt,
 		fn
-	]), mn = V(() => {
-		let e = Ze(Ge.Header, i.find((e) => e.path === X));
+	]), mn = z(() => {
+		let e = nt(Xe.Header, i.find((e) => e.path === q));
 		return {
-			[Y.Mobile]: pn(e, Y.Mobile),
-			[Y.Desktop]: pn(e, Y.Desktop)
+			[J.Mobile]: pn(e, J.Mobile),
+			[J.Desktop]: pn(e, J.Desktop)
 		};
 	}, [
 		pn,
 		i,
-		X
-	]), hn = z((e, t) => {
-		if (e.path === Xt || e.nodeType !== be.FOLDER) return [];
+		q
+	]), hn = L((e, t) => {
+		if (e.path === Xt || e.nodeType !== Te.FOLDER) return [];
 		let n = {
 			path: e.path,
 			name: e.name,
-			kind: J.Folder
-		}, r = pn(Ze(Ge.Child, n), t);
+			kind: K.Folder
+		}, r = pn(nt(Xe.Child, n), t);
 		return r.push({
 			key: "delete",
-			label: Q.deleteLabel ?? "Delete",
+			label: Z.deleteLabel ?? "Delete",
 			danger: !0,
-			icon: at(me, Rt),
+			icon: lt(ye, Rt),
 			onClick: () => nn(e.path)
 		}), r;
 	}, [
 		Xt,
-		Q.deleteLabel,
+		Z.deleteLabel,
 		Rt,
 		pn,
 		nn
-	]), gn = V(() => ({
-		[Y.Mobile]: (e) => hn(e, Y.Mobile),
-		[Y.Desktop]: (e) => hn(e, Y.Desktop)
-	}), [hn]), _n = z((e) => e.nodeType === be.FOLDER || e.path === "SKILL.md" ? null : /* @__PURE__ */ I(ee, {
+	]), gn = z(() => ({
+		[J.Mobile]: (e) => hn(e, J.Mobile),
+		[J.Desktop]: (e) => hn(e, J.Desktop)
+	}), [hn]), _n = L((e) => e.nodeType === Te.FOLDER || e.path === "SKILL.md" ? null : /* @__PURE__ */ F(ee, {
 		size: C.Small,
-		icon: at(me, Rt, y.SM),
-		"aria-label": Q.deleteLabel ?? "Delete",
+		icon: lt(ye, Rt, y.SM),
+		"aria-label": Z.deleteLabel ?? "Delete",
 		onClick: () => nn(e.path)
 	}), [
-		Q.deleteLabel,
+		Z.deleteLabel,
 		Rt,
 		nn
-	]), vn = (e) => /* @__PURE__ */ L("div", {
+	]), vn = (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(bt.title, It),
-				children: Q.filesHeading ?? "Files"
-			}), /* @__PURE__ */ I(g, {
-				label: Q.addLabel ?? "Add",
+			children: [/* @__PURE__ */ F("span", {
+				className: c(wt.title, It),
+				children: Z.filesHeading ?? "Files"
+			}), /* @__PURE__ */ F(g, {
+				label: Z.addLabel ?? "Add",
 				variant: _.Neutral,
 				appearance: h.Solid,
 				size: C.Small,
 				items: mn[e]
 			})]
-		}), /* @__PURE__ */ I("div", {
+		}), /* @__PURE__ */ F("div", {
 			role: "tree",
-			"aria-label": Q.filesTreeAriaLabel ?? "Skill files",
-			children: /* @__PURE__ */ I(xe, {
+			"aria-label": Z.filesTreeAriaLabel ?? "Skill files",
+			children: /* @__PURE__ */ F(Ee, {
 				items: Zt === e ? $t : Qt,
 				showFiles: !0,
-				selectedPath: X,
-				expandedPaths: mt,
-				onExpandedPathsChange: ht,
+				selectedPath: q,
+				expandedPaths: Y,
+				onExpandedPathsChange: X,
 				onItemClick: tn,
 				getContextMenuItems: gn[e],
 				renderItemActions: _n,
@@ -1457,231 +1457,229 @@ var We = {
 				rootItemPath: ""
 			})
 		})]
-	}), yn = V(() => ({
-		name: W.name,
-		description: W.description,
+	}), yn = z(() => ({
+		name: H.name,
+		description: H.description,
 		iconUrl: "",
 		version: "",
 		topics: [],
 		otherLocales: []
-	}), [W.name, W.description]), bn = V(() => ({
+	}), [H.name, H.description]), bn = z(() => ({
 		name: k?.name,
 		description: k?.description
-	}), [k?.name, k?.description]), xn = V(() => ({ form: {
-		...Be,
+	}), [k?.name, k?.description]), xn = z(() => ({ form: {
+		...Ge,
 		name: {
-			label: Q.nameLabel ?? "Name",
-			placeholder: Q.namePlaceholder ?? "good-morning-breakfast"
+			label: Z.nameLabel ?? "Name",
+			placeholder: Z.namePlaceholder ?? "good-morning-breakfast"
 		},
 		description: {
-			label: Q.descriptionLabel ?? "Description",
-			placeholder: Q.descriptionPlaceholder ?? "What this skill does and when to use it"
+			label: Z.descriptionLabel ?? "Description",
+			placeholder: Z.descriptionPlaceholder ?? "What this skill does and when to use it"
 		},
 		ariaLabel: void 0
 	} }), [
-		Q.nameLabel,
-		Q.namePlaceholder,
-		Q.descriptionLabel,
-		Q.descriptionPlaceholder
+		Z.nameLabel,
+		Z.namePlaceholder,
+		Z.descriptionLabel,
+		Z.descriptionPlaceholder
 	]), Sn = (e) => {
-		e.name !== void 0 && Ne({ name: e.name }), e.description !== void 0 && (Fe.reset(), Ne({ description: e.description }));
-	}, Cn = ae ? (e, t) => /* @__PURE__ */ I(a, {
+		e.name !== void 0 && Fe({ name: e.name }), e.description !== void 0 && (Le.reset(), Fe({ description: e.description }));
+	}, Cn = ae ? (e, t) => /* @__PURE__ */ F(a, {
 		isEnabled: !0,
 		fieldId: t,
 		required: !0,
-		label: Q.descriptionLabel ?? "Description",
-		labels: Q,
-		refinement: Fe,
-		disabled: Le || D,
+		label: Z.descriptionLabel ?? "Description",
+		labels: Z,
+		refinement: Le,
+		disabled: ze || D,
 		...Ht,
 		children: e
 	}) : void 0, wn = {
-		title: Se,
-		onBack: Ue,
+		title: ve,
+		onBack: He,
 		onCancel: Ve,
-		onSubmit: Ke,
-		submitLabel: Q.createLabel ?? "Create",
-		isSubmitDisabled: Le || x || E,
+		onSubmit: Ue,
+		submitLabel: Z.createLabel ?? "Create",
+		isSubmitDisabled: ze || x || E,
 		labels: {
-			cancelLabel: Q.cancelLabel ?? "Cancel",
-			backAriaLabel: ve ?? "Back",
-			savingStatusLabel: Q.savingStatusLabel ?? "Saving"
+			cancelLabel: Z.cancelLabel ?? "Cancel",
+			backAriaLabel: _e ?? "Back",
+			savingStatusLabel: Z.savingStatusLabel ?? "Saving"
 		},
 		styles: Ut,
 		metadataTitle: null
 	};
-	if (x) return /* @__PURE__ */ I("div", {
-		dir: De,
+	if (x) return /* @__PURE__ */ F("div", {
+		dir: ke,
 		className: "relative flex min-h-0 flex-1 flex-col",
-		children: /* @__PURE__ */ I(ze, {
+		children: /* @__PURE__ */ F(We, {
 			...wn,
-			metadata: /* @__PURE__ */ I("div", {
-				role: "status",
-				"aria-label": Q.loadingAriaLabel ?? "Loading skill",
+			metadata: /* @__PURE__ */ F("div", {
 				className: "flex flex-1 items-center justify-center p-8",
-				children: /* @__PURE__ */ I(oe, {})
+				children: /* @__PURE__ */ F(le, { ariaLabel: Z.loadingAriaLabel ?? "Loading skill" })
 			})
 		})
 	});
-	if (E) return /* @__PURE__ */ I("div", {
-		dir: De,
+	if (E) return /* @__PURE__ */ F("div", {
+		dir: ke,
 		className: "relative flex min-h-0 flex-1 flex-col",
-		children: /* @__PURE__ */ I(ze, {
+		children: /* @__PURE__ */ F(We, {
 			...wn,
-			metadata: /* @__PURE__ */ I("div", {
+			metadata: /* @__PURE__ */ F("div", {
 				className: "p-8",
-				children: /* @__PURE__ */ I(w, {
-					message: Q.loadErrorMessage ?? "Couldn't load this skill. Please try again.",
+				children: /* @__PURE__ */ F(w, {
+					message: Z.loadErrorMessage ?? "Couldn't load this skill. Please try again.",
 					iconStroke: b,
-					action: /* @__PURE__ */ I(N, {
-						label: Q.retryLabel ?? "Retry",
-						onClick: Ce
+					action: /* @__PURE__ */ F(oe, {
+						label: Z.retryLabel ?? "Retry",
+						onClick: Se
 					})
 				})
 			})
 		})
 	});
-	let Tn = X === q, En = Tn ? q : Q.selectedFileHeading?.(en?.name ?? X) ?? en?.name ?? X, Dn = j != null || M != null ? /* @__PURE__ */ L("div", {
+	let Tn = q === G, En = Tn ? G : Z.selectedFileHeading?.(en?.name ?? q) ?? en?.name ?? q, Dn = j != null || M != null ? /* @__PURE__ */ I("div", {
 		className: "flex flex-col gap-2",
-		children: [j != null && /* @__PURE__ */ L("div", {
+		children: [j != null && /* @__PURE__ */ I("div", {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ I(T, { text: j }), we != null && /* @__PURE__ */ I(O, {
-				label: Q.retryLabel ?? "Retry",
-				onClick: we
+			children: [/* @__PURE__ */ F(T, { text: j }), Ce != null && /* @__PURE__ */ F(O, {
+				label: Z.retryLabel ?? "Retry",
+				onClick: Ce
 			})]
-		}), M != null && /* @__PURE__ */ L("div", {
+		}), M != null && /* @__PURE__ */ I("div", {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ I(T, { text: M.message }), /* @__PURE__ */ I(O, {
-				label: Q.reloadLatestLabel ?? "Reload latest",
+			children: [/* @__PURE__ */ F(T, { text: M.message }), /* @__PURE__ */ F(O, {
+				label: Z.reloadLatestLabel ?? "Reload latest",
 				onClick: te
 			})]
 		})]
-	}) : void 0, On = /* @__PURE__ */ I(a, {
+	}) : void 0, On = /* @__PURE__ */ F(a, {
 		isEnabled: !!se,
-		fieldId: Ae,
+		fieldId: Me,
 		required: !0,
-		labelClassName: c(bt.helperText, Lt),
-		label: Q.instructionsLabel ?? "Instructions",
-		labels: Q,
-		refinement: Ie,
-		disabled: Le || D,
+		labelClassName: c(wt.helperText, Lt),
+		label: Z.instructionsLabel ?? "Instructions",
+		labels: Z,
+		refinement: Re,
+		disabled: ze || D,
 		...Ht,
-		children: /* @__PURE__ */ L("div", {
+		children: /* @__PURE__ */ I("div", {
 			className: "flex flex-1 flex-col gap-2",
 			children: [
-				!se && /* @__PURE__ */ I(A, {
-					htmlFor: Ae,
-					className: c(bt.helperText, Lt),
-					label: Q.instructionsLabel ?? "Instructions",
+				!se && /* @__PURE__ */ F(A, {
+					htmlFor: Me,
+					className: c(wt.helperText, Lt),
+					label: Z.instructionsLabel ?? "Instructions",
 					required: !0
 				}),
-				/* @__PURE__ */ I("div", {
-					ref: je,
+				/* @__PURE__ */ F("div", {
+					ref: Pe,
 					className: c(t, e, n),
-					children: /* @__PURE__ */ I(ge, {
-						fallback: /* @__PURE__ */ I(oe, { ariaLabel: Q.instructionsLoadingAriaLabel ?? "Loading" }),
-						children: /* @__PURE__ */ I(Ot, {
-							id: Ae,
-							ariaLabel: Q.instructionsLabel ?? "Instructions",
-							value: W.instructions,
+					children: /* @__PURE__ */ F(xe, {
+						fallback: /* @__PURE__ */ F(le, { ariaLabel: Z.instructionsLoadingAriaLabel ?? "Loading" }),
+						children: /* @__PURE__ */ F(Mt, {
+							id: Me,
+							ariaLabel: Z.instructionsLabel ?? "Instructions",
+							value: H.instructions,
 							onChange: (e) => {
-								Ie.reset(), Ne({ instructions: e });
+								Re.reset(), Fe({ instructions: e });
 							},
-							theme: Oe,
+							theme: Ae,
 							showDragbar: !1,
-							placeholder: Q.instructionsPlaceholder ?? "Write the skill instructions in Markdown"
+							placeholder: Z.instructionsPlaceholder ?? "Write the skill instructions in Markdown"
 						})
 					})
 				}),
-				k?.instructions != null && /* @__PURE__ */ I(T, {
-					id: G,
+				k?.instructions != null && /* @__PURE__ */ F(T, {
+					id: Ne,
 					text: k.instructions
 				})
 			]
 		})
 	});
-	return /* @__PURE__ */ L("div", {
-		dir: De,
-		className: c("relative flex min-h-0 min-w-0 flex-1 flex-col", We.root),
+	return /* @__PURE__ */ I("div", {
+		dir: ke,
+		className: c("relative flex min-h-0 min-w-0 flex-1 flex-col", Ye.root),
 		style: Bt,
-		...Pt,
+		...Ft,
 		children: [
-			/* @__PURE__ */ I(lt, {
-				isVisible: Nt && !gt,
-				labels: Te
+			/* @__PURE__ */ F(pt, {
+				isVisible: Pt && !_t,
+				labels: De
 			}),
-			/* @__PURE__ */ I(ze, {
+			/* @__PURE__ */ F(We, {
 				...wn,
-				asideData: le,
-				asideSectionClassName: Et,
+				asideData: ue,
+				asideSectionClassName: At,
 				isSubmitting: D,
-				metadataSectionClassName: Tt,
-				metadata: /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I("div", {
+				metadataSectionClassName: kt,
+				metadata: /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F("div", {
 					className: "desktop:hidden",
-					children: /* @__PURE__ */ I(ut, {
-						label: Q.editingFileLabel ?? "Editing file",
+					children: /* @__PURE__ */ F(ht, {
+						label: Z.editingFileLabel ?? "Editing file",
 						fileName: en?.name ?? "SKILL.md",
-						isExpanded: jt,
-						onToggle: Mt,
-						labelClassName: Ft.editingFileLabelClassName,
-						fileNameClassName: Ft.editingFileNameClassName,
-						children: vn(Y.Mobile)
+						isExpanded: St,
+						onToggle: Nt,
+						labelClassName: $.editingFileLabelClassName,
+						fileNameClassName: $.editingFileNameClassName,
+						children: vn(J.Mobile)
 					})
-				}), /* @__PURE__ */ I("div", {
+				}), /* @__PURE__ */ F("div", {
 					className: "hidden desktop:block",
-					children: vn(Y.Desktop)
+					children: vn(J.Desktop)
 				})] }),
 				alert: Dn,
 				setupTitle: En,
-				setupSectionClassName: Dt,
-				setup: Tn ? /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(He, {
+				setupSectionClassName: jt,
+				setup: Tn ? /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(qe, {
 					values: yn,
 					errors: bn,
 					onChange: Sn,
-					fields: St,
+					fields: Et,
 					isDescriptionRequired: !0,
 					isNameReadOnly: ne,
-					nameReadOnlyTooltip: Q.nameReadOnlyTooltip ?? "The skill name can't be changed after creation",
-					nameCaption: k?.name ? void 0 : Q.nameCaption ?? "Lowercase letters and hyphens only, no spaces. We'll reformat automatically if needed.",
+					nameReadOnlyTooltip: Z.nameReadOnlyTooltip ?? "The skill name can't be changed after creation",
+					nameCaption: k?.name ? void 0 : Z.nameCaption ?? "Lowercase letters and hyphens only, no spaces. We'll reformat automatically if needed.",
 					renderDescription: Cn,
 					labels: xn
-				}), On] }) : /* @__PURE__ */ I(F, { children: en?.kind === J.File && /* @__PURE__ */ I("div", {
+				}), On] }) : /* @__PURE__ */ F(P, { children: en?.kind === K.File && /* @__PURE__ */ F("div", {
 					className: "flex h-[max(320px,60dvh)] min-h-0 min-w-0 flex-none flex-col desktop:h-auto desktop:flex-1",
-					children: ce ?? /* @__PURE__ */ I(v, { 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: ce ?? /* @__PURE__ */ F(v, { text: Z.supportingFileNote ?? "This supporting file is included in the skill package as-is. Remove it from the Files panel to replace its content." })
 				}) })
 			}),
-			/* @__PURE__ */ I(yt, {
-				isOpen: gt,
-				onClose: () => _t(!1),
+			/* @__PURE__ */ F(Ct, {
+				isOpen: _t,
+				onClose: () => vt(!1),
 				fileActions: qt,
-				mode: vt.mode,
-				targetFolderPath: vt.targetFolderPath,
-				initialFiles: vt.initialFiles,
-				initialEntries: vt.initialEntries,
+				mode: yt.mode,
+				targetFolderPath: yt.targetFolderPath,
+				initialFiles: yt.initialFiles,
+				initialEntries: yt.initialEntries,
 				existingFilePaths: dn,
 				onCommitted: (e) => {
-					e.some((e) => e.replacesExisting) && $e(!0);
+					e.some((e) => e.replacesExisting) && et(!0);
 				},
-				messageClassName: Ft.uploadMessageClassName,
-				rowCaptionClassName: Ft.uploadRowCaptionClassName,
-				labels: Te,
+				messageClassName: $.uploadMessageClassName,
+				rowCaptionClassName: $.uploadRowCaptionClassName,
+				labels: De,
 				dialogColors: Vt
 			}),
-			/* @__PURE__ */ I(ct, {
+			/* @__PURE__ */ F(ft, {
 				isOpen: cn != null,
 				onClose: () => ln(null),
 				validateName: (e) => Jt.validateNewFolder(e, cn ?? ""),
 				onCreate: (e) => Jt.createFolder(e, cn ?? ""),
-				title: Q.createFolderLabel ?? "Create folder",
-				nameLabel: Q.createFolderNameLabel ?? "Name",
-				namePlaceholder: Q.createFolderNamePlaceholder ?? "Enter folder name",
-				createLabel: Q.createFolderConfirmLabel ?? "Create",
-				cancelLabel: Q.cancelLabel ?? "Cancel",
-				closeAriaLabel: Q.createFolderCloseAriaLabel ?? "Close",
+				title: Z.createFolderLabel ?? "Create folder",
+				nameLabel: Z.createFolderNameLabel ?? "Name",
+				namePlaceholder: Z.createFolderNamePlaceholder ?? "Enter folder name",
+				createLabel: Z.createFolderConfirmLabel ?? "Create",
+				cancelLabel: Z.cancelLabel ?? "Cancel",
+				closeAriaLabel: Z.createFolderCloseAriaLabel ?? "Close",
 				dialogColors: Vt
 			})
 		]
 	});
 };
 //#endregion
-export { We as SKILL_EDITOR_CLASS, kt as SkillEditor, dt as SkillFileCandidateKind, J as SkillFileNodeKind, it as SkillFileUploadMode, ft as SkillFileValidationStatus };
+export { Ye as SKILL_EDITOR_CLASS, Nt as SkillEditor, gt as SkillFileCandidateKind, K as SkillFileNodeKind, ct as SkillFileUploadMode, Y as SkillFileValidationStatus };