@epam/ai-dial-skills 1.2.0-dev.181 → 1.2.0-dev.185

package/hooks/useSkillSelectorOverlay/useSkillSelectorOverlay.d.ts

@@ -7,5 +7,5 @@ import { UseSkillSelectorOverlayOptions, UseSkillSelectorOverlayResult } from '.
  * listing data, favorites state, labels, the deployment-support signal, and
  * the modal/panel components.
  */
-export declare const useSkillSelectorOverlay: ({ isEnabled, isSkillsSupported, skills, sharedWithMe, publicSkills, favoriteIds, onToggleFavorite, labels, historyChipLabelClassName, activeMentionDetailsTrigger, renderCatalogContent, detailsPanelComponent: DetailsPanelComponent, }: UseSkillSelectorOverlayOptions) => UseSkillSelectorOverlayResult;
+export declare const useSkillSelectorOverlay: ({ isSkillsSupported, skills, sharedWithMe, publicSkills, favoriteIds, onToggleFavorite, labels, historyChipLabelClassName, activeMentionDetailsTrigger, renderCatalogContent, detailsPanelComponent: DetailsPanelComponent, }: UseSkillSelectorOverlayOptions) => UseSkillSelectorOverlayResult;
 //# sourceMappingURL=useSkillSelectorOverlay.d.ts.map

package/hooks/useSkillSelectorOverlay/useSkillSelectorOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSkillSelectorOverlay.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSkillSelectorOverlay/useSkillSelectorOverlay.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EACV,8BAA8B,EAC9B,6BAA6B,EAC9B,MAAM,qCAAqC,CAAC;AAK7C;;;;;;;GAOG;AACH,eAAO,MAAM,uBAAuB,GAAI,0OAarC,8BAA8B,KAAG,6BA2ZnC,CAAC"}
+{"version":3,"file":"useSkillSelectorOverlay.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSkillSelectorOverlay/useSkillSelectorOverlay.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EACV,8BAA8B,EAC9B,6BAA6B,EAC9B,MAAM,qCAAqC,CAAC;AAK7C;;;;;;;GAOG;AACH,eAAO,MAAM,uBAAuB,GAAI,+NAYrC,8BAA8B,KAAG,6BA8XnC,CAAC"}

package/index.js

@@ -1,26 +1,26 @@
 import { DeploymentIcon as e, buildCssVars as t, isSkillSelectionUnsupported as n, mergeClasses as r } from "@epam/ai-dial-chat-shared";
 import { BASE_ICON_SIZE as i, Button as a, ButtonAppearance as o, ButtonVariant as s, DIAL_ICON_SIZE as c, DIAL_KIT_ICON_STROKE as l, Dropdown as u, FileDropzone as d, GhostButton as f, Highlight as p, Input as m, InteractiveTooltip as h, Popup as g, PopupSize as _, Search as v, ToggleIconButton as y, TooltipPlacement as b } from "@epam/ai-dial-ui-kit";
 import { Suspense as x, useCallback as S, useEffect as C, useId as ee, useLayoutEffect as w, useMemo as T, useRef as E, useState as D } from "react";
-import { IconBlocks as O, IconChevronDown as te, IconEye as ne, IconStarFilled as k, IconX as re } from "@tabler/icons-react";
-import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
-import { DialFileNodeType as N, DialFoldersTree as P } from "@epam/ai-dial-react-file-manager";
-import { CatalogContentNodeType as F, DetailsPanel as I } from "@epam/ai-dial-catalog";
+import { IconBlocks as O, IconChevronDown as k, IconEye as te, IconStarFilled as A, IconX as j } from "@tabler/icons-react";
+import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
+import { DialFileNodeType as F, DialFoldersTree as I } from "@epam/ai-dial-react-file-manager";
+import { CatalogContentNodeType as L, DetailsPanel as R } from "@epam/ai-dial-catalog";
 //#region src/constants/public-class-names.ts
