@epam/ai-dial-skill-editor 1.0.0-rc.5

package/components/SkillEditor/SkillEditor.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { SkillEditorProps } from '../../models/skill-editor-props';
+/** Host-agnostic form for authoring a DIAL Skill's manifest and supporting files. */
+export declare const SkillEditor: FC<SkillEditorProps>;
+//# sourceMappingURL=SkillEditor.d.ts.map

package/components/SkillEditor/SkillEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkillEditor.d.ts","sourceRoot":"","sources":["../../../src/components/SkillEditor/SkillEditor.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAEL,EAAE,EASH,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EACV,gBAAgB,EAGjB,MAAM,iCAAiC,CAAC;AAqBzC,qFAAqF;AACrF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAmc5C,CAAC"}

package/components/SkillFileDropOverlay/SkillFileDropOverlay.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { SkillEditorLabels } from '../../models/skill-editor-props';
+/** Props for `SkillFileDropOverlay`. */
+export interface SkillFileDropOverlayProps {
+    /** Whether the overlay is shown. */
+    isVisible: boolean;
+    /** Text overrides. */
+    labels?: Pick<SkillEditorLabels, 'dropOverlayTitle' | 'dropOverlaySubtitle'>;
+}
+/**
+ * Full-surface overlay shown while a file-bearing drag is over the editor
+ * and the upload dialog isn't open yet, mirroring the chat composer's
+ * page-wide drag overlay so the interaction feels consistent app-wide.
+ */
+export declare const SkillFileDropOverlay: FC<SkillFileDropOverlayProps>;
+//# sourceMappingURL=SkillFileDropOverlay.d.ts.map

package/components/SkillFileDropOverlay/SkillFileDropOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkillFileDropOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/SkillFileDropOverlay/SkillFileDropOverlay.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAEzE,wCAAwC;AACxC,MAAM,WAAW,yBAAyB;IACxC,oCAAoC;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,MAAM,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,kBAAkB,GAAG,qBAAqB,CAAC,CAAC;CAC9E;AAED;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CA0B9D,CAAC"}

package/components/SkillFileUploadDialog/SkillFileUploadDialog.d.ts

@@ -0,0 +1,24 @@
+import { FC } from 'react';
+import { SkillEditorFileActions, SkillEditorLabels } from '../../models/skill-editor-props';
+/** Props for `SkillFileUploadDialog`. */
+export interface SkillFileUploadDialogProps {
+    /** Whether the dialog is open. */
+    isOpen: boolean;
+    /** Called to close the dialog (Escape, close control, Cancel, or a successful commit). */
+    onClose: () => void;
+    /** Batch validation/commit operations, host-owned. */
+    fileActions: Pick<SkillEditorFileActions, 'validateBatch' | 'commitBatch'>;
+    /**
+     * Files to stage immediately when the dialog opens (e.g. files dropped
+     * outside the dialog before it was open). Read once per open transition.
+     */
+    initialFiles?: File[];
+    /** Text overrides. */
+    labels?: SkillEditorLabels;
+}
+/**
+ * Upload dialog offering drag-and-drop and click-to-browse multi-file
+ * staging, with per-row validation feedback and an atomic batch commit.
+ */
+export declare const SkillFileUploadDialog: FC<SkillFileUploadDialogProps>;
+//# sourceMappingURL=SkillFileUploadDialog.d.ts.map

package/components/SkillFileUploadDialog/SkillFileUploadDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkillFileUploadDialog.d.ts","sourceRoot":"","sources":["../../../src/components/SkillFileUploadDialog/SkillFileUploadDialog.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAe,EAAE,EAAE,MAAM,OAAO,CAAC;AAG7C,OAAO,KAAK,EACV,sBAAsB,EACtB,iBAAiB,EAGlB,MAAM,iCAAiC,CAAC;AAOzC,yCAAyC;AACzC,MAAM,WAAW,0BAA0B;IACzC,kCAAkC;IAClC,MAAM,EAAE,OAAO,CAAC;IAChB,0FAA0F;IAC1F,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,sDAAsD;IACtD,WAAW,EAAE,IAAI,CAAC,sBAAsB,EAAE,eAAe,GAAG,aAAa,CAAC,CAAC;IAC3E;;;OAGG;IACH,YAAY,CAAC,EAAE,IAAI,EAAE,CAAC;IACtB,sBAAsB;IACtB,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B;AAWD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAoQhE,CAAC"}

package/hooks/useSkillFileDropZone.d.ts

@@ -0,0 +1,27 @@
+import { DragEvent } from 'react';
+/** React drag-event handlers to spread onto a drop-zone element. */
+export interface SkillFileDropZoneHandlers {
+    /** Attach to the drop-zone element's `onDragEnter`. */
+    onDragEnter: (event: DragEvent<HTMLElement>) => void;
+    /** Attach to the drop-zone element's `onDragLeave`. */
+    onDragLeave: (event: DragEvent<HTMLElement>) => void;
+    /** Attach to the drop-zone element's `onDragOver`. */
+    onDragOver: (event: DragEvent<HTMLElement>) => void;
+    /** Attach to the drop-zone element's `onDrop`. */
+    onDrop: (event: DragEvent<HTMLElement>) => void;
+}
+/** State and handlers returned by `useSkillFileDropZone`. */
+export interface SkillFileDropZoneState {
+    /** Whether a file-bearing drag is currently over the drop zone. */
+    isDragActive: boolean;
+    /** Handlers to spread onto the drop-zone element. */
+    dropZoneHandlers: SkillFileDropZoneHandlers;
+}
+/**
+ * Scoped drag-and-drop state for a single drop-zone element, using the same
+ * nested-enter/leave counting technique as the app's page-wide
+ * `usePageFileDrag`, but attached directly to the element's own React drag
+ * events instead of `document` listeners.
+ */
+export declare const useSkillFileDropZone: (onFilesDropped: (files: File[]) => void) => SkillFileDropZoneState;
+//# sourceMappingURL=useSkillFileDropZone.d.ts.map

package/hooks/useSkillFileDropZone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSkillFileDropZone.d.ts","sourceRoot":"","sources":["../../src/hooks/useSkillFileDropZone.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,oEAAoE;AACpE,MAAM,WAAW,yBAAyB;IACxC,uDAAuD;IACvD,WAAW,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACrD,uDAAuD;IACvD,WAAW,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACrD,sDAAsD;IACtD,UAAU,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACpD,kDAAkD;IAClD,MAAM,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CACjD;AAED,6DAA6D;AAC7D,MAAM,WAAW,sBAAsB;IACrC,mEAAmE;IACnE,YAAY,EAAE,OAAO,CAAC;IACtB,qDAAqD;IACrD,gBAAgB,EAAE,yBAAyB,CAAC;CAC7C;AAKD;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,GAC/B,gBAAgB,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,KACtC,sBAyCF,CAAC"}

