@epam/ai-dial-skills 1.2.0-dev.273 → 1.2.0-dev.276

package/components/SkillSelectorField/SkillSelectorField.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
 import { SkillSelectorFieldProps } from '../../models/skill-selector-field-props';
-/** Controlled skill input with favorites, catalog browsing, and explicit removal. */
+/** Controlled multi-skill Select listing the given skills as checkbox options. */
 export declare const SkillSelectorField: FC<SkillSelectorFieldProps>;
 //# sourceMappingURL=SkillSelectorField.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SkillSelectorField.d.ts","sourceRoot":"","sources":["../../../src/components/SkillSelectorField/SkillSelectorField.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAsC,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAGpE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AASvF,qFAAqF;AACrF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA6P1D,CAAC"}
+{"version":3,"file":"SkillSelectorField.d.ts","sourceRoot":"","sources":["../../../src/components/SkillSelectorField/SkillSelectorField.tsx"],"names":[],"mappings":"AAYA,OAAO,EAA4C,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,KAAK,EACV,uBAAuB,EAExB,MAAM,yCAAyC,CAAC;AAOjD,kFAAkF;AAClF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA+H1D,CAAC"}

package/index.css

@@ -1,2 +1,2 @@
 ._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_14zdf_1{background:var(--ssf-bg)}._border_14zdf_5{border-color:var(--ssf-border)}._value_14zdf_9{color:var(--ssf-text)}._clear_14zdf_13{margin-block:-.5rem}._invalid_14zdf_17{color:var(--ssf-error,var(--text-error,#9c2222));border-color:var(--ssf-error,var(--text-error,#9c2222))}._invalid_14zdf_17 input{color:var(--ssf-error,var(--text-error,#9c2222))}
-/*$vite$:1*/.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.-me-1{margin-inline-end:-.25rem}.-ms-1{margin-inline-start:-.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.hidden{display:none}.size-11{height:2.75rem;width:2.75rem}.h-\[24px\]{height:24px}.h-\[min\(80vh\2c 840px\)\]{height:min(80vh,840px)}.h-\[min\(90vh\2c 860px\)\]{height:min(90vh,860px)}.max-h-72{max-height:18rem}.min-h-0{min-height:0}.min-h-11{min-height:2.75rem}.w-\[min\(var\(--reference-width\)\2c calc\(100vw-2rem\)\)\]{width:min(var(--reference-width),calc(100vw - 2rem))}.w-full{width:100%}.min-w-0{min-width:0}.\!max-w-\[min\(95vw\2c 1200px\)\]{max-width:min(95vw,1200px)!important}.max-w-\[550px\]{max-width:550px}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.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}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-transparent{border-color:transparent}.bg-error{background-color:var(--bg-error,#f3d6d8)}.p-2{padding:.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.pb-0{padding-bottom:0}.pb-0\.5{padding-bottom:.125rem}.pb-1{padding-bottom:.25rem}.pe-1{padding-inline-end:.25rem}.ps-1{padding-inline-start:.25rem}.pt-2{padding-top:.5rem}.text-start{text-align:start}.text-accent{color:var(--text-accent,#1d4ed8)}.text-error{color:var(--text-error,#ae2f2f)}.text-primary{color:var(--text-primary,#161b2d)}.text-secondary{color:var(--text-secondary,#57647a)}.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-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-info:hover{background-color:var(--bg-info,#e1eaf9)}.focus-visible\:bg-info:focus-visible{background-color:var(--bg-info,#e1eaf9)}.active\:bg-info:active{background-color:var(--bg-info,#e1eaf9)}@media (min-width:1280px){.desktop\:inline{display:inline}.desktop\:hidden{display:none}.desktop\:w-\[280px\]{width:280px}.desktop\:w-full{width:100%}}
+/*$vite$:1*/.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.-me-1{margin-inline-end:-.25rem}.-ms-1{margin-inline-start:-.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.hidden{display:none}.h-\[24px\]{height:24px}.h-\[min\(80vh\2c 840px\)\]{height:min(80vh,840px)}.h-\[min\(90vh\2c 860px\)\]{height:min(90vh,860px)}.max-h-72{max-height:18rem}.min-h-0{min-height:0}.w-\[min\(var\(--reference-width\)\2c calc\(100vw-2rem\)\)\]{width:min(var(--reference-width),calc(100vw - 2rem))}.w-full{width:100%}.min-w-0{min-width:0}.\!max-w-\[min\(95vw\2c 1200px\)\]{max-width:min(95vw,1200px)!important}.max-w-\[550px\]{max-width:550px}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.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}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-transparent{border-color:transparent}.bg-error{background-color:var(--bg-error,#f3d6d8)}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.pb-0\.5{padding-bottom:.125rem}.pb-1{padding-bottom:.25rem}.pe-1{padding-inline-end:.25rem}.ps-1{padding-inline-start:.25rem}.pt-2{padding-top:.5rem}.text-start{text-align:start}.text-accent{color:var(--text-accent,#1d4ed8)}.text-error{color:var(--text-error,#ae2f2f)}.text-primary{color:var(--text-primary,#161b2d)}.text-secondary{color:var(--text-secondary,#57647a)}.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-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-info:hover{background-color:var(--bg-info,#e1eaf9)}.focus-visible\:bg-info:focus-visible{background-color:var(--bg-info,#e1eaf9)}.active\:bg-info:active{background-color:var(--bg-info,#e1eaf9)}@media (min-width:1280px){.desktop\:inline{display:inline}.desktop\:hidden{display:none}.desktop\:w-\[280px\]{width:280px}}

package/index.d.ts

@@ -26,5 +26,5 @@ export type { TextChange } from './utils/skill-mention-tracking';
 export { SKILLS_CLASS } from './constants/public-class-names';
 export { SkillUnresolvedReason } from './types/skill-unresolved-reason';
 export { SkillSelectorField } from './components/SkillSelectorField/SkillSelectorField';
-export type { SkillSelectorFieldProps, SkillSelectorFieldLabels, SkillSelectorFieldStyles, } from './models/skill-selector-field-props';
+export type { SkillSelectorFieldProps, SkillSelectorFieldLabels, SkillSelectorFieldStyles, SkillSelectorOption, } from './models/skill-selector-field-props';
 //# 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,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,wBAAwB,EAAE,MAAM,gEAAgE,CAAC;AAC1G,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAC;AAC9F,OAAO,EAAE,qBAAqB,EAAE,MAAM,0DAA0D,CAAC;AACjG,OAAO,EAAE,uBAAuB,EAAE,MAAM,8DAA8D,CAAC;AACvG,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,EAAE,uBAAuB,EAAE,MAAM,yDAAyD,CAAC;AAClG,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,YAAY,EACZ,gBAAgB,GACjB,MAAM,gCAAgC,CAAC;AACxC,YAAY,EACV,uBAAuB,EACvB,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,EACV,8BAA8B,EAC9B,6BAA6B,GAC9B,MAAM,4CAA4C,CAAC;AACpD,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,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACxE,YAAY,EACV,+BAA+B,EAC/B,0BAA0B,EAC1B,8BAA8B,EAC9B,6BAA6B,GAC9B,MAAM,iCAAiC,CAAC;AACzC,YAAY,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AACxF,YAAY,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,YAAY,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,YAAY,EACV,uBAAuB,EACvB,wBAAwB,EACxB,wBAAwB,GACzB,MAAM,qCAAqC,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,wBAAwB,EAAE,MAAM,gEAAgE,CAAC;AAC1G,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAC;AAC9F,OAAO,EAAE,qBAAqB,EAAE,MAAM,0DAA0D,CAAC;AACjG,OAAO,EAAE,uBAAuB,EAAE,MAAM,8DAA8D,CAAC;AACvG,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,EAAE,uBAAuB,EAAE,MAAM,yDAAyD,CAAC;AAClG,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,YAAY,EACZ,gBAAgB,GACjB,MAAM,gCAAgC,CAAC;AACxC,YAAY,EACV,uBAAuB,EACvB,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,EACV,8BAA8B,EAC9B,6BAA6B,GAC9B,MAAM,4CAA4C,CAAC;AACpD,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,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACxE,YAAY,EACV,+BAA+B,EAC/B,0BAA0B,EAC1B,8BAA8B,EAC9B,6BAA6B,GAC9B,MAAM,iCAAiC,CAAC;AACzC,YAAY,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AACxF,YAAY,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,YAAY,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,YAAY,EACV,uBAAuB,EACvB,wBAAwB,EACxB,wBAAwB,EACxB,mBAAmB,GACpB,MAAM,qCAAqC,CAAC"}

package/index.js

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

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

@@ -1,25 +1,20 @@
-import { CSSProperties, ReactNode } from 'react';
-import { FavoriteSkillItem } from './favorite-skill-item';
-import { FavoriteSkillsPanelLabels } from './favorite-skills-panel-props';
-import { SkillCatalogModalProps } from './skill-catalog-modal-props';
+import { CSSProperties } from 'react';
 /** Translated text for a controlled skill field. */
 export interface SkillSelectorFieldLabels {
+    /** Visible and accessible field label. */
+    fieldLabel: string;
     /** Empty selection text. */
     placeholder: string;
-    /** Browse dialog title. */
-    modalTitle: string;
-    /** Accessible name of the removal control. */
-    removeSkillLabel: string;
     /** Explanation shown when the selected model cannot use skills. */
     unsupportedTooltipLabel: string;
     /** Explanation shown when the field is disabled because the model cannot use skills and no skill is selected. Defaults to 'Selected model does not support skills. Select a different model to use a skill.'. */
     unavailableTooltipLabel?: string;
-    /** Favorites panel text; omitted entries use the panel's English defaults. */
-    panelLabels?: FavoriteSkillsPanelLabels;
-    /** Favorites search label and placeholder. Defaults to 'Search skills'. */
+    /** Search input placeholder. Defaults to 'Search skills'. */
     searchPlaceholder?: string;
-    /** Accessible search clear label. Defaults to 'Clear search'. */
-    clearSearchLabel?: string;
+    /** Text shown when no skill is available. Defaults to 'No skills available'. */
+    emptyLabel?: string;
+    /** Text shown when the search matches no skill. Defaults to 'No matching skills'. */
+    noMatchingSkillsLabel?: string;
 }
 /** Per-instance theme and typography overrides for the skill field. */
 export interface SkillSelectorFieldStyles {
@@ -44,39 +39,34 @@ export interface SkillSelectorFieldStyles {
     /** CSS custom properties merged after the typed overrides. */
     cssVars?: CSSProperties;
 }
-/** Host-controlled selection; catalog data and rendering belong to the caller. */
+/** One skill offered by the field's option list. */
+export interface SkillSelectorOption {
+    /** Stable skill reference: the `skills/{bucket}/{path}` resource URL. */
+    id: string;
+    /** Display name. */
+    name: string;
+}
+/** Host-controlled multiple selection; the skill list belongs to the caller. */
 export interface SkillSelectorFieldProps {
-    /** Selected reference, independent of catalog loading. */
-    value?: string;
-    /** Called to replace or remove the selected reference. */
-    onChange: (value: string | undefined) => void;
-    /** Resolved name; defaults to the full selected reference. */
-    displayName?: string;
-    /** Host-resolved favorite skills. Defaults to an empty list. */
-    favorites?: FavoriteSkillItem[];
-    /** Removes a skill from favorites; omitted hides the star action. */
-    onToggleFavorite?: (id: string) => void;
-    /** Opens host-owned skill details; omitted hides the details tooltip. */
-    onViewDetails?: (item: FavoriteSkillItem) => void;
-    /** Optional popup presentation, such as a mobile sheet. Defaults to a dropdown. */
-    renderOverlay?: (panel: ReactNode, isOpen: boolean, onClose: () => void) => ReactNode;
+    /** Host-resolved skills offered as checkbox options. Defaults to an empty list. */
+    skills?: SkillSelectorOption[];
     /** Explicit skill support for the selected model. */
     isSkillsSupported: boolean;
     /** Disables all controls. Defaults to false. */
     isDisabled?: boolean;
-    /** Host validation state. Defaults to false. */
-    isInvalid?: boolean;
-    /** ID of the host-rendered label. */
-    labelledById: string;
-    /** ID of host-rendered feedback. */
-    describedById?: string;
+    /** Host validation message rendered and associated by the UI-kit Select. */
+    error?: string;
     /** Translated visible and accessible text. */
     labels: SkillSelectorFieldLabels;
-    /** Catalog content that calls back with the selected reference. */
-    renderCatalogContent: SkillCatalogModalProps['renderContent'];
     /** Additional classes applied to the root. */
     className?: string;
     /** Theme and typography overrides. */
     styles?: SkillSelectorFieldStyles;
+    /** Selected references in display order. */
+    value: string[];
+    /** Called with the complete selection after adding or removing a skill. */
+    onChange: (value: string[]) => void;
+    /** Host-resolved names keyed by reference; missing entries display the URL. */
+    displayNames?: Record<string, 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,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;AAC/E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAE1E,oDAAoD;AACpD,MAAM,WAAW,wBAAwB;IACvC,4BAA4B;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,2BAA2B;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,gBAAgB,EAAE,MAAM,CAAC;IACzB,mEAAmE;IACnE,uBAAuB,EAAE,MAAM,CAAC;IAChC,iNAAiN;IACjN,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,8EAA8E;IAC9E,WAAW,CAAC,EAAE,yBAAyB,CAAC;IACxC,2EAA2E;IAC3E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iEAAiE;IACjE,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;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,kFAAkF;AAClF,MAAM,WAAW,uBAAuB;IACtC,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9C,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gEAAgE;IAChE,SAAS,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAChC,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,yEAAyE;IACzE,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClD,mFAAmF;IACnF,aAAa,CAAC,EAAE,CACd,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,OAAO,EACf,OAAO,EAAE,MAAM,IAAI,KAChB,SAAS,CAAC;IACf,qDAAqD;IACrD,iBAAiB,EAAE,OAAO,CAAC;IAC3B,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,YAAY,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,MAAM,EAAE,wBAAwB,CAAC;IACjC,mEAAmE;IACnE,oBAAoB,EAAE,sBAAsB,CAAC,eAAe,CAAC,CAAC;IAC9D,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,wBAAwB,CAAC;CACnC"}
+{"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,iNAAiN;IACjN,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,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"}

package/package.json

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