@epam/ai-dial-skills 1.1.0-dev.475 → 1.1.0-dev.487

package/components/ChatSkill/ChatSkill.d.ts

@@ -1,5 +1,8 @@
 import { FC } from 'react';
 import { ChatSkillProps } from '../../models/chat-skill-props';
-/** A used skill rendered as a `/name` ghost button with a description tooltip and a "View details" action. */
+/**
+ * A used skill rendered as a `/name` ghost button with a description tooltip
+ * and a "View details" action, or the error state while unsupported.
+ */
 export declare const ChatSkill: FC<ChatSkillProps>;
 //# sourceMappingURL=ChatSkill.d.ts.map

package/components/ChatSkill/ChatSkill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatSkill.d.ts","sourceRoot":"","sources":["../../../src/components/ChatSkill/ChatSkill.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAY,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAGpE,8GAA8G;AAC9G,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAkExC,CAAC"}
+{"version":3,"file":"ChatSkill.d.ts","sourceRoot":"","sources":["../../../src/components/ChatSkill/ChatSkill.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAY,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAGpE;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAmFxC,CAAC"}

package/components/FavoriteSkillsPanel/FavoriteSkillsPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FavoriteSkillsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/FavoriteSkillsPanel/FavoriteSkillsPanel.tsx"],"names":[],"mappings":"AAaA,OAAO,EAKL,KAAK,EAAE,EAER,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,0CAA0C,CAAC;AAYzF,sHAAsH;AACtH,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAgQ5D,CAAC"}
+{"version":3,"file":"FavoriteSkillsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/FavoriteSkillsPanel/FavoriteSkillsPanel.tsx"],"names":[],"mappings":"AAaA,OAAO,EAKL,KAAK,EAAE,EAER,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,0CAA0C,CAAC;AAYzF,sHAAsH;AACtH,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CA2P5D,CAAC"}

package/components/SkillInfoTooltipContent/SkillInfoTooltipContent.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
 import { SkillInfoTooltipContentProps } from '../../models/skill-info-tooltip-content-props';
-/** Inner content of a skill's interactive tooltip: the description above a "View details" link action. */
+/** Inner content of a skill's interactive tooltip: the description above a "View details" link action, or the unsupported-model message alone. */
 export declare const SkillInfoTooltipContent: FC<SkillInfoTooltipContentProps>;
 //# sourceMappingURL=SkillInfoTooltipContent.d.ts.map