package/index.css

@@ -0,0 +1,2 @@
+._title_l82ak_1{color:var(--se-title-color,var(--text-primary,#161b2d))}._helperText_l82ak_5{color:var(--se-helper-text-color,var(--text-secondary,#57647a))}._headerBorder_l82ak_9{border-bottom-color:var(--se-border-color,var(--stroke-tertiary,#e0e6f0))}._sidebarBorder_l82ak_13{border-inline-end-color:var(--se-border-color,var(--stroke-tertiary,#e0e6f0))}._actionBarBorder_l82ak_17{border-top-color:var(--se-border-color,var(--stroke-tertiary,#e0e6f0))}
+/*$vite$:1*/

package/index.d.ts

@@ -0,0 +1,5 @@
+export { SkillEditor } from './components/SkillEditor/SkillEditor';
+export type { SkillEditorColors, SkillEditorConflict, SkillEditorErrors, SkillEditorFileActions, SkillEditorLabels, SkillEditorProps, SkillEditorStyles, SkillEditorTypography, SkillEditorValues, SkillFileBatchError, SkillFileCommitResult, SkillFileTreeNode, SkillFileUploadCandidate, SkillFileValidationResult, } from './models/skill-editor-props';
+export { SkillFileCandidateKind, SkillFileValidationStatus, } from './models/skill-editor-props';
+export { SkillFileNodeKind } from './types/skill-file-node-kind';
+//# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,YAAY,EACV,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,EACjB,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,iBAAiB,EACjB,wBAAwB,EACxB,yBAAyB,GAC1B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,sBAAsB,EACtB,yBAAyB,GAC1B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC"}

package/index.js

@@ -0,0 +1,537 @@
+import { buildCssVars as e, formatFileSize as t, mergeClasses as n } from "@epam/ai-dial-chat-shared";
+import { DialFileNodeType as r, DialFoldersTree as i } from "@epam/ai-dial-react-file-manager";
+import { Accordion as a, CaptionText as ee, DIAL_ICON_SIZE as o, EditorThemes as s, ErrorText as c, GhostButton as l, GhostIconButton as te, Input as u, LazyMarkdownEditor as d, NeutralButton as f, Popup as ne, PopupSize as p, PrimaryButton as m, Spinner as h, Textarea as g } from "@epam/ai-dial-ui-kit";
+import { IconFileText as re, IconPlus as _, IconTrashX as ie, IconUpload as v } from "@tabler/icons-react";
+import { Suspense as y, lazy as b, useCallback as x, useEffect as S, useId as C, useMemo as w, useRef as T, useState as E } from "react";
+import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
+//#region src/hooks/useSkillFileDropZone.ts
+var A = (e) => !!e.dataTransfer?.types.includes("Files"), ae = (e) => {
+	let [t, n] = E(!1), r = T(0);
+	return {
+		isDragActive: t,
+		dropZoneHandlers: {
+			onDragEnter: x((e) => {
+				A(e) && (e.preventDefault(), r.current += 1, n(!0));
+			}, []),
+			onDragLeave: x((e) => {
+				A(e) && (--r.current, r.current <= 0 && (r.current = 0, n(!1)));
+			}, []),
+			onDragOver: x((e) => {
+				A(e) && e.preventDefault();
+			}, []),
+			onDrop: x((t) => {
+				if (!A(t)) return;
+				t.preventDefault(), r.current = 0, n(!1);
+				let i = Array.from(t.dataTransfer?.files ?? []);
+				i.length > 0 && e(i);
+			}, [e])
+		}
+	};
+}, j = "SKILL.md", M = /* @__PURE__ */ function(e) {
+	return e.File = "file", e.Folder = "folder", e;
+}({}), N = (e) => {
+	let t = e.lastIndexOf("/");
+	return t === -1 ? null : e.slice(0, t);
+}, P = (e) => {
+	let t = e.lastIndexOf("/");
+	return t === -1 ? e : e.slice(t + 1);
+}, oe = (e) => {
+	let t = /* @__PURE__ */ new Map(), n = (e) => {
+		let n = t.get(e);
+		if (n) return n;
+		let i = {
+			path: e,
+			name: P(e),
+			nodeType: r.FOLDER,
+			parentPath: N(e),
+			folderId: e,
+			items: []
+		};
+		return t.set(e, i), i;
+	};
+	for (let i of e) {
+		if (i.kind === M.Folder) {
+			n(i.path);
+			continue;
+		}
+		t.set(i.path, {
+			path: i.path,
+			name: i.name,
+			nodeType: r.ITEM,
+			parentPath: N(i.path),
+			folderId: N(i.path) ?? ""
+		});
+	}
+	for (let t of [...e]) {
+		let e = N(t.path);
+		for (; e != null;) n(e), e = N(e);
+	}
+	let i = [];
+	for (let e of t.values()) {
+		if (e.parentPath == null) {
+			i.push(e);
+			continue;
+		}
+		let n = t.get(e.parentPath);
+		n ? n.items = [...n.items ?? [], e] : i.push(e);
+	}
+	return i;
+}, se = ({ isVisible: e, labels: t }) => {
+	if (!e) return null;
+	let r = t ?? {};
+	return /* @__PURE__ */ O("div", {
+		role: "status",
+		"aria-live": "polite",
+		className: n("pointer-events-none absolute inset-0 z-[100] flex items-center justify-center backdrop-blur-sm"),
+		children: /* @__PURE__ */ k("div", {
+			className: "flex flex-col items-center text-center",
+			children: [
+				/* @__PURE__ */ O(v, {
+					size: 100,
+					className: "text-accent-primary",
+					"aria-hidden": !0
+				}),
+				/* @__PURE__ */ O("span", {
+					className: "dial-h3-text mt-5",
+					children: r.dropOverlayTitle ?? "Upload files"
+				}),
+				/* @__PURE__ */ O("span", {
+					className: "dial-small-text mt-4",
+					children: r.dropOverlaySubtitle ?? "Drop files here to add them to this skill"
+				})
+			]
+		})
+	});
+}, F = /* @__PURE__ */ function(e) {
+	return e.SupportingFile = "supporting-file", e.Manifest = "manifest", e;
+}({}), I = /* @__PURE__ */ function(e) {
+	return e.Valid = "valid", e.Invalid = "invalid", e;
+}({}), L = (e) => (e.webkitRelativePath || e.name).replace(/\\/g, "/"), R = 0, z = () => `skill-file-candidate-${++R}`, ce = ({ isOpen: e, onClose: r, fileActions: i, initialFiles: a, labels: ee }) => {
+	let o = ee ?? {}, s = T(null), [u, d] = E([]), [f, g] = E(/* @__PURE__ */ new Map()), [_, y] = E([]), [b, x] = E(!1), [w, D] = E(), [A, j] = E(!1), M = C(), N = (e) => {
+		let t = e.map((e) => ({
+			id: z(),
+			file: e,
+			path: L(e)
+		}));
+		D(void 0), d((e) => [...e, ...t]);
+	}, P = (e) => {
+		d((t) => t.filter((t) => t.id !== e));
+	}, { isDragActive: oe, dropZoneHandlers: se } = ae(N);
+	S(() => {
+		e && (d((a ?? []).map((e) => ({
+			id: z(),
+			file: e,
+			path: L(e)
+		}))), g(/* @__PURE__ */ new Map()), y([]), D(void 0));
+	}, [e]), S(() => {
+		if (!e) return;
+		let t = !1;
+		if (u.length === 0) {
+			g(/* @__PURE__ */ new Map()), y([]);
+			return;
+		}
+		return x(!0), i.validateBatch(u).then(({ results: e, batchErrors: n }) => {
+			t || (g(new Map(e.map((e) => [e.candidateId, e]))), y(n.map((e) => e.message)));
+		}).finally(() => {
+			t || x(!1);
+		}), () => {
+			t = !0;
+		};
+	}, [u, e]);
+	let R = (e) => {
+		let t = Array.from(e.target.files ?? []);
+		e.target.value = "", t.length > 0 && N(t);
+	}, ce = u.some((e) => f.get(e.id)?.status === I.Invalid), B = u.length > 0 && u.every((e) => f.get(e.id)?.status === I.Invalid), le = u.length > 0 && !ce && _.length === 0 && !b && !A, V = async () => {
+		j(!0), D(void 0);
+		try {
+			let { results: e, batchErrors: t } = await i.validateBatch(u), n = new Map(e.map((e) => [e.candidateId, e]));
+			if (g(n), y(t.map((e) => e.message)), u.some((e) => n.get(e.id)?.status === I.Invalid) || t.length > 0) return;
+			let a = await i.commitBatch(u);
+			if (a.error) {
+				D(a.error);
+				return;
+			}
+			r();
+		} finally {
+			j(!1);
+		}
+	};
+	return /* @__PURE__ */ O(ne, {
+		open: e,
+		header: o.uploadDialogTitle ?? "Upload files from device",
+		size: p.Sm,
+		closeAriaLabel: o.uploadDialogCloseAriaLabel ?? "Close",
+		onClose: r,
+		footer: /* @__PURE__ */ k("div", {
+			className: "flex min-h-[44px] items-center justify-end gap-2 px-6 py-4",
+			children: [/* @__PURE__ */ O(l, {
+				label: o.uploadCancelLabel ?? "Cancel",
+				onClick: r
+			}), /* @__PURE__ */ O(m, {
+				label: o.uploadConfirmLabel ?? "Add",
+				iconBefore: A ? /* @__PURE__ */ O(h, {
+					size: 16,
+					ariaLabel: ""
+				}) : void 0,
+				onClick: () => void V(),
+				disabled: !le
+			})]
+		}),
+		children: /* @__PURE__ */ k("div", {
+			className: "flex flex-col gap-4 px-6 py-4",
+			children: [
+				/* @__PURE__ */ k("div", {
+					role: "button",
+					tabIndex: 0,
+					"aria-label": o.uploadDropZoneAriaLabel ?? "Upload files",
+					className: n("bg-layer-2 flex min-h-[164px] cursor-pointer flex-col items-center justify-center gap-4 rounded-lg border border-dashed border-secondary px-6 py-9 focus-visible:outline focus-visible:outline-focus-black", oe && "bg-layer-3 border-accent-primary", B && "border-error"),
+					onClick: () => s.current?.click(),
+					onKeyDown: (e) => {
+						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), s.current?.click());
+					},
+					...se,
+					children: [/* @__PURE__ */ O(v, {
+						size: 32,
+						"aria-hidden": !0
+					}), /* @__PURE__ */ k("div", {
+						className: "flex flex-col items-center gap-2 text-center",
+						children: [/* @__PURE__ */ O("span", {
+							className: "dial-small-text desktop:hidden",
+							children: o.uploadDropZoneMobileLabel ?? "Click here to upload"
+						}), /* @__PURE__ */ O("span", {
+							className: "dial-small-text hidden desktop:inline",
+							children: o.uploadDropZoneLabel ?? "Drag and drop it or click here to upload"
+						})]
+					})]
+				}),
+				/* @__PURE__ */ O("input", {
+					ref: s,
+					type: "file",
+					multiple: !0,
+					className: "hidden",
+					onChange: R
+				}),
+				/* @__PURE__ */ O("span", {
+					role: "status",
+					"aria-live": "polite",
+					className: "sr-only",
+					id: M,
+					children: _.map((e) => `${o.uploadBatchErrorAriaPrefix ?? "Upload error: "}${e}`).join(" ")
+				}),
+				_.map((e) => /* @__PURE__ */ O(c, { text: e }, e)),
+				u.length > 0 && /* @__PURE__ */ O("ul", {
+					className: "flex flex-col gap-2",
+					children: u.map((e) => {
+						let n = f.get(e.id), r = n?.kind === F.Manifest, i = n?.status === I.Invalid;
+						return /* @__PURE__ */ k("li", {
+							className: "flex items-center gap-2 rounded-lg border border-tertiary p-2",
+							children: [
+								/* @__PURE__ */ O(re, {
+									size: 20,
+									"aria-hidden": !0
+								}),
+								/* @__PURE__ */ k("div", {
+									className: "flex min-w-0 flex-1 flex-col",
+									children: [
+										/* @__PURE__ */ O("span", {
+											className: "dial-small-text truncate",
+											children: e.path
+										}),
+										/* @__PURE__ */ O("span", {
+											className: "dial-tiny-text text-secondary",
+											children: t(e.file.size)
+										}),
+										i && n?.error && /* @__PURE__ */ O(c, { text: n.error }),
+										r && !i && /* @__PURE__ */ O("span", {
+											className: "dial-tiny-text text-secondary",
+											children: o.uploadManifestRowNote ?? "Will replace this Skill's name, description, and instructions"
+										})
+									]
+								}),
+								/* @__PURE__ */ O(te, {
+									icon: /* @__PURE__ */ O(ie, {
+										size: 16,
+										"aria-hidden": !0
+									}),
+									"aria-label": o.uploadRemoveCandidateLabel?.(e.path) ?? `Remove ${e.path}`,
+									onClick: () => P(e.id)
+								})
+							]
+						}, e.id);
+					})
+				}),
+				w && /* @__PURE__ */ O(c, { text: w })
+			]
+		})
+	});
+}, B = {
+	title: "_title_l82ak_1",
+	helperText: "_helperText_l82ak_5",
+	headerBorder: "_headerBorder_l82ak_9",
+	sidebarBorder: "_sidebarBorder_l82ak_13",
+	actionBarBorder: "_actionBarBorder_l82ak_17"
+}, le = b(async () => {
+	let { MarkdownEditor: e } = await d();
+	return { default: e };
+}), V = ({ initialValues: t, files: r, selectedPath: te, onSelectedPathChange: d, expandedPaths: ne, onExpandedPathsChange: p, isLoading: re = !1, hasLoadError: v = !1, isSubmitting: b = !1, errors: A, submitError: N, conflict: P, onReloadLatest: F, isNameReadOnly: I = !1, onDirtyChange: L, fileActions: R, headerContent: z, supportingFileContent: V, onSubmit: ue, onCancel: de, onRetry: fe, labels: H, styles: pe, dir: me, instructionsEditorTheme: he = s.light }) => {
+	let [U, W] = E({
+		name: t?.name ?? "",
+		description: t?.description ?? "",
+		instructions: t?.instructions ?? ""
+	}), ge = T(r);
+	S(() => {
+		W({
+			name: t?.name ?? "",
+			description: t?.description ?? "",
+			instructions: t?.instructions ?? ""
+		}), ge.current = r;
+	}, [t]);
+	let _e = (e) => JSON.stringify([...e].sort((e, t) => e.path.localeCompare(t.path))), ve = T(!1);
+	S(() => {
+		let e = {
+			name: t?.name ?? "",
+			description: t?.description ?? "",
+			instructions: t?.instructions ?? ""
+		}, n = JSON.stringify(U) !== JSON.stringify(e) || _e(r) !== _e(ge.current);
+		n !== ve.current && (ve.current = n, L?.(n));
+	}, [
+		U,
+		r,
+		t,
+		L
+	]);
+	let [ye, be] = E(j), G = te ?? ye, K = x((e) => {
+		be(e), d?.(e);
+	}, [d]), [xe, Se] = E([]), Ce = ne ?? xe, we = w(() => new Set(Ce), [Ce]), Te = x((e) => {
+		let t = [...e];
+		Se(t), p?.(t);
+	}, [p]), [q, J] = E(!1), [Ee, Y] = E(), [De, Oe] = E(!0), { isDragActive: ke, dropZoneHandlers: Ae } = ae(x((e) => {
+		q || (Y(e), J(!0));
+	}, [q])), X = H ?? {}, Z = pe?.colors, Q = pe?.typography ?? {}, je = Q.titleClassName ?? "dial-body-semi-text", Me = Q.helperTextClassName ?? "dial-tiny-semi-text", Ne = Q.removeIconClassName ?? "text-secondary", Pe = e({
+		"--se-title-color": Z?.title,
+		"--se-helper-text-color": Z?.helperText,
+		"--se-border-color": Z?.border
+	}), Fe = w(() => oe([{
+		path: j,
+		name: j,
+		kind: M.File
+	}, ...r]), [r]), $ = w(() => r.find((e) => e.path === G), [r, G]), Ie = x((e) => {
+		K(e.path);
+	}, [K]), Le = x((e) => {
+		R.onRemoveNode(e), G === e && K(j);
+	}, [
+		R,
+		G,
+		K
+	]), Re = x((e) => e.path === "SKILL.md" ? [] : [{
+		key: "remove",
+		label: X.removeLabel ?? "Remove",
+		icon: /* @__PURE__ */ O(ie, {
+			size: o.SM,
+			className: Ne,
+			"aria-hidden": !0
+		}),
+		onClick: () => Le(e.path)
+	}], [
+		X.removeLabel,
+		Ne,
+		Le
+	]), ze = C(), Be = C(), Ve = /* @__PURE__ */ k("div", {
+		className: "flex flex-col gap-2 desktop:gap-5",
+		children: [/* @__PURE__ */ k("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ O("span", {
+				className: n(B.title, je),
+				children: X.filesHeading ?? "Files"
+			}), /* @__PURE__ */ O(f, {
+				label: X.addUploadLabel ?? "Upload from device",
+				iconBefore: /* @__PURE__ */ O(_, {
+					size: 16,
+					"aria-hidden": !0
+				}),
+				onClick: () => {
+					Y(void 0), J(!0);
+				}
+			})]
+		}), /* @__PURE__ */ O("div", {
+			id: ze,
+			role: "tree",
+			"aria-label": X.filesTreeAriaLabel ?? "Skill files",
+			children: /* @__PURE__ */ O(i, {
+				items: Fe,
+				showFiles: !0,
+				selectedPath: G,
+				expandedPaths: we,
+				onExpandedPathsChange: Te,
+				onItemClick: Ie,
+				getContextMenuItems: Re,
+				rootItemPath: ""
+			})
+		})]
+	}), He = b ? X.savingStatusLabel ?? "Saving" : "", Ue = /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(l, {
+		label: X.cancelLabel ?? "Cancel",
+		onClick: de,
+		disabled: b
+	}), /* @__PURE__ */ O(m, {
+		label: X.createLabel ?? "Create",
+		iconBefore: b ? /* @__PURE__ */ O(h, {
+			size: 16,
+			ariaLabel: ""
+		}) : void 0,
+		onClick: () => ue(U),
+		disabled: b
+	})] });
+	return re ? /* @__PURE__ */ O("div", {
+		className: "flex h-full items-center justify-center",
+		children: /* @__PURE__ */ O(h, { ariaLabel: X.loadingAriaLabel ?? "Loading skill" })
+	}) : v ? /* @__PURE__ */ k("div", {
+		role: "alert",
+		className: "flex flex-col items-center gap-4 p-8",
+		children: [/* @__PURE__ */ O(c, { text: X.loadErrorMessage ?? "Couldn't load this skill. Please try again." }), /* @__PURE__ */ O(m, {
+			label: X.retryLabel ?? "Retry",
+			onClick: fe
+		})]
+	}) : /* @__PURE__ */ k("div", {
+		dir: me,
+		className: "relative flex h-full flex-col",
+		style: Pe,
+		...Ae,
+		children: [
+			/* @__PURE__ */ O(se, {
+				isVisible: ke && !q,
+				labels: H
+			}),
+			/* @__PURE__ */ O("span", {
+				role: "status",
+				"aria-live": "polite",
+				className: "sr-only",
+				id: Be,
+				children: He
+			}),
+			N && /* @__PURE__ */ O("div", {
+				role: "alert",
+				className: "px-4 pt-2",
+				children: /* @__PURE__ */ O(c, { text: N })
+			}),
+			P && /* @__PURE__ */ k("div", {
+				role: "alert",
+				className: "flex items-center gap-2 px-4 pt-2",
+				children: [/* @__PURE__ */ O(c, { text: P.message }), /* @__PURE__ */ O(l, {
+					label: X.reloadLatestLabel ?? "Reload latest",
+					onClick: F
+				})]
+			}),
+			/* @__PURE__ */ k("div", {
+				className: n("hidden items-center justify-between gap-2 border-b px-4 py-2 desktop:flex desktop:px-8 desktop:pb-3 desktop:pt-3", B.headerBorder),
+				children: [/* @__PURE__ */ O("div", {
+					className: "flex min-w-0 flex-1 items-center gap-2",
+					children: z
+				}), /* @__PURE__ */ O("div", {
+					className: "flex shrink-0 items-center gap-2",
+					children: Ue
+				})]
+			}),
+			/* @__PURE__ */ k("div", {
+				className: "flex flex-1 flex-col gap-4 overflow-y-auto px-4 pb-20 desktop:flex-row desktop:gap-0 desktop:px-0 desktop:pb-0",
+				children: [
+					/* @__PURE__ */ O("div", {
+						className: "desktop:hidden",
+						children: /* @__PURE__ */ O(a, {
+							title: X.editingFileLabel ?? "Editing file",
+							description: $?.name ?? "SKILL.md",
+							expanded: De,
+							onToggle: Oe,
+							ariaLabel: X.editingFileLabel ?? "Editing file",
+							children: Ve
+						})
+					}),
+					/* @__PURE__ */ O("div", {
+						className: n("hidden border-e desktop:block desktop:w-[360px] desktop:shrink-0 desktop:px-8 desktop:py-6", B.sidebarBorder),
+						children: Ve
+					}),
+					/* @__PURE__ */ k("div", {
+						className: "flex min-w-0 flex-1 flex-col gap-4 desktop:gap-5 desktop:px-8 desktop:py-6",
+						children: [/* @__PURE__ */ O("h2", {
+							className: n(B.title, je),
+							children: G === "SKILL.md" ? j : X.selectedFileHeading?.($?.name ?? G) ?? $?.name ?? G
+						}), G === "SKILL.md" ? /* @__PURE__ */ k(D, { children: [
+							/* @__PURE__ */ O(u, {
+								labelProps: {
+									label: X.nameLabel ?? "Name",
+									required: !0
+								},
+								value: U.name,
+								onChange: (e) => W((t) => ({
+									...t,
+									name: e ?? ""
+								})),
+								placeholder: X.namePlaceholder ?? "good-morning-breakfast",
+								caption: A?.name ? void 0 : X.nameCaption ?? "Lowercase letters and hyphens only, no spaces. We'll reformat automatically if needed.",
+								error: A?.name,
+								invalid: !!A?.name,
+								disabled: I
+							}),
+							/* @__PURE__ */ O(g, {
+								labelProps: {
+									label: X.descriptionLabel ?? "Description",
+									required: !0
+								},
+								value: U.description,
+								placeholder: X.descriptionPlaceholder ?? "What this skill does and when to use it",
+								onChange: (e) => W((t) => ({
+									...t,
+									description: e
+								})),
+								error: A?.description,
+								invalid: !!A?.description
+							}),
+							/* @__PURE__ */ k("div", {
+								className: "flex flex-1 flex-col gap-2",
+								children: [
+									/* @__PURE__ */ k("span", {
+										className: "flex items-center gap-0.5",
+										children: [/* @__PURE__ */ O("span", {
+											className: n(B.helperText, Me),
+											children: X.instructionsLabel ?? "Instructions"
+										}), /* @__PURE__ */ O("span", {
+											className: "dial-tiny-text text-error",
+											children: "*"
+										})]
+									}),
+									/* @__PURE__ */ O(y, {
+										fallback: /* @__PURE__ */ O(h, { ariaLabel: X.instructionsLoadingAriaLabel ?? "Loading" }),
+										children: /* @__PURE__ */ O(le, {
+											value: U.instructions,
+											onChange: (e) => W((t) => ({
+												...t,
+												instructions: e
+											})),
+											theme: he,
+											placeholder: X.instructionsPlaceholder ?? "Write the skill instructions in Markdown"
+										})
+									}),
+									A?.instructions && /* @__PURE__ */ O(c, { text: A.instructions })
+								]
+							})
+						] }) : $?.kind === M.File && (V ?? /* @__PURE__ */ O(ee, { text: X.supportingFileNote ?? "This supporting file is included in the skill package as-is. Remove it from the Files panel to replace its content." }))]
+					})
+				]
+			}),
+			/* @__PURE__ */ O("div", {
+				className: n("fixed inset-x-0 bottom-0 flex items-center gap-2 border-t p-3 desktop:hidden", B.actionBarBorder),
+				children: Ue
+			}),
+			/* @__PURE__ */ O(ce, {
+				isOpen: q,
+				onClose: () => {
+					J(!1), Y(void 0);
+				},
+				fileActions: R,
+				initialFiles: Ee,
+				labels: H
+			})
+		]
+	});
+};
+//#endregion
+export { V as SkillEditor, F as SkillFileCandidateKind, M as SkillFileNodeKind, I as SkillFileValidationStatus };