-var L = {
+var z = {
 	selectorField: "dial-skills-selector-field",
 	favoritesPanel: "dial-skills-favorites-panel",
 	chip: "dial-skills-chip"
-}, R = ({ description: e, unsupportedMessage: t, viewDetailsLabel: n = "View details", onViewDetails: r, viewDetailsTabIndex: i }) => t == null ? /* @__PURE__ */ M("div", {
+}, B = ({ description: e, unsupportedMessage: t, viewDetailsLabel: n = "View details", onViewDetails: r, viewDetailsTabIndex: i }) => t == null ? /* @__PURE__ */ P("div", {
 	className: "flex flex-col gap-3",
-	children: [e != null && e !== "" && /* @__PURE__ */ j("p", {
+	children: [e != null && e !== "" && /* @__PURE__ */ N("p", {
 		className: "text-start",
 		children: e
-	}), /* @__PURE__ */ j(a, {
+	}), /* @__PURE__ */ N(a, {
 		variant: s.Primary,
 		appearance: o.Link,
 		className: "h-[24px] self-start",
 		label: n,
-		iconBefore: /* @__PURE__ */ j(ne, {
+		iconBefore: /* @__PURE__ */ N(te, {
 			size: c.SM,
 			stroke: l,
 			"aria-hidden": !0
@@ -28,10 +28,10 @@ var L = {
 		onClick: r,
 		tabIndex: i
 	})]
-}) : /* @__PURE__ */ j("p", {
+}) : /* @__PURE__ */ N("p", {
 	className: "text-start",
 	children: t
-}), z = ({ name: e, path: t, description: n, isUnsupported: i = !1, labelClassName: a = "dial-body-paragraph-text text-accent", unsupportedLabelClassName: o = "text-error", unsupportedClassName: s = "bg-error", detailsTrigger: c = "hover", onViewDetails: l, labels: u = {} }) => {
+}), V = ({ name: e, path: t, description: n, isUnsupported: i = !1, labelClassName: a = "dial-body-paragraph-text text-accent", unsupportedLabelClassName: o = "text-error", unsupportedClassName: s = "bg-error", detailsTrigger: c = "hover", onViewDetails: l, labels: u = {} }) => {
 	let { viewDetailsLabel: d = "View details", unsupportedTooltipLabel: f = "Selected model does not support skills. Remove the skill or select different model to proceed." } = u, [p, m] = D(0), [g, _] = D(!1), v = c === "click", y = () => {
 		_(!1), m((e) => e + 1), l(t);
 	}, x = (e) => {
@@ -39,29 +39,29 @@ var L = {
 	}, S = E(null), [C, ee] = D(null);
 	return w(() => {
 		ee(S.current?.getBoundingClientRect().width ?? null);
-	}, [a]), /* @__PURE__ */ j(h, {
+	}, [a]), /* @__PURE__ */ N(h, {
 		asChild: !0,
 		placement: b.Top,
 		open: v ? g : void 0,
 		onOpenChange: v ? _ : void 0,
 		contentClassName: "max-w-[550px]",
-		content: i ? /* @__PURE__ */ j(R, { unsupportedMessage: f }) : /* @__PURE__ */ j(R, {
+		content: i ? /* @__PURE__ */ N(B, { unsupportedMessage: f }) : /* @__PURE__ */ N(B, {
 			description: n,
 			viewDetailsLabel: d,
 			onViewDetails: y
 		}),
-		children: /* @__PURE__ */ M("span", {
+		children: /* @__PURE__ */ P("span", {
 			tabIndex: 0,
-			className: r("relative -me-1 -ms-1 inline-block cursor-pointer select-text rounded-full pe-1 ps-1", i ? s : "hover:bg-info focus-visible:bg-info active:bg-info", i ? r(a, o) : a, L.chip),
+			className: r("relative -me-1 -ms-1 inline-block cursor-pointer select-text rounded-full pe-1 ps-1", i ? s : "hover:bg-info focus-visible:bg-info active:bg-info", i ? r(a, o) : a, z.chip),
 			"aria-label": `/${e}`,
 			onClick: v ? () => _(!0) : void 0,
 			onKeyDown: x,
-			children: [/* @__PURE__ */ j("span", {
+			children: [/* @__PURE__ */ N("span", {
 				ref: S,
 				"aria-hidden": !0,
 				className: "inset-inline-start-0 pointer-events-none absolute top-0 select-none",
 				children: "/"
-			}), /* @__PURE__ */ j("span", {
+			}), /* @__PURE__ */ N("span", {
 				"aria-hidden": !0,
 				className: "select-none",
 				style: { paddingInlineStart: C ?? void 0 },
@@ -69,7 +69,7 @@ var L = {
 			})]
 		})
 	}, p);
-}, B = {
+}, H = {
 	row: "_row_1v431_1",
 	header: "_header_1v431_8",
 	emptyHint: "_emptyHint_1v431_12",
@@ -80,105 +80,105 @@ var L = {
 	rowLeaving: "_rowLeaving_1v431_32",
 	rowFadeOut: "_rowFadeOut_1v431_1",
 	listContent: "_listContent_1v431_60"
-}, V = "px-3 pb-0.5 pt-2", H = 180, U = 288, W = ({ favorites: n, onSelect: i, onToggleFavorite: a, onBrowse: o, onViewDetails: s, className: l, rowClassName: u, searchQuery: d, listboxId: m, activeOptionId: g, isMenu: _ = !1, labels: v = {}, colors: b, nameClassName: x = "dial-small-text", headerClassName: S = "dial-tiny-lead-semi-text", emptyHintClassName: T = "dial-small-text" }) => {
-	let { myCollectionLabel: O = "My Collection", emptyHintLabel: te = "Star a skill to pin it here", browseLabel: ne = "Browse", removeFromFavoritesLabel: re = "Remove from favorites", viewDetailsLabel: A = "View details", noMatchingSkillsLabel: N = "No matching skills" } = v, P = t({
+}, U = "px-3 pb-0.5 pt-2", W = 180, G = 288, K = ({ favorites: n, onSelect: i, onToggleFavorite: a, onBrowse: o, onViewDetails: s, className: l, rowClassName: u, searchQuery: d, listboxId: m, activeOptionId: g, isMenu: _ = !1, labels: v = {}, colors: b, nameClassName: x = "dial-small-text", headerClassName: S = "dial-tiny-lead-semi-text", emptyHintClassName: T = "dial-small-text" }) => {
+	let { myCollectionLabel: O = "My Collection", emptyHintLabel: k = "Star a skill to pin it here", browseLabel: te = "Browse", removeFromFavoritesLabel: j = "Remove from favorites", viewDetailsLabel: M = "View details", noMatchingSkillsLabel: F = "No matching skills" } = v, I = t({
 		"--fs-row-hover-bg": b?.rowHoverBackground,
 		"--fs-header-text": b?.headerText,
 		"--fs-empty-hint-text": b?.emptyHintText,
 		"--fs-star-color": b?.starColor,
 		"--fs-footer-border": b?.footerBorder
-	}), [F, I] = D(/* @__PURE__ */ new Set()), z = E(/* @__PURE__ */ new Map());
+	}), [L, R] = D(/* @__PURE__ */ new Set()), V = E(/* @__PURE__ */ new Map());
 	C(() => {
-		let e = z.current;
+		let e = V.current;
 		return () => {
 			e.forEach((e) => clearTimeout(e)), e.clear();
 		};
 	}, []);
-	let W = m != null, G = _ && !W, K = W || G ? "none" : void 0, q = "button";
-	W ? q = "option" : G && (q = "menuitem");
-	let J = ee(), Y = d != null, X = d?.toLowerCase() ?? "", Z = Y ? n.filter((e) => e.name.toLowerCase().includes(X)) : n, Q = E(null), [ie, ae] = D();
+	let K = m != null, ne = _ && !K, q = K || ne ? "none" : void 0, J = "button";
+	K ? J = "option" : ne && (J = "menuitem");
+	let Y = ee(), X = d != null, Z = d?.toLowerCase() ?? "", Q = X ? n.filter((e) => e.name.toLowerCase().includes(Z)) : n, $ = E(null), [re, ie] = D();
 	w(() => {
-		Q.current && ae(Math.min(Q.current.scrollHeight, U));
+		$.current && ie(Math.min($.current.scrollHeight, G));
 	}, [n, d]);
-	let oe = (e, t) => {
+	let ae = (e, t) => {
 		e.target === e.currentTarget && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), i(t));
-	}, se = (e) => {
-		I((t) => new Set(t).add(e));
+	}, oe = (e) => {
+		R((t) => new Set(t).add(e));
 		let t = setTimeout(() => {
-			a?.(e), I((t) => {
+			a?.(e), R((t) => {
 				let n = new Set(t);
 				return n.delete(e), n;
-			}), z.current.delete(e);
-		}, H);
-		z.current.set(e, t);
+			}), V.current.delete(e);
+		}, W);
+		V.current.set(e, t);
 	};
-	return /* @__PURE__ */ M("div", {
-		className: r("flex w-full flex-col desktop:w-[280px]", l, L.favoritesPanel),
-		style: P,
+	return /* @__PURE__ */ P("div", {
+		className: r("flex w-full flex-col desktop:w-[280px]", l, z.favoritesPanel),
+		style: I,
 		children: [
-			/* @__PURE__ */ j("p", {
-				id: J,
-				className: r(S, V, B.header),
+			/* @__PURE__ */ N("p", {
+				id: Y,
+				className: r(S, U, H.header),
 				children: O
 			}),
-			/* @__PURE__ */ j("div", {
-				className: r("max-h-72 min-h-0 flex-1 overflow-y-auto", B.listContent),
-				style: { maxHeight: ie },
-				children: /* @__PURE__ */ j("div", {
-					ref: Q,
-					children: Z.length > 0 ? /* @__PURE__ */ j("ul", {
+			/* @__PURE__ */ N("div", {
+				className: r("max-h-72 min-h-0 flex-1 overflow-y-auto", H.listContent),
+				style: { maxHeight: re },
+				children: /* @__PURE__ */ N("div", {
+					ref: $,
+					children: Q.length > 0 ? /* @__PURE__ */ N("ul", {
 						id: m,
-						role: W ? "listbox" : K,
-						"aria-labelledby": W ? J : void 0,
+						role: K ? "listbox" : q,
+						"aria-labelledby": K ? Y : void 0,
 						className: "flex flex-col gap-1 px-1 pb-1",
-						children: Z.map((t) => {
-							let n = W ? `${m}-${encodeURIComponent(t.id)}` : void 0, o = W ? -1 : void 0, l = /* @__PURE__ */ M("div", {
-								role: q,
+						children: Q.map((t) => {
+							let n = K ? `${m}-${encodeURIComponent(t.id)}` : void 0, o = K ? -1 : void 0, l = /* @__PURE__ */ P("div", {
+								role: J,
 								id: n,
-								"aria-selected": W ? n === g : void 0,
+								"aria-selected": K ? n === g : void 0,
 								"aria-label": t.name,
 								tabIndex: 0,
-								className: r("flex cursor-pointer items-center gap-2 rounded-lg border border-transparent px-2 py-1.5 transition-colors", B.row, u),
+								className: r("flex cursor-pointer items-center gap-2 rounded-lg border border-transparent px-2 py-1.5 transition-colors", H.row, u),
 								onClick: () => i(t),
-								onKeyDown: (e) => oe(e, t),
+								onKeyDown: (e) => ae(e, t),
 								children: [
-									/* @__PURE__ */ j(e, {
+									/* @__PURE__ */ N(e, {
 										size: c.MD,
 										initialsName: t.name
 									}),
-									d == null ? /* @__PURE__ */ j("span", {
+									d == null ? /* @__PURE__ */ N("span", {
 										className: r(x, "min-w-0 flex-1 truncate text-start"),
 										children: t.name
-									}) : /* @__PURE__ */ j(p, {
+									}) : /* @__PURE__ */ N(p, {
 										text: t.name,
 										query: d,
 										maxLines: 1,
 										className: r(x, "min-w-0 flex-1 text-start")
 									}),
-									a && /* @__PURE__ */ j(y, {
-										icon: /* @__PURE__ */ j(k, {
+									a && /* @__PURE__ */ N(y, {
+										icon: /* @__PURE__ */ N(A, {
 											size: c.SM,
-											className: B.star,
+											className: H.star,
 											"aria-hidden": !0
 										}),
-										"aria-label": re,
+										"aria-label": j,
 										isSelected: !0,
 										tabIndex: o,
 										onClick: (e) => {
-											e.stopPropagation(), se(t.id);
+											e.stopPropagation(), oe(t.id);
 										}
 									})
 								]
 							});
-							return /* @__PURE__ */ j("li", {
-								role: K,
-								className: F.has(t.id) ? B.rowLeaving : B.rowEnter,
-								children: s ? /* @__PURE__ */ j(h, {
+							return /* @__PURE__ */ N("li", {
+								role: q,
+								className: L.has(t.id) ? H.rowLeaving : H.rowEnter,
+								children: s ? /* @__PURE__ */ N(h, {
 									asChild: !0,
 									contentClassName: "max-w-[550px]",
-									content: /* @__PURE__ */ j(R, {
+									content: /* @__PURE__ */ N(B, {
 										description: t.description,
-										viewDetailsLabel: A,
+										viewDetailsLabel: M,
 										onViewDetails: () => s(t),
 										viewDetailsTabIndex: o
 									}),
@@ -186,43 +186,43 @@ var L = {
 								}) : l
 							}, t.id);
 						})
-					}) : Y && X !== "" ? /* @__PURE__ */ j("p", {
+					}) : X && Z !== "" ? /* @__PURE__ */ N("p", {
 						role: "status",
 						"aria-live": "polite",
-						className: r(T, "px-4 py-4 text-start", B.emptyHint),
-						children: N
-					}) : /* @__PURE__ */ j("p", {
-						className: r(T, "px-4 py-4 text-start", B.emptyHint),
-						children: te
+						className: r(T, "px-4 py-4 text-start", H.emptyHint),
+						children: F
+					}) : /* @__PURE__ */ N("p", {
+						className: r(T, "px-4 py-4 text-start", H.emptyHint),
+						children: k
 					})
 				})
 			}),
-			/* @__PURE__ */ j("div", {
-				className: r("border-t px-2 py-3", B.footer),
-				children: /* @__PURE__ */ j(f, {
-					role: G ? "menuitem" : void 0,
-					label: ne,
+			/* @__PURE__ */ N("div", {
+				className: r("border-t px-2 py-3", H.footer),
+				children: /* @__PURE__ */ N(f, {
+					role: ne ? "menuitem" : void 0,
+					label: te,
 					className: "w-full justify-center",
 					onClick: o
 				})
 			})
 		]
 	});
-}, G = ".zip,.md", K = ({ isOpen: e, errorText: t, accept: n = G, labels: r, onClose: i, onFilesSelected: a, onFilesRejected: o }) => {
+}, ne = ".zip,.md", q = ({ isOpen: e, errorText: t, accept: n = ne, labels: r, onClose: i, onFilesSelected: a, onFilesRejected: o }) => {
 	let { dialogTitle: s = "Upload skill", dropZoneLabel: c = "Drag and drop it or click here to upload", dropZoneMobileLabel: l = "Click here to upload", formatsLabel: u = "File formats .zip and SKILL.md", fileInputAriaLabel: f = "Upload a skill ZIP archive or a SKILL.md file", closeAriaLabel: p = "Close" } = r ?? {};
-	return /* @__PURE__ */ j(g, {
+	return /* @__PURE__ */ N(g, {
 		open: e,
 		size: _.Sm,
 		header: s,
 		closeAriaLabel: p,
 		onClose: i,
-		children: /* @__PURE__ */ j("div", {
+		children: /* @__PURE__ */ N("div", {
 			className: "px-6 py-4",
-			children: /* @__PURE__ */ j(d, {
-				label: /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j("span", {
+			children: /* @__PURE__ */ N(d, {
+				label: /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N("span", {
 					className: "desktop:hidden",
 					children: l
-				}), /* @__PURE__ */ j("span", {
+				}), /* @__PURE__ */ N("span", {
 					className: "hidden desktop:inline",
 					children: c
 				})] }),
@@ -235,34 +235,34 @@ var L = {
 			})
 		})
 	});
-}, q = ({ isOpen: e, onClose: t, onSelect: n, title: r, renderContent: i }) => /* @__PURE__ */ j(g, {
+}, J = ({ isOpen: e, onClose: t, onSelect: n, title: r, renderContent: i }) => /* @__PURE__ */ N(g, {
 	open: e,
 	header: r,
 	size: _.Lg,
 	className: "h-[min(90vh,860px)] !max-w-[min(95vw,1200px)] overflow-hidden",
 	onClose: t,
-	children: /* @__PURE__ */ j("div", {
+	children: /* @__PURE__ */ N("div", {
 		className: "h-[min(80vh,840px)] overflow-auto",
-		children: /* @__PURE__ */ j(x, {
+		children: /* @__PURE__ */ N(x, {
 			fallback: null,
 			children: e && i(n, t)
 		})
 	})
-}), J = (e, t = null) => e.map((e) => e.type === F.Folder ? {
+}), Y = (e, t = null) => e.map((e) => e.type === L.Folder ? {
 	path: e.id,
 	name: e.name,
-	nodeType: N.FOLDER,
+	nodeType: F.FOLDER,
 	parentPath: t,
 	folderId: e.id,
-	items: J(e.items, e.id)
+	items: Y(e.items, e.id)
 } : {
 	path: e.id,
 	name: e.name,
-	nodeType: N.ITEM,
+	nodeType: F.ITEM,
 	parentPath: t,
 	folderId: t ?? ""
-}), Y = ({ nodes: e, selectedFileId: t, expandedFolderIds: n, onToggleFolder: r, onSelectFile: i, onClose: a, ariaLabel: o }) => /* @__PURE__ */ j(P, {
-	items: T(() => J(e), [e]),
+}), X = ({ nodes: e, selectedFileId: t, expandedFolderIds: n, onToggleFolder: r, onSelectFile: i, onClose: a, ariaLabel: o }) => /* @__PURE__ */ N(I, {
+	items: T(() => Y(e), [e]),
 	showFiles: !0,
 	areHiddenFilesVisible: !0,
 	selectedPath: t,
@@ -272,15 +272,15 @@ var L = {
 		for (let t of n) e.has(t) || r(t);
 	},
 	onItemClick: (e) => {
-		e.nodeType === N.ITEM && i(e.path);
+		e.nodeType === F.ITEM && i(e.path);
 	},
 	ariaLabel: o,
 	autoFocus: !0,
 	onEscape: a
-}), X = (e) => /* @__PURE__ */ j(I, {
+}), Z = (e) => /* @__PURE__ */ N(R, {
 	...e,
-	renderContentFileTree: (e) => /* @__PURE__ */ j(Y, { ...e })
-}), Z = (e) => e == null || /[\s/]/.test(e), Q = (e, t, n) => {
+	renderContentFileTree: (e) => /* @__PURE__ */ N(X, { ...e })
+}), Q = (e) => e == null || /[\s/]/.test(e), $ = (e, t, n) => {
 	let r = [], i = 0;
 	return t.forEach((t, a) => {
 		let o = `/${n(t.url)}`, s = i;
@@ -288,7 +288,7 @@ var L = {
 			let t = e.indexOf(o, s);
 			if (t === -1) return;
 			let n = t + o.length;
-			if (Z(e[n])) {
+			if (Q(e[n])) {
 				r.push({
 					skillIndex: a,
 					start: t,
@@ -299,7 +299,7 @@ var L = {
 			s = t + 1;
 		}
 	}), r;
-}, ie = (e, t) => {
+}, re = (e, t) => {
 	let n = Math.min(e.length, t.length), r = 0;
 	for (; r < n && e[r] === t[r];) r += 1;
 	let i = n - r, a = 0;
@@ -309,13 +309,13 @@ var L = {
 		deletedLength: e.length - r - a,
 		insertedLength: t.length - r - a
 	};
-}, ae = (e, t) => {
+}, ie = (e, t) => {
 	let n = t.start + t.deletedLength, r = t.insertedLength - t.deletedLength;
 	return e.reduce((e, i) => i.start + i.length <= t.start ? (e.push(i), e) : (i.start >= n && e.push({
 		...i,
 		start: i.start + r
 	}), e), []);
-}, oe = (e, t, n, r, i) => {
+}, ae = (e, t, n, r, i) => {
 	let a = r.length + 1, o = a + +!!i, s = e.map((e) => e.start >= t ? {
 		...e,
 		start: e.start + o
@@ -326,7 +326,7 @@ var L = {
 		length: a
 	};
 	return [...s, c].sort((e, t) => e.start - t.start);
-}, se = (e, t) => e.find((e) => e.start + e.length === t), ce = () => {
+}, oe = (e, t) => e.find((e) => e.start + e.length === t), se = () => {
 	let [e, t] = D(""), [n, r] = D([]), i = E(e);
 	i.current = e;
 	let a = E(n);
@@ -334,14 +334,14 @@ var L = {
 		draft: e,
 		anchors: n,
 		onDraftChange: S((e) => {
-			let n = ie(i.current, e);
-			r((e) => ae(e, n)), i.current = e, t(e);
+			let n = re(i.current, e);
+			r((e) => ie(e, n)), i.current = e, t(e);
 		}, []),
 		insertMention: S((e, n, a) => {
 			let o = i.current, s = !/^\s/.test(o.slice(a)), c = `/${n}${s ? " " : ""}`, l = o.slice(0, a) + c + o.slice(a);
-			return i.current = l, t(l), r((t) => oe(t, a, e, n, s)), s;
+			return i.current = l, t(l), r((t) => ae(t, a, e, n, s)), s;
 		}, []),
-		onBackspaceAtCaret: S((e) => se(a.current, e), []),
+		onBackspaceAtCaret: S((e) => oe(a.current, e), []),
 		orderedSkills: T(() => {
 			if (n.length !== 0) return n.map((e) => ({ url: e.url }));
 		}, [n]),
@@ -349,7 +349,7 @@ var L = {
 			t(""), r([]);
 		}, []),
 		seedFromMessage: S((e, n, i) => {
-			let a = n ?? [], o = Q(e, a, i);
+			let a = n ?? [], o = $(e, a, i);
 			t(e), r(o.map((e) => {
 				let t = a[e.skillIndex];
 				return {
@@ -361,215 +361,198 @@ var L = {
 			}));
 		}, [])
 	};
-}, le = (e) => ({
+}, ce = (e) => ({
 	id: e.url,
 	name: e.name,
 	description: e.description
-}), ue = (e) => {
+}), le = (e) => {
 	let t = e.split("/").filter((e) => e.length > 0);
 	return t[t.length - 1] ?? e;
-}, de = ({ isEnabled: e, isSkillsSupported: t, skills: n, sharedWithMe: r, publicSkills: a, favoriteIds: o, onToggleFavorite: s, labels: c, historyChipLabelClassName: u, activeMentionDetailsTrigger: d, renderCatalogContent: f, detailsPanelComponent: p }) => {
-	let { addMenuLabel: m = "Skills", backLabel: h = "Back", catalogModalTitleLabel: g = "Use skill", emptyQueryHintLabel: _ = "Type to filter", panelLabels: v } = c ?? {}, y = e && t, [b, C] = D(!1), [ee, w] = D(null), [E, te] = D(0), [ne, k] = D(0), [re, A] = D(void 0), M = ce(), N = T(() => [
-		...n,
-		...r ?? [],
-		...a ?? []
+}, ue = ({ isSkillsSupported: e, skills: t, sharedWithMe: n, publicSkills: r, favoriteIds: a, onToggleFavorite: o, labels: s, historyChipLabelClassName: c, activeMentionDetailsTrigger: u, renderCatalogContent: d, detailsPanelComponent: f }) => {
+	let { addMenuLabel: p = "Skills", backLabel: m = "Back", catalogModalTitleLabel: h = "Use skill", emptyQueryHintLabel: g = "Type to filter", panelLabels: _ } = s ?? {}, [v, y] = D(!1), [b, C] = D(null), [ee, w] = D(0), [E, k] = D(0), [te, A] = D(void 0), j = se(), M = T(() => [
+		...t,
+		...n ?? [],
+		...r ?? []
 	], [
+		t,
 		n,
-		r,
-		a
-	]), P = T(() => new Map(N.map((e) => [e.url, e])), [N]), F = S((e) => P.get(e)?.name ?? ue(e), [P]), I = T(() => N.filter((e) => o.has(e.url)).map((e) => le(e)), [N, o]), L = M.anchors.length > 0 && !t, R = T(() => M.anchors.map((e) => ({
-		start: e.start,
-		length: e.length,
-		isUnsupported: !t,
-		render: () => /* @__PURE__ */ j(z, {
-			name: e.name,
-			path: e.url,
-			labelClassName: u,
-			description: P.get(e.url)?.description,
-			isUnsupported: !t,
-			detailsTrigger: d,
-			onViewDetails: w,
-			labels: { viewDetailsLabel: v?.viewDetailsLabel }
+		r
+	]), P = T(() => new Map(M.map((e) => [e.url, e])), [M]), F = S((e) => P.get(e)?.name ?? le(e), [P]), I = T(() => M.filter((e) => a.has(e.url)).map((e) => ce(e)), [M, a]), L = j.anchors.length > 0 && !e, R = T(() => j.anchors.map((t) => ({
+		start: t.start,
+		length: t.length,
+		isUnsupported: !e,
+		render: () => /* @__PURE__ */ N(V, {
+			name: t.name,
+			path: t.url,
+			labelClassName: c,
+			description: P.get(t.url)?.description,
+			isUnsupported: !e,
+			detailsTrigger: u,
+			onViewDetails: C,
+			labels: { viewDetailsLabel: _?.viewDetailsLabel }
 		})
 	})), [
-		M.anchors,
-		t,
+		j.anchors,
+		e,
 		P,
+		c,
 		u,
-		d,
-		v
-	]), B = S((e, t, n) => {
-		let r = M.insertMention(e, t, n);
+		_
+	]), z = S((e, t, n) => {
+		let r = j.insertMention(e, t, n);
 		k((e) => e + 1), A(n + 1 + t.length + +!!r);
-	}, [M]), V = S(() => {
-		M.reset(), k((e) => e + 1), A(void 0);
-	}, [M]), H = S((e, t) => {
-		M.seedFromMessage(e, t, F), k((e) => e + 1), A(void 0);
-	}, [M, F]), U = S((e, t) => {
+	}, [j]), B = S(() => {
+		j.reset(), k((e) => e + 1), A(void 0);
+	}, [j]), H = S((e, t) => {
+		j.seedFromMessage(e, t, F), k((e) => e + 1), A(void 0);
+	}, [j, F]), U = S((e, t) => {
 		if (t == null || t.length === 0) return null;
-		let n = Q(e, t, F), r = [], i = 0;
+		let n = $(e, t, F), r = [], i = 0;
 		return n.forEach((n) => {
 			n.start > i && r.push(e.slice(i, n.start));
-			let a = t[n.skillIndex], o = P.get(a.url), s = o?.name ?? ue(a.url);
-			r.push(/* @__PURE__ */ j(z, {
+			let a = t[n.skillIndex], o = P.get(a.url), s = o?.name ?? le(a.url);
+			r.push(/* @__PURE__ */ N(V, {
 				name: s,
 				path: a.url,
-				labelClassName: u,
+				labelClassName: c,
 				description: o?.description,
-				onViewDetails: w,
-				labels: { viewDetailsLabel: v?.viewDetailsLabel }
+				onViewDetails: C,
+				labels: { viewDetailsLabel: _?.viewDetailsLabel }
 			}, `${a.url}-${n.start}`)), i = n.start + n.length;
 		}), i < e.length && r.push(e.slice(i)), r;
 	}, [
 		F,
 		P,
-		u,
-		v
-	]), G = S((e) => e == null || e.length === 0 ? null : e.map((e) => {
+		c,
+		_
+	]), W = S((e) => e == null || e.length === 0 ? null : e.map((e) => {
 		let t = P.get(e.url);
-		return /* @__PURE__ */ j(z, {
-			name: t?.name ?? ue(e.url),
+		return /* @__PURE__ */ N(V, {
+			name: t?.name ?? le(e.url),
 			path: e.url,
-			labelClassName: u,
+			labelClassName: c,
 			description: t?.description,
-			onViewDetails: w,
-			labels: { viewDetailsLabel: v?.viewDetailsLabel }
+			onViewDetails: C,
+			labels: { viewDetailsLabel: _?.viewDetailsLabel }
 		}, e.url);
 	}), [
 		P,
-		u,
-		v
-	]), K = S((e, t) => /* @__PURE__ */ j(W, {
+		c,
+		_
+	]), G = S((e, t) => /* @__PURE__ */ N(K, {
 		favorites: I,
 		isMenu: !0,
 		onSelect: (n) => {
-			B(n.id, n.name, t), e();
+			z(n.id, n.name, t), e();
 		},
-		onToggleFavorite: s,
+		onToggleFavorite: o,
 		onBrowse: () => {
-			te(t), e(), C(!0);
+			w(t), e(), y(!0);
 		},
 		onViewDetails: (t) => {
-			e(), w(t.id);
+			e(), C(t.id);
 		},
-		labels: v
+		labels: _
 	}), [
 		I,
-		B,
-		s,
-		v
-	]), J = T(() => y ? {
-		key: "skills",
-		title: m,
-		icon: /* @__PURE__ */ j(O, {
-			size: i,
-			"aria-hidden": !0,
-			stroke: l
-		}),
-		renderOverlay: K,
-		backLabel: h
-	} : void 0, [
-		y,
-		m,
-		h,
-		K
-	]), Y = T(() => y ? {
-		triggerPrefix: "/",
-		menuLabel: m,
-		emptyQueryHint: _,
-		renderMenu: ({ query: e, caretPosition: t, close: n, listboxId: r, activeOptionId: i }) => /* @__PURE__ */ j(W, {
-			favorites: I,
-			searchQuery: e,
-			listboxId: r,
-			activeOptionId: i,
-			onSelect: (e) => {
-				n({ consumeQuery: !0 }), B(e.id, e.name, t);
-			},
-			onToggleFavorite: s,
-			onBrowse: () => {
-				n({ consumeQuery: !0 }), te(t), C(!0);
-			},
-			onViewDetails: (e) => {
-				n({ consumeQuery: !0 }), w(e.id);
-			},
-			labels: v
-		})
-	} : void 0, [
-		y,
-		m,
-		_,
-		I,
-		B,
-		s,
-		v
+		z,
+		o,
+		_
 	]);
-	return e ? {
-		skillMenuOverlay: J,
-		commandMenu: Y,
-		skillCatalogModal: /* @__PURE__ */ j(q, {
-			isOpen: b,
-			onClose: () => C(!1),
+	return {
+		skillMenuOverlay: T(() => e ? {
+			key: "skills",
+			title: p,
+			icon: /* @__PURE__ */ N(O, {
+				size: i,
+				"aria-hidden": !0,
+				stroke: l
+			}),
+			renderOverlay: G,
+			backLabel: m
+		} : void 0, [
+			e,
+			p,
+			m,
+			G
+		]),
+		commandMenu: T(() => e ? {
+			triggerPrefix: "/",
+			menuLabel: p,
+			emptyQueryHint: g,
+			renderMenu: ({ query: e, caretPosition: t, close: n, listboxId: r, activeOptionId: i }) => /* @__PURE__ */ N(K, {
+				favorites: I,
+				searchQuery: e,
+				listboxId: r,
+				activeOptionId: i,
+				onSelect: (e) => {
+					n({ consumeQuery: !0 }), z(e.id, e.name, t);
+				},
+				onToggleFavorite: o,
+				onBrowse: () => {
+					n({ consumeQuery: !0 }), w(t), y(!0);
+				},
+				onViewDetails: (e) => {
+					n({ consumeQuery: !0 }), C(e.id);
+				},
+				labels: _
+			})
+		} : void 0, [
+			e,
+			p,
+			g,
+			I,
+			z,
+			o,
+			_
+		]),
+		skillCatalogModal: /* @__PURE__ */ N(J, {
+			isOpen: v,
+			onClose: () => y(!1),
 			onSelect: (e) => {
-				B(e, F(e), E), C(!1);
+				z(e, F(e), ee), y(!1);
 			},
-			title: g,
-			renderContent: f
+			title: h,
+			renderContent: d
 		}),
-		skillDetailsPanel: /* @__PURE__ */ j(x, {
+		skillDetailsPanel: /* @__PURE__ */ N(x, {
 			fallback: null,
-			children: /* @__PURE__ */ j(p, {
-				skillId: ee,
-				onClose: () => w(null)
+			children: /* @__PURE__ */ N(f, {
+				skillId: b,
+				onClose: () => C(null)
 			})
 		}),
-		message: M.draft,
-		messageRevision: ne,
+		message: j.draft,
+		messageRevision: E,
 		activeMentions: R,
-		onDraftChange: M.onDraftChange,
-		onBackspaceAtCaret: M.onBackspaceAtCaret,
-		caretPositionOverride: re,
+		onDraftChange: j.onDraftChange,
+		onBackspaceAtCaret: j.onBackspaceAtCaret,
+		caretPositionOverride: te,
 		isSkillUnsupported: L,
-		selectedSkills: M.orderedSkills,
-		resetSkillMentions: V,
+		selectedSkills: j.orderedSkills,
+		resetSkillMentions: B,
 		seedSkillMentions: H,
 		renderHistorySkillSegments: U,
-		renderHistorySkills: G
-	} : {
-		skillMenuOverlay: void 0,
-		commandMenu: void 0,
-		skillCatalogModal: null,
-		skillDetailsPanel: null,
-		message: "",
-		messageRevision: 0,
-		activeMentions: [],
-		onDraftChange: () => void 0,
-		onBackspaceAtCaret: () => void 0,
-		caretPositionOverride: void 0,
-		isSkillUnsupported: !1,
-		selectedSkills: void 0,
-		resetSkillMentions: () => void 0,
-		seedSkillMentions: () => void 0,
-		renderHistorySkillSegments: () => null,
-		renderHistorySkills: () => null
+		renderHistorySkills: W
 	};
-}, $ = {
+}, de = {
 	background: "_background_14zdf_1",
 	border: "_border_14zdf_5",
 	value: "_value_14zdf_9",
 	clear: "_clear_14zdf_13",
 	invalid: "_invalid_14zdf_17"
 }, fe = [], pe = ({ value: e, onChange: i, displayName: a, favorites: o = fe, onToggleFavorite: s, onViewDetails: c, renderOverlay: d, isSkillsSupported: p, isDisabled: h = !1, isInvalid: g = !1, labelledById: _, describedById: y, labels: b, renderCatalogContent: x, className: S, styles: w }) => {
-	let [T, O] = D(!1), [ne, k] = D(!1), [N, P] = D(""), F = E(null), I = ee(), R = E(null), z = E(!1), B = n(e, p), V = p && !h, H = T && V, U = ne && V, G = () => {
-		R.current && !R.current.disabled ? R.current.focus() : F.current?.querySelector("button:not(:disabled)")?.focus();
+	let [T, O] = D(!1), [te, A] = D(!1), [F, I] = D(""), L = E(null), R = ee(), B = E(null), V = E(!1), H = n(e, p), U = p && !h, W = T && U, G = te && U, ne = () => {
+		B.current && !B.current.disabled ? B.current.focus() : L.current?.querySelector("button:not(:disabled)")?.focus();
 	};
 	C(() => {
-		z.current && !H && !U && ((document.activeElement === document.body || F.current?.contains(document.activeElement)) && G(), O(!1), k(!1)), z.current = H || U;
-	}, [H, U]);
-	let K = (e) => {
-		e && !V || (P(""), O(e));
-	}, J = (e) => {
-		V && i(e), O(!1), k(!1);
-	}, Y = {
+		V.current && !W && !G && ((document.activeElement === document.body || L.current?.contains(document.activeElement)) && ne(), O(!1), A(!1)), V.current = W || G;
+	}, [W, G]);
+	let q = (e) => {
+		e && !U || (I(""), O(e));
+	}, Y = (e) => {
+		U && i(e), O(!1), A(!1);
+	}, X = {
 		...t({
 			"--ssf-text": w?.colors?.text,
 			"--ssf-bg": w?.colors?.background,
@@ -577,114 +560,114 @@ var L = {
 			"--ssf-error": w?.colors?.error
 		}),
 		...w?.cssVars
-	}, X = /* @__PURE__ */ M("div", {
-		id: I,
+	}, Z = /* @__PURE__ */ P("div", {
+		id: R,
 		className: "w-full min-w-0",
-		children: [/* @__PURE__ */ j("div", {
+		children: [/* @__PURE__ */ N("div", {
 			className: "p-2",
-			children: /* @__PURE__ */ j(v, {
-				value: N,
-				onChange: (e) => P(e ?? ""),
+			children: /* @__PURE__ */ N(v, {
+				value: F,
+				onChange: (e) => I(e ?? ""),
 				placeholder: b.searchPlaceholder ?? "Search skills",
 				"aria-label": b.searchPlaceholder ?? "Search skills",
 				clearLabel: b.clearSearchLabel ?? "Clear search"
 			})
-		}), /* @__PURE__ */ j(W, {
+		}), /* @__PURE__ */ N(K, {
 			className: "min-w-0 desktop:w-full",
 			rowClassName: "min-h-11",
 			favorites: o,
-			searchQuery: N,
+			searchQuery: F,
 			labels: b.panelLabels,
-			onSelect: (e) => J(e.id),
+			onSelect: (e) => Y(e.id),
 			onToggleFavorite: s,
 			onViewDetails: c ? (e) => {
 				O(!1), c(e);
 			} : void 0,
 			onBrowse: () => {
-				O(!1), k(!0);
+				O(!1), A(!0);
 			}
 		})]
-	}), Z = /* @__PURE__ */ j(m, {
-		inputRef: R,
+	}), Q = /* @__PURE__ */ N(m, {
+		inputRef: B,
 		readOnly: !0,
 		role: "combobox",
 		"aria-haspopup": "dialog",
-		"aria-expanded": H,
-		"aria-controls": H ? I : void 0,
+		"aria-expanded": W,
+		"aria-controls": W ? R : void 0,
 		"aria-labelledby": _,
 		"aria-describedby": y,
-		"aria-invalid": g || B,
-		disabled: !V,
-		invalid: g || B,
+		"aria-invalid": g || H,
+		disabled: !U,
+		invalid: g || H,
 		value: e ? a || e : "",
 		placeholder: b.placeholder,
 		title: p ? e ? a || e : void 0 : b.unsupportedTooltipLabel,
 		containerClassName: "w-full min-w-0",
-		wrapperClassName: r("cursor-pointer", "--ssf-bg" in Y && $.background, "--ssf-border" in Y && $.border, (g || B) && $.invalid, w?.triggerClassName),
-		className: r("min-w-0 cursor-pointer text-ellipsis", "--ssf-text" in Y && $.value, w?.typography?.fontClassName ?? "dial-small-text"),
+		wrapperClassName: r("cursor-pointer", "--ssf-bg" in X && de.background, "--ssf-border" in X && de.border, (g || H) && de.invalid, w?.triggerClassName),
+		className: r("min-w-0 cursor-pointer text-ellipsis", "--ssf-text" in X && de.value, w?.typography?.fontClassName ?? "dial-small-text"),
 		onKeyDown: (e) => {
 			[
 				"Enter",
 				" ",
 				"ArrowDown"
-			].includes(e.key) ? (e.preventDefault(), e.stopPropagation(), K(e.key === "ArrowDown" || !H)) : e.key === "Escape" && K(!1);
+			].includes(e.key) ? (e.preventDefault(), e.stopPropagation(), q(e.key === "ArrowDown" || !W)) : e.key === "Escape" && q(!1);
 		},
-		iconAfter: /* @__PURE__ */ M("span", {
+		iconAfter: /* @__PURE__ */ P("span", {
 			className: "flex shrink-0 items-center",
-			children: [e && /* @__PURE__ */ j(f, {
+			children: [e && /* @__PURE__ */ N(f, {
 				type: "button",
-				className: r("size-11 shrink-0", $.clear),
+				className: r("size-11 shrink-0", de.clear),
 				disabled: h,
 				"aria-label": b.removeSkillLabel,
 				onKeyDown: (e) => e.stopPropagation(),
 				onClick: (e) => {
-					e.stopPropagation(), i(void 0), O(!1), V ? R.current?.focus() : F.current?.focus();
+					e.stopPropagation(), i(void 0), O(!1), U ? B.current?.focus() : L.current?.focus();
 				},
-				iconBefore: /* @__PURE__ */ j(re, {
+				iconBefore: /* @__PURE__ */ N(j, {
 					"aria-hidden": !0,
 					size: 18,
 					stroke: l
 				})
-			}), /* @__PURE__ */ j(te, {
+			}), /* @__PURE__ */ N(k, {
 				"aria-hidden": !0,
 				size: 20,
 				stroke: l,
-				className: r("transition-transform", H && "rotate-180")
+				className: r("transition-transform", W && "rotate-180")
 			})]
 		})
 	});
-	return /* @__PURE__ */ M("div", {
-		ref: F,
+	return /* @__PURE__ */ P("div", {
+		ref: L,
 		role: "group",
 		"aria-labelledby": _,
 		tabIndex: -1,
-		className: r("min-w-0", S, L.selectorField),
-		style: Y,
-		children: [d ? /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j("div", {
+		className: r("min-w-0", S, z.selectorField),
+		style: X,
+		children: [d ? /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N("div", {
 			className: "w-full min-w-0",
-			onClick: () => K(!H),
-			children: Z
-		}), d(X, H, () => K(!1))] }) : /* @__PURE__ */ j(u, {
-			open: H,
-			onOpenChange: K,
-			disabled: !V,
+			onClick: () => q(!W),
+			children: Q
+		}), d(Z, W, () => q(!1))] }) : /* @__PURE__ */ N(u, {
+			open: W,
+			onOpenChange: q,
+			disabled: !U,
 			className: "w-full min-w-0",
 			listClassName: "w-[min(var(--reference-width),calc(100vw-2rem))] max-w-full",
-			renderOverlay: () => /* @__PURE__ */ j("div", {
+			renderOverlay: () => /* @__PURE__ */ N("div", {
 				role: "dialog",
 				"aria-labelledby": _,
-				children: X
+				children: Z
 			}),
 			initialFocus: 0,
-			children: Z
-		}), U && /* @__PURE__ */ j(q, {
+			children: Q
+		}), G && /* @__PURE__ */ N(J, {
 			isOpen: !0,
-			onClose: () => k(!1),
+			onClose: () => A(!1),
 			title: b.modalTitle,
-			onSelect: J,
+			onSelect: Y,
 			renderContent: x
 		})]
 	});
 };
 //#endregion
-export { z as ChatSkill, W as FavoriteSkillsPanel, L as SKILLS_CLASS, K as SkillArchiveUploadDialog, q as SkillCatalogModal, Y as SkillContentFileTree, X as SkillDetailsSidePanel, R as SkillInfoTooltipContent, pe as SkillSelectorField, le as buildFavoriteSkillItem, ie as diffTextChange, se as findMentionAtCaret, ue as getSkillFallbackName, oe as insertAnchor, Q as matchSkillMentions, ae as reconcileAnchors, ce as useSkillMentions, de as useSkillSelectorOverlay };
+export { V as ChatSkill, K as FavoriteSkillsPanel, z as SKILLS_CLASS, q as SkillArchiveUploadDialog, J as SkillCatalogModal, X as SkillContentFileTree, Z as SkillDetailsSidePanel, B as SkillInfoTooltipContent, pe as SkillSelectorField, ce as buildFavoriteSkillItem, re as diffTextChange, oe as findMentionAtCaret, le as getSkillFallbackName, ae as insertAnchor, $ as matchSkillMentions, ie as reconcileAnchors, se as useSkillMentions, ue as useSkillSelectorOverlay };

package/models/skill-selector-overlay.d.ts

@@ -34,21 +34,16 @@ export interface SkillSelectorOverlayLabels {
 }
 /** Options accepted by `useSkillSelectorOverlay`. */
 export interface UseSkillSelectorOverlayOptions {
-    /**
-     * Whether the skill flow is enabled. While `false` the hook returns empty
-     * outputs: no menu entry, no modal, no panel, no chips.
-     */
-    isEnabled: boolean;
     /**
      * Whether the input's current deployment supports skills. While `false`
-     * (with the flow enabled) the entry points are omitted — no Add-menu item
-     * and no slash menu — but a tracked mention stays in the draft text and
-     * folds into `isSkillUnsupported` for the host's own send-disabled
-     * condition. The host resolves this from its own deployment data. Note: a
-     * live-composing mention has no per-mention error styling of its own (it
-     * renders as a plain highlighted run, not a `ChatSkill`); only the sent
-     * `custom_content.skills`/history rendering, and this boolean fold, reflect
-     * the unsupported state.
+     * the entry points are omitted — no Add-menu item and no slash menu — but
+     * a tracked mention stays in the draft text and folds into
+     * `isSkillUnsupported` for the host's own send-disabled condition. The
+     * host resolves this from its own deployment data. Note: a live-composing
+     * mention has no per-mention error styling of its own (it renders as a
+     * plain highlighted run, not a `ChatSkill`); only the sent
+     * `custom_content.skills`/history rendering, and this boolean fold,
+     * reflect the unsupported state.
      */
     isSkillsSupported: boolean;
     /** The user's own skills. */
@@ -89,28 +84,27 @@ export interface UseSkillSelectorOverlayOptions {
 export interface UseSkillSelectorOverlayResult {
     /**
      * The Skills entry for the `menuOverlays` prop of
-     * `ConversationInput`/`EditMessageInput`/`Input`. `undefined` while the flow
-     * is disabled or the current deployment does not support skills: the host
-     * omits the entry entirely when this is `undefined`, so a stub renderer
-     * would leave the menu item in place with nothing behind it.
+     * `ConversationInput`/`EditMessageInput`/`Input`. `undefined` while the
+     * current deployment does not support skills: the host omits the entry
+     * entirely when this is `undefined`, so a stub renderer would leave the
+     * menu item in place with nothing behind it.
      */
     skillMenuOverlay?: MenuOverlayConfig;
     /**
      * The Skills entry for the `commandMenu` prop of
      * `ConversationInput`/`EditMessageInput`/`Input`: typing `/` into an empty
      * textarea opens the favorites panel in search mode above the input.
-     * `undefined` while the flow is disabled or the current deployment does not
-     * support skills, disabling the slash menu entirely.
+     * `undefined` while the current deployment does not support skills,
+     * disabling the slash menu entirely.
      */
     commandMenu?: CommandMenuConfig;
     /**
      * The browse modal element. Render at a stable level outside the popover
-     * (e.g. next to the input); `null` while `isEnabled` is `false`.
+     * (e.g. next to the input).
      */
     skillCatalogModal: ReactNode;
     /**
      * The skill details side panel opened by a row tooltip's "View details".
-     * `null` while `isEnabled` is `false`.
      */
     skillDetailsPanel: ReactNode;
     /**
@@ -135,7 +129,7 @@ export interface UseSkillSelectorOverlayResult {
      * Every currently-tracked skill mention's character range within the
      * composer's live draft text, for `ConversationInput`/`EditMessageInput`/
      * `Input`'s `activeMentions` prop (the live-composing highlighted-run
-     * render). Empty while nothing is mentioned or the flow is disabled.
+     * render). Empty while nothing is mentioned.
      */
     activeMentions: HighlightedTextRange[];
     /**
@@ -166,15 +160,14 @@ export interface UseSkillSelectorOverlayResult {
     /**
      * Whether at least one skill is mentioned while the current deployment does
      * not support skills — hosts must fold this into their send-disabled
-     * conditions. Always `false` while `isEnabled` is `false`.
+     * conditions.
      */
     isSkillUnsupported: boolean;
     /**
      * Every currently-tracked mention as the send-time `custom_content.skills`
      * payload, in left-to-right text order — `undefined` while nothing is
-     * mentioned or the flow is disabled, so `custom_content.skills` is omitted
-     * entirely. Cleared to `undefined` by `resetSkillMentions` after a
-     * successful send.
+     * mentioned, so `custom_content.skills` is omitted entirely. Cleared to
+     * `undefined` by `resetSkillMentions` after a successful send.
      */
     selectedSkills: RequestSkill[] | undefined;
     /**
@@ -198,9 +191,9 @@ export interface UseSkillSelectorOverlayResult {
      * `textSegments` prop. Resolves each entry's name from the listing pools
      * matched on its url, falling back to the url's last non-empty segment,
      * sharing the "View details" panel with the favorite rows. Returns `null`
-     * while `isEnabled` is `false` or `skills` is empty/absent; a mention
-     * `matchSkillMentions` cannot locate in `content` is simply omitted from
-     * the render (see `matchSkillMentions`'s own doc for that heuristic).
+     * while `skills` is empty/absent; a mention `matchSkillMentions` cannot
+     * locate in `content` is simply omitted from the render (see
+     * `matchSkillMentions`'s own doc for that heuristic).
      */
     renderHistorySkillSegments: (content: string, skills: RequestSkill[] | undefined) => ReactNode[] | null;
     /**
@@ -208,8 +201,8 @@ export interface UseSkillSelectorOverlayResult {
      * ignoring text position — for `AssistantMessageBubble`'s `beforeContent`
      * slot, since assistant text is model-generated markdown and never
      * authors positioned mentions. Each entry's name/description resolve the
-     * same way as `renderHistorySkillSegments`. Returns `null` while
-     * `isEnabled` is `false` or the array is empty/absent.
+     * same way as `renderHistorySkillSegments`. Returns `null` while the
+     * array is empty/absent.
      */
     renderHistorySkills: (skills: RequestSkill[] | undefined) => ReactNode;
 }

package/models/skill-selector-overlay.d.ts.map

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-skills",
   "description": "Host-agnostic UI for picking a favorite skill to attach to a chat input",
-  "version": "1.2.0-dev.181",
+  "version": "1.2.0-dev.185",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -18,11 +18,11 @@
   },
   "dependencies": {
     "@tabler/icons-react": "^3.44.0",
-    "@epam/ai-dial-catalog": "1.2.0-dev.181",
-    "@epam/ai-dial-conversation-input": "1.2.0-dev.181"
+    "@epam/ai-dial-catalog": "1.2.0-dev.185",
+    "@epam/ai-dial-conversation-input": "1.2.0-dev.185"
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.2.0-dev.181",
+    "@epam/ai-dial-chat-shared": "1.2.0-dev.185",
     "@epam/ai-dial-react-file-manager": "^0.3.0-dev.15",
     "@epam/ai-dial-ui-kit": "^0.15.0-dev.21",
     "react": "^19.2.8"