package/components/SkillInfoTooltipContent/SkillInfoTooltipContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SkillInfoTooltipContent.d.ts","sourceRoot":"","sources":["../../../src/components/SkillInfoTooltipContent/SkillInfoTooltipContent.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,+CAA+C,CAAC;AAElG,0GAA0G;AAC1G,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CAwCpE,CAAC"}
+{"version":3,"file":"SkillInfoTooltipContent.d.ts","sourceRoot":"","sources":["../../../src/components/SkillInfoTooltipContent/SkillInfoTooltipContent.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,+CAA+C,CAAC;AAElG,kJAAkJ;AAClJ,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CA8CpE,CAAC"}

package/hooks/useSkillSelectorOverlay/useSkillSelectorOverlay.d.ts

@@ -1,11 +1,10 @@
 import { UseSkillSelectorOverlayOptions, UseSkillSelectorOverlayResult } from '../../models/skill-selector-overlay';
 /**
- * Owns the Skills Add-menu flow: the favorites overlay with lazily resolved
- * row descriptions, the "Use skill" browse modal's open state, the skill
- * details side panel's open state, and the single selected skill rendered as
- * the input's inline `ChatSkill` element. The host injects the listing data,
- * favorites state, the description fetch, labels, and the modal/panel
- * components.
+ * Owns the Skills Add-menu flow: the favorites overlay, the "Use skill"
+ * browse modal's open state, the skill details side panel's open state, and
+ * the single selected skill rendered as the input's inline `ChatSkill`
+ * element. The host injects the listing data, favorites state, labels, the
+ * deployment-support signal, and the modal/panel components.
  */
-export declare const useSkillSelectorOverlay: ({ isEnabled, skills, sharedWithMe, publicSkills, favoriteIds, onToggleFavorite, fetchSkillDescription, labels, historyChipLabelClassName, renderCatalogContent, detailsPanelComponent: DetailsPanelComponent, }: UseSkillSelectorOverlayOptions) => UseSkillSelectorOverlayResult;
+export declare const useSkillSelectorOverlay: ({ isEnabled, isSkillsSupported, skills, sharedWithMe, publicSkills, favoriteIds, onToggleFavorite, labels, historyChipLabelClassName, 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;AAG7C;;;;;;;GAOG;AACH,eAAO,MAAM,uBAAuB,GAAI,iNAYrC,8BAA8B,KAAG,6BAkXnC,CAAC"}
+{"version":3,"file":"useSkillSelectorOverlay.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSkillSelectorOverlay/useSkillSelectorOverlay.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EACV,8BAA8B,EAC9B,6BAA6B,EAC9B,MAAM,qCAAqC,CAAC;AAG7C;;;;;;GAMG;AACH,eAAO,MAAM,uBAAuB,GAAI,6MAYrC,8BAA8B,KAAG,6BAoTnC,CAAC"}

package/index.js

@@ -1,61 +1,53 @@
-import { BASE_ICON_SIZE as e, Button as t, ButtonAppearance as n, ButtonVariant as r, DIAL_ICON_SIZE as i, DIAL_KIT_ICON_STROKE as a, GhostButton as o, Highlight as s, InteractiveTooltip as c, Popup as l, PopupSize as u, Spinner as d, ToggleIconButton as f, TooltipPlacement as p } from "@epam/ai-dial-ui-kit";
-import { Suspense as m, useCallback as h, useEffect as g, useLayoutEffect as _, useMemo as v, useRef as y, useState as b } from "react";
-import { IconBlocks as x, IconEye as S, IconStarFilled as C } from "@tabler/icons-react";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import { DeploymentIcon as E, buildCssVars as D, mergeClasses as O } from "@epam/ai-dial-chat-shared";
-import { DetailsPanel as k } from "@epam/ai-dial-catalog";
+import { DeploymentIcon as e, buildCssVars as t, mergeClasses as n } from "@epam/ai-dial-chat-shared";
+import { BASE_ICON_SIZE as r, Button as i, ButtonAppearance as a, ButtonVariant as o, DIAL_ICON_SIZE as s, DIAL_KIT_ICON_STROKE as c, GhostButton as l, Highlight as u, InteractiveTooltip as d, Popup as f, PopupSize as p, ToggleIconButton as m, TooltipPlacement as h } from "@epam/ai-dial-ui-kit";
+import { Suspense as g, useCallback as _, useEffect as v, useLayoutEffect as y, useMemo as b, useRef as x, useState as S } from "react";
+import { IconBlocks as C, IconEye as w, IconStarFilled as T } from "@tabler/icons-react";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { DetailsPanel as O } from "@epam/ai-dial-catalog";
 //#region src/components/SkillInfoTooltipContent/SkillInfoTooltipContent.tsx
-var A = ({ description: e, isDescriptionLoading: o, viewDetailsLabel: s = "View details", onViewDetails: c }) => {
-	let l = e != null && e !== "";
-	return /* @__PURE__ */ T("div", {
-		className: "flex flex-col gap-3",
-		children: [
-			o && /* @__PURE__ */ w(d, { size: i.SM }),
-			!o && l && /* @__PURE__ */ w("p", {
-				className: "text-start",
-				children: e
-			}),
-			/* @__PURE__ */ w(t, {
-				variant: r.Primary,
-				appearance: n.Link,
-				className: "h-[24px] self-start",
-				label: s,
-				iconBefore: /* @__PURE__ */ w(S, {
-					size: i.SM,
-					stroke: a,
-					"aria-hidden": !0
-				}),
-				onClick: c
-			})
-		]
-	});
-}, j = ({ name: e, path: t, description: n, isDescriptionLoading: r, labelClassName: i = "dial-body-paragraph-text", onViewDetails: a, onTooltipOpen: s, labels: l = {} }) => {
-	let { viewDetailsLabel: u = "View details" } = l, [d, f] = b(0);
-	return /* @__PURE__ */ w(c, {
+var k = ({ description: e, unsupportedMessage: t, viewDetailsLabel: n = "View details", onViewDetails: r }) => t == null ? /* @__PURE__ */ D("div", {
+	className: "flex flex-col gap-3",
+	children: [e != null && e !== "" && /* @__PURE__ */ E("p", {
+		className: "text-start",
+		children: e
+	}), /* @__PURE__ */ E(i, {
+		variant: o.Primary,
+		appearance: a.Link,
+		className: "h-[24px] self-start",
+		label: n,
+		iconBefore: /* @__PURE__ */ E(w, {
+			size: s.SM,
+			stroke: c,
+			"aria-hidden": !0
+		}),
+		onClick: r
+	})]
+}) : /* @__PURE__ */ E("p", {
+	className: "text-start",
+	children: t
+}), A = ({ name: e, path: t, description: r, isUnsupported: i = !1, labelClassName: a = "dial-body-paragraph-text", unsupportedLabelClassName: o = "text-error", unsupportedClassName: s = "bg-error", onViewDetails: c, labels: u = {} }) => {
+	let { viewDetailsLabel: f = "View details", unsupportedTooltipLabel: p = "Selected model does not support skills. Remove the skill or select different model to proceed." } = u, [m, g] = S(0);
+	return /* @__PURE__ */ E(d, {
 		asChild: !0,
-		placement: p.Top,
+		placement: h.Top,
 		contentClassName: "max-w-[550px]",
-		onOpenChange: (e) => {
-			e && s?.(t);
-		},
-		content: /* @__PURE__ */ w(A, {
-			description: n,
-			isDescriptionLoading: r,
-			viewDetailsLabel: u,
+		content: i ? /* @__PURE__ */ E(k, { unsupportedMessage: p }) : /* @__PURE__ */ E(k, {
+			description: r,
+			viewDetailsLabel: f,
 			onViewDetails: () => {
-				f((e) => e + 1), a(t);
+				g((e) => e + 1), c(t);
 			}
 		}),
-		children: /* @__PURE__ */ w("span", {
+		children: /* @__PURE__ */ E("span", {
 			className: "inline-flex items-center",
-			children: /* @__PURE__ */ w(o, {
+			children: /* @__PURE__ */ E(l, {
 				label: `/${e}`,
-				textClassName: i,
-				className: "h-auto px-2 py-0"
+				textClassName: i ? n(a, o) : a,
+				className: i ? n("h-auto px-2 py-0", s) : "h-auto px-2 py-0"
 			})
 		})
-	}, d);
-}, M = {
+	}, m);
+}, j = {
 	row: "_row_1ovug_1",
 	header: "_header_1ovug_5",
 	emptyHint: "_emptyHint_1ovug_9",
@@ -66,290 +58,270 @@ var A = ({ description: e, isDescriptionLoading: o, viewDetailsLabel: s = "View
 	rowLeaving: "_rowLeaving_1ovug_29",
 	rowFadeOut: "_rowFadeOut_1ovug_1",
 	listContent: "_listContent_1ovug_57"
-}, N = "px-3 pb-0.5 pt-2", P = 180, F = 288, I = ({ favorites: e, onSelect: t, onToggleFavorite: n, onBrowse: r, onViewDetails: a, onItemTooltipOpen: l, searchQuery: u, labels: d = {}, colors: p, nameClassName: m = "dial-small-text", headerClassName: h = "dial-tiny-lead-semi-text", emptyHintClassName: v = "dial-small-text" }) => {
-	let { myCollectionLabel: x = "My Collection", emptyHintLabel: S = "Star a skill to pin it here", browseLabel: k = "Browse", removeFromFavoritesLabel: j = "Remove from favorites", viewDetailsLabel: I = "View details", noMatchingSkillsLabel: L = "No matching skills" } = d, R = D({
-		"--fs-row-hover-bg": p?.rowHoverBackground,
-		"--fs-header-text": p?.headerText,
-		"--fs-empty-hint-text": p?.emptyHintText,
-		"--fs-star-color": p?.starColor,
-		"--fs-footer-border": p?.footerBorder
-	}), [z, B] = b(/* @__PURE__ */ new Set()), V = y(/* @__PURE__ */ new Map());
-	g(() => {
-		let e = V.current;
+}, M = "px-3 pb-0.5 pt-2", N = 180, P = 288, F = ({ favorites: r, onSelect: i, onToggleFavorite: a, onBrowse: o, onViewDetails: c, searchQuery: f, labels: p = {}, colors: h, nameClassName: g = "dial-small-text", headerClassName: _ = "dial-tiny-lead-semi-text", emptyHintClassName: b = "dial-small-text" }) => {
+	let { myCollectionLabel: C = "My Collection", emptyHintLabel: w = "Star a skill to pin it here", browseLabel: O = "Browse", removeFromFavoritesLabel: A = "Remove from favorites", viewDetailsLabel: F = "View details", noMatchingSkillsLabel: I = "No matching skills" } = p, L = t({
+		"--fs-row-hover-bg": h?.rowHoverBackground,
+		"--fs-header-text": h?.headerText,
+		"--fs-empty-hint-text": h?.emptyHintText,
+		"--fs-star-color": h?.starColor,
+		"--fs-footer-border": h?.footerBorder
+	}), [R, z] = S(/* @__PURE__ */ new Set()), B = x(/* @__PURE__ */ new Map());
+	v(() => {
+		let e = B.current;
 		return () => {
 			e.forEach((e) => clearTimeout(e)), e.clear();
 		};
 	}, []);
-	let H = u != null, U = u?.toLowerCase() ?? "", W = H ? e.filter((e) => e.name.toLowerCase().includes(U)) : e, G = y(null), [K, q] = b();
-	_(() => {
-		G.current && q(Math.min(G.current.scrollHeight, F));
-	}, [e, u]);
-	let J = (e, n) => {
-		e.target === e.currentTarget && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), t(n));
-	}, Y = (e) => {
-		B((t) => new Set(t).add(e));
+	let V = f != null, H = f?.toLowerCase() ?? "", U = V ? r.filter((e) => e.name.toLowerCase().includes(H)) : r, W = x(null), [G, K] = S();
+	y(() => {
+		W.current && K(Math.min(W.current.scrollHeight, P));
+	}, [r, f]);
+	let q = (e, t) => {
+		e.target === e.currentTarget && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), i(t));
+	}, J = (e) => {
+		z((t) => new Set(t).add(e));
 		let t = setTimeout(() => {
-			n(e), B((t) => {
+			a(e), z((t) => {
 				let n = new Set(t);
 				return n.delete(e), n;
-			}), V.current.delete(e);
-		}, P);
-		V.current.set(e, t);
+			}), B.current.delete(e);
+		}, N);
+		B.current.set(e, t);
 	};
-	return /* @__PURE__ */ T("div", {
+	return /* @__PURE__ */ D("div", {
 		className: "flex w-full flex-col desktop:w-[280px]",
-		style: R,
+		style: L,
 		children: [
-			/* @__PURE__ */ w("p", {
-				className: O(h, N, M.header),
-				children: x
+			/* @__PURE__ */ E("p", {
+				className: n(_, M, j.header),
+				children: C
 			}),
-			/* @__PURE__ */ w("div", {
-				className: O("max-h-72 min-h-0 flex-1 overflow-y-auto", M.listContent),
-				style: { maxHeight: K },
-				children: /* @__PURE__ */ w("div", {
-					ref: G,
-					children: W.length > 0 ? /* @__PURE__ */ w("ul", {
+			/* @__PURE__ */ E("div", {
+				className: n("max-h-72 min-h-0 flex-1 overflow-y-auto", j.listContent),
+				style: { maxHeight: G },
+				children: /* @__PURE__ */ E("div", {
+					ref: W,
+					children: U.length > 0 ? /* @__PURE__ */ E("ul", {
 						className: "flex flex-col gap-1 px-1 pb-1",
-						children: W.map((e) => {
-							let n = /* @__PURE__ */ T("div", {
+						children: U.map((t) => {
+							let r = /* @__PURE__ */ D("div", {
 								role: "button",
 								tabIndex: 0,
-								className: O("flex cursor-pointer items-center gap-2 rounded-lg border border-transparent px-2 py-1.5 transition-colors", M.row),
-								onClick: () => t(e),
-								onKeyDown: (t) => J(t, e),
+								className: n("flex cursor-pointer items-center gap-2 rounded-lg border border-transparent px-2 py-1.5 transition-colors", j.row),
+								onClick: () => i(t),
+								onKeyDown: (e) => q(e, t),
 								children: [
-									/* @__PURE__ */ w(E, {
-										size: i.MD,
-										initialsName: e.name
+									/* @__PURE__ */ E(e, {
+										size: s.MD,
+										initialsName: t.name
 									}),
-									u == null ? /* @__PURE__ */ w("span", {
-										className: O(m, "min-w-0 flex-1 truncate text-start"),
-										children: e.name
-									}) : /* @__PURE__ */ w(s, {
-										text: e.name,
-										query: u,
+									f == null ? /* @__PURE__ */ E("span", {
+										className: n(g, "min-w-0 flex-1 truncate text-start"),
+										children: t.name
+									}) : /* @__PURE__ */ E(u, {
+										text: t.name,
+										query: f,
 										maxLines: 1,
-										className: O(m, "min-w-0 flex-1 text-start")
+										className: n(g, "min-w-0 flex-1 text-start")
 									}),
-									/* @__PURE__ */ w(f, {
-										icon: /* @__PURE__ */ w(C, {
-											size: i.SM,
-											className: M.star,
+									/* @__PURE__ */ E(m, {
+										icon: /* @__PURE__ */ E(T, {
+											size: s.SM,
+											className: j.star,
 											"aria-hidden": !0
 										}),
-										"aria-label": j,
+										"aria-label": A,
 										isSelected: !0,
-										onClick: (t) => {
-											t.stopPropagation(), Y(e.id);
+										onClick: (e) => {
+											e.stopPropagation(), J(t.id);
 										}
 									})
 								]
 							});
-							return /* @__PURE__ */ w("li", {
-								className: z.has(e.id) ? M.rowLeaving : M.rowEnter,
-								children: /* @__PURE__ */ w(c, {
+							return /* @__PURE__ */ E("li", {
+								className: R.has(t.id) ? j.rowLeaving : j.rowEnter,
+								children: /* @__PURE__ */ E(d, {
 									asChild: !0,
 									contentClassName: "max-w-[550px]",
-									onOpenChange: (t) => {
-										t && l?.(e.id);
-									},
-									content: /* @__PURE__ */ w(A, {
-										description: e.description,
-										isDescriptionLoading: e.isDescriptionLoading,
-										viewDetailsLabel: I,
-										onViewDetails: () => a(e)
+									content: /* @__PURE__ */ E(k, {
+										description: t.description,
+										viewDetailsLabel: F,
+										onViewDetails: () => c(t)
 									}),
-									children: n
+									children: r
 								})
-							}, e.id);
+							}, t.id);
 						})
-					}) : H && U !== "" ? /* @__PURE__ */ w("p", {
+					}) : V && H !== "" ? /* @__PURE__ */ E("p", {
 						role: "status",
 						"aria-live": "polite",
-						className: O(v, "px-4 py-4 text-start", M.emptyHint),
-						children: L
-					}) : /* @__PURE__ */ w("p", {
-						className: O(v, "px-4 py-4 text-start", M.emptyHint),
-						children: S
+						className: n(b, "px-4 py-4 text-start", j.emptyHint),
+						children: I
+					}) : /* @__PURE__ */ E("p", {
+						className: n(b, "px-4 py-4 text-start", j.emptyHint),
+						children: w
 					})
 				})
 			}),
-			/* @__PURE__ */ w("div", {
-				className: O("border-t px-2 py-3", M.footer),
-				children: /* @__PURE__ */ w(o, {
-					label: k,
+			/* @__PURE__ */ E("div", {
+				className: n("border-t px-2 py-3", j.footer),
+				children: /* @__PURE__ */ E(l, {
+					label: O,
 					className: "w-full justify-center",
-					onClick: r
+					onClick: o
 				})
 			})
 		]
 	});
-}, L = ({ isOpen: e, onClose: t, onSelect: n, title: r, renderContent: i }) => /* @__PURE__ */ w(l, {
+}, I = ({ isOpen: e, onClose: t, onSelect: n, title: r, renderContent: i }) => /* @__PURE__ */ E(f, {
 	open: e,
 	header: r,
-	size: u.Lg,
+	size: p.Lg,
 	className: "h-[min(90vh,860px)] !max-w-[min(95vw,1200px)] overflow-hidden",
 	onClose: t,
-	children: /* @__PURE__ */ w("div", {
+	children: /* @__PURE__ */ E("div", {
 		className: "h-[min(80vh,840px)] overflow-auto",
-		children: /* @__PURE__ */ w(m, {
+		children: /* @__PURE__ */ E(g, {
 			fallback: null,
 			children: e && i(n, t)
 		})
 	})
-}), R = (e) => /* @__PURE__ */ w(k, { ...e }), z = (e, t, n) => ({
+}), L = (e) => /* @__PURE__ */ E(O, { ...e }), R = (e) => ({
 	id: e.url,
 	name: e.name,
-	description: t.get(e.url) ?? void 0,
-	isDescriptionLoading: n.has(e.url)
-}), B = (e) => {
+	description: e.description
+}), z = (e) => {
 	let t = e.split("/").filter((e) => e.length > 0);
 	return t[t.length - 1] ?? e;
-}, V = ({ isEnabled: t, skills: n, sharedWithMe: r, publicSkills: i, favoriteIds: o, onToggleFavorite: s, fetchSkillDescription: c, labels: l, historyChipLabelClassName: u, renderCatalogContent: d, detailsPanelComponent: f }) => {
-	let { addMenuLabel: p = "Skills", backLabel: g = "Back", catalogModalTitleLabel: _ = "Use skill", emptyQueryHintLabel: S = "Type to filter", panelLabels: C } = l ?? {}, [T, E] = b(!1), [D, O] = b(null), [k, A] = b(null), [M, N] = b(/* @__PURE__ */ new Map()), [P, F] = b(/* @__PURE__ */ new Set()), R = y(/* @__PURE__ */ new Set()), V = v(() => [
+}, B = ({ isEnabled: e, isSkillsSupported: t, skills: n, sharedWithMe: i, publicSkills: a, favoriteIds: o, onToggleFavorite: s, labels: l, historyChipLabelClassName: u, renderCatalogContent: d, detailsPanelComponent: f }) => {
+	let { addMenuLabel: p = "Skills", backLabel: m = "Back", catalogModalTitleLabel: h = "Use skill", emptyQueryHintLabel: v = "Type to filter", unsupportedTooltipLabel: y = "Selected model does not support skills. Remove the skill or select different model to proceed.", panelLabels: x } = l ?? {}, w = e && t, [T, D] = S(!1), [O, k] = S(null), [j, M] = S(null), N = b(() => [
 		...n,
-		...r ?? [],
-		...i ?? []
+		...i ?? [],
+		...a ?? []
 	], [
 		n,
-		r,
-		i
-	]), H = v(() => new Map(V.map((e) => [e.url, e])), [V]), U = v(() => V.filter((e) => o.has(e.url)).map((e) => z(e, M, P)), [
+		i,
+		a
+	]), P = b(() => new Map(N.map((e) => [e.url, e])), [N]), L = b(() => N.filter((e) => o.has(e.url)).map((e) => R(e)), [N, o]), B = b(() => j == null ? null : P.get(j) ?? null, [P, j]), V = B != null && !t, H = _((e) => {
+		M(e);
+	}, []), U = _(() => {
+		M(null);
+	}, []), W = j, G = b(() => j == null ? void 0 : [{ url: j }], [j]), K = b(() => B == null ? null : /* @__PURE__ */ E(A, {
+		name: B.name,
+		path: B.url,
+		description: B.description,
+		isUnsupported: V,
+		onViewDetails: k,
+		labels: {
+			viewDetailsLabel: x?.viewDetailsLabel,
+			unsupportedTooltipLabel: y
+		}
+	}), [
+		B,
 		V,
-		o,
-		M,
-		P
-	]), W = v(() => k == null ? null : H.get(k) ?? null, [H, k]), G = h((e) => {
-		A(e);
-	}, []), K = h(() => {
-		A(null);
-	}, []), q = k, J = v(() => k == null ? void 0 : [{ url: k }], [k]), Y = h((e) => {
-		M.has(e) || R.current.has(e) || (R.current.add(e), F((t) => new Set(t).add(e)), c(e).then((t) => {
-			R.current.delete(e), F((t) => {
-				let n = new Set(t);
-				return n.delete(e), n;
-			}), N((n) => new Map(n).set(e, t));
-		}));
-	}, [M, c]), X = v(() => W == null ? null : /* @__PURE__ */ w(j, {
-		name: W.name,
-		path: W.url,
-		description: M.get(W.url) ?? void 0,
-		isDescriptionLoading: P.has(W.url),
-		onTooltipOpen: Y,
-		onViewDetails: O,
-		labels: { viewDetailsLabel: C?.viewDetailsLabel }
+		x,
+		y
+	]), q = _((e) => e == null || e.length === 0 ? null : e.map((e) => {
+		let t = P.get(e.url);
+		return /* @__PURE__ */ E(A, {
+			name: t?.name ?? z(e.url),
+			path: e.url,
+			labelClassName: u,
+			description: t?.description,
+			onViewDetails: k,
+			labels: { viewDetailsLabel: x?.viewDetailsLabel }
+		}, e.url);
 	}), [
-		W,
-		M,
 		P,
-		Y,
-		C
-	]), Z = h((e) => e == null || e.length === 0 ? null : e.map((e) => /* @__PURE__ */ w(j, {
-		name: H.get(e.url)?.name ?? B(e.url),
-		path: e.url,
-		labelClassName: u,
-		description: M.get(e.url) ?? void 0,
-		isDescriptionLoading: P.has(e.url),
-		onTooltipOpen: Y,
-		onViewDetails: O,
-		labels: { viewDetailsLabel: C?.viewDetailsLabel }
-	}, e.url)), [
-		H,
 		u,
-		M,
-		P,
-		Y,
-		C
-	]), Q = h((e) => /* @__PURE__ */ w(I, {
-		favorites: U,
+		x
+	]), J = _((e) => /* @__PURE__ */ E(F, {
+		favorites: L,
 		onSelect: (t) => {
-			G(t.id), e();
+			H(t.id), e();
 		},
 		onToggleFavorite: s,
 		onBrowse: () => {
-			e(), E(!0);
+			e(), D(!0);
 		},
 		onViewDetails: (t) => {
-			e(), O(t.id);
+			e(), k(t.id);
 		},
-		onItemTooltipOpen: Y,
-		labels: C
+		labels: x
 	}), [
-		U,
-		G,
+		L,
+		H,
 		s,
-		Y,
-		C
-	]), $ = v(() => ({
+		x
+	]), Y = b(() => w ? {
 		key: "skills",
 		title: p,
-		icon: /* @__PURE__ */ w(x, {
-			size: e,
+		icon: /* @__PURE__ */ E(C, {
+			size: r,
 			"aria-hidden": !0,
-			stroke: a
+			stroke: c
 		}),
-		renderOverlay: Q,
-		backLabel: g
-	}), [
+		renderOverlay: J,
+		backLabel: m
+	} : void 0, [
+		w,
 		p,
-		g,
-		Q
-	]), ee = v(() => t ? {
+		m,
+		J
+	]), X = b(() => w ? {
 		triggerPrefix: "/",
 		menuLabel: p,
-		emptyQueryHint: S,
-		renderMenu: ({ query: e, close: t }) => /* @__PURE__ */ w(I, {
-			favorites: U,
+		emptyQueryHint: v,
+		renderMenu: ({ query: e, close: t }) => /* @__PURE__ */ E(F, {
+			favorites: L,
 			searchQuery: e,
 			onSelect: (e) => {
-				t({ consumeQuery: !0 }), G(e.id);
+				t({ consumeQuery: !0 }), H(e.id);
 			},
 			onToggleFavorite: s,
 			onBrowse: () => {
-				t({ consumeQuery: !0 }), E(!0);
+				t({ consumeQuery: !0 }), D(!0);
 			},
 			onViewDetails: (e) => {
-				t({ consumeQuery: !0 }), O(e.id);
+				t({ consumeQuery: !0 }), k(e.id);
 			},
-			onItemTooltipOpen: Y,
-			labels: C
+			labels: x
 		})
 	} : void 0, [
-		t,
+		w,
 		p,
-		S,
-		U,
-		G,
+		v,
+		L,
+		H,
 		s,
-		Y,
-		C
+		x
 	]);
-	return t ? {
-		skillMenuOverlay: $,
-		commandMenu: ee,
-		skillCatalogModal: /* @__PURE__ */ w(L, {
+	return e ? {
+		skillMenuOverlay: Y,
+		commandMenu: X,
+		skillCatalogModal: /* @__PURE__ */ E(I, {
 			isOpen: T,
-			onClose: () => E(!1),
+			onClose: () => D(!1),
 			onSelect: (e) => {
-				G(e), E(!1);
+				H(e), D(!1);
 			},
-			title: _,
+			title: h,
 			renderContent: d
 		}),
-		skillDetailsPanel: /* @__PURE__ */ w(m, {
+		skillDetailsPanel: /* @__PURE__ */ E(g, {
 			fallback: null,
-			children: /* @__PURE__ */ w(f, {
-				skillId: D,
-				onClose: () => O(null)
+			children: /* @__PURE__ */ E(f, {
+				skillId: O,
+				onClose: () => k(null)
 			})
 		}),
-		selectedSkillElement: X,
-		selectedSkillPath: q,
-		selectedSkills: J,
-		selectSkill: G,
-		removeSelectedSkill: K,
-		renderHistorySkills: Z
+		selectedSkillElement: K,
+		selectedSkillPath: W,
+		selectedSkills: G,
+		isSkillUnsupported: V,
+		selectSkill: H,
+		removeSelectedSkill: U,
+		renderHistorySkills: q
 	} : {
 		skillMenuOverlay: void 0,
 		commandMenu: void 0,
@@ -358,10 +330,11 @@ var A = ({ description: e, isDescriptionLoading: o, viewDetailsLabel: s = "View
 		selectedSkillElement: null,
 		selectedSkillPath: null,
 		selectedSkills: void 0,
+		isSkillUnsupported: !1,
 		selectSkill: () => void 0,
 		removeSelectedSkill: () => void 0,
 		renderHistorySkills: () => null
 	};
 };
 //#endregion
-export { j as ChatSkill, I as FavoriteSkillsPanel, L as SkillCatalogModal, R as SkillDetailsSidePanel, A as SkillInfoTooltipContent, z as buildFavoriteSkillItem, V as useSkillSelectorOverlay };
+export { A as ChatSkill, F as FavoriteSkillsPanel, I as SkillCatalogModal, L as SkillDetailsSidePanel, k as SkillInfoTooltipContent, R as buildFavoriteSkillItem, B as useSkillSelectorOverlay };

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

@@ -2,6 +2,12 @@
 export interface ChatSkillLabels {
     /** Label for the tooltip's "View details" action. Defaults to `'View details'`. */
     viewDetailsLabel?: string;
+    /**
+     * Message shown alone in the tooltip while `isUnsupported` is set, stating
+     * that the selected model does not support skills and that the user should
+     * remove the skill or select a different model to proceed.
+     */
+    unsupportedTooltipLabel?: string;
 }
 /** Props for the ChatSkill component. */
 export interface ChatSkillProps {
@@ -12,23 +18,30 @@ export interface ChatSkillProps {
      * callback so the host never has to re-derive it.
      */
     path: string;
-    /** The skill's description, shown in the tooltip. Omitted when empty. */
+    /** The skill's listing-sourced description, shown in the tooltip. Omitted when empty. */
     description?: string;
     /**
-     * Whether the description is still being resolved by the host. While
-     * `true` the tooltip shows a spinner in the description's place.
+     * Whether the current model/application does not support skills. While
+     * `true` the `/{name}` label carries `unsupportedLabelClassName`, the chip
+     * carries `unsupportedClassName`, and the tooltip shows the
+     * unsupported-model message alone — no description paragraph and no
+     * "View details" button.
      */
-    isDescriptionLoading?: boolean;
+    isUnsupported?: boolean;
     /** CSS class applied to the `/name` label. Defaults to `'dial-body-paragraph-text'`. */
     labelClassName?: string;
-    /** Called with the skill's path when the tooltip's "View details" button is clicked. */
-    onViewDetails: (path: string) => void;
     /**
-     * Called with the skill's path each time the tooltip opens (hover or
-     * focus) — the host's lazy-description trigger, wherever the component
-     * renders.
+     * Color class applied to the `/{name}` label in addition to
+     * `labelClassName` while `isUnsupported` is set. Defaults to `'text-error'`.
      */
-    onTooltipOpen?: (path: string) => void;
+    unsupportedLabelClassName?: string;
+    /**
+     * Class applied to the chip in addition to its layout classes while
+     * `isUnsupported` is set. Defaults to `'bg-error'`.
+     */
+    unsupportedClassName?: string;
+    /** Called with the skill's path when the tooltip's "View details" button is clicked. */
+    onViewDetails: (path: string) => void;
     /** Localizable string overrides. */
     labels?: ChatSkillLabels;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"chat-skill-props.d.ts","sourceRoot":"","sources":["../../src/models/chat-skill-props.ts"],"names":[],"mappings":"AAAA,wEAAwE;AACxE,MAAM,WAAW,eAAe;IAC9B,mFAAmF;IACnF,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,yCAAyC;AACzC,MAAM,WAAW,cAAc;IAC7B,yEAAyE;IACzE,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,yEAAyE;IACzE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,wFAAwF;IACxF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wFAAwF;IACxF,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,oCAAoC;IACpC,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B"}
+{"version":3,"file":"chat-skill-props.d.ts","sourceRoot":"","sources":["../../src/models/chat-skill-props.ts"],"names":[],"mappings":"AAAA,wEAAwE;AACxE,MAAM,WAAW,eAAe;IAC9B,mFAAmF;IACnF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAED,yCAAyC;AACzC,MAAM,WAAW,cAAc;IAC7B,yEAAyE;IACzE,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,yFAAyF;IACzF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wFAAwF;IACxF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wFAAwF;IACxF,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,oCAAoC;IACpC,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B"}

package/models/favorite-skill-item.d.ts

@@ -7,13 +7,8 @@ export interface FavoriteSkillItem {
     id: string;
     /** Display name. */
     name: string;
-    /** Short description shown in a tooltip on hover. Omitted when empty. */
+    /** Listing-sourced description shown in a tooltip on hover. Omitted when empty. */
     description?: string;
-    /**
-     * Whether the description is still being resolved by the host. While
-     * `true` the tooltip shows a spinner in the description's place.
-     */
-    isDescriptionLoading?: boolean;
 }
 /**
  * The listing-entry fields needed to build a favorite row — satisfied by the
@@ -24,12 +19,13 @@ export interface SkillListingEntry {
     url: string;
     /** Display name. */
     name: string;
+    /** Listing-sourced description (Core PR #1970). Absent on folders and older Cores. */
+    description?: string;
 }
 /**
- * Builds a {@link FavoriteSkillItem} from a listing entry and the host's
- * resolved description cache. A cached `null` (no description or a failed
- * fetch) and a not-yet-fetched id both yield no description paragraph; ids
- * in `pendingIds` are marked as loading so the row's tooltip shows a spinner.
+ * Builds a {@link FavoriteSkillItem} from a listing entry, mapping its
+ * description straight through — the listing is the description's only
+ * source, so an entry that carries none yields no description paragraph.
  */
-export declare const buildFavoriteSkillItem: (skill: SkillListingEntry, descriptions: ReadonlyMap<string, string | null>, pendingIds: ReadonlySet<string>) => FavoriteSkillItem;
+export declare const buildFavoriteSkillItem: (skill: SkillListingEntry) => FavoriteSkillItem;
 //# sourceMappingURL=favorite-skill-item.d.ts.map

package/models/favorite-skill-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"favorite-skill-item.d.ts","sourceRoot":"","sources":["../../src/models/favorite-skill-item.ts"],"names":[],"mappings":"AAAA,6EAA6E;AAC7E,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,yEAAyE;IACzE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC,kFAAkF;IAClF,GAAG,EAAE,MAAM,CAAC;IACZ,oBAAoB;IACpB,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,GACjC,OAAO,iBAAiB,EACxB,cAAc,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,EAChD,YAAY,WAAW,CAAC,MAAM,CAAC,KAC9B,iBAKD,CAAC"}
+{"version":3,"file":"favorite-skill-item.d.ts","sourceRoot":"","sources":["../../src/models/favorite-skill-item.ts"],"names":[],"mappings":"AAAA,6EAA6E;AAC7E,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,mFAAmF;IACnF,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC,kFAAkF;IAClF,GAAG,EAAE,MAAM,CAAC;IACZ,oBAAoB;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,sFAAsF;IACtF,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,GACjC,OAAO,iBAAiB,KACvB,iBAID,CAAC"}

package/models/favorite-skills-panel-props.d.ts

@@ -39,8 +39,6 @@ export interface FavoriteSkillsPanelProps {
     onBrowse: () => void;
     /** Called when a row tooltip's "View details" button is clicked. */
     onViewDetails: (item: FavoriteSkillItem) => void;
-    /** Called with a skill's id each time one of its row's interactive tooltips opens (hover or focus). */
-    onItemTooltipOpen?: (id: string) => void;
     /**
      * When provided, the panel enters search mode: rows are filtered to names
      * containing this string case-insensitively and matched names render with a

package/models/favorite-skills-panel-props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"favorite-skills-panel-props.d.ts","sourceRoot":"","sources":["../../src/models/favorite-skills-panel-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,kFAAkF;AAClF,MAAM,WAAW,yBAAyB;IACxC,sEAAsE;IACtE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2FAA2F;IAC3F,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6GAA6G;IAC7G,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,qFAAqF;IACrF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oGAAoG;IACpG,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,6DAA6D;AAC7D,MAAM,WAAW,yBAAyB;IACxC,2EAA2E;IAC3E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,+EAA+E;IAC/E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kFAAkF;IAClF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,+CAA+C;AAC/C,MAAM,WAAW,wBAAwB;IACvC,iEAAiE;IACjE,SAAS,EAAE,iBAAiB,EAAE,CAAC;IAC/B,+DAA+D;IAC/D,QAAQ,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5C,kGAAkG;IAClG,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,kDAAkD;IAClD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,oEAAoE;IACpE,aAAa,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACjD,uGAAuG;IACvG,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,wDAAwD;IACxD,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,gFAAgF;IAChF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oIAAoI;IACpI,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sFAAsF;IACtF,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B"}
+{"version":3,"file":"favorite-skills-panel-props.d.ts","sourceRoot":"","sources":["../../src/models/favorite-skills-panel-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,kFAAkF;AAClF,MAAM,WAAW,yBAAyB;IACxC,sEAAsE;IACtE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2FAA2F;IAC3F,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6GAA6G;IAC7G,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,qFAAqF;IACrF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oGAAoG;IACpG,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,6DAA6D;AAC7D,MAAM,WAAW,yBAAyB;IACxC,2EAA2E;IAC3E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,+EAA+E;IAC/E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kFAAkF;IAClF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,+CAA+C;AAC/C,MAAM,WAAW,wBAAwB;IACvC,iEAAiE;IACjE,SAAS,EAAE,iBAAiB,EAAE,CAAC;IAC/B,+DAA+D;IAC/D,QAAQ,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5C,kGAAkG;IAClG,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,kDAAkD;IAClD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,oEAAoE;IACpE,aAAa,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACjD;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,wDAAwD;IACxD,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,gFAAgF;IAChF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oIAAoI;IACpI,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sFAAsF;IACtF,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B"}

package/models/skill-info-tooltip-content-props.d.ts

@@ -1,15 +1,15 @@
 /** Props for the shared skill info tooltip content component. */
 export interface SkillInfoTooltipContentProps {
-    /** The skill's description paragraph. Omitted entirely when empty. */
+    /** The skill's listing-sourced description paragraph. Omitted entirely when empty. */
     description?: string;
     /**
-     * Whether the description is still being resolved by the host. While
-     * `true` a spinner renders in the description's place.
+     * The unsupported-model message. While set, it replaces the whole content —
+     * no description paragraph and no "View details" button render.
      */
-    isDescriptionLoading?: boolean;
+    unsupportedMessage?: string;
     /** Label for the "View details" action. Defaults to `'View details'`. */
     viewDetailsLabel?: string;
-    /** Called when the "View details" button is clicked. */
-    onViewDetails: () => void;
+    /** Called when the "View details" button is clicked. Unused while `unsupportedMessage` is set. */
+    onViewDetails?: () => void;
 }
 //# sourceMappingURL=skill-info-tooltip-content-props.d.ts.map

package/models/skill-info-tooltip-content-props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skill-info-tooltip-content-props.d.ts","sourceRoot":"","sources":["../../src/models/skill-info-tooltip-content-props.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,MAAM,WAAW,4BAA4B;IAC3C,sEAAsE;IACtE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wDAAwD;IACxD,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B"}
+{"version":3,"file":"skill-info-tooltip-content-props.d.ts","sourceRoot":"","sources":["../../src/models/skill-info-tooltip-content-props.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,MAAM,WAAW,4BAA4B;IAC3C,sFAAsF;IACtF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kGAAkG;IAClG,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B"}

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

@@ -28,6 +28,11 @@ export interface SkillSelectorOverlayLabels {
      * is open with an empty query. Defaults to `'Type to filter'`.
      */
     emptyQueryHintLabel?: string;
+    /**
+     * Message shown alone in the selected skill chip's error-state tooltip
+     * while the current deployment does not support skills.
+     */
+    unsupportedTooltipLabel?: string;
     /** Labels forwarded to the favorites panel rendered as the overlay. */
     panelLabels?: FavoriteSkillsPanelLabels;
 }
@@ -38,6 +43,14 @@ export interface UseSkillSelectorOverlayOptions {
      * 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 an already-selected skill chip stays rendered in
+     * its error state with its removal gesture and "View details" panel
+     * available. The host resolves this from its own deployment data.
+     */
+    isSkillsSupported: boolean;
     /** The user's own skills. */
     skills: SkillListingEntry[];
     /** Skills shared with the user, when the host distinguishes them. */
@@ -48,11 +61,6 @@ export interface UseSkillSelectorOverlayOptions {
     favoriteIds: ReadonlySet<string>;
     /** Removes a skill from favorites; fired by a row's star button. */
     onToggleFavorite: (id: string) => void;
-    /**
-     * Resolves a skill's manifest description for its row tooltip. Returning
-     * `null` marks the skill as description-less for the rest of the session.
-     */
-    fetchSkillDescription: (skillId: string) => Promise<string | null>;
     /** Localizable string overrides. */
     labels?: SkillSelectorOverlayLabels;
     /**
@@ -76,16 +84,18 @@ export interface UseSkillSelectorOverlayOptions {
 export interface UseSkillSelectorOverlayResult {
     /**
      * The Skills entry for the `menuOverlays` prop of
-     * `ConversationInput`/`Input`. `undefined` while `isEnabled` is `false`: 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`/`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.
      */
     skillMenuOverlay?: MenuOverlayConfig;
     /**
      * The Skills entry for the `commandMenu` prop of
      * `ConversationInput`/`Input`: typing `/` into an empty textarea opens the
-     * favorites panel in search mode above the input. `undefined` while
-     * `isEnabled` is `false`, disabling the slash menu entirely.
+     * 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.
      */
     commandMenu?: CommandMenuConfig;
     /**
@@ -101,12 +111,20 @@ export interface UseSkillSelectorOverlayResult {
     /**
      * The selected skill as a `ChatSkill` element for the conversation input's
      * `inlineStartSlot` — at most one, replaced on every selection, carrying
-     * the shared tooltip (with the same lazy description fetch as the favorite
-     * rows). The element has no remove control of its own; removal is the
+     * the shared tooltip (the listing-sourced description, same as the favorite
+     * rows), or the error state while the current deployment does not support
+     * skills. The element has no remove control of its own; removal is the
      * input's Backspace-at-start gesture, wired through `removeSelectedSkill`.
      * `null` while `isEnabled` is `false` or nothing is selected.
      */
     selectedSkillElement: ReactNode;
+    /**
+     * Whether a skill is selected while the current deployment does not
+     * support skills — the chip renders in its error state and hosts must fold
+     * this into their send-disabled conditions. Always `false` while
+     * `isEnabled` is `false`.
+     */
+    isSkillUnsupported: boolean;
     /**
      * The selected skill's resource URL (`skills/{bucket}/{path}`) — the value
      * the host sends as a `{ url }` entry in the outgoing message's
@@ -134,12 +152,12 @@ export interface UseSkillSelectorOverlayResult {
     /**
      * Renders a message's `custom_content.skills` entries as `ChatSkill`
      * elements beside the message bubble's first text line, with the text
-     * word-flowing after them — one per entry, sharing the session description
-     * cache, the lazy-fetch first-open trigger, and the "View details" details
-     * panel with the favorite rows and the input chip. Each entry's name comes
-     * from the listing pools matched on its url, falling back to the url's last
-     * non-empty segment. Returns `null` while `isEnabled` is `false` or the
-     * array is empty.
+     * word-flowing after them — one per entry, sharing the "View details"
+     * details panel with the favorite rows and the input chip. Each entry's
+     * name comes from the listing pools matched on its url, falling back to
+     * the url's last non-empty segment, and its description from the same
+     * match (absent when no pool carries the url). Returns `null` while
+     * `isEnabled` is `false` or the array is empty.
      */
     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":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAE/E;;;;;GAKG;AACH,MAAM,WAAW,+BAA+B;IAC9C,iFAAiF;IACjF,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,2EAA2E;IAC3E,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,qEAAqE;AACrE,MAAM,WAAW,0BAA0B;IACzC,2EAA2E;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uEAAuE;IACvE,WAAW,CAAC,EAAE,yBAAyB,CAAC;CACzC;AAED,qDAAqD;AACrD,MAAM,WAAW,8BAA8B;IAC7C;;;OAGG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB,6BAA6B;IAC7B,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,qEAAqE;IACrE,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACnC,uDAAuD;IACvD,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACnC,0EAA0E;IAC1E,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACjC,oEAAoE;IACpE,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,qBAAqB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACnE,oCAAoC;IACpC,MAAM,CAAC,EAAE,0BAA0B,CAAC;IACpC;;;;;;OAMG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC;;;;OAIG;IACH,oBAAoB,EAAE,CACpB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,EAC9B,OAAO,EAAE,MAAM,IAAI,KAChB,SAAS,CAAC;IACf,sEAAsE;IACtE,qBAAqB,EAAE,aAAa,CAAC,+BAA+B,CAAC,CAAC;CACvE;AAED,6CAA6C;AAC7C,MAAM,WAAW,6BAA6B;IAC5C;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC;;;;;OAKG;IACH,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC;;;OAGG;IACH,iBAAiB,EAAE,SAAS,CAAC;IAC7B;;;OAGG;IACH,iBAAiB,EAAE,SAAS,CAAC;IAC7B;;;;;;;OAOG;IACH,oBAAoB,EAAE,SAAS,CAAC;IAChC;;;;;OAKG;IACH,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC;;;;OAIG;IACH,cAAc,EAAE,YAAY,EAAE,GAAG,SAAS,CAAC;IAC3C;;;OAGG;IACH,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;;;OAIG;IACH,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC;;;;;;;;;OASG;IACH,mBAAmB,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,GAAG,SAAS,KAAK,SAAS,CAAC;CACxE"}
+{"version":3,"file":"skill-selector-overlay.d.ts","sourceRoot":"","sources":["../../src/models/skill-selector-overlay.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAE/E;;;;;GAKG;AACH,MAAM,WAAW,+BAA+B;IAC9C,iFAAiF;IACjF,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,2EAA2E;IAC3E,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,qEAAqE;AACrE,MAAM,WAAW,0BAA0B;IACzC,2EAA2E;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,uEAAuE;IACvE,WAAW,CAAC,EAAE,yBAAyB,CAAC;CACzC;AAED,qDAAqD;AACrD,MAAM,WAAW,8BAA8B;IAC7C;;;OAGG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;;;;;OAMG;IACH,iBAAiB,EAAE,OAAO,CAAC;IAC3B,6BAA6B;IAC7B,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,qEAAqE;IACrE,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACnC,uDAAuD;IACvD,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACnC,0EAA0E;IAC1E,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACjC,oEAAoE;IACpE,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,oCAAoC;IACpC,MAAM,CAAC,EAAE,0BAA0B,CAAC;IACpC;;;;;;OAMG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC;;;;OAIG;IACH,oBAAoB,EAAE,CACpB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,EAC9B,OAAO,EAAE,MAAM,IAAI,KAChB,SAAS,CAAC;IACf,sEAAsE;IACtE,qBAAqB,EAAE,aAAa,CAAC,+BAA+B,CAAC,CAAC;CACvE;AAED,6CAA6C;AAC7C,MAAM,WAAW,6BAA6B;IAC5C;;;;;;OAMG;IACH,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC;;;OAGG;IACH,iBAAiB,EAAE,SAAS,CAAC;IAC7B;;;OAGG;IACH,iBAAiB,EAAE,SAAS,CAAC;IAC7B;;;;;;;;OAQG;IACH,oBAAoB,EAAE,SAAS,CAAC;IAChC;;;;;OAKG;IACH,kBAAkB,EAAE,OAAO,CAAC;IAC5B;;;;;OAKG;IACH,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC;;;;OAIG;IACH,cAAc,EAAE,YAAY,EAAE,GAAG,SAAS,CAAC;IAC3C;;;OAGG;IACH,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;;;OAIG;IACH,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC;;;;;;;;;OASG;IACH,mBAAmB,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,GAAG,SAAS,KAAK,SAAS,CAAC;CACxE"}

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.1.0-dev.475",
+  "version": "1.1.0-dev.487",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -18,13 +18,13 @@
   },
   "dependencies": {
     "@tabler/icons-react": "^3.44.0",
-    "@epam/ai-dial-catalog": "1.1.0-dev.475",
-    "@epam/ai-dial-conversation-input": "1.1.0-dev.475"
+    "@epam/ai-dial-catalog": "1.1.0-dev.487",
+    "@epam/ai-dial-conversation-input": "1.1.0-dev.487"
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.475",
-    "@epam/ai-dial-ui-kit": "^0.14.0-dev.37",
-    "react": "^19.0.0"
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.487",
+    "@epam/ai-dial-ui-kit": "^0.14.2",
+    "react": "^19.2.8"
   },
   "repository": {
     "type": "git",