package/models/skill-editor-props.d.ts

@@ -0,0 +1,298 @@
+import { EditorThemes } from '@epam/ai-dial-ui-kit';
+import { ReactNode } from 'react';
+import { SkillFileNodeKind } from '../types/skill-file-node-kind';
+/**
+ * One supporting file or folder in the skill's file tree. The mandatory root
+ * `SKILL.md` manifest node is synthesised internally by `SkillEditor` and is
+ * never part of this list.
+ */
+export interface SkillFileTreeNode {
+    /** Relative path from the skill root, using `/` separators. */
+    path: string;
+    /** Display name — the final path segment. */
+    name: string;
+    /** Whether this node is a file or a folder. */
+    kind: SkillFileNodeKind;
+}
+/** The skill fields the editor form holds. */
+export interface SkillEditorValues {
+    /** Skill name, as typed by the user (host normalizes it on submit). */
+    name: string;
+    /** Short description of what the skill does. */
+    description: string;
+    /** The skill's instructions body (Markdown). */
+    instructions: string;
+}
+/**
+ * Inline validation messages, keyed by field. Resolved by the host, which owns
+ * the DIAL naming/storage contract the values must satisfy.
+ */
+export interface SkillEditorErrors {
+    /** Message shown under the Name field. */
+    name?: string;
+    /** Message shown under the Description field. */
+    description?: string;
+    /** Message shown under the Instructions editor. */
+    instructions?: string;
+}
+/** Whether a staged upload candidate is the Skill manifest or an ordinary supporting file. */
+export declare enum SkillFileCandidateKind {
+    /** An ordinary supporting file, added to the tree on commit. */
+    SupportingFile = "supporting-file",
+    /** The root `SKILL.md` manifest, handled by the host as a metadata import rather than a tree entry. */
+    Manifest = "manifest"
+}
+/** Whether a staged upload candidate's latest host validation passed. */
+export declare enum SkillFileValidationStatus {
+    /** The candidate may be included in a commit. */
+    Valid = "valid",
+    /** The candidate is blocked from commit; see the result's `error`. */
+    Invalid = "invalid"
+}
+/** One file staged in the upload dialog, not yet committed to the editor. */
+export interface SkillFileUploadCandidate {
+    /** Stable id for React keys and remove targeting, independent of path edits. */
+    id: string;
+    /** The raw selected or dropped file. */
+    file: File;
+    /** Resolved relative path (`webkitRelativePath` falling back to `File.name`, `/`-normalized). */
+    path: string;
+}
+/** Host validation outcome for one staged candidate. */
+export interface SkillFileValidationResult {
+    /** The `SkillFileUploadCandidate.id` this result applies to. */
+    candidateId: string;
+    /** Whether the candidate currently passes host validation. */
+    status: SkillFileValidationStatus;
+    /** Whether this candidate is the Skill manifest or an ordinary supporting file. */
+    kind: SkillFileCandidateKind;
+    /** Error message to render on the candidate's row. Present when `status` is `Invalid`. */
+    error?: string;
+}
+/** A validation problem attributable to the whole staged batch, not one row (e.g. total size/count). */
+export interface SkillFileBatchError {
+    /** Message rendered in the dialog's batch-level error region. */
+    message: string;
+}
+/** Outcome of committing a staged batch to the editor. */
+export interface SkillFileCommitResult {
+    /** Present when the commit failed; the dialog stays open with the batch intact and shows this message. */
+    error?: string;
+}
+/**
+ * Host-owned operations on the in-memory supporting-file set. The library
+ * calls these when the user stages files in the upload dialog or removes an
+ * entry; it never mutates `files` itself.
+ */
+export interface SkillEditorFileActions {
+    /**
+     * Validates the complete currently staged batch. Called on every staged-set
+     * change and again immediately before a commit. Never mutates any state.
+     */
+    validateBatch: (candidates: SkillFileUploadCandidate[]) => Promise<{
+        /** One result per candidate, in the same order as `candidates`. */
+        results: SkillFileValidationResult[];
+        /** Errors attributable to the batch as a whole. */
+        batchErrors: SkillFileBatchError[];
+    }>;
+    /**
+     * Called once, with the full currently-valid staged batch, when the user
+     * confirms the upload dialog. Resolves without an `error` to close the
+     * dialog and clear staged state; resolves with an `error` to keep the
+     * dialog open with the batch intact.
+     */
+    commitBatch: (candidates: SkillFileUploadCandidate[]) => Promise<SkillFileCommitResult>;
+    /** Called after the user confirms removing a non-protected node already present in the tree. */
+    onRemoveNode: (path: string) => void;
+}
+/** Text overrides for `SkillEditor`. Every field has an English default. */
+export interface SkillEditorLabels {
+    /** Files pane heading. Defaults to `'Files'`. */
+    filesHeading?: string;
+    /** Accessible name of the file tree region. Defaults to `'Skill files'`. */
+    filesTreeAriaLabel?: string;
+    /**
+     * Label of the control that opens the device file picker to add a
+     * supporting file. Defaults to `'Upload from device'`.
+     */
+    addUploadLabel?: string;
+    /** Accessible label of a node's remove action. Defaults to `'Remove'`. */
+    removeLabel?: string;
+    /** Collapsed mobile summary label. Defaults to `'Editing file'`. */
+    editingFileLabel?: string;
+    /** Main-pane heading, given the selected node's name. Defaults to the name itself. */
+    selectedFileHeading?: (name: string) => string;
+    /** Name field label. Defaults to `'Name'`. */
+    nameLabel?: string;
+    /** Name field placeholder. Defaults to `'good-morning-breakfast'`. */
+    namePlaceholder?: string;
+    /** Name field helper text. Defaults to `"Lowercase letters and hyphens only, no spaces. We'll reformat automatically if needed."`. */
+    nameCaption?: string;
+    /** Description field label. Defaults to `'Description'`. */
+    descriptionLabel?: string;
+    /** Description field placeholder. Defaults to `'What this skill does and when to use it'`. */
+    descriptionPlaceholder?: string;
+    /** Instructions editor label. Defaults to `'Instructions'`. */
+    instructionsLabel?: string;
+    /** Instructions editor placeholder. Defaults to `'Write the skill instructions in Markdown'`. */
+    instructionsPlaceholder?: string;
+    /** Create button label. Defaults to `'Create'`. */
+    createLabel?: string;
+    /** Cancel button label. Defaults to `'Cancel'`. */
+    cancelLabel?: string;
+    /** Retry button label shown in the load-error state. Defaults to `'Retry'`. */
+    retryLabel?: string;
+    /** Message shown when the skill could not be loaded. Defaults to `"Couldn't load this skill. Please try again."`. */
+    loadErrorMessage?: string;
+    /** Status announced while a save is in flight. Defaults to `'Saving'`. */
+    savingStatusLabel?: string;
+    /** Accessible label of the top-level loading spinner shown while `isLoading` is `true`. Defaults to `'Loading skill'`. */
+    loadingAriaLabel?: string;
+    /** Accessible label of the spinner shown while the Instructions Markdown editor's chunk is loading. Defaults to `'Loading'`. */
+    instructionsLoadingAriaLabel?: string;
+    /** Note shown in the main pane when a supporting file (not `SKILL.md` or a folder) is selected. Defaults to a sentence explaining content isn't editable here. */
+    supportingFileNote?: string;
+    /** Label of the "Reload latest" button rendered next to the host-supplied `conflict.message` in the conflict state. Defaults to `'Reload latest'`. */
+    reloadLatestLabel?: string;
+    /** Upload dialog title. Defaults to `'Upload files from device'`. */
+    uploadDialogTitle?: string;
+    /** Accessible label of the upload dialog's close control. Defaults to `'Close'`. */
+    uploadDialogCloseAriaLabel?: string;
+    /** Drop-zone copy shown at the `desktop` breakpoint. Defaults to `'Drag and drop it or click here to upload'`. */
+    uploadDropZoneLabel?: string;
+    /** Drop-zone copy shown at the `mobile` breakpoint (no drag surface). Defaults to `'Click here to upload'`. */
+    uploadDropZoneMobileLabel?: string;
+    /** Accessible label of the drop zone / native-picker trigger. Defaults to `'Upload files'`. */
+    uploadDropZoneAriaLabel?: string;
+    /** Builds the accessible label of a staged row's remove control, given its path. Defaults to a sentence naming the path. */
+    uploadRemoveCandidateLabel?: (path: string) => string;
+    /** Explanatory copy on a manifest-kind staged row. Defaults to a sentence explaining it will populate/replace the Skill's metadata. */
+    uploadManifestRowNote?: string;
+    /** Confirm ("Add"/"Upload") button label in the upload dialog. Defaults to `'Add'`. */
+    uploadConfirmLabel?: string;
+    /** Cancel button label in the upload dialog. Defaults to `'Cancel'`. */
+    uploadCancelLabel?: string;
+    /** Prefix announced in the `aria-live` region when a batch-level error appears. Defaults to `'Upload error: '`. */
+    uploadBatchErrorAriaPrefix?: string;
+    /** Title shown in the full-surface overlay while a file-bearing drag is over the editor and the upload dialog isn't open yet. Defaults to `'Upload files'`. */
+    dropOverlayTitle?: string;
+    /** Subtitle shown below `dropOverlayTitle`. Defaults to `'Drop files here to add them to this skill'`. */
+    dropOverlaySubtitle?: string;
+}
+/**
+ * Describes a save-time conflict (e.g. a stale ETag) distinct from
+ * `submitError` (an unrecoverable submit failure). When present, `SkillEditor`
+ * renders `conflict.message` plus a "Reload latest" control that calls
+ * `onReloadLatest` — the control never clears any field itself.
+ */
+export interface SkillEditorConflict {
+    /** Host-resolved, already-translated conflict message. */
+    message: string;
+}
+/** CSS custom-property color overrides for `SkillEditor`. */
+export interface SkillEditorColors {
+    /** Color of the "Files" and selected-file section headings. Defaults to `--text-primary`. */
+    title?: string;
+    /** Color of the hand-rendered Instructions field label. Defaults to `--text-secondary`. */
+    helperText?: string;
+    /** Border color of the desktop header row, the Files sidebar divider, and the mobile sticky action bar. Defaults to `--stroke-tertiary`. */
+    border?: string;
+}
+/** Typography class overrides for `SkillEditor`. */
+export interface SkillEditorTypography {
+    /** Typography class applied to the "Files" and selected-file section headings. Defaults to `'dial-body-semi-text'`. */
+    titleClassName?: string;
+    /** Typography class applied to the hand-rendered Instructions field label. Defaults to `'dial-tiny-semi-text'`. */
+    helperTextClassName?: string;
+    /** Color class applied to the file tree "Remove" context-menu icon. Defaults to `'text-secondary'`. */
+    removeIconClassName?: string;
+}
+/** Grouped style overrides for `SkillEditor`. */
+export interface SkillEditorStyles {
+    /** Color overrides, applied as CSS custom properties. */
+    colors?: SkillEditorColors;
+    /** Typography class overrides. */
+    typography?: SkillEditorTypography;
+}
+/** Props for `SkillEditor`. */
+export interface SkillEditorProps {
+    /**
+     * Values to seed the fields with. Changing this object's identity re-seeds
+     * the form, so hosts that load asynchronously should memoise it and only
+     * produce a new object once the data has arrived.
+     */
+    initialValues?: Partial<SkillEditorValues>;
+    /** Supporting files/folders, excluding the always-present root `SKILL.md` node, which the component synthesises. */
+    files: SkillFileTreeNode[];
+    /** Currently selected node path. Defaults to `'SKILL.md'` when omitted. */
+    selectedPath?: string;
+    /** Called when the selected node changes. Omit to let the component manage selection internally. */
+    onSelectedPathChange?: (path: string) => void;
+    /** Currently expanded folder paths. Omit to let the component manage expansion internally. */
+    expandedPaths?: string[];
+    /** Called when the set of expanded folder paths changes. */
+    onExpandedPathsChange?: (paths: string[]) => void;
+    /** Whether the skill being edited is still loading. Defaults to `false`. */
+    isLoading?: boolean;
+    /** Whether loading the skill failed; renders an error state with a retry instead of the form. Defaults to `false`. */
+    hasLoadError?: boolean;
+    /** Whether a save is in flight; disables submission. Defaults to `false`. */
+    isSubmitting?: boolean;
+    /** Inline validation messages to render under the fields. */
+    errors?: SkillEditorErrors;
+    /** General submit-time error (e.g. a naming conflict or a server error) rendered in a `role="alert"` region. */
+    submitError?: string;
+    /**
+     * A save-time conflict (e.g. a stale ETag), distinct from `submitError`.
+     * When present, renders `conflict.message` plus a "Reload latest" control
+     * calling `onReloadLatest`. Omit when there is no conflict.
+     */
+    conflict?: SkillEditorConflict;
+    /** Called when the conflict state's "Reload latest" control is activated. Required when `conflict` can be set. */
+    onReloadLatest?: () => void;
+    /**
+     * When `true`, the Name field renders read-only — its value is still
+     * included in submitted values unchanged. The host sets this in edit mode,
+     * since DIAL Core has no rename/move operation for a skill; the library
+     * itself has no notion of "edit mode" and infers no policy from this flag
+     * beyond disabling the field.
+     */
+    isNameReadOnly?: boolean;
+    /**
+     * Called whenever any field value or the file-tree state diverges from its
+     * most recently seeded `initialValues`/`files` (`true`), and again once it
+     * returns to exactly that seeded state (`false`).
+     */
+    onDirtyChange?: (isDirty: boolean) => void;
+    /** File-tree mutation operations. */
+    fileActions: SkillEditorFileActions;
+    /**
+     * Host-rendered content (e.g. a back button and page title) placed at the
+     * start of the desktop header row, before the Cancel/Create actions. The
+     * library renders it verbatim with no knowledge of what it contains.
+     */
+    headerContent?: ReactNode;
+    /**
+     * Host-rendered content shown in the main pane in place of `labels.supportingFileNote`
+     * whenever the currently selected node is a supporting file (not `SKILL.md`, not a
+     * folder). The library renders it verbatim with no knowledge of what it contains — it
+     * only decides *when* to show it, mirroring the `headerContent` pattern. Falls back to
+     * `labels.supportingFileNote` when omitted.
+     */
+    supportingFileContent?: ReactNode;
+    /** Called with the current values when the form is submitted. */
+    onSubmit: (values: SkillEditorValues) => void;
+    /** Called when the form is dismissed without saving. */
+    onCancel: () => void;
+    /** Called when the retry button in the load-error state is activated. */
+    onRetry?: () => void;
+    /** Text overrides. */
+    labels?: SkillEditorLabels;
+    /** Style overrides. */
+    styles?: SkillEditorStyles;
+    /** Explicit direction override. Omit to inherit from the ambient `dir` attribute. */
+    dir?: 'ltr' | 'rtl';
+    /** Theme applied to the Instructions Markdown editor, resolved by the host from its own theme state. Defaults to `EditorThemes.light`. */
+    instructionsEditorTheme?: EditorThemes;
+}
+//# sourceMappingURL=skill-editor-props.d.ts.map

