@epam/ai-dial-skills 1.1.0-dev.438 → 1.1.0-dev.441

package/components/ChatSkill/ChatSkill.d.ts

@@ -0,0 +1,5 @@
+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. */
+export declare const ChatSkill: FC<ChatSkillProps>;
+//# sourceMappingURL=ChatSkill.d.ts.map

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

@@ -0,0 +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"}

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

@@ -1 +1 @@
-{"version":3,"file":"FavoriteSkillsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/FavoriteSkillsPanel/FavoriteSkillsPanel.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAKL,KAAK,EAAE,EAER,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,0CAA0C,CAAC;AAqCzF,sHAAsH;AACtH,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CA4Q5D,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,CAgQ5D,CAAC"}

package/components/SkillInfoTooltipContent/SkillInfoTooltipContent.d.ts

@@ -0,0 +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. */
+export declare const SkillInfoTooltipContent: FC<SkillInfoTooltipContentProps>;
+//# sourceMappingURL=SkillInfoTooltipContent.d.ts.map

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

@@ -0,0 +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"}

package/hooks/useSkillSelectorOverlay/useSkillSelectorOverlay.d.ts

@@ -2,9 +2,10 @@ import { UseSkillSelectorOverlayOptions, UseSkillSelectorOverlayResult } from '.
 /**
  * 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 shown as an
- * input chip. The host injects the listing data, favorites state, the
- * description fetch, labels, and the modal/panel components.
+ * 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.
  */
 export declare const useSkillSelectorOverlay: ({ isEnabled, skills, sharedWithMe, publicSkills, favoriteIds, onToggleFavorite, fetchSkillDescription, labels, 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":"AA0BA,OAAO,KAAK,EACV,8BAA8B,EAC9B,6BAA6B,EAC9B,MAAM,qCAAqC,CAAC;AAE7C;;;;;;GAMG;AACH,eAAO,MAAM,uBAAuB,GAAI,sLAWrC,8BAA8B,KAAG,6BAyNnC,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;AAE7C;;;;;;;GAOG;AACH,eAAO,MAAM,uBAAuB,GAAI,sLAWrC,8BAA8B,KAAG,6BAiRnC,CAAC"}

package/index.d.ts

@@ -1,11 +1,15 @@
+export { ChatSkill } from './components/ChatSkill/ChatSkill';
 export { FavoriteSkillsPanel } from './components/FavoriteSkillsPanel/FavoriteSkillsPanel';
 export { SkillCatalogModal } from './components/SkillCatalogModal/SkillCatalogModal';
 export { SkillDetailsSidePanel } from './components/SkillDetailsSidePanel/SkillDetailsSidePanel';
+export { SkillInfoTooltipContent } from './components/SkillInfoTooltipContent/SkillInfoTooltipContent';
 export { useSkillSelectorOverlay } from './hooks/useSkillSelectorOverlay/useSkillSelectorOverlay';
 export { buildFavoriteSkillItem } from './models/favorite-skill-item';
+export type { ChatSkillLabels, ChatSkillProps, } from './models/chat-skill-props';
 export type { FavoriteSkillItem, SkillListingEntry, } from './models/favorite-skill-item';
 export type { FavoriteSkillsPanelColors, FavoriteSkillsPanelLabels, FavoriteSkillsPanelProps, } from './models/favorite-skills-panel-props';
 export type { SkillCatalogModalProps } from './models/skill-catalog-modal-props';
 export type { SkillDetailsSidePanelProps } from './models/skill-details-side-panel-props';
+export type { SkillInfoTooltipContentProps } from './models/skill-info-tooltip-content-props';
 export type { SkillDetailsPanelComponentProps, SkillSelectorOverlayLabels, UseSkillSelectorOverlayOptions, UseSkillSelectorOverlayResult, } from './models/skill-selector-overlay';
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,qBAAqB,EAAE,MAAM,0DAA0D,CAAC;AACjG,OAAO,EAAE,uBAAuB,EAAE,MAAM,yDAAyD,CAAC;AAClG,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,YAAY,EACV,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,8BAA8B,CAAC;AACtC,YAAY,EACV,yBAAyB,EACzB,yBAAyB,EACzB,wBAAwB,GACzB,MAAM,sCAAsC,CAAC;AAC9C,YAAY,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AACjF,YAAY,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAC1F,YAAY,EACV,+BAA+B,EAC/B,0BAA0B,EAC1B,8BAA8B,EAC9B,6BAA6B,GAC9B,MAAM,iCAAiC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,qBAAqB,EAAE,MAAM,0DAA0D,CAAC;AACjG,OAAO,EAAE,uBAAuB,EAAE,MAAM,8DAA8D,CAAC;AACvG,OAAO,EAAE,uBAAuB,EAAE,MAAM,yDAAyD,CAAC;AAClG,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,YAAY,EACV,eAAe,EACf,cAAc,GACf,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,8BAA8B,CAAC;AACtC,YAAY,EACV,yBAAyB,EACzB,yBAAyB,EACzB,wBAAwB,GACzB,MAAM,sCAAsC,CAAC;AAC9C,YAAY,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AACjF,YAAY,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAC1F,YAAY,EAAE,4BAA4B,EAAE,MAAM,2CAA2C,CAAC;AAC9F,YAAY,EACV,+BAA+B,EAC/B,0BAA0B,EAC1B,8BAA8B,EAC9B,6BAA6B,GAC9B,MAAM,iCAAiC,CAAC"}

package/index.js

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

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

@@ -0,0 +1,35 @@
+/** Localizable string labels for {@link ChatSkillProps}'s component. */
+export interface ChatSkillLabels {
+    /** Label for the tooltip's "View details" action. Defaults to `'View details'`. */
+    viewDetailsLabel?: string;
+}
+/** Props for the ChatSkill component. */
+export interface ChatSkillProps {
+    /** Display name, rendered after the `/` prefix in the button's label. */
+    name: string;
+    /**
+     * The skill's resource URL (`skills/{bucket}/{path}`), passed to every
+     * callback so the host never has to re-derive it.
+     */
+    path: string;
+    /** The skill's 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.
+     */
+    isDescriptionLoading?: 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.
+     */
+    onTooltipOpen?: (path: string) => void;
+    /** Localizable string overrides. */
+    labels?: ChatSkillLabels;
+}
+//# sourceMappingURL=chat-skill-props.d.ts.map

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

@@ -0,0 +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"}

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

@@ -11,6 +11,8 @@ export interface FavoriteSkillsPanelLabels {
     removeFromFavoritesLabel?: string;
     /** Label for a row tooltip's "View details" action. Defaults to `'View details'`. */
     viewDetailsLabel?: string;
+    /** Hint shown when `searchQuery` filters out every favorite. Defaults to `'No matching skills'`. */
+    noMatchingSkillsLabel?: string;
 }
 /** CSS custom-property overrides for the favorites panel. */
 export interface FavoriteSkillsPanelColors {
@@ -39,6 +41,13 @@ export interface FavoriteSkillsPanelProps {
     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
+     * highlight mark. An empty string shows every row. Omit to show all
+     * favorites unfiltered.
+     */
+    searchQuery?: string;
     /** Localizable string overrides. */
     labels?: FavoriteSkillsPanelLabels;
     /** Color overrides applied as CSS custom properties. */

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;CAC3B;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,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,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"}

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

@@ -0,0 +1,15 @@
+/** Props for the shared skill info tooltip content component. */
+export interface SkillInfoTooltipContentProps {
+    /** The skill's 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.
+     */
+    isDescriptionLoading?: boolean;
+    /** Label for the "View details" action. Defaults to `'View details'`. */
+    viewDetailsLabel?: string;
+    /** Called when the "View details" button is clicked. */
+    onViewDetails: () => void;
+}
+//# sourceMappingURL=skill-info-tooltip-content-props.d.ts.map

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

@@ -0,0 +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"}

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

@@ -1,4 +1,4 @@
-import { MenuOverlayConfig, SelectedEntityChip } from '@epam/ai-dial-conversation-input';
+import { CommandMenuConfig, MenuOverlayConfig } from '@epam/ai-dial-conversation-input';
 import { ComponentType, ReactNode } from 'react';
 import { SkillListingEntry } from './favorite-skill-item';
 import { FavoriteSkillsPanelLabels } from './favorite-skills-panel-props';
@@ -22,6 +22,11 @@ export interface SkillSelectorOverlayLabels {
     backLabel?: string;
     /** Header title of the "Use skill" browse modal. Defaults to `'Use skill'`. */
     catalogModalTitleLabel?: string;
+    /**
+     * Hint rendered in the text area right after the `/` while the slash menu
+     * is open with an empty query. Defaults to `'Type to filter'`.
+     */
+    emptyQueryHintLabel?: string;
     /** Labels forwarded to the favorites panel rendered as the overlay. */
     panelLabels?: FavoriteSkillsPanelLabels;
 }
@@ -67,6 +72,13 @@ export interface UseSkillSelectorOverlayResult {
      * 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.
+     */
+    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`.
@@ -78,14 +90,24 @@ export interface UseSkillSelectorOverlayResult {
      */
     skillDetailsPanel: ReactNode;
     /**
-     * The selected skill as input chip data — at most one entry, replaced on
-     * every selection. Empty while `isEnabled` is `false` or nothing is selected.
+     * 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
+     * input's Backspace-at-start gesture, wired through `removeSelectedSkill`.
+     * `null` while `isEnabled` is `false` or nothing is selected.
      */
-    selectedSkillChips: SelectedEntityChip[];
+    selectedSkillElement: ReactNode;
     /**
      * Selects a skill by its resource URL (`skills/{bucket}/{path}`), replacing
      * any prior selection.
      */
     selectSkill: (skillId: string) => void;
+    /**
+     * Clears the selected skill. Wire to the input's `onInlineStartRemove` —
+     * Backspace with the caret collapsed at position 0 while the selected
+     * skill's element is shown.
+     */
+    removeSelectedSkill: () => void;
 }
 //# sourceMappingURL=skill-selector-overlay.d.ts.map

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,EACV,iBAAiB,EACjB,kBAAkB,EACnB,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,6FAA6F;AAC7F,MAAM,WAAW,+BAA+B;IAC9C,iFAAiF;IACjF,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,2EAA2E;IAC3E,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;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,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;;;;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;;;OAGG;IACH,iBAAiB,EAAE,SAAS,CAAC;IAC7B;;;OAGG;IACH,iBAAiB,EAAE,SAAS,CAAC;IAC7B;;;OAGG;IACH,kBAAkB,EAAE,kBAAkB,EAAE,CAAC;IACzC;;;OAGG;IACH,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC"}
+{"version":3,"file":"skill-selector-overlay.d.ts","sourceRoot":"","sources":["../../src/models/skill-selector-overlay.ts"],"names":[],"mappings":"AAAA,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,6FAA6F;AAC7F,MAAM,WAAW,+BAA+B;IAC9C,iFAAiF;IACjF,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,2EAA2E;IAC3E,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;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;;;;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;;;OAGG;IACH,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;;;OAIG;IACH,mBAAmB,EAAE,MAAM,IAAI,CAAC;CACjC"}

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.438",
+  "version": "1.1.0-dev.441",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -16,9 +16,9 @@
     }
   },
   "peerDependencies": {
-    "@epam/ai-dial-catalog": "1.1.0-dev.438",
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.438",
-    "@epam/ai-dial-conversation-input": "1.1.0-dev.438",
+    "@epam/ai-dial-catalog": "1.1.0-dev.441",
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.441",
+    "@epam/ai-dial-conversation-input": "1.1.0-dev.441",
     "@epam/ai-dial-ui-kit": "*",
     "@tabler/icons-react": "^3.0.0",
     "react": "^19.0.0"