@epam/ai-dial-skills 1.3.0-dev.296 → 1.3.0-dev.304

package/components/SkillSelectorField/SkillSelectorField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SkillSelectorField.d.ts","sourceRoot":"","sources":["../../../src/components/SkillSelectorField/SkillSelectorField.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAmB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EACV,uBAAuB,EAExB,MAAM,yCAAyC,CAAC;AAQjD,kFAAkF;AAClF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAqH1D,CAAC"}
+{"version":3,"file":"SkillSelectorField.d.ts","sourceRoot":"","sources":["../../../src/components/SkillSelectorField/SkillSelectorField.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAmB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EACV,uBAAuB,EAExB,MAAM,yCAAyC,CAAC;AAQjD,kFAAkF;AAClF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAiK1D,CAAC"}

package/index.css

@@ -1,3 +1,3 @@
-._unresolvedIcon_1v08q_1{color:var(--sk-tooltip-unresolved-icon,var(--text-secondary,#57647a))}._unresolvedMessage_1v08q_5{color:var(--sk-tooltip-unresolved-message,var(--text-primary,#161b2d))}._chip_ddlyv_1{color:var(--sk-chip-label,var(--text-accent,#1d4ed8))}._chip_ddlyv_1:hover,._chip_ddlyv_1:focus-visible,._chip_ddlyv_1:active{background:var(--sk-chip-hover-bg,var(--bg-info,#e1eaf9))}._chip_ddlyv_1._unsupported_ddlyv_9{color:var(--sk-chip-unsupported-label,var(--text-error,#ae2f2f));background:var(--sk-chip-unsupported-bg,var(--bg-error,#f3d6d8))}._row_1v431_1:hover,._row_1v431_1:focus-visible,._row_1v431_1[aria-selected=true]{background:var(--fs-row-hover-bg,var(--bg-layer-sunken,#eef1f7))}._header_1v431_8{color:var(--fs-header-text,var(--text-tertiary,#848e9c))}._emptyHint_1v431_12{color:var(--fs-empty-hint-text,var(--text-icon-tertiary,#848e9c))}._star_1v431_16{color:var(--fs-star-color,var(--text-warning-icon,#eec840))}._footer_1v431_20{border-top-color:var(--fs-footer-border,var(--stroke-tertiary,#e0e6f0))}._rowEnter_1v431_28{animation:.2s ease-out _rowFadeIn_1v431_1}._rowLeaving_1v431_32{pointer-events:none;animation:.18s ease-out forwards _rowFadeOut_1v431_1}@keyframes _rowFadeIn_1v431_1{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes _rowFadeOut_1v431_1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}._listContent_1v431_60{transition:max-height .2s}@media (prefers-reduced-motion:reduce){._rowEnter_1v431_28,._rowLeaving_1v431_32{animation:none}._listContent_1v431_60{transition:none}}._background_1ult0_1{background:var(--ssf-bg)}._border_1ult0_5{border-color:var(--ssf-border)}._value_1ult0_9{color:var(--ssf-text)}._clear_1ult0_13{margin-block:-.5rem}._invalid_1ult0_17{color:var(--ssf-error,var(--text-error,#ae2f2f));border-color:var(--ssf-error,var(--text-error,#ae2f2f))}._invalid_1ult0_17 input{color:var(--ssf-error,var(--text-error,#ae2f2f))}
+._unresolvedIcon_1v08q_1{color:var(--sk-tooltip-unresolved-icon,var(--text-secondary,#57647a))}._unresolvedMessage_1v08q_5{color:var(--sk-tooltip-unresolved-message,var(--text-primary,#161b2d))}._chip_ddlyv_1{color:var(--sk-chip-label,var(--text-accent,#1d4ed8))}._chip_ddlyv_1:hover,._chip_ddlyv_1:focus-visible,._chip_ddlyv_1:active{background:var(--sk-chip-hover-bg,var(--bg-info,#e1eaf9))}._chip_ddlyv_1._unsupported_ddlyv_9{color:var(--sk-chip-unsupported-label,var(--text-error,#ae2f2f));background:var(--sk-chip-unsupported-bg,var(--bg-error,#f3d6d8))}._row_1v431_1:hover,._row_1v431_1:focus-visible,._row_1v431_1[aria-selected=true]{background:var(--fs-row-hover-bg,var(--bg-layer-sunken,#eef1f7))}._header_1v431_8{color:var(--fs-header-text,var(--text-tertiary,#848e9c))}._emptyHint_1v431_12{color:var(--fs-empty-hint-text,var(--text-icon-tertiary,#848e9c))}._star_1v431_16{color:var(--fs-star-color,var(--text-warning-icon,#eec840))}._footer_1v431_20{border-top-color:var(--fs-footer-border,var(--stroke-tertiary,#e0e6f0))}._rowEnter_1v431_28{animation:.2s ease-out _rowFadeIn_1v431_1}._rowLeaving_1v431_32{pointer-events:none;animation:.18s ease-out forwards _rowFadeOut_1v431_1}@keyframes _rowFadeIn_1v431_1{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes _rowFadeOut_1v431_1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}._listContent_1v431_60{transition:max-height .2s}@media (prefers-reduced-motion:reduce){._rowEnter_1v431_28,._rowLeaving_1v431_32{animation:none}._listContent_1v431_60{transition:none}}._background_1goqn_1{background:var(--ssf-bg)}._border_1goqn_5{border-color:var(--ssf-border)}._value_1goqn_9{color:var(--ssf-text)}._clear_1goqn_13{margin-block:-.5rem}._invalid_1goqn_17{color:var(--ssf-error,var(--text-error,#ae2f2f));border-color:var(--ssf-error,var(--text-error,#ae2f2f))}._invalid_1goqn_17 input{color:var(--ssf-error,var(--text-error,#ae2f2f))}._unavailableTag_1goqn_25._unavailableTag_1goqn_25{background:var(--ssf-unavailable-tag-bg,var(--bg-error,#f3d6d8));border-color:var(--ssf-unavailable-tag-border,var(--stroke-error,#ae2f2f));cursor:pointer}
 /*$vite$:1*//*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
 @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-0{top:0}.-ms-1{margin-inline-start:-.25rem}.-me-1{margin-inline-end:-.25rem}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.h-\[min\(80vh\,840px\)\]{height:min(80vh,840px)}.h-\[min\(90vh\,860px\)\]{height:min(90vh,860px)}.max-h-72{max-height:18rem}.max-h-\[280px\]{max-height:280px}.min-h-0{min-height:0}.w-\[min\(var\(--reference-width\)\,calc\(100vw-2rem\)\)\]{width:min(var(--reference-width), calc(100vw - 2rem))}.w-full{width:100%}.max-w-\[min\(95vw\,1200px\)\]\!{max-width:min(95vw,1200px)!important}.max-w-\[min\(420px\,calc\(100vw-10px\)\)\]{max-width:min(420px,100vw - 10px)}.max-w-full{max-width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:.5rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-transparent{border-color:#0000}.px-1{padding-inline:.25rem}.px-2{padding-inline:.5rem}.px-3{padding-inline:.75rem}.px-4{padding-inline:1rem}.px-6{padding-inline:1.5rem}.py-1\.5{padding-block:.375rem}.py-3{padding-block:.75rem}.py-4{padding-block:1rem}.ps-1{padding-inline-start:.25rem}.pe-1{padding-inline-end:.25rem}.pt-2{padding-top:.5rem}.pb-0\.5{padding-bottom:.125rem}.pb-1{padding-bottom:.25rem}.text-start{text-align:start}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}@media (max-width:1279px){.mobile\:h-full{height:100%}.mobile\:max-w-full\!{max-width:100%!important}.mobile\:rounded-none{border-radius:0}.mobile\:p-0{padding:0}}@media (min-width:1280px){.desktop\:hidden{display:none}.desktop\:inline{display:inline}.desktop\:w-\[280px\]{width:280px}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}

package/index.js

@@ -1,52 +1,52 @@
 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, ElementSize as u, FileDropzone as d, GhostButton as f, Highlight as p, InteractiveTooltip as m, InteractiveTooltipTrigger as h, LiveRegion as g, LiveRegionElement as _, Popup as v, PopupSize as y, Select as b, Spinner as x, ToggleIconButton as S, Tooltip as C, TooltipPlacement as w } from "@epam/ai-dial-ui-kit";
-import { Suspense as T, useCallback as E, useEffect as D, useId as O, useLayoutEffect as k, useMemo as A, useRef as j, useState as M } from "react";
-import { IconBlocks as N, IconEye as P, IconLock as ee, IconStarFilled as te, IconTrash as F } from "@tabler/icons-react";
-import { Fragment as ne, jsx as I, jsxs as L } from "react/jsx-runtime";
-import { DialFileNodeType as re, DialFoldersTree as R } from "@epam/ai-dial-react-file-manager";
-import { CatalogContentNodeType as z, DetailsPanel as B } from "@epam/ai-dial-catalog";
+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, ElementSize as u, FileDropzone as d, GhostButton as f, Highlight as p, InteractiveTooltip as m, InteractiveTooltipTrigger as h, LiveRegion as g, LiveRegionElement as _, Popup as v, PopupSize as y, Select as b, Spinner as x, Tag as S, TagAppearance as C, ToggleIconButton as w, Tooltip as T, TooltipPlacement as E } from "@epam/ai-dial-ui-kit";
+import { Suspense as D, useCallback as O, useEffect as ee, useId as k, useLayoutEffect as A, useMemo as j, useRef as M, useState as N } from "react";
+import { IconBlocks as te, IconEye as P, IconLock as F, IconStarFilled as ne, IconTrash as I } from "@tabler/icons-react";
+import { Fragment as re, jsx as L, jsxs as R } from "react/jsx-runtime";
+import { DialFileNodeType as z, DialFoldersTree as B } from "@epam/ai-dial-react-file-manager";
+import { CatalogContentNodeType as V, DetailsPanel as H } from "@epam/ai-dial-catalog";
 //#region src/constants/public-class-names.ts
-var V = {
+var U = {
 	selectorField: "dial-skills-selector-field",
 	favoritesPanel: "dial-skills-favorites-panel",
 	chip: "dial-skills-chip"
-}, H = "max-h-[280px] max-w-[min(420px,calc(100vw-10px))] overflow-y-auto", U = /* @__PURE__ */ function(e) {
+}, ie = "max-h-[280px] max-w-[min(420px,calc(100vw-10px))] overflow-y-auto", W = /* @__PURE__ */ function(e) {
 	return e.Deleted = "deleted", e.NotShared = "not-shared", e;
-}({}), W = {
+}({}), G = {
 	unresolvedIcon: "_unresolvedIcon_1v08q_1",
 	unresolvedMessage: "_unresolvedMessage_1v08q_5"
-}, G = ({ description: e, unsupportedMessage: n, unresolvedReason: i, deletedMessage: d, notSharedMessage: f, viewDetailsLabel: p = "View details", onViewDetails: m, viewDetailsTabIndex: h, textClassName: g = "dial-tiny-text", colors: _ }) => {
+}, K = ({ description: e, unsupportedMessage: n, unresolvedReason: i, deletedMessage: d, notSharedMessage: f, viewDetailsLabel: p = "View details", onViewDetails: m, viewDetailsTabIndex: h, textClassName: g = "dial-tiny-text", colors: _ }) => {
 	if (i != null) {
-		let e = i === U.Deleted, n = e ? F : ee, a = e ? d : f;
-		return /* @__PURE__ */ L("div", {
+		let e = i === W.Deleted, n = e ? I : F, a = e ? d : f;
+		return /* @__PURE__ */ R("div", {
 			className: "flex flex-row items-center gap-2",
 			style: t({
 				"--sk-tooltip-unresolved-icon": _?.unresolvedIcon,
 				"--sk-tooltip-unresolved-message": _?.unresolvedMessage
 			}),
-			children: [/* @__PURE__ */ I(n, {
+			children: [/* @__PURE__ */ L(n, {
 				size: c.MD,
 				stroke: l,
 				"aria-hidden": !0,
-				className: r("shrink-0", W.unresolvedIcon)
-			}), /* @__PURE__ */ I("p", {
-				className: r(g, "text-start", W.unresolvedMessage),
+				className: r("shrink-0", G.unresolvedIcon)
+			}), /* @__PURE__ */ L("p", {
+				className: r(g, "text-start", G.unresolvedMessage),
 				children: a
 			})]
 		});
 	}
-	return n == null ? /* @__PURE__ */ L("div", {
+	return n == null ? /* @__PURE__ */ R("div", {
 		className: "flex flex-col gap-3",
-		children: [e != null && e !== "" && /* @__PURE__ */ I("p", {
+		children: [e != null && e !== "" && /* @__PURE__ */ L("p", {
 			className: r(g, "text-start"),
 			children: e
-		}), /* @__PURE__ */ I(a, {
+		}), /* @__PURE__ */ L(a, {
 			variant: s.Primary,
 			appearance: o.Link,
 			size: u.Small,
 			className: "self-start",
 			label: p,
-			iconBefore: /* @__PURE__ */ I(P, {
+			iconBefore: /* @__PURE__ */ L(P, {
 				size: c.SM,
 				stroke: l,
 				"aria-hidden": !0
@@ -54,23 +54,23 @@ var V = {
 			onClick: m,
 			tabIndex: h
 		})]
-	}) : /* @__PURE__ */ I("p", {
+	}) : /* @__PURE__ */ L("p", {
 		className: r(g, "text-start"),
 		children: n
 	});
-}, K = {
+}, q = {
 	chip: "_chip_ddlyv_1",
 	unsupported: "_unsupported_ddlyv_9"
-}, q = ({ name: e, path: n, description: i, isUnsupported: a = !1, unresolvedReason: o, labelClassName: s = "dial-body-paragraph-text", colors: c, detailsTrigger: l = "hover", onViewDetails: u, labels: d = {} }) => {
-	let { viewDetailsLabel: f = "View details", unsupportedTooltipLabel: p = "Selected model does not support skills. Remove the skill or select different model to proceed.", deletedTooltipLabel: g = "This skill has been deleted. Its details are no longer available.", notSharedTooltipLabel: _ = "You don't have access to this skill, so its details aren't shown. Ask the chat owner to share it with you." } = d, [v, y] = M(0), b = t({
+}, J = ({ name: e, path: n, description: i, isUnsupported: a = !1, unresolvedReason: o, labelClassName: s = "dial-body-paragraph-text", colors: c, detailsTrigger: l = "hover", onViewDetails: u, labels: d = {} }) => {
+	let { viewDetailsLabel: f = "View details", unsupportedTooltipLabel: p = "Selected model does not support skills. Remove the skill or select different model to proceed.", deletedTooltipLabel: g = "This skill has been deleted. Its details are no longer available.", notSharedTooltipLabel: _ = "You don't have access to this skill, so its details aren't shown. Ask the chat owner to share it with you." } = d, [v, y] = N(0), b = t({
 		"--sk-chip-label": c?.label,
 		"--sk-chip-hover-bg": c?.hoverBackground,
 		"--sk-chip-unsupported-label": c?.unsupportedLabel,
 		"--sk-chip-unsupported-bg": c?.unsupportedBackground
 	}), x = l === "click", S = () => {
 		y((e) => e + 1), u(n);
-	}, [C, T] = M(null), [E, D] = M(null);
-	return k(() => {
+	}, [C, w] = N(null), [T, D] = N(null);
+	return A(() => {
 		if (!C) return;
 		let e = () => {
 			C.isConnected && D(C.getBoundingClientRect().width);
@@ -78,40 +78,40 @@ var V = {
 		if (e(), typeof ResizeObserver > "u") return;
 		let t = new ResizeObserver(e);
 		return t.observe(C), () => t.disconnect();
-	}, [C, s]), /* @__PURE__ */ I(m, {
+	}, [C, s]), /* @__PURE__ */ L(m, {
 		asChild: !0,
-		placement: w.Top,
+		placement: E.Top,
 		trigger: x ? h.Click : h.Hover,
-		contentClassName: H,
-		content: o == null ? a ? /* @__PURE__ */ I(G, { unsupportedMessage: p }) : /* @__PURE__ */ I(G, {
+		contentClassName: ie,
+		content: o == null ? a ? /* @__PURE__ */ L(K, { unsupportedMessage: p }) : /* @__PURE__ */ L(K, {
 			description: i,
 			viewDetailsLabel: f,
 			onViewDetails: S
-		}) : /* @__PURE__ */ I(G, {
+		}) : /* @__PURE__ */ L(K, {
 			unresolvedReason: o,
 			deletedMessage: g,
 			notSharedMessage: _,
 			colors: c?.tooltip
 		}),
-		children: /* @__PURE__ */ L("span", {
+		children: /* @__PURE__ */ R("span", {
 			tabIndex: 0,
-			className: r("relative -ms-1 -me-1 inline cursor-pointer rounded-full ps-1 pe-1 select-text", K.chip, a && K.unsupported, s, V.chip),
+			className: r("relative -ms-1 -me-1 inline cursor-pointer rounded-full ps-1 pe-1 select-text", q.chip, a && q.unsupported, s, U.chip),
 			style: b,
 			"aria-label": `/${e}`,
-			children: [/* @__PURE__ */ I("span", {
-				ref: T,
+			children: [/* @__PURE__ */ L("span", {
+				ref: w,
 				"aria-hidden": !0,
 				className: "inset-inline-start-0 pointer-events-none absolute select-none",
 				children: "/"
-			}), /* @__PURE__ */ I("span", {
+			}), /* @__PURE__ */ L("span", {
 				"aria-hidden": !0,
 				className: "select-none",
-				style: { paddingInlineStart: E ?? void 0 },
+				style: { paddingInlineStart: T ?? void 0 },
 				children: e
 			})]
 		})
 	}, v);
-}, J = {
+}, Y = {
 	row: "_row_1v431_1",
 	header: "_header_1v431_8",
 	emptyHint: "_emptyHint_1v431_12",
@@ -122,25 +122,25 @@ var V = {
 	rowLeaving: "_rowLeaving_1v431_32",
 	rowFadeOut: "_rowFadeOut_1v431_1",
 	listContent: "_listContent_1v431_60"
-}, ie = "px-3 pb-0.5 pt-2", ae = 180, oe = 288, Y = ({ favorites: n, onSelect: i, onToggleFavorite: a, onBrowse: o, onViewDetails: s, isRowTooltipHidden: l = !1, className: u, rowClassName: d, searchQuery: h, listboxId: v, activeOptionId: y, isMenu: b = !1, labels: x = {}, colors: C, nameClassName: w = "dial-small-text", headerClassName: T = "dial-tiny-lead-semi-text", emptyHintClassName: E = "dial-small-text" }) => {
-	let { myCollectionLabel: A = "My Collection", emptyHintLabel: N = "Star a skill to pin it here", browseLabel: P = "Browse", removeFromFavoritesLabel: ee = "Remove from favorites", viewDetailsLabel: F = "View details", noMatchingSkillsLabel: ne = "No matching skills" } = x, re = t({
-		"--fs-row-hover-bg": C?.rowHoverBackground,
-		"--fs-header-text": C?.headerText,
-		"--fs-empty-hint-text": C?.emptyHintText,
-		"--fs-star-color": C?.starColor,
-		"--fs-footer-border": C?.footerBorder
-	}), [R, z] = M(/* @__PURE__ */ new Set()), B = j(/* @__PURE__ */ new Map());
-	D(() => {
+}, ae = "px-3 pb-0.5 pt-2", oe = 180, se = 288, X = ({ favorites: n, onSelect: i, onToggleFavorite: a, onBrowse: o, onViewDetails: s, isRowTooltipHidden: l = !1, className: u, rowClassName: d, searchQuery: h, listboxId: v, activeOptionId: y, isMenu: b = !1, labels: x = {}, colors: S, nameClassName: C = "dial-small-text", headerClassName: T = "dial-tiny-lead-semi-text", emptyHintClassName: E = "dial-small-text" }) => {
+	let { myCollectionLabel: D = "My Collection", emptyHintLabel: O = "Star a skill to pin it here", browseLabel: j = "Browse", removeFromFavoritesLabel: te = "Remove from favorites", viewDetailsLabel: P = "View details", noMatchingSkillsLabel: F = "No matching skills" } = x, I = t({
+		"--fs-row-hover-bg": S?.rowHoverBackground,
+		"--fs-header-text": S?.headerText,
+		"--fs-empty-hint-text": S?.emptyHintText,
+		"--fs-star-color": S?.starColor,
+		"--fs-footer-border": S?.footerBorder
+	}), [re, z] = N(/* @__PURE__ */ new Set()), B = M(/* @__PURE__ */ new Map());
+	ee(() => {
 		let e = B.current;
 		return () => {
 			e.forEach((e) => clearTimeout(e)), e.clear();
 		};
 	}, []);
-	let U = v != null, W = b && !U, K = U || W ? "none" : void 0, q = "button";
-	U ? q = "option" : W && (q = "menuitem");
-	let Y = O(), X = h != null, se = h?.toLowerCase() ?? "", Z = X ? n.filter((e) => e.name.toLowerCase().includes(se)) : n, Q = Z.length === 0 && X && se !== "", $ = j(null), [ce, le] = M();
-	k(() => {
-		$.current && le(Math.min($.current.scrollHeight, oe));
+	let V = v != null, H = b && !V, W = V || H ? "none" : void 0, G = "button";
+	V ? G = "option" : H && (G = "menuitem");
+	let q = k(), J = h != null, X = h?.toLowerCase() ?? "", Z = J ? n.filter((e) => e.name.toLowerCase().includes(X)) : n, ce = Z.length === 0 && J && X !== "", Q = M(null), [$, le] = N();
+	A(() => {
+		Q.current && le(Math.min(Q.current.scrollHeight, se));
 	}, [n, h]);
 	let ue = (e, t) => {
 		e.target === e.currentTarget && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), i(t));
@@ -151,59 +151,59 @@ var V = {
 				let n = new Set(t);
 				return n.delete(e), n;
 			}), B.current.delete(e);
-		}, ae);
+		}, oe);
 		B.current.set(e, t);
 	};
-	return /* @__PURE__ */ L("div", {
-		className: r("flex w-full flex-col desktop:w-[280px]", u, V.favoritesPanel),
-		style: re,
+	return /* @__PURE__ */ R("div", {
+		className: r("flex w-full flex-col desktop:w-[280px]", u, U.favoritesPanel),
+		style: I,
 		children: [
-			/* @__PURE__ */ I("p", {
-				id: Y,
-				className: r(T, ie, J.header),
-				children: A
+			/* @__PURE__ */ L("p", {
+				id: q,
+				className: r(T, ae, Y.header),
+				children: D
 			}),
-			/* @__PURE__ */ I("div", {
-				className: r("max-h-72 min-h-0 flex-1 overflow-y-auto", J.listContent),
-				style: { maxHeight: ce },
-				children: /* @__PURE__ */ L("div", {
-					ref: $,
-					children: [Z.length > 0 ? /* @__PURE__ */ I("ul", {
+			/* @__PURE__ */ L("div", {
+				className: r("max-h-72 min-h-0 flex-1 overflow-y-auto", Y.listContent),
+				style: { maxHeight: $ },
+				children: /* @__PURE__ */ R("div", {
+					ref: Q,
+					children: [Z.length > 0 ? /* @__PURE__ */ L("ul", {
 						id: v,
-						role: U ? "listbox" : K,
-						"aria-labelledby": U ? Y : void 0,
+						role: V ? "listbox" : W,
+						"aria-labelledby": V ? q : void 0,
 						className: "flex flex-col gap-1 px-1 pb-1",
 						children: Z.map((t) => {
-							let n = U ? `${v}-${encodeURIComponent(t.id)}` : void 0, o = U ? -1 : void 0, u = /* @__PURE__ */ L("div", {
-								role: q,
+							let n = V ? `${v}-${encodeURIComponent(t.id)}` : void 0, o = V ? -1 : void 0, u = /* @__PURE__ */ R("div", {
+								role: G,
 								id: n,
-								"aria-selected": U ? n === y : void 0,
+								"aria-selected": V ? n === y : 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", J.row, d),
+								className: r("flex cursor-pointer items-center gap-2 rounded-lg border border-transparent px-2 py-1.5 transition-colors", Y.row, d),
 								onClick: () => i(t),
 								onKeyDown: (e) => ue(e, t),
 								children: [
-									/* @__PURE__ */ I(e, {
+									/* @__PURE__ */ L(e, {
 										size: c.MD,
 										initialsName: t.name
 									}),
-									h == null ? /* @__PURE__ */ I("span", {
-										className: r(w, "min-w-0 flex-1 truncate text-start"),
+									h == null ? /* @__PURE__ */ L("span", {
+										className: r(C, "min-w-0 flex-1 truncate text-start"),
 										children: t.name
-									}) : /* @__PURE__ */ I(p, {
+									}) : /* @__PURE__ */ L(p, {
 										text: t.name,
 										query: h,
 										maxLines: 1,
-										className: r(w, "min-w-0 flex-1 text-start")
+										className: r(C, "min-w-0 flex-1 text-start")
 									}),
-									a && /* @__PURE__ */ I(S, {
-										icon: /* @__PURE__ */ I(te, {
+									a && /* @__PURE__ */ L(w, {
+										icon: /* @__PURE__ */ L(ne, {
 											size: c.SM,
-											className: J.star,
+											className: Y.star,
 											"aria-hidden": !0
 										}),
-										"aria-label": ee,
+										"aria-label": te,
 										isSelected: !0,
 										tabIndex: o,
 										onClick: (e) => {
@@ -212,15 +212,15 @@ var V = {
 									})
 								]
 							});
-							return /* @__PURE__ */ I("li", {
-								role: K,
-								className: R.has(t.id) ? J.rowLeaving : J.rowEnter,
-								children: s && !l ? /* @__PURE__ */ I(m, {
+							return /* @__PURE__ */ L("li", {
+								role: W,
+								className: re.has(t.id) ? Y.rowLeaving : Y.rowEnter,
+								children: s && !l ? /* @__PURE__ */ L(m, {
 									asChild: !0,
-									contentClassName: H,
-									content: /* @__PURE__ */ I(G, {
+									contentClassName: ie,
+									content: /* @__PURE__ */ L(K, {
 										description: t.description,
-										viewDetailsLabel: F,
+										viewDetailsLabel: P,
 										onViewDetails: () => s(t),
 										viewDetailsTabIndex: o
 									}),
@@ -228,42 +228,42 @@ var V = {
 								}) : u
 							}, t.id);
 						})
-					}) : Q ? null : /* @__PURE__ */ I("p", {
-						className: r(E, "px-4 py-4 text-start", J.emptyHint),
-						children: N
-					}), /* @__PURE__ */ I(g, {
+					}) : ce ? null : /* @__PURE__ */ L("p", {
+						className: r(E, "px-4 py-4 text-start", Y.emptyHint),
+						children: O
+					}), /* @__PURE__ */ L(g, {
 						as: _.P,
-						className: r(E, "px-4 py-4 text-start", J.emptyHint),
-						children: Q && ne
+						className: r(E, "px-4 py-4 text-start", Y.emptyHint),
+						children: ce && F
 					})]
 				})
 			}),
-			/* @__PURE__ */ I("div", {
-				className: r("border-t px-2 py-3", J.footer),
-				children: /* @__PURE__ */ I(f, {
-					role: W ? "menuitem" : void 0,
-					label: P,
+			/* @__PURE__ */ L("div", {
+				className: r("border-t px-2 py-3", Y.footer),
+				children: /* @__PURE__ */ L(f, {
+					role: H ? "menuitem" : void 0,
+					label: j,
 					className: "w-full justify-center",
 					onClick: o
 				})
 			})
 		]
 	});
-}, X = ".zip,.md", se = ({ isOpen: e, errorText: t, isUploading: n = !1, accept: r = X, labels: i, onClose: a, onFilesSelected: o, onFilesRejected: s }) => {
+}, Z = ".zip,.md", ce = ({ isOpen: e, errorText: t, isUploading: n = !1, accept: r = Z, labels: i, onClose: a, onFilesSelected: o, onFilesRejected: s }) => {
 	let { dialogTitle: c = "Upload skill", dropZoneLabel: l = "Drag and drop it or click here to upload", dropZoneMobileLabel: u = "Click here to upload", formatsLabel: f = "File formats .zip and SKILL.md", fileInputAriaLabel: p = "Upload a skill ZIP archive or a SKILL.md file", closeAriaLabel: m = "Close", uploadingAriaLabel: h = "Uploading skill" } = i ?? {};
-	return /* @__PURE__ */ I(v, {
+	return /* @__PURE__ */ L(v, {
 		open: e,
 		size: y.Sm,
 		header: c,
 		closeAriaLabel: m,
 		onClose: a,
-		children: /* @__PURE__ */ L("div", {
+		children: /* @__PURE__ */ R("div", {
 			className: "flex flex-col gap-4 px-6 py-4",
-			children: [/* @__PURE__ */ I(d, {
-				label: /* @__PURE__ */ L(ne, { children: [/* @__PURE__ */ I("span", {
+			children: [/* @__PURE__ */ L(d, {
+				label: /* @__PURE__ */ R(re, { children: [/* @__PURE__ */ L("span", {
 					className: "desktop:hidden",
 					children: u
-				}), /* @__PURE__ */ I("span", {
+				}), /* @__PURE__ */ L("span", {
 					className: "hidden desktop:inline",
 					children: l
 				})] }),
@@ -274,39 +274,39 @@ var V = {
 				errorText: n ? void 0 : t,
 				onChange: o,
 				onReject: s
-			}), n && /* @__PURE__ */ I(x, { ariaLabel: h })]
+			}), n && /* @__PURE__ */ L(x, { ariaLabel: h })]
 		})
 	});
-}, Z = ({ isOpen: e, onClose: t, onSelect: n, title: r, renderContent: i }) => /* @__PURE__ */ I(v, {
+}, Q = ({ isOpen: e, onClose: t, onSelect: n, title: r, renderContent: i }) => /* @__PURE__ */ L(v, {
 	open: e,
 	header: r,
 	size: y.Lg,
 	className: "h-[min(90vh,860px)] max-w-[min(95vw,1200px)]! overflow-hidden mobile:h-full mobile:max-w-full! mobile:rounded-none",
 	overlayClassName: "mobile:p-0",
 	onClose: t,
-	children: /* @__PURE__ */ I("div", {
+	children: /* @__PURE__ */ L("div", {
 		className: "h-[min(80vh,840px)] overflow-auto mobile:h-full",
-		children: /* @__PURE__ */ I(T, {
+		children: /* @__PURE__ */ L(D, {
 			fallback: null,
 			children: e && i(n, t)
 		})
 	})
-}), Q = (e, t = null) => e.map((e) => e.type === z.Folder ? {
+}), $ = (e, t = null) => e.map((e) => e.type === V.Folder ? {
 	path: e.id,
 	name: e.name,
-	nodeType: re.FOLDER,
+	nodeType: z.FOLDER,
 	parentPath: t,
 	folderId: e.id,
-	items: Q(e.items, e.id)
+	items: $(e.items, e.id)
 } : {
 	path: e.id,
 	name: e.name,
-	nodeType: re.ITEM,
+	nodeType: z.ITEM,
 	parentPath: t,
 	folderId: t ?? ""
-}), $ = ({ nodes: e, selectedFileId: t, expandedFolderIds: n, onToggleFolder: r, onSelectFile: i, onClose: a, ariaLabel: o }) => {
-	let s = A(() => Q(e), [e]), c = A(() => new Set(n), [n]);
-	return /* @__PURE__ */ I(R, {
+}), le = ({ nodes: e, selectedFileId: t, expandedFolderIds: n, onToggleFolder: r, onSelectFile: i, onClose: a, ariaLabel: o }) => {
+	let s = j(() => $(e), [e]), c = j(() => new Set(n), [n]);
+	return /* @__PURE__ */ L(B, {
 		items: s,
 		showFiles: !0,
 		areHiddenFilesVisible: !0,
@@ -317,16 +317,16 @@ var V = {
 			for (let t of n) e.has(t) || r(t);
 		},
 		onItemClick: (e) => {
-			e.nodeType === re.ITEM && i(e.path);
+			e.nodeType === z.ITEM && i(e.path);
 		},
 		ariaLabel: o,
 		autoFocus: !0,
 		onEscape: a
 	});
-}, ce = (e) => /* @__PURE__ */ I(B, {
+}, ue = (e) => /* @__PURE__ */ L(H, {
 	...e,
-	renderContentFileTree: (e) => /* @__PURE__ */ I($, { ...e })
-}), le = (e) => e == null || /[\s/]/.test(e), ue = (e, t, n) => {
+	renderContentFileTree: (e) => /* @__PURE__ */ L(le, { ...e })
+}), de = (e) => e == null || /[\s/]/.test(e), fe = (e, t, n) => {
 	let r = [], i = 0;
 	return t.forEach((t, a) => {
 		let o = `/${n(t.url)}`, s = i;
@@ -334,7 +334,7 @@ var V = {
 			let t = e.indexOf(o, s);
 			if (t === -1) return;
 			let n = t + o.length;
-			if (le(e[n])) {
+			if (de(e[n])) {
 				r.push({
 					skillIndex: a,
 					start: t,
@@ -345,14 +345,14 @@ var V = {
 			s = t + 1;
 		}
 	}), r;
-}, de = (e, t) => {
+}, pe = (e, t) => {
 	let n = /* @__PURE__ */ new Map();
 	t.forEach((e) => {
 		e.name !== "" && !n.has(e.name) && n.set(e.name, e.url);
 	});
 	let r = [...n.keys()].sort((e, t) => t.length - e.length), i = [], a = e.indexOf("/");
 	for (; a !== -1;) {
-		let t = a === 0 || /\s/.test(e[a - 1]), o = a + 1, s = t ? r.find((t) => e.startsWith(t, o) && le(e[o + t.length])) : void 0, c = s == null ? void 0 : n.get(s);
+		let t = a === 0 || /\s/.test(e[a - 1]), o = a + 1, s = t ? r.find((t) => e.startsWith(t, o) && de(e[o + t.length])) : void 0, c = s == null ? void 0 : n.get(s);
 		s != null && c != null ? (i.push({
 			url: c,
 			name: s,
@@ -361,7 +361,7 @@ var V = {
 		}), a = e.indexOf("/", o + s.length)) : a = e.indexOf("/", o);
 	}
 	return i;
-}, fe = (e, t) => {
+}, me = (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;
@@ -371,13 +371,13 @@ var V = {
 		deletedLength: e.length - r - a,
 		insertedLength: t.length - r - a
 	};
-}, pe = (e, t) => {
+}, he = (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), []);
-}, me = (e, t, n, r, i) => {
+}, ge = (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
@@ -388,7 +388,7 @@ var V = {
 		length: a
 	};
 	return [...s, c].sort((e, t) => e.start - t.start);
-}, he = (e, t) => e.find((e) => e.start + e.length === t), ge = (e, t, n) => {
+}, _e = (e, t) => e.find((e) => e.start + e.length === t), ve = (e, t, n) => {
 	let r = t;
 	for (; r > 0 && !/\s/.test(e[r - 1]);) r--;
 	let i = r;
@@ -398,21 +398,21 @@ var V = {
 		start: r,
 		end: i
 	};
-}, _e = (e, t, n) => {
+}, ye = (e, t, n) => {
 	if (n === "" || t.insertedLength < n.length) return;
 	let r = e.indexOf(n, Math.max(0, t.start - n.length)), i = t.start + t.insertedLength - n.length;
 	return r !== -1 && r <= i ? r : void 0;
-}, ve = () => {
-	let [e, t] = M(""), [n, r] = M([]), i = j(e);
+}, be = () => {
+	let [e, t] = N(""), [n, r] = N([]), i = M(e);
 	i.current = e;
-	let a = j(n);
+	let a = M(n);
 	a.current = n;
-	let o = j(null), s = E((e) => {
-		let n = fe(i.current, e), a = o.current;
+	let o = M(null), s = O((e) => {
+		let n = me(i.current, e), a = o.current;
 		o.current = null;
-		let s = a == null ? void 0 : _e(e, n, a.text);
+		let s = a == null ? void 0 : ye(e, n, a.text);
 		r((t) => {
-			let r = pe(t, n);
+			let r = he(t, n);
 			if (a == null || s == null) return r;
 			let i = a.mentions.map((e) => ({
 				...e,
@@ -420,23 +420,23 @@ var V = {
 			})).filter((t) => e.startsWith(`/${t.name}`, t.start) && !r.some((e) => e.start < t.start + t.length && t.start < e.start + e.length));
 			return [...r, ...i].sort((e, t) => e.start - t.start);
 		}), i.current = e, t(e);
-	}, []), c = E((e, n, a) => {
+	}, []), c = O((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) => me(t, a, e, n, s)), s;
-	}, []), l = E((e, n, a) => {
+		return i.current = l, t(l), r((t) => ge(t, a, e, n, s)), s;
+	}, []), l = O((e, n, a) => {
 		let o = i.current, s = `/${n}`, c = o.slice(0, a) + s + o.slice(a);
-		i.current = c, t(c), r((t) => me(t, a, e, n, !1));
-	}, []), u = E((e) => he(a.current, e), []), d = A(() => {
+		i.current = c, t(c), r((t) => ge(t, a, e, n, !1));
+	}, []), u = O((e) => _e(a.current, e), []), d = j(() => {
 		if (n.length !== 0) return n.map((e) => ({ url: e.url }));
-	}, [n]), f = E((e, t) => {
+	}, [n]), f = O((e, t) => {
 		o.current = t.length > 0 ? {
 			text: e,
 			mentions: t
 		} : null;
-	}, []), p = E(() => {
+	}, []), p = O(() => {
 		t(""), r([]);
-	}, []), m = E((e, n, i) => {
-		let a = n ?? [], o = ue(e, a, i);
+	}, []), m = O((e, n, i) => {
+		let a = n ?? [], o = fe(e, a, i);
 		t(e), r(o.map((e) => {
 			let t = a[e.skillIndex];
 			return {
@@ -447,7 +447,7 @@ var V = {
 			};
 		}));
 	}, []);
-	return A(() => ({
+	return j(() => ({
 		draft: e,
 		anchors: n,
 		onDraftChange: s,
@@ -470,18 +470,18 @@ var V = {
 		p,
 		m
 	]);
-}, ye = (e) => ({
+}, xe = (e) => ({
 	id: e.url,
 	name: e.name,
 	description: e.description
-}), be = (e) => {
+}), Se = (e) => {
 	let t = e.split("/").filter((e) => e.length > 0);
 	return t[t.length - 1] ?? e;
-}, xe = (e) => {
+}, Ce = (e) => {
 	let t = e.split("/").filter((e) => e.length > 0);
 	return t[0] !== "skills" || t.length < 3 ? null : t[1];
-}, Se = (e, t) => xe(e) === t ? U.Deleted : U.NotShared, Ce = "/", we = ({ isSkillsSupported: e, skills: t, sharedWithMe: n, publicSkills: r, favoriteIds: a, viewerBucket: o, onToggleFavorite: s, labels: c, historyChipLabelClassName: u, chipColors: d, activeMentionDetailsTrigger: f, historyDetailsTrigger: p, isRowTooltipHidden: m = !1, renderCatalogContent: h, detailsPanelComponent: g }) => {
-	let { addMenuLabel: _ = "Skills", backLabel: v = "Back", catalogModalTitleLabel: y = "Use skill", emptyQueryHintLabel: b = "Type to filter", deletedTooltipLabel: x, notSharedTooltipLabel: S, unsupportedTooltipLabel: C, panelLabels: w } = c ?? {}, [D, O] = M(!1), [k, P] = M(null), [ee, te] = M(0), F = j(null), [ne, L] = M(0), [re, R] = M(void 0), z = ve(), B = A(() => [
+}, we = (e, t) => Ce(e) === t ? W.Deleted : W.NotShared, Te = "/", Ee = ({ isSkillsSupported: e, skills: t, sharedWithMe: n, publicSkills: r, favoriteIds: a, viewerBucket: o, onToggleFavorite: s, labels: c, historyChipLabelClassName: u, chipColors: d, activeMentionDetailsTrigger: f, historyDetailsTrigger: p, isRowTooltipHidden: m = !1, renderCatalogContent: h, detailsPanelComponent: g }) => {
+	let { addMenuLabel: _ = "Skills", backLabel: v = "Back", catalogModalTitleLabel: y = "Use skill", emptyQueryHintLabel: b = "Type to filter", deletedTooltipLabel: x, notSharedTooltipLabel: S, unsupportedTooltipLabel: C, panelLabels: w } = c ?? {}, [T, E] = N(!1), [ee, k] = N(null), [A, P] = N(0), F = M(null), [ne, I] = N(0), [re, R] = N(void 0), z = be(), B = j(() => [
 		...t,
 		...n ?? [],
 		...r ?? []
@@ -489,11 +489,11 @@ var V = {
 		t,
 		n,
 		r
-	]), V = A(() => new Map(B.map((e) => [e.url, e])), [B]), H = E((e) => V.get(e)?.name ?? be(e), [V]), U = A(() => B.filter((e) => a.has(e.url)).map((e) => ye(e)), [B, a]), W = z.anchors.length > 0 && !e, G = A(() => z.anchors.map((t) => ({
+	]), V = j(() => new Map(B.map((e) => [e.url, e])), [B]), H = O((e) => V.get(e)?.name ?? Se(e), [V]), U = j(() => B.filter((e) => a.has(e.url)).map((e) => xe(e)), [B, a]), ie = z.anchors.length > 0 && !e, W = j(() => z.anchors.map((t) => ({
 		start: t.start,
 		length: t.length,
 		isUnsupported: !e,
-		render: () => /* @__PURE__ */ I(q, {
+		render: () => /* @__PURE__ */ L(J, {
 			name: t.name,
 			path: t.url,
 			labelClassName: "",
@@ -501,7 +501,7 @@ var V = {
 			description: V.get(t.url)?.description,
 			isUnsupported: !e,
 			detailsTrigger: f,
-			onViewDetails: P,
+			onViewDetails: k,
 			labels: {
 				viewDetailsLabel: w?.viewDetailsLabel,
 				unsupportedTooltipLabel: C
@@ -515,14 +515,14 @@ var V = {
 		f,
 		w,
 		C
-	]), K = E((e, t, n) => {
+	]), G = O((e, t, n) => {
 		let r = z.insertMention(e, t, n);
-		L((e) => e + 1), R(n + 1 + t.length + +!!r);
-	}, [z]), J = E((e) => {
-		let t = ge(z.draft, e, Ce);
+		I((e) => e + 1), R(n + 1 + t.length + +!!r);
+	}, [z]), K = O((e) => {
+		let t = ve(z.draft, e, Te);
 		return t == null ? e : (z.onDraftChange(z.draft.slice(0, t.start) + z.draft.slice(t.end)), t.start);
-	}, [z]), ie = E((e) => {
-		let t = ge(z.draft, e, Ce);
+	}, [z]), q = O((e) => {
+		let t = ve(z.draft, e, Te);
 		if (t == null) return;
 		let n = z.anchors.find((e) => e.start === t.start && e.start + e.length === t.end);
 		return {
@@ -530,25 +530,25 @@ var V = {
 			text: z.draft.slice(t.start, t.end),
 			mentionUrl: n?.url
 		};
-	}, [z]), ae = E(() => {
-		z.reset(), L((e) => e + 1), R(void 0);
-	}, [z]), { expectInsertion: oe } = z, X = E((t) => {
-		oe(t, e ? de(t, B) : []);
+	}, [z]), Y = O(() => {
+		z.reset(), I((e) => e + 1), R(void 0);
+	}, [z]), { expectInsertion: ae } = z, oe = O((t) => {
+		ae(t, e ? pe(t, B) : []);
 	}, [
-		oe,
+		ae,
 		e,
 		B
-	]), se = E((e, t) => {
-		z.seedFromMessage(e, t, H), L((e) => e + 1), R(void 0);
-	}, [z, H]), Q = E((e, t) => {
+	]), se = O((e, t) => {
+		z.seedFromMessage(e, t, H), I((e) => e + 1), R(void 0);
+	}, [z, H]), Z = O((e, t) => {
 		if (t == null || t.length === 0) return null;
-		let n = ue(e, t, H), r = [], i = 0;
+		let n = fe(e, t, H), r = [], i = 0;
 		return n.forEach((n) => {
 			n.start > i && r.push(e.slice(i, n.start));
-			let a = t[n.skillIndex], s = V.get(a.url), c = s?.name ?? be(a.url), l = s == null ? Se(a.url, o) : void 0;
+			let a = t[n.skillIndex], s = V.get(a.url), c = s?.name ?? Se(a.url), l = s == null ? we(a.url, o) : void 0;
 			r.push({
 				text: e.slice(n.start, n.start + n.length),
-				node: /* @__PURE__ */ I(q, {
+				node: /* @__PURE__ */ L(J, {
 					name: c,
 					path: a.url,
 					labelClassName: u,
@@ -556,7 +556,7 @@ var V = {
 					description: s?.description,
 					unresolvedReason: l,
 					detailsTrigger: p,
-					onViewDetails: P,
+					onViewDetails: k,
 					labels: {
 						viewDetailsLabel: w?.viewDetailsLabel,
 						deletedTooltipLabel: x,
@@ -575,9 +575,9 @@ var V = {
 		o,
 		x,
 		S
-	]), $ = E((e) => e == null || e.length === 0 ? null : e.map((e) => {
-		let t = V.get(e.url), n = t?.name ?? be(e.url), r = t == null ? Se(e.url, o) : void 0;
-		return /* @__PURE__ */ I(q, {
+	]), ce = O((e) => e == null || e.length === 0 ? null : e.map((e) => {
+		let t = V.get(e.url), n = t?.name ?? Se(e.url), r = t == null ? we(e.url, o) : void 0;
+		return /* @__PURE__ */ L(J, {
 			name: n,
 			path: e.url,
 			labelClassName: u,
@@ -585,7 +585,7 @@ var V = {
 			description: t?.description,
 			unresolvedReason: r,
 			detailsTrigger: p,
-			onViewDetails: P,
+			onViewDetails: k,
 			labels: {
 				viewDetailsLabel: w?.viewDetailsLabel,
 				deletedTooltipLabel: x,
@@ -601,72 +601,72 @@ var V = {
 		o,
 		x,
 		S
-	]), ce = E((e, t) => /* @__PURE__ */ I(Y, {
+	]), $ = O((e, t) => /* @__PURE__ */ L(X, {
 		favorites: U,
 		isMenu: !0,
 		onSelect: (n) => {
-			K(n.id, n.name, J(t)), e();
+			G(n.id, n.name, K(t)), e();
 		},
 		onToggleFavorite: s,
 		onBrowse: () => {
-			let n = ie(t), r = J(t);
-			te(r), F.current = n ?? null, e(), O(!0);
+			let n = q(t), r = K(t);
+			P(r), F.current = n ?? null, e(), E(!0);
 		},
 		onViewDetails: (n) => {
-			J(t), e(), P(n.id);
+			K(t), e(), k(n.id);
 		},
 		isRowTooltipHidden: m,
 		labels: w
 	}), [
 		U,
+		G,
 		K,
-		J,
-		ie,
+		q,
 		s,
 		m,
 		w
-	]), le = A(() => e ? {
+	]), le = j(() => e ? {
 		key: "skills",
 		title: _,
-		icon: /* @__PURE__ */ I(N, {
+		icon: /* @__PURE__ */ L(te, {
 			size: i,
 			"aria-hidden": !0,
 			stroke: l
 		}),
-		renderOverlay: ce,
+		renderOverlay: $,
 		backLabel: v
 	} : void 0, [
 		e,
 		_,
 		v,
-		ce
-	]), fe = A(() => e ? {
-		triggerPrefix: Ce,
+		$
+	]), ue = j(() => e ? {
+		triggerPrefix: Te,
 		menuLabel: _,
 		emptyQueryHint: b,
-		onTextPaste: X,
-		renderMenu: ({ query: e, caretPosition: t, close: n, listboxId: r, activeOptionId: i }) => /* @__PURE__ */ I(Y, {
+		onTextPaste: oe,
+		renderMenu: ({ query: e, caretPosition: t, close: n, listboxId: r, activeOptionId: i }) => /* @__PURE__ */ L(X, {
 			favorites: U,
 			searchQuery: e,
 			listboxId: r,
 			activeOptionId: i,
 			onSelect: (e) => {
-				n({ consumeQuery: !0 }), K(e.id, e.name, t);
+				n({ consumeQuery: !0 }), G(e.id, e.name, t);
 			},
 			onToggleFavorite: s,
 			onBrowse: () => {
-				let r = `${Ce}${e}`, i = z.anchors.find((e) => e.start === t && e.length === r.length);
+				let r = `${Te}${e}`, i = z.anchors.find((e) => e.start === t && e.length === r.length);
 				n({
 					consumeQuery: !0,
 					returnFocus: !1
-				}), te(t), F.current = {
+				}), P(t), F.current = {
 					position: t,
 					text: r,
 					mentionUrl: i?.url
-				}, O(!0);
+				}, E(!0);
 			},
 			onViewDetails: (e) => {
-				n({ consumeQuery: !0 }), P(e.id);
+				n({ consumeQuery: !0 }), k(e.id);
 			},
 			isRowTooltipHidden: m,
 			labels: w
@@ -676,134 +676,157 @@ var V = {
 		_,
 		b,
 		U,
-		K,
+		G,
 		z.anchors,
 		s,
 		m,
 		w,
-		X
-	]), pe = E(() => {
-		O(!1);
+		oe
+	]), de = O(() => {
+		E(!1);
 		let e = F.current;
 		if (F.current = null, e == null) return;
 		let { position: t, text: n, mentionUrl: r } = e;
-		r == null ? z.onDraftChange(z.draft.slice(0, t) + n + z.draft.slice(t)) : z.restoreMention(r, n.slice(1), t), L((e) => e + 1), R(t + n.length);
+		r == null ? z.onDraftChange(z.draft.slice(0, t) + n + z.draft.slice(t)) : z.restoreMention(r, n.slice(1), t), I((e) => e + 1), R(t + n.length);
 	}, [z]);
 	return {
 		skillMenuOverlay: le,
-		commandMenu: fe,
-		skillCatalogModal: /* @__PURE__ */ I(Z, {
-			isOpen: D,
-			onClose: pe,
+		commandMenu: ue,
+		skillCatalogModal: /* @__PURE__ */ L(Q, {
+			isOpen: T,
+			onClose: de,
 			onSelect: (e) => {
-				F.current = null, K(e, H(e), ee), O(!1);
+				F.current = null, G(e, H(e), A), E(!1);
 			},
 			title: y,
 			renderContent: h
 		}),
-		skillDetailsPanel: /* @__PURE__ */ I(T, {
+		skillDetailsPanel: /* @__PURE__ */ L(D, {
 			fallback: null,
-			children: /* @__PURE__ */ I(g, {
-				skillId: k,
-				onClose: () => P(null)
+			children: /* @__PURE__ */ L(g, {
+				skillId: ee,
+				onClose: () => k(null)
 			})
 		}),
 		message: z.draft,
 		messageRevision: ne,
-		activeMentions: G,
+		activeMentions: W,
 		onDraftChange: z.onDraftChange,
 		onBackspaceAtCaret: z.onBackspaceAtCaret,
 		caretPositionOverride: re,
-		isSkillUnsupported: W,
+		isSkillUnsupported: ie,
 		selectedSkills: z.orderedSkills,
-		resetSkillMentions: ae,
+		resetSkillMentions: Y,
 		seedSkillMentions: se,
-		recognizeMentionsInInsertion: X,
-		renderHistorySkillSegments: Q,
-		renderHistorySkills: $
+		recognizeMentionsInInsertion: oe,
+		renderHistorySkillSegments: Z,
+		renderHistorySkills: ce
 	};
-}, Te = (...e) => {
+}, De = (...e) => {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) for (let e of n ?? []) t.set(e.url, {
 		id: e.url,
 		name: e.name
 	});
 	return [...t.values()];
-}, Ee = {
-	background: "_background_1ult0_1",
-	border: "_border_1ult0_5",
-	value: "_value_1ult0_9",
-	clear: "_clear_1ult0_13",
-	invalid: "_invalid_1ult0_17"
-}, De = [], Oe = "Selected model does not support skills. Select a different model to use a skill.", ke = ({ value: i, onChange: a, displayNames: o, skills: s = De, isSkillsSupported: l, isDisabled: u = !1, error: d, labels: f, className: m, styles: h }) => {
-	let [g, _] = M(!1), [v, y] = M(""), x = O(), S = i.some((e) => n(e, l)), w = l && !u, T = g && w, E = i.length > 0 ? f.unsupportedTooltipLabel : void 0, D = !l && i.length === 0, k = D ? f.unavailableHintLabel ?? Oe : void 0, A = new Map(i.map((e) => [e, {
+}, Oe = {
+	background: "_background_1goqn_1",
+	border: "_border_1goqn_5",
+	value: "_value_1goqn_9",
+	clear: "_clear_1goqn_13",
+	invalid: "_invalid_1goqn_17",
+	unavailableTag: "_unavailableTag_1goqn_25"
+}, ke = [], Ae = "Selected model does not support skills. Select a different model to use a skill.", je = ({ value: i, onChange: a, displayNames: o, unavailableValues: s = [], skills: l = ke, isSkillsSupported: u, isDisabled: d = !1, error: f, labels: m, className: h, styles: g }) => {
+	let [_, v] = N(!1), [y, x] = N(""), w = k(), E = i.some((e) => n(e, u)), D = u && !d, O = _ && D, ee = i.length > 0 ? m.unsupportedTooltipLabel : void 0, A = !u && i.length === 0, j = A ? m.unavailableHintLabel ?? Ae : void 0, M = new Map(i.map((e) => [e, {
 		id: e,
 		name: o?.[e] || e
 	}]));
-	s.forEach((e) => A.set(e.id, e));
-	let j = [...A.values()].map((t) => ({
+	l.forEach((e) => M.set(e.id, e));
+	let te = [...M.values()].map((t) => ({
 		value: t.id,
 		label: t.name,
-		labelNode: v.trim() ? /* @__PURE__ */ I(p, {
+		labelNode: y.trim() ? /* @__PURE__ */ L(p, {
 			text: t.name,
-			query: v,
+			query: y,
 			maxLines: 1
 		}) : void 0,
-		icon: /* @__PURE__ */ I(e, {
+		icon: /* @__PURE__ */ L(e, {
 			size: c.SM,
 			initialsName: t.name
 		}),
-		disabled: !l
-	})), N = {
+		disabled: !u || s.includes(t.id)
+	})), P = {
 		...t({
-			"--ssf-text": h?.colors?.text,
-			"--ssf-bg": h?.colors?.background,
-			"--ssf-border": h?.colors?.border,
-			"--ssf-error": h?.colors?.error
+			"--ssf-text": g?.colors?.text,
+			"--ssf-bg": g?.colors?.background,
+			"--ssf-border": g?.colors?.border,
+			"--ssf-error": g?.colors?.error,
+			"--ssf-unavailable-tag-bg": g?.colors?.unavailableTagBackground,
+			"--ssf-unavailable-tag-border": g?.colors?.unavailableTagBorder
 		}),
-		...h?.cssVars
+		...g?.cssVars
 	};
-	return /* @__PURE__ */ L("div", {
-		className: r("min-w-0", m, V.selectorField),
-		style: N,
-		children: [/* @__PURE__ */ I(C, {
-			tooltip: E,
-			hideTooltip: l,
+	return /* @__PURE__ */ R("div", {
+		className: r("min-w-0", h, U.selectorField),
+		style: P,
+		children: [/* @__PURE__ */ L(T, {
+			tooltip: ee,
+			hideTooltip: u,
 			triggerClassName: "block w-full min-w-0",
-			children: /* @__PURE__ */ I("div", {
-				inert: u ? !0 : void 0,
-				children: /* @__PURE__ */ I(b, {
+			children: /* @__PURE__ */ L("div", {
+				inert: d ? !0 : void 0,
+				children: /* @__PURE__ */ L(b, {
 					multiple: !0,
+					customMultiSelectTagsRenderer: s.length ? (e, t, n) => t.map((t) => {
+						let r = e.find((e) => e.value === t)?.label ?? t, i = s.includes(t), a = /* @__PURE__ */ L(S, {
+							label: r,
+							title: i ? "" : void 0,
+							appearance: C.Bordered,
+							closable: !0,
+							disabled: d,
+							removeLabel: m.removeLabel,
+							onRemove: (e) => n(e, t),
+							className: i ? Oe.unavailableTag : void 0
+						});
+						return i ? /* @__PURE__ */ L(T, {
+							tooltip: m.unavailableTooltipLabel ?? "The skill has been deleted or access revoked",
+							triggerClassName: "min-w-0 cursor-pointer",
+							children: a
+						}, t) : /* @__PURE__ */ L("span", {
+							className: "min-w-0",
+							children: a
+						}, t);
+					}) : void 0,
 					searchable: !0,
-					open: T,
+					open: O,
 					onOpenChange: (e) => {
-						(!e || w) && _(e);
+						(!e || D) && v(e);
 					},
-					onSearchQueryChange: y,
+					onSearchQueryChange: x,
 					value: i,
 					onChange: (e) => {
-						u || a(Array.isArray(e) ? e : [e]);
+						d || a(Array.isArray(e) ? e : [e]);
 					},
-					options: j,
-					placeholder: f.placeholder,
-					labelProps: { label: f.fieldLabel },
-					error: d,
-					ariaDescribedBy: k ? x : void 0,
-					searchPlaceholder: f.searchPlaceholder ?? "Search skills",
-					emptyStateTitle: v.trim() ? f.noMatchingSkillsLabel ?? "No matching skills" : f.emptyLabel ?? "No skills available",
-					disabled: u || D,
-					invalid: !!d || S,
+					options: te,
+					placeholder: m.placeholder,
+					labelProps: { label: m.fieldLabel },
+					error: f,
+					ariaDescribedBy: j ? w : void 0,
+					searchPlaceholder: m.searchPlaceholder ?? "Search skills",
+					emptyStateTitle: y.trim() ? m.noMatchingSkillsLabel ?? "No matching skills" : m.emptyLabel ?? "No skills available",
+					disabled: d || A,
+					invalid: !!f || E,
 					className: "w-full min-w-0",
-					fieldClassName: r(w ? "cursor-pointer" : "cursor-not-allowed", "--ssf-bg" in N && Ee.background, "--ssf-border" in N && Ee.border, "--ssf-text" in N && Ee.value, (d || S) && Ee.invalid, h?.typography?.fontClassName ?? "dial-small-text", h?.triggerClassName),
+					fieldClassName: r(D ? "cursor-pointer" : "cursor-not-allowed", "--ssf-bg" in P && Oe.background, "--ssf-border" in P && Oe.border, "--ssf-text" in P && Oe.value, (f || E) && Oe.invalid, g?.typography?.fontClassName ?? "dial-small-text", g?.triggerClassName),
 					listClassName: "w-[min(var(--reference-width),calc(100vw-2rem))] max-w-full"
 				})
 			})
-		}), k && /* @__PURE__ */ I("span", {
-			id: x,
+		}), j && /* @__PURE__ */ L("span", {
+			id: w,
 			className: "sr-only",
-			children: k
+			children: j
 		})]
 	});
 };
 //#endregion
-export { q as ChatSkill, Y as FavoriteSkillsPanel, V as SKILLS_CLASS, se as SkillArchiveUploadDialog, Z as SkillCatalogModal, $ as SkillContentFileTree, ce as SkillDetailsSidePanel, G as SkillInfoTooltipContent, ke as SkillSelectorField, U as SkillUnresolvedReason, ye as buildFavoriteSkillItem, Te as buildSkillSelectorOptions, fe as diffTextChange, he as findMentionAtCaret, be as getSkillFallbackName, me as insertAnchor, ue as matchSkillMentions, pe as reconcileAnchors, ve as useSkillMentions, we as useSkillSelectorOverlay };
+export { J as ChatSkill, X as FavoriteSkillsPanel, U as SKILLS_CLASS, ce as SkillArchiveUploadDialog, Q as SkillCatalogModal, le as SkillContentFileTree, ue as SkillDetailsSidePanel, K as SkillInfoTooltipContent, je as SkillSelectorField, W as SkillUnresolvedReason, xe as buildFavoriteSkillItem, De as buildSkillSelectorOptions, me as diffTextChange, _e as findMentionAtCaret, Se as getSkillFallbackName, ge as insertAnchor, fe as matchSkillMentions, he as reconcileAnchors, be as useSkillMentions, Ee as useSkillSelectorOverlay };

package/models/skill-selector-field-props.d.ts

@@ -3,6 +3,10 @@ import { CSSProperties } from 'react';
 export interface SkillSelectorFieldLabels {
     /** Visible and accessible field label. */
     fieldLabel: string;
+    /** Explanation for an unavailable selection. Defaults to 'The skill has been deleted or access revoked'. */
+    unavailableTooltipLabel?: string;
+    /** Accessible remove action label for unavailable tags. Defaults to the kit label. */
+    removeLabel?: string;
     /** Empty selection text. */
     placeholder: string;
     /** Explanation shown when the selected model cannot use skills. */
@@ -28,6 +32,10 @@ export interface SkillSelectorFieldStyles {
         border?: string;
         /** Invalid-state text and border. */
         error?: string;
+        /** Unavailable tag fill. */
+        unavailableTagBackground?: string;
+        /** Unavailable tag border. */
+        unavailableTagBorder?: string;
     };
     /** Label typography overrides. */
     typography?: {
@@ -68,5 +76,7 @@ export interface SkillSelectorFieldProps {
     onChange: (value: string[]) => void;
     /** Host-resolved names keyed by reference; missing entries display the URL. */
     displayNames?: Record<string, string>;
+    /** Host-confirmed unavailable selected references; tags remain removable. */
+    unavailableValues?: string[];
 }
 //# sourceMappingURL=skill-selector-field-props.d.ts.map

package/models/skill-selector-field-props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skill-selector-field-props.d.ts","sourceRoot":"","sources":["../../src/models/skill-selector-field-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,oDAAoD;AACpD,MAAM,WAAW,wBAAwB;IACvC,0CAA0C;IAC1C,UAAU,EAAE,MAAM,CAAC;IACnB,4BAA4B;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,mEAAmE;IACnE,uBAAuB,EAAE,MAAM,CAAC;IAChC,qPAAqP;IACrP,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,6DAA6D;IAC7D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gFAAgF;IAChF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qFAAqF;IACrF,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,uEAAuE;AACvE,MAAM,WAAW,wBAAwB;IACvC,gEAAgE;IAChE,MAAM,CAAC,EAAE;QACP,kBAAkB;QAClB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,wBAAwB;QACxB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,oBAAoB;QACpB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,qCAAqC;QACrC,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,kCAAkC;IAClC,UAAU,CAAC,EAAE;QACX,uEAAuE;QACvE,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,uDAAuD;IACvD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,8DAA8D;IAC9D,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,oDAAoD;AACpD,MAAM,WAAW,mBAAmB;IAClC,yEAAyE;IACzE,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,gFAAgF;AAChF,MAAM,WAAW,uBAAuB;IACtC,mFAAmF;IACnF,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,qDAAqD;IACrD,iBAAiB,EAAE,OAAO,CAAC;IAC3B,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,MAAM,EAAE,wBAAwB,CAAC;IACjC,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,wBAAwB,CAAC;IAClC,4CAA4C;IAC5C,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,2EAA2E;IAC3E,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,+EAA+E;IAC/E,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACvC"}
+{"version":3,"file":"skill-selector-field-props.d.ts","sourceRoot":"","sources":["../../src/models/skill-selector-field-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,oDAAoD;AACpD,MAAM,WAAW,wBAAwB;IACvC,0CAA0C;IAC1C,UAAU,EAAE,MAAM,CAAC;IACnB,4GAA4G;IAC5G,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,sFAAsF;IACtF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,mEAAmE;IACnE,uBAAuB,EAAE,MAAM,CAAC;IAChC,qPAAqP;IACrP,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,6DAA6D;IAC7D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gFAAgF;IAChF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qFAAqF;IACrF,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,uEAAuE;AACvE,MAAM,WAAW,wBAAwB;IACvC,gEAAgE;IAChE,MAAM,CAAC,EAAE;QACP,kBAAkB;QAClB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,wBAAwB;QACxB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,oBAAoB;QACpB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,qCAAqC;QACrC,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,4BAA4B;QAC5B,wBAAwB,CAAC,EAAE,MAAM,CAAC;QAClC,8BAA8B;QAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAC;KAC/B,CAAC;IACF,kCAAkC;IAClC,UAAU,CAAC,EAAE;QACX,uEAAuE;QACvE,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,uDAAuD;IACvD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,8DAA8D;IAC9D,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,oDAAoD;AACpD,MAAM,WAAW,mBAAmB;IAClC,yEAAyE;IACzE,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,gFAAgF;AAChF,MAAM,WAAW,uBAAuB;IACtC,mFAAmF;IACnF,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,qDAAqD;IACrD,iBAAiB,EAAE,OAAO,CAAC;IAC3B,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,MAAM,EAAE,wBAAwB,CAAC;IACjC,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,wBAAwB,CAAC;IAClC,4CAA4C;IAC5C,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,2EAA2E;IAC3E,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,+EAA+E;IAC/E,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,6EAA6E;IAC7E,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC9B"}

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.3.0-dev.296",
+  "version": "1.3.0-dev.304",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -18,11 +18,11 @@
   },
   "dependencies": {
     "@tabler/icons-react": "^3.50.0",
-    "@epam/ai-dial-catalog": "1.3.0-dev.296",
-    "@epam/ai-dial-conversation-input": "1.3.0-dev.296"
+    "@epam/ai-dial-catalog": "1.3.0-dev.304",
+    "@epam/ai-dial-conversation-input": "1.3.0-dev.304"
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.3.0-dev.296",
+    "@epam/ai-dial-chat-shared": "1.3.0-dev.304",
     "@epam/ai-dial-react-file-manager": "^0.4.0-dev.25",
     "@epam/ai-dial-ui-kit": "^0.16.0-dev.67",
     "react": "^19.2.8"