package/models/skill-editor-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skill-editor-props.d.ts","sourceRoot":"","sources":["../../src/models/skill-editor-props.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@epam/ai-dial-skill-editor",
+  "description": "Host-agnostic form for authoring a DIAL Skill, with an inline supporting-file tree",
+  "version": "1.0.0-rc.5",
+  "license": "Apache-2.0",
+  "type": "module",
+  "main": "./index.js",
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js",
+      "default": "./index.js"
+    }
+  },
+  "peerDependencies": {
+    "@epam/ai-dial-chat-shared": "1.0.0-rc.5",
+    "@epam/ai-dial-ui-kit": "^0.13.0-dev.26",
+    "@epam/ai-dial-react-file-manager": "^0.1.0-dev.22",
+    "@tabler/icons-react": "^3.0.0",
+    "react": "^19.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/epam/ai-dial-chat.git",
+    "directory": "libs/skill-editor"
+  }
+}

package/test-setup.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=test-setup.d.ts.map

package/test-setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-setup.d.ts","sourceRoot":"","sources":["../src/test-setup.ts"],"names":[],"mappings":""}

package/types/skill-editor-defaults.d.ts

@@ -0,0 +1,3 @@
+/** Relative path of the mandatory root manifest node, always present and always first in the tree. */
+export declare const SKILL_MANIFEST_PATH = "SKILL.md";
+//# sourceMappingURL=skill-editor-defaults.d.ts.map

