@epam/ai-dial-skill-editor 1.3.0-dev.165 → 1.3.0-dev.170

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