package/types/skill-editor-defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skill-editor-defaults.d.ts","sourceRoot":"","sources":["../../src/types/skill-editor-defaults.ts"],"names":[],"mappings":"AAAA,sGAAsG;AACtG,eAAO,MAAM,mBAAmB,aAAa,CAAC"}

package/types/skill-file-node-kind.d.ts

@@ -0,0 +1,8 @@
+/** Kind of entry in the skill's file tree. */
+export declare enum SkillFileNodeKind {
+    /** A regular file, including the protected root `SKILL.md`. */
+    File = "file",
+    /** A grouping folder that may contain other files/folders. */
+    Folder = "folder"
+}
+//# sourceMappingURL=skill-file-node-kind.d.ts.map

package/types/skill-file-node-kind.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skill-file-node-kind.d.ts","sourceRoot":"","sources":["../../src/types/skill-file-node-kind.ts"],"names":[],"mappings":"AAAA,8CAA8C;AAC9C,oBAAY,iBAAiB;IAC3B,+DAA+D;IAC/D,IAAI,SAAS;IACb,8DAA8D;IAC9D,MAAM,WAAW;CAClB"}

package/utils/candidate-path.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Resolves a selected/dropped `File`'s relative path: `webkitRelativePath`
+ * when the browser populated it, falling back to `File.name`, with any
+ * backslash separator normalized to a forward slash.
+ */
+export declare const resolveCandidatePath: (file: File) => string;
+//# sourceMappingURL=candidate-path.d.ts.map

package/utils/candidate-path.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"candidate-path.d.ts","sourceRoot":"","sources":["../../src/utils/candidate-path.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,MAAM,IAAI,KAAG,MAKjD,CAAC"}

package/utils/file-tree.d.ts

@@ -0,0 +1,10 @@
+import { DialFile } from '@epam/ai-dial-react-file-manager';
+import { SkillFileTreeNode } from '../models/skill-editor-props';
+/**
+ * Builds the nested `DialFile[]` tree `DialFoldersTree` expects from the flat
+ * `SkillFileTreeNode[]` list, synthesising any implicit intermediate folders
+ * (e.g. `agents/analyzer.md` implies an `agents` folder even when no explicit
+ * folder node was added for it).
+ */
+export declare const buildDialFileTree: (nodes: SkillFileTreeNode[]) => DialFile[];
+//# sourceMappingURL=file-tree.d.ts.map

package/utils/file-tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-tree.d.ts","sourceRoot":"","sources":["../../src/utils/file-tree.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAatE;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,GAAI,OAAO,iBAAiB,EAAE,KAAG,QAAQ,EAuDtE,CAAC"}