@epam/ai-dial-skills 1.2.0-rc.0 → 1.2.0-rc.2

package/components/SkillCatalogModal/SkillCatalogModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SkillCatalogModal.d.ts","sourceRoot":"","sources":["../../../src/components/SkillCatalogModal/SkillCatalogModal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAErF,mHAAmH;AACnH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAoBxD,CAAC"}
+{"version":3,"file":"SkillCatalogModal.d.ts","sourceRoot":"","sources":["../../../src/components/SkillCatalogModal/SkillCatalogModal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAErF,mHAAmH;AACnH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAuBxD,CAAC"}

package/hooks/useSkillMentions/useSkillMentions.d.ts

@@ -43,6 +43,13 @@ export interface UseSkillMentionsResult {
      * not seeded as an anchor.
      */
     seedFromMessage: (text: string, skills: RequestSkill[] | undefined, resolveName: (url: string) => string) => void;
+    /**
+     * Registers text about to be inserted into the draft (e.g. a picked prompt)
+     * with the mentions found in it, offsets relative to `text`. The next
+     * `onDraftChange` that lands `text` tracks them as anchors; any other
+     * change discards them.
+     */
+    expectInsertion: (text: string, mentions: SkillMentionAnchor[]) => void;
 }
 /**
  * Tracks an ordered set of skill mentions live within a plain-text draft, as

package/hooks/useSkillMentions/useSkillMentions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSkillMentions.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSkillMentions/useSkillMentions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAU5E,gDAAgD;AAChD,MAAM,WAAW,sBAAsB;IACrC,iFAAiF;IACjF,KAAK,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,yGAAyG;IACzG,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C;;;;;;;;;OASG;IACH,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC;IAC5E,0LAA0L;IAC1L,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE;;;;;;;;;OASG;IACH,kBAAkB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,kBAAkB,GAAG,SAAS,CAAC;IAC9E,iIAAiI;IACjI,aAAa,EAAE,YAAY,EAAE,GAAG,SAAS,CAAC;IAC1C,sDAAsD;IACtD,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB;;;;;OAKG;IACH,eAAe,EAAE,CACf,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,YAAY,EAAE,GAAG,SAAS,EAClC,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,KACjC,IAAI,CAAC;CACX;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,QAAO,sBAsInC,CAAC"}
+{"version":3,"file":"useSkillMentions.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSkillMentions/useSkillMentions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAW5E,gDAAgD;AAChD,MAAM,WAAW,sBAAsB;IACrC,iFAAiF;IACjF,KAAK,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,yGAAyG;IACzG,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C;;;;;;;;;OASG;IACH,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC;IAC5E,0LAA0L;IAC1L,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE;;;;;;;;;OASG;IACH,kBAAkB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,kBAAkB,GAAG,SAAS,CAAC;IAC9E,iIAAiI;IACjI,aAAa,EAAE,YAAY,EAAE,GAAG,SAAS,CAAC;IAC1C,sDAAsD;IACtD,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB;;;;;OAKG;IACH,eAAe,EAAE,CACf,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,YAAY,EAAE,GAAG,SAAS,EAClC,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,KACjC,IAAI,CAAC;IACV;;;;;OAKG;IACH,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;CACzE;AAQD;;;GAGG;AACH,eAAO,MAAM,gBAAgB,QAAO,sBA0KnC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useSkillSelectorOverlay.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSkillSelectorOverlay/useSkillSelectorOverlay.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EACV,8BAA8B,EAC9B,6BAA6B,EAC9B,MAAM,qCAAqC,CAAC;AAmB7C;;;;;;;GAOG;AACH,eAAO,MAAM,uBAAuB,GAAI,iSAerC,8BAA8B,KAAG,6BA4hBnC,CAAC"}
+{"version":3,"file":"useSkillSelectorOverlay.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSkillSelectorOverlay/useSkillSelectorOverlay.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EACV,8BAA8B,EAC9B,6BAA6B,EAC9B,MAAM,qCAAqC,CAAC;AAsB7C;;;;;;;GAOG;AACH,eAAO,MAAM,uBAAuB,GAAI,iSAerC,8BAA8B,KAAG,6BAgjBnC,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_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))}
-/*$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-\[min\(550px\2c calc\(100vw-10px\)\)\]{max-width:min(550px,calc(100vw - 10px))}.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}}
+/*$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-\[min\(550px\2c calc\(100vw-10px\)\)\]{max-width:min(550px,calc(100vw - 10px))}.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 (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\:inline{display:inline}.desktop\:hidden{display:none}.desktop\:w-\[280px\]{width:280px}}

package/index.js

@@ -1,10 +1,10 @@
 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, FileDropzone as u, GhostButton as d, Highlight as f, InteractiveTooltip as p, InteractiveTooltipTrigger as m, Popup as h, PopupSize as g, Select as _, Spinner as v, ToggleIconButton as y, Tooltip as b, TooltipPlacement as x } from "@epam/ai-dial-ui-kit";
-import { Suspense as S, useCallback as C, useEffect as w, useId as T, useLayoutEffect as ee, useMemo as E, useRef as D, useState as O } from "react";
-import { IconBlocks as te, IconEye as k, IconLock as A, IconStarFilled as j, IconTrash as M } from "@tabler/icons-react";
-import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
-import { DialFileNodeType as I, DialFoldersTree as L } from "@epam/ai-dial-react-file-manager";
-import { CatalogContentNodeType as R, DetailsPanel as z } from "@epam/ai-dial-catalog";
+import { Suspense as S, useCallback as C, useEffect as w, useId as T, useLayoutEffect as E, useMemo as D, useRef as O, useState as k } from "react";
+import { IconBlocks as ee, 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 te, DetailsPanel as z } from "@epam/ai-dial-catalog";
 //#region src/constants/public-class-names.ts
 var B = {
 	selectorField: "dial-skills-selector-field",
@@ -14,31 +14,31 @@ var B = {
 	return e.Deleted = "deleted", e.NotShared = "not-shared", e;
 }({}), H = ({ description: e, unsupportedMessage: t, unresolvedReason: n, deletedMessage: r, notSharedMessage: i, viewDetailsLabel: u = "View details", onViewDetails: d, viewDetailsTabIndex: f }) => {
 	if (n != null) {
-		let e = n === V.Deleted, t = e ? M : A, a = e ? r : i;
-		return /* @__PURE__ */ F("div", {
+		let e = n === V.Deleted, t = e ? N : j, a = e ? r : i;
+		return /* @__PURE__ */ I("div", {
 			className: "flex flex-row items-center gap-2",
-			children: [/* @__PURE__ */ P(t, {
+			children: [/* @__PURE__ */ F(t, {
 				size: c.MD,
 				stroke: l,
 				"aria-hidden": !0,
 				className: "shrink-0 text-secondary"
-			}), /* @__PURE__ */ P("p", {
+			}), /* @__PURE__ */ F("p", {
 				className: "dial-tiny-text text-start text-primary",
 				children: a
 			})]
 		});
 	}
-	return t == null ? /* @__PURE__ */ F("div", {
+	return t == null ? /* @__PURE__ */ I("div", {
 		className: "flex flex-col gap-3",
-		children: [e != null && e !== "" && /* @__PURE__ */ P("p", {
+		children: [e != null && e !== "" && /* @__PURE__ */ F("p", {
 			className: "text-start",
 			children: e
-		}), /* @__PURE__ */ P(a, {
+		}), /* @__PURE__ */ F(a, {
 			variant: s.Primary,
 			appearance: o.Link,
 			className: "h-[24px] self-start",
 			label: u,
-			iconBefore: /* @__PURE__ */ P(k, {
+			iconBefore: /* @__PURE__ */ F(A, {
 				size: c.SM,
 				stroke: l,
 				"aria-hidden": !0
@@ -46,43 +46,43 @@ var B = {
 			onClick: d,
 			tabIndex: f
 		})]
-	}) : /* @__PURE__ */ P("p", {
+	}) : /* @__PURE__ */ F("p", {
 		className: "text-start",
 		children: t
 	});
 }, U = ({ 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: h = "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] = O(0), b = l === "click", S = () => {
+	let { viewDetailsLabel: f = "View details", unsupportedTooltipLabel: h = "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] = k(0), b = l === "click", S = () => {
 		y((e) => e + 1), u(t);
-	}, C = D(null), [w, T] = O(null);
-	return ee(() => {
+	}, C = O(null), [w, T] = k(null);
+	return E(() => {
 		let e = C.current, t = () => T(e?.getBoundingClientRect().width ?? null);
 		if (t(), !e || typeof ResizeObserver > "u") return;
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
-	}, [o]), /* @__PURE__ */ P(p, {
+	}, [o]), /* @__PURE__ */ F(p, {
 		asChild: !0,
 		placement: x.Top,
 		trigger: b ? m.Click : m.Hover,
 		contentClassName: "max-w-[min(550px,calc(100vw-10px))]",
-		content: a == null ? i ? /* @__PURE__ */ P(H, { unsupportedMessage: h }) : /* @__PURE__ */ P(H, {
+		content: a == null ? i ? /* @__PURE__ */ F(H, { unsupportedMessage: h }) : /* @__PURE__ */ F(H, {
 			description: n,
 			viewDetailsLabel: f,
 			onViewDetails: S
-		}) : /* @__PURE__ */ P(H, {
+		}) : /* @__PURE__ */ F(H, {
 			unresolvedReason: a,
 			deletedMessage: g,
 			notSharedMessage: _
 		}),
-		children: /* @__PURE__ */ F("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, B.chip),
 			"aria-label": `/${e}`,
-			children: [/* @__PURE__ */ P("span", {
+			children: [/* @__PURE__ */ F("span", {
 				ref: C,
 				"aria-hidden": !0,
 				className: "inset-inline-start-0 pointer-events-none absolute top-0 select-none",
 				children: "/"
-			}), /* @__PURE__ */ P("span", {
+			}), /* @__PURE__ */ F("span", {
 				"aria-hidden": !0,
 				className: "select-none",
 				style: { paddingInlineStart: w ?? void 0 },
@@ -102,13 +102,13 @@ var B = {
 	rowFadeOut: "_rowFadeOut_1v431_1",
 	listContent: "_listContent_1v431_60"
 }, G = "px-3 pb-0.5 pt-2", ne = 180, re = 288, K = ({ favorites: n, onSelect: i, onToggleFavorite: a, onBrowse: o, onViewDetails: s, className: l, rowClassName: u, searchQuery: m, listboxId: h, activeOptionId: g, isMenu: _ = !1, labels: v = {}, colors: b, nameClassName: x = "dial-small-text", headerClassName: S = "dial-tiny-lead-semi-text", emptyHintClassName: C = "dial-small-text" }) => {
-	let { myCollectionLabel: E = "My Collection", emptyHintLabel: te = "Star a skill to pin it here", browseLabel: k = "Browse", removeFromFavoritesLabel: A = "Remove from favorites", viewDetailsLabel: M = "View details", noMatchingSkillsLabel: N = "No matching skills" } = v, I = t({
+	let { myCollectionLabel: D = "My Collection", emptyHintLabel: ee = "Star a skill to pin it here", browseLabel: A = "Browse", removeFromFavoritesLabel: j = "Remove from favorites", viewDetailsLabel: N = "View details", noMatchingSkillsLabel: P = "No matching skills" } = v, L = 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
-	}), [L, R] = O(/* @__PURE__ */ new Set()), z = D(/* @__PURE__ */ new Map());
+	}), [R, te] = k(/* @__PURE__ */ new Set()), z = O(/* @__PURE__ */ new Map());
 	w(() => {
 		let e = z.current;
 		return () => {
@@ -117,43 +117,43 @@ var B = {
 	}, []);
 	let V = h != null, U = _ && !V, K = V || U ? "none" : void 0, q = "button";
 	V ? q = "option" : U && (q = "menuitem");
-	let J = T(), Y = m != null, X = m?.toLowerCase() ?? "", Z = Y ? n.filter((e) => e.name.toLowerCase().includes(X)) : n, Q = D(null), [ie, ae] = O();
-	ee(() => {
-		Q.current && ae(Math.min(Q.current.scrollHeight, re));
+	let J = T(), Y = m != null, X = m?.toLowerCase() ?? "", Z = Y ? n.filter((e) => e.name.toLowerCase().includes(X)) : n, Q = O(null), [$, ie] = k();
+	E(() => {
+		Q.current && ie(Math.min(Q.current.scrollHeight, re));
 	}, [n, m]);
-	let oe = (e, t) => {
+	let ae = (e, t) => {
 		e.target === e.currentTarget && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), i(t));
-	}, $ = (e) => {
-		R((t) => new Set(t).add(e));
+	}, oe = (e) => {
+		te((t) => new Set(t).add(e));
 		let t = setTimeout(() => {
-			a?.(e), R((t) => {
+			a?.(e), te((t) => {
 				let n = new Set(t);
 				return n.delete(e), n;
 			}), z.current.delete(e);
 		}, ne);
 		z.current.set(e, t);
 	};
-	return /* @__PURE__ */ F("div", {
+	return /* @__PURE__ */ I("div", {
 		className: r("flex w-full flex-col desktop:w-[280px]", l, B.favoritesPanel),
-		style: I,
+		style: L,
 		children: [
-			/* @__PURE__ */ P("p", {
+			/* @__PURE__ */ F("p", {
 				id: J,
 				className: r(S, G, W.header),
-				children: E
+				children: D
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ F("div", {
 				className: r("max-h-72 min-h-0 flex-1 overflow-y-auto", W.listContent),
-				style: { maxHeight: ie },
-				children: /* @__PURE__ */ P("div", {
+				style: { maxHeight: $ },
+				children: /* @__PURE__ */ F("div", {
 					ref: Q,
-					children: Z.length > 0 ? /* @__PURE__ */ P("ul", {
+					children: Z.length > 0 ? /* @__PURE__ */ F("ul", {
 						id: h,
 						role: V ? "listbox" : K,
 						"aria-labelledby": V ? J : void 0,
 						className: "flex flex-col gap-1 px-1 pb-1",
 						children: Z.map((t) => {
-							let n = V ? `${h}-${encodeURIComponent(t.id)}` : void 0, o = V ? -1 : void 0, l = /* @__PURE__ */ F("div", {
+							let n = V ? `${h}-${encodeURIComponent(t.id)}` : void 0, o = V ? -1 : void 0, l = /* @__PURE__ */ I("div", {
 								role: q,
 								id: n,
 								"aria-selected": V ? n === g : void 0,
@@ -161,45 +161,45 @@ var B = {
 								tabIndex: 0,
 								className: r("flex cursor-pointer items-center gap-2 rounded-lg border border-transparent px-2 py-1.5 transition-colors", W.row, u),
 								onClick: () => i(t),
-								onKeyDown: (e) => oe(e, t),
+								onKeyDown: (e) => ae(e, t),
 								children: [
-									/* @__PURE__ */ P(e, {
+									/* @__PURE__ */ F(e, {
 										size: c.MD,
 										initialsName: t.name
 									}),
-									m == null ? /* @__PURE__ */ P("span", {
+									m == null ? /* @__PURE__ */ F("span", {
 										className: r(x, "min-w-0 flex-1 truncate text-start"),
 										children: t.name
-									}) : /* @__PURE__ */ P(f, {
+									}) : /* @__PURE__ */ F(f, {
 										text: t.name,
 										query: m,
 										maxLines: 1,
 										className: r(x, "min-w-0 flex-1 text-start")
 									}),
-									a && /* @__PURE__ */ P(y, {
-										icon: /* @__PURE__ */ P(j, {
+									a && /* @__PURE__ */ F(y, {
+										icon: /* @__PURE__ */ F(M, {
 											size: c.SM,
 											className: W.star,
 											"aria-hidden": !0
 										}),
-										"aria-label": A,
+										"aria-label": j,
 										isSelected: !0,
 										tabIndex: o,
 										onClick: (e) => {
-											e.stopPropagation(), $(t.id);
+											e.stopPropagation(), oe(t.id);
 										}
 									})
 								]
 							});
-							return /* @__PURE__ */ P("li", {
+							return /* @__PURE__ */ F("li", {
 								role: K,
-								className: L.has(t.id) ? W.rowLeaving : W.rowEnter,
-								children: s ? /* @__PURE__ */ P(p, {
+								className: R.has(t.id) ? W.rowLeaving : W.rowEnter,
+								children: s ? /* @__PURE__ */ F(p, {
 									asChild: !0,
 									contentClassName: "max-w-[550px]",
-									content: /* @__PURE__ */ P(H, {
+									content: /* @__PURE__ */ F(H, {
 										description: t.description,
-										viewDetailsLabel: M,
+										viewDetailsLabel: N,
 										onViewDetails: () => s(t),
 										viewDetailsTabIndex: o
 									}),
@@ -207,22 +207,22 @@ var B = {
 								}) : l
 							}, t.id);
 						})
-					}) : Y && X !== "" ? /* @__PURE__ */ P("p", {
+					}) : Y && X !== "" ? /* @__PURE__ */ F("p", {
 						role: "status",
 						"aria-live": "polite",
 						className: r(C, "px-4 py-4 text-start", W.emptyHint),
-						children: N
-					}) : /* @__PURE__ */ P("p", {
+						children: P
+					}) : /* @__PURE__ */ F("p", {
 						className: r(C, "px-4 py-4 text-start", W.emptyHint),
-						children: te
+						children: ee
 					})
 				})
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ F("div", {
 				className: r("border-t px-2 py-3", W.footer),
-				children: /* @__PURE__ */ P(d, {
+				children: /* @__PURE__ */ F(d, {
 					role: U ? "menuitem" : void 0,
-					label: k,
+					label: A,
 					className: "w-full justify-center",
 					onClick: o
 				})
@@ -231,19 +231,19 @@ var B = {
 	});
 }, q = ".zip,.md", J = ({ isOpen: e, errorText: t, isUploading: n = !1, accept: r = q, 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: m = "Close", uploadingAriaLabel: _ = "Uploading skill" } = i ?? {};
-	return /* @__PURE__ */ P(h, {
+	return /* @__PURE__ */ F(h, {
 		open: e,
 		size: g.Sm,
 		header: c,
 		closeAriaLabel: m,
 		onClose: a,
-		children: /* @__PURE__ */ F("div", {
+		children: /* @__PURE__ */ I("div", {
 			className: "flex flex-col gap-4 px-6 py-4",
-			children: [/* @__PURE__ */ P(u, {
-				label: /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P("span", {
+			children: [/* @__PURE__ */ F(u, {
+				label: /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F("span", {
 					className: "desktop:hidden",
 					children: d
-				}), /* @__PURE__ */ P("span", {
+				}), /* @__PURE__ */ F("span", {
 					className: "hidden desktop:inline",
 					children: l
 				})] }),
@@ -254,55 +254,56 @@ var B = {
 				errorText: n ? void 0 : t,
 				onChange: o,
 				onReject: s
-			}), n && /* @__PURE__ */ P(v, { ariaLabel: _ })]
+			}), n && /* @__PURE__ */ F(v, { ariaLabel: _ })]
 		})
 	});
-}, Y = ({ isOpen: e, onClose: t, onSelect: n, title: r, renderContent: i }) => /* @__PURE__ */ P(h, {
+}, Y = ({ isOpen: e, onClose: t, onSelect: n, title: r, renderContent: i }) => /* @__PURE__ */ F(h, {
 	open: e,
 	header: r,
 	size: g.Lg,
-	className: "h-[min(90vh,860px)] !max-w-[min(95vw,1200px)] overflow-hidden",
+	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__ */ P("div", {
-		className: "h-[min(80vh,840px)] overflow-auto",
-		children: /* @__PURE__ */ P(S, {
+	children: /* @__PURE__ */ F("div", {
+		className: "h-[min(80vh,840px)] overflow-auto mobile:h-full",
+		children: /* @__PURE__ */ F(S, {
 			fallback: null,
 			children: e && i(n, t)
 		})
 	})
-}), X = (e, t = null) => e.map((e) => e.type === R.Folder ? {
+}), X = (e, t = null) => e.map((e) => e.type === te.Folder ? {
 	path: e.id,
 	name: e.name,
-	nodeType: I.FOLDER,
+	nodeType: L.FOLDER,
 	parentPath: t,
 	folderId: e.id,
 	items: X(e.items, e.id)
 } : {
 	path: e.id,
 	name: e.name,
-	nodeType: I.ITEM,
+	nodeType: L.ITEM,
 	parentPath: t,
 	folderId: t ?? ""
-}), Z = ({ nodes: e, selectedFileId: t, expandedFolderIds: n, onToggleFolder: r, onSelectFile: i, onClose: a, ariaLabel: o }) => /* @__PURE__ */ P(L, {
-	items: E(() => X(e), [e]),
+}), Z = ({ nodes: e, selectedFileId: t, expandedFolderIds: n, onToggleFolder: r, onSelectFile: i, onClose: a, ariaLabel: o }) => /* @__PURE__ */ F(R, {
+	items: D(() => X(e), [e]),
 	showFiles: !0,
 	areHiddenFilesVisible: !0,
 	selectedPath: t,
-	expandedPaths: E(() => new Set(n), [n]),
+	expandedPaths: D(() => 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 === I.ITEM && i(e.path);
+		e.nodeType === L.ITEM && i(e.path);
 	},
 	ariaLabel: o,
 	autoFocus: !0,
 	onEscape: a
-}), Q = (e) => /* @__PURE__ */ P(z, {
+}), Q = (e) => /* @__PURE__ */ F(z, {
 	...e,
-	renderContentFileTree: (e) => /* @__PURE__ */ P(Z, { ...e })
-}), ie = (e) => e == null || /[\s/]/.test(e), ae = (e, t, n) => {
+	renderContentFileTree: (e) => /* @__PURE__ */ F(Z, { ...e })
+}), $ = (e) => e == null || /[\s/]/.test(e), ie = (e, t, n) => {
 	let r = [], i = 0;
 	return t.forEach((t, a) => {
 		let o = `/${n(t.url)}`, s = i;
@@ -310,7 +311,7 @@ var B = {
 			let t = e.indexOf(o, s);
 			if (t === -1) return;
 			let n = t + o.length;
-			if (ie(e[n])) {
+			if ($(e[n])) {
 				r.push({
 					skillIndex: a,
 					start: t,
@@ -321,6 +322,22 @@ var B = {
 			s = t + 1;
 		}
 	}), r;
+}, ae = (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) && $(e[o + t.length])) : void 0, c = s == null ? void 0 : n.get(s);
+		s != null && c != null ? (i.push({
+			url: c,
+			name: s,
+			start: a,
+			length: s.length + 1
+		}), a = e.indexOf("/", o + s.length)) : a = e.indexOf("/", o);
+	}
+	return i;
 }, oe = (e, t) => {
 	let n = Math.min(e.length, t.length), r = 0;
 	for (; r < n && e[r] === t[r];) r += 1;
@@ -331,13 +348,13 @@ var B = {
 		deletedLength: e.length - r - a,
 		insertedLength: t.length - r - a
 	};
-}, $ = (e, t) => {
+}, se = (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), []);
-}, se = (e, t, n, r, i) => {
+}, ce = (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
@@ -348,7 +365,7 @@ var B = {
 		length: a
 	};
 	return [...s, c].sort((e, t) => e.start - t.start);
-}, ce = (e, t) => e.find((e) => e.start + e.length === t), le = (e, t, n) => {
+}, le = (e, t) => e.find((e) => e.start + e.length === t), ue = (e, t, n) => {
 	let r = t;
 	for (; r > 0 && !/\s/.test(e[r - 1]);) r--;
 	let i = r;
@@ -358,26 +375,45 @@ var B = {
 		start: r,
 		end: i
 	};
-}, ue = () => {
-	let [e, t] = O(""), [n, r] = O([]), i = D(e);
+}, de = (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;
+}, fe = () => {
+	let [e, t] = k(""), [n, r] = k([]), i = O(e);
 	i.current = e;
-	let a = D(n);
+	let a = O(n);
 	a.current = n;
-	let o = C((e) => {
-		let n = oe(i.current, e);
-		r((e) => $(e, n)), i.current = e, t(e);
-	}, []), s = C((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) => se(t, a, e, n, s)), s;
+	let o = O(null), s = C((e) => {
+		let n = oe(i.current, e), a = o.current;
+		o.current = null;
+		let s = a == null ? void 0 : de(e, n, a.text);
+		r((t) => {
+			let r = se(t, n);
+			if (a == null || s == null) return r;
+			let i = a.mentions.map((e) => ({
+				...e,
+				start: e.start + s
+			})).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 = C((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) => ce(t, a, e, n, s)), s;
+	}, []), l = C((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) => se(t, a, e, n, !1));
-	}, []), l = C((e) => ce(a.current, e), []), u = E(() => {
+		i.current = c, t(c), r((t) => ce(t, a, e, n, !1));
+	}, []), u = C((e) => le(a.current, e), []), d = D(() => {
 		if (n.length !== 0) return n.map((e) => ({ url: e.url }));
-	}, [n]), d = C(() => {
+	}, [n]), f = C((e, t) => {
+		o.current = t.length > 0 ? {
+			text: e,
+			mentions: t
+		} : null;
+	}, []), p = C(() => {
 		t(""), r([]);
-	}, []), f = C((e, n, i) => {
-		let a = n ?? [], o = ae(e, a, i);
+	}, []), m = C((e, n, i) => {
+		let a = n ?? [], o = ie(e, a, i);
 		t(e), r(o.map((e) => {
 			let t = a[e.skillIndex];
 			return {
@@ -388,39 +424,41 @@ var B = {
 			};
 		}));
 	}, []);
-	return E(() => ({
+	return D(() => ({
 		draft: e,
 		anchors: n,
-		onDraftChange: o,
-		insertMention: s,
-		restoreMention: c,
-		onBackspaceAtCaret: l,
-		orderedSkills: u,
-		reset: d,
-		seedFromMessage: f
+		onDraftChange: s,
+		insertMention: c,
+		restoreMention: l,
+		onBackspaceAtCaret: u,
+		orderedSkills: d,
+		reset: p,
+		seedFromMessage: m,
+		expectInsertion: f
 	}), [
+		f,
 		e,
 		n,
-		o,
 		s,
 		c,
 		l,
 		u,
 		d,
-		f
+		p,
+		m
 	]);
-}, de = (e) => ({
+}, pe = (e) => ({
 	id: e.url,
 	name: e.name,
 	description: e.description
-}), fe = (e) => {
+}), me = (e) => {
 	let t = e.split("/").filter((e) => e.length > 0);
 	return t[t.length - 1] ?? e;
-}, pe = (e) => {
+}, he = (e) => {
 	let t = e.split("/").filter((e) => e.length > 0);
 	return t[0] !== "skills" || t.length < 3 ? null : t[1];
-}, me = (e, t) => pe(e) === t ? V.Deleted : V.NotShared, he = "/", ge = ({ isSkillsSupported: e, skills: t, sharedWithMe: n, publicSkills: r, favoriteIds: a, viewerBucket: o, onToggleFavorite: s, labels: c, historyChipLabelClassName: u, activeMentionLabelClassName: d = "text-accent", activeMentionDetailsTrigger: f, historyDetailsTrigger: p, renderCatalogContent: m, detailsPanelComponent: h }) => {
-	let { addMenuLabel: g = "Skills", backLabel: _ = "Back", catalogModalTitleLabel: v = "Use skill", emptyQueryHintLabel: y = "Type to filter", deletedTooltipLabel: b, notSharedTooltipLabel: x, unsupportedTooltipLabel: w, panelLabels: T } = c ?? {}, [ee, k] = O(!1), [A, j] = O(null), [M, N] = O(0), F = D(null), [I, L] = O(0), [R, z] = O(void 0), B = ue(), V = E(() => [
+}, ge = (e, t) => he(e) === t ? V.Deleted : V.NotShared, _e = "/", ve = ({ isSkillsSupported: e, skills: t, sharedWithMe: n, publicSkills: r, favoriteIds: a, viewerBucket: o, onToggleFavorite: s, labels: c, historyChipLabelClassName: u, activeMentionLabelClassName: d = "text-accent", activeMentionDetailsTrigger: f, historyDetailsTrigger: p, renderCatalogContent: m, detailsPanelComponent: h }) => {
+	let { addMenuLabel: g = "Skills", backLabel: _ = "Back", catalogModalTitleLabel: v = "Use skill", emptyQueryHintLabel: y = "Type to filter", deletedTooltipLabel: b, notSharedTooltipLabel: x, unsupportedTooltipLabel: w, panelLabels: T } = c ?? {}, [E, A] = k(!1), [j, M] = k(null), [N, P] = k(0), I = O(null), [L, R] = k(0), [te, z] = k(void 0), B = fe(), V = D(() => [
 		...t,
 		...n ?? [],
 		...r ?? []
@@ -428,18 +466,18 @@ var B = {
 		t,
 		n,
 		r
-	]), H = E(() => new Map(V.map((e) => [e.url, e])), [V]), W = C((e) => H.get(e)?.name ?? fe(e), [H]), G = E(() => V.filter((e) => a.has(e.url)).map((e) => de(e)), [V, a]), ne = B.anchors.length > 0 && !e, re = E(() => B.anchors.map((t) => ({
+	]), H = D(() => new Map(V.map((e) => [e.url, e])), [V]), W = C((e) => H.get(e)?.name ?? me(e), [H]), G = D(() => V.filter((e) => a.has(e.url)).map((e) => pe(e)), [V, a]), ne = B.anchors.length > 0 && !e, re = D(() => B.anchors.map((t) => ({
 		start: t.start,
 		length: t.length,
 		isUnsupported: !e,
-		render: () => /* @__PURE__ */ P(U, {
+		render: () => /* @__PURE__ */ F(U, {
 			name: t.name,
 			path: t.url,
 			labelClassName: d,
 			description: H.get(t.url)?.description,
 			isUnsupported: !e,
 			detailsTrigger: f,
-			onViewDetails: j,
+			onViewDetails: M,
 			labels: {
 				viewDetailsLabel: T?.viewDetailsLabel,
 				unsupportedTooltipLabel: w
@@ -455,12 +493,12 @@ var B = {
 		w
 	]), q = C((e, t, n) => {
 		let r = B.insertMention(e, t, n);
-		L((e) => e + 1), z(n + 1 + t.length + +!!r);
+		R((e) => e + 1), z(n + 1 + t.length + +!!r);
 	}, [B]), J = C((e) => {
-		let t = le(B.draft, e, he);
+		let t = ue(B.draft, e, _e);
 		return t == null ? e : (B.onDraftChange(B.draft.slice(0, t.start) + B.draft.slice(t.end)), t.start);
 	}, [B]), X = C((e) => {
-		let t = le(B.draft, e, he);
+		let t = ue(B.draft, e, _e);
 		if (t == null) return;
 		let n = B.anchors.find((e) => e.start === t.start && e.start + e.length === t.end);
 		return {
@@ -469,23 +507,29 @@ var B = {
 			mentionUrl: n?.url
 		};
 	}, [B]), Z = C(() => {
-		B.reset(), L((e) => e + 1), z(void 0);
-	}, [B]), Q = C((e, t) => {
-		B.seedFromMessage(e, t, W), L((e) => e + 1), z(void 0);
-	}, [B, W]), ie = C((e, t) => {
+		B.reset(), R((e) => e + 1), z(void 0);
+	}, [B]), { expectInsertion: Q } = B, $ = C((t) => {
+		Q(t, e ? ae(t, V) : []);
+	}, [
+		Q,
+		e,
+		V
+	]), oe = C((e, t) => {
+		B.seedFromMessage(e, t, W), R((e) => e + 1), z(void 0);
+	}, [B, W]), se = C((e, t) => {
 		if (t == null || t.length === 0) return null;
-		let n = ae(e, t, W), r = [], i = 0;
+		let n = ie(e, t, W), r = [], i = 0;
 		return n.forEach((n) => {
 			n.start > i && r.push(e.slice(i, n.start));
-			let a = t[n.skillIndex], s = H.get(a.url), c = s?.name ?? fe(a.url), l = s == null ? me(a.url, o) : void 0;
-			r.push(/* @__PURE__ */ P(U, {
+			let a = t[n.skillIndex], s = H.get(a.url), c = s?.name ?? me(a.url), l = s == null ? ge(a.url, o) : void 0;
+			r.push(/* @__PURE__ */ F(U, {
 				name: c,
 				path: a.url,
 				labelClassName: u,
 				description: s?.description,
 				unresolvedReason: l,
 				detailsTrigger: p,
-				onViewDetails: j,
+				onViewDetails: M,
 				labels: {
 					viewDetailsLabel: T?.viewDetailsLabel,
 					deletedTooltipLabel: b,
@@ -502,16 +546,16 @@ var B = {
 		o,
 		b,
 		x
-	]), oe = C((e) => e == null || e.length === 0 ? null : e.map((e) => {
-		let t = H.get(e.url), n = t?.name ?? fe(e.url), r = t == null ? me(e.url, o) : void 0;
-		return /* @__PURE__ */ P(U, {
+	]), ce = C((e) => e == null || e.length === 0 ? null : e.map((e) => {
+		let t = H.get(e.url), n = t?.name ?? me(e.url), r = t == null ? ge(e.url, o) : void 0;
+		return /* @__PURE__ */ F(U, {
 			name: n,
 			path: e.url,
 			labelClassName: u,
 			description: t?.description,
 			unresolvedReason: r,
 			detailsTrigger: p,
-			onViewDetails: j,
+			onViewDetails: M,
 			labels: {
 				viewDetailsLabel: T?.viewDetailsLabel,
 				deletedTooltipLabel: b,
@@ -526,7 +570,7 @@ var B = {
 		o,
 		b,
 		x
-	]), $ = C((e, t) => /* @__PURE__ */ P(K, {
+	]), le = C((e, t) => /* @__PURE__ */ F(K, {
 		favorites: G,
 		isMenu: !0,
 		onSelect: (n) => {
@@ -535,10 +579,10 @@ var B = {
 		onToggleFavorite: s,
 		onBrowse: () => {
 			let n = X(t);
-			N(J(t)), F.current = n ?? null, e(), k(!0);
+			P(J(t)), I.current = n ?? null, e(), A(!0);
 		},
 		onViewDetails: (n) => {
-			J(t), e(), j(n.id);
+			J(t), e(), M(n.id);
 		},
 		labels: T
 	}), [
@@ -550,27 +594,28 @@ var B = {
 		T
 	]);
 	return {
-		skillMenuOverlay: E(() => e ? {
+		skillMenuOverlay: D(() => e ? {
 			key: "skills",
 			title: g,
-			icon: /* @__PURE__ */ P(te, {
+			icon: /* @__PURE__ */ F(ee, {
 				size: i,
 				"aria-hidden": !0,
 				stroke: l
 			}),
-			renderOverlay: $,
+			renderOverlay: le,
 			backLabel: _
 		} : void 0, [
 			e,
 			g,
 			_,
-			$
+			le
 		]),
-		commandMenu: E(() => e ? {
-			triggerPrefix: he,
+		commandMenu: D(() => e ? {
+			triggerPrefix: _e,
 			menuLabel: g,
 			emptyQueryHint: y,
-			renderMenu: ({ query: e, caretPosition: t, close: n, listboxId: r, activeOptionId: i }) => /* @__PURE__ */ P(K, {
+			onTextPaste: $,
+			renderMenu: ({ query: e, caretPosition: t, close: n, listboxId: r, activeOptionId: i }) => /* @__PURE__ */ F(K, {
 				favorites: G,
 				searchQuery: e,
 				listboxId: r,
@@ -580,18 +625,18 @@ var B = {
 				},
 				onToggleFavorite: s,
 				onBrowse: () => {
-					let r = `${he}${e}`, i = B.anchors.find((e) => e.start === t && e.length === r.length);
+					let r = `${_e}${e}`, i = B.anchors.find((e) => e.start === t && e.length === r.length);
 					n({
 						consumeQuery: !0,
 						returnFocus: !1
-					}), N(t), F.current = {
+					}), P(t), I.current = {
 						position: t,
 						text: r,
 						mentionUrl: i?.url
-					}, k(!0);
+					}, A(!0);
 				},
 				onViewDetails: (e) => {
-					n({ consumeQuery: !0 }), j(e.id);
+					n({ consumeQuery: !0 }), M(e.id);
 				},
 				labels: T
 			})
@@ -603,69 +648,71 @@ var B = {
 			q,
 			B.anchors,
 			s,
-			T
+			T,
+			$
 		]),
-		skillCatalogModal: /* @__PURE__ */ P(Y, {
-			isOpen: ee,
+		skillCatalogModal: /* @__PURE__ */ F(Y, {
+			isOpen: E,
 			onClose: C(() => {
-				k(!1);
-				let e = F.current;
-				if (F.current = null, e == null) return;
+				A(!1);
+				let e = I.current;
+				if (I.current = null, e == null) return;
 				let { position: t, text: n, mentionUrl: r } = e;
-				r == null ? B.onDraftChange(B.draft.slice(0, t) + n + B.draft.slice(t)) : B.restoreMention(r, n.slice(1), t), L((e) => e + 1), z(t + n.length);
+				r == null ? B.onDraftChange(B.draft.slice(0, t) + n + B.draft.slice(t)) : B.restoreMention(r, n.slice(1), t), R((e) => e + 1), z(t + n.length);
 			}, [B]),
 			onSelect: (e) => {
-				F.current = null, q(e, W(e), M), k(!1);
+				I.current = null, q(e, W(e), N), A(!1);
 			},
 			title: v,
 			renderContent: m
 		}),
-		skillDetailsPanel: /* @__PURE__ */ P(S, {
+		skillDetailsPanel: /* @__PURE__ */ F(S, {
 			fallback: null,
-			children: /* @__PURE__ */ P(h, {
-				skillId: A,
-				onClose: () => j(null)
+			children: /* @__PURE__ */ F(h, {
+				skillId: j,
+				onClose: () => M(null)
 			})
 		}),
 		message: B.draft,
-		messageRevision: I,
+		messageRevision: L,
 		activeMentions: re,
 		onDraftChange: B.onDraftChange,
 		onBackspaceAtCaret: B.onBackspaceAtCaret,
-		caretPositionOverride: R,
+		caretPositionOverride: te,
 		isSkillUnsupported: ne,
 		selectedSkills: B.orderedSkills,
 		resetSkillMentions: Z,
-		seedSkillMentions: Q,
-		renderHistorySkillSegments: ie,
-		renderHistorySkills: oe
+		seedSkillMentions: oe,
+		recognizeMentionsInInsertion: $,
+		renderHistorySkillSegments: se,
+		renderHistorySkills: ce
 	};
-}, _e = {
+}, ye = {
 	background: "_background_1ult0_1",
 	border: "_border_1ult0_5",
 	value: "_value_1ult0_9",
 	clear: "_clear_1ult0_13",
 	invalid: "_invalid_1ult0_17"
-}, ve = [], ye = "Selected model does not support skills. Select a different model to use a skill.", be = ({ value: i, onChange: a, displayNames: o, skills: s = ve, isSkillsSupported: l, isDisabled: u = !1, error: d, labels: p, className: m, styles: h }) => {
-	let [g, v] = O(!1), [y, x] = O(""), S = D(null), C = T(), w = i.some((e) => n(e, l)), E = l && !u, te = g && E, k = i.length > 0 ? p.unsupportedTooltipLabel : p.unavailableTooltipLabel ?? ye, A = !l && i.length === 0, j = d ?? (A ? k : void 0), M = new Map(i.map((e) => [e, {
+}, be = [], xe = "Selected model does not support skills. Select a different model to use a skill.", Se = ({ value: i, onChange: a, displayNames: o, skills: s = be, isSkillsSupported: l, isDisabled: u = !1, error: d, labels: p, className: m, styles: h }) => {
+	let [g, v] = k(!1), [y, x] = k(""), S = O(null), C = T(), w = i.some((e) => n(e, l)), D = l && !u, ee = g && D, A = i.length > 0 ? p.unsupportedTooltipLabel : p.unavailableTooltipLabel ?? xe, j = !l && i.length === 0, M = d ?? (j ? A : void 0), N = new Map(i.map((e) => [e, {
 		id: e,
 		name: o?.[e] || e
 	}]));
-	s.forEach((e) => M.set(e.id, e));
-	let N = [...M.values()].map((t) => ({
+	s.forEach((e) => N.set(e.id, e));
+	let P = [...N.values()].map((t) => ({
 		value: t.id,
 		label: t.name,
-		labelNode: y.trim() ? /* @__PURE__ */ P(f, {
+		labelNode: y.trim() ? /* @__PURE__ */ F(f, {
 			text: t.name,
 			query: y,
 			maxLines: 1
 		}) : void 0,
-		icon: /* @__PURE__ */ P(e, {
+		icon: /* @__PURE__ */ F(e, {
 			size: c.SM,
 			initialsName: t.name
 		}),
 		disabled: !l
-	})), I = {
+	})), L = {
 		...t({
 			"--ssf-text": h?.colors?.text,
 			"--ssf-bg": h?.colors?.background,
@@ -674,57 +721,57 @@ var B = {
 		}),
 		...h?.cssVars
 	};
-	return ee(() => {
+	return E(() => {
 		let e = S.current?.querySelector("[role=\"combobox\"]");
-		e && (j ? e.setAttribute("aria-describedby", C) : e.removeAttribute("aria-describedby"), d || w ? e.setAttribute("aria-invalid", "true") : e.removeAttribute("aria-invalid"));
+		e && (M ? e.setAttribute("aria-describedby", C) : e.removeAttribute("aria-describedby"), d || w ? e.setAttribute("aria-invalid", "true") : e.removeAttribute("aria-invalid"));
 	}, [
-		j,
+		M,
 		C,
 		d,
 		u,
 		w
-	]), /* @__PURE__ */ F("div", {
+	]), /* @__PURE__ */ I("div", {
 		ref: S,
 		className: r("min-w-0", m, B.selectorField),
-		style: I,
-		children: [/* @__PURE__ */ P(b, {
-			tooltip: k,
+		style: L,
+		children: [/* @__PURE__ */ F(b, {
+			tooltip: A,
 			hideTooltip: l,
 			triggerClassName: "block w-full min-w-0",
-			children: /* @__PURE__ */ P("div", {
+			children: /* @__PURE__ */ F("div", {
 				inert: u ? !0 : void 0,
-				children: /* @__PURE__ */ P(_, {
+				children: /* @__PURE__ */ F(_, {
 					multiple: !0,
 					searchable: !0,
-					open: te,
+					open: ee,
 					onOpenChange: (e) => {
-						e && !E || v(e);
+						e && !D || v(e);
 					},
 					onSearchQueryChange: x,
 					value: i,
 					onChange: (e) => {
 						u || a(Array.isArray(e) ? e : [e]);
 					},
-					options: N,
+					options: P,
 					placeholder: p.placeholder,
 					labelProps: { label: p.fieldLabel },
 					error: d,
-					caption: A ? k : void 0,
+					caption: j ? A : void 0,
 					searchPlaceholder: p.searchPlaceholder ?? "Search skills",
 					emptyStateTitle: y.trim() ? p.noMatchingSkillsLabel ?? "No matching skills" : p.emptyLabel ?? "No skills available",
-					disabled: u || A,
+					disabled: u || j,
 					invalid: !!d || w,
 					className: "w-full min-w-0",
-					fieldClassName: r(E ? "cursor-pointer" : "cursor-not-allowed", "--ssf-bg" in I && _e.background, "--ssf-border" in I && _e.border, "--ssf-text" in I && _e.value, (d || w) && _e.invalid, h?.typography?.fontClassName ?? "dial-small-text", h?.triggerClassName),
+					fieldClassName: r(D ? "cursor-pointer" : "cursor-not-allowed", "--ssf-bg" in L && ye.background, "--ssf-border" in L && ye.border, "--ssf-text" in L && ye.value, (d || w) && ye.invalid, h?.typography?.fontClassName ?? "dial-small-text", h?.triggerClassName),
 					listClassName: "w-[min(var(--reference-width),calc(100vw-2rem))] max-w-full"
 				})
 			})
-		}), j && /* @__PURE__ */ P("span", {
+		}), M && /* @__PURE__ */ F("span", {
 			id: C,
 			className: "sr-only",
-			children: j
+			children: M
 		})]
 	});
 };
 //#endregion
-export { U as ChatSkill, K as FavoriteSkillsPanel, B as SKILLS_CLASS, J as SkillArchiveUploadDialog, Y as SkillCatalogModal, Z as SkillContentFileTree, Q as SkillDetailsSidePanel, H as SkillInfoTooltipContent, be as SkillSelectorField, V as SkillUnresolvedReason, de as buildFavoriteSkillItem, oe as diffTextChange, ce as findMentionAtCaret, fe as getSkillFallbackName, se as insertAnchor, ae as matchSkillMentions, $ as reconcileAnchors, ue as useSkillMentions, ge as useSkillSelectorOverlay };
+export { U as ChatSkill, K as FavoriteSkillsPanel, B as SKILLS_CLASS, J as SkillArchiveUploadDialog, Y as SkillCatalogModal, Z as SkillContentFileTree, Q as SkillDetailsSidePanel, H as SkillInfoTooltipContent, Se as SkillSelectorField, V as SkillUnresolvedReason, pe as buildFavoriteSkillItem, oe as diffTextChange, le as findMentionAtCaret, me as getSkillFallbackName, ce as insertAnchor, ie as matchSkillMentions, se as reconcileAnchors, fe as useSkillMentions, ve as useSkillSelectorOverlay };

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

@@ -224,6 +224,15 @@ export interface UseSkillSelectorOverlayResult {
      * `custom_content.skills`.
      */
     seedSkillMentions: (content: string, skills: RequestSkill[] | undefined) => void;
+    /**
+     * Marks `text` as about to be inserted into the composer (e.g. a picked
+     * prompt): once the insertion reaches `onDraftChange`, every `/{name}` run
+     * in it that names a listed skill becomes a tracked mention. Call right
+     * before handing `text` to the composer's insertion channel. A no-op on a
+     * deployment without skills support. A paste into the input goes through
+     * the same recognition via `commandMenu.onTextPaste`.
+     */
+    recognizeMentionsInInsertion: (text: string) => void;
     /**
      * Renders a user message's `content` and `custom_content.skills` as an
      * ordered array interleaving plain-text runs and `ChatSkill` elements at

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

@@ -1 +1 @@
-{"version":3,"file":"skill-selector-overlay.d.ts","sourceRoot":"","sources":["../../src/models/skill-selector-overlay.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,KAAK,EACV,iBAAiB,EACjB,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAE/E;;;;;GAKG;AACH,MAAM,WAAW,+BAA+B;IAC9C,iFAAiF;IACjF,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,2EAA2E;IAC3E,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,qEAAqE;AACrE,MAAM,WAAW,0BAA0B;IACzC,2EAA2E;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;;OAGG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,uEAAuE;IACvE,WAAW,CAAC,EAAE,yBAAyB,CAAC;CACzC;AAED,qDAAqD;AACrD,MAAM,WAAW,8BAA8B;IAC7C;;;;;;;;;;OAUG;IACH,iBAAiB,EAAE,OAAO,CAAC;IAC3B,6BAA6B;IAC7B,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,qEAAqE;IACrE,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACnC,uDAAuD;IACvD,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACnC,0EAA0E;IAC1E,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACjC;;;;;;;;OAQG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB,oEAAoE;IACpE,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,oCAAoC;IACpC,MAAM,CAAC,EAAE,0BAA0B,CAAC;IACpC;;;;;;OAMG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC;;;;;OAKG;IACH,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC;;;OAGG;IACH,2BAA2B,CAAC,EAAE,uBAAuB,CAAC;IACtD;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,uBAAuB,CAAC;IAChD;;;;OAIG;IACH,oBAAoB,EAAE,CACpB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,EAC9B,OAAO,EAAE,MAAM,IAAI,KAChB,SAAS,CAAC;IACf,sEAAsE;IACtE,qBAAqB,EAAE,aAAa,CAAC,+BAA+B,CAAC,CAAC;CACvE;AAED,6CAA6C;AAC7C,MAAM,WAAW,6BAA6B;IAC5C;;;;;;OAMG;IACH,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC;;;OAGG;IACH,iBAAiB,EAAE,SAAS,CAAC;IAC7B;;OAEG;IACH,iBAAiB,EAAE,SAAS,CAAC;IAC7B;;;;;;;;OAQG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;;;;OAMG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;;;;OAKG;IACH,cAAc,EAAE,oBAAoB,EAAE,CAAC;IACvC;;;;;;OAMG;IACH,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C;;;;;;;OAOG;IACH,kBAAkB,EAAE,CAClB,aAAa,EAAE,MAAM,KAClB,oBAAoB,GAAG,SAAS,CAAC;IACtC;;;;;;OAMG;IACH,qBAAqB,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1C;;;;OAIG;IACH,kBAAkB,EAAE,OAAO,CAAC;IAC5B;;;;;OAKG;IACH,cAAc,EAAE,YAAY,EAAE,GAAG,SAAS,CAAC;IAC3C;;;;OAIG;IACH,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B;;;;;;OAMG;IACH,iBAAiB,EAAE,CACjB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,YAAY,EAAE,GAAG,SAAS,KAC/B,IAAI,CAAC;IACV;;;;;;;;;;;;;;OAcG;IACH,0BAA0B,EAAE,CAC1B,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,YAAY,EAAE,GAAG,SAAS,KAC/B,SAAS,EAAE,GAAG,IAAI,CAAC;IACxB;;;;;;;OAOG;IACH,mBAAmB,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,GAAG,SAAS,KAAK,SAAS,CAAC;CACxE"}
+{"version":3,"file":"skill-selector-overlay.d.ts","sourceRoot":"","sources":["../../src/models/skill-selector-overlay.ts"],"names":[],"mappings":"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"}

package/package.json

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

package/utils/skill-mention-matching.d.ts

@@ -1,4 +1,6 @@
 import { RequestSkill } from '@epam/ai-dial-chat-shared';
+import { SkillListingEntry } from '../models/favorite-skill-item';
+import { SkillMentionAnchor } from '../models/skill-mention-anchor';
 /** One resolved mention location, or omitted for a skill whose text mention could not be found. */
 export interface ResolvedSkillMention {
     /** Index into the input `skills` array this location resolves. */
@@ -22,4 +24,11 @@ export interface ResolvedSkillMention {
  * independent forward search from the same unmoved cursor.
  */
 export declare const matchSkillMentions: (text: string, skills: RequestSkill[], resolveName: (url: string) => string) => ResolvedSkillMention[];
+/**
+ * Returns every `/{name}` run in `text` that names one of `skills`, as mention
+ * anchors with offsets into `text`. A run must start the text or follow
+ * whitespace and end at a word boundary; the longest matching name wins, and
+ * a name shared by several skills resolves to the first of them in `skills`.
+ */
+export declare const findSkillMentionsInText: (text: string, skills: Pick<SkillListingEntry, "url" | "name">[]) => SkillMentionAnchor[];
 //# sourceMappingURL=skill-mention-matching.d.ts.map

package/utils/skill-mention-matching.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skill-mention-matching.d.ts","sourceRoot":"","sources":["../../src/utils/skill-mention-matching.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,mGAAmG;AACnG,MAAM,WAAW,oBAAoB;IACnC,kEAAkE;IAClE,UAAU,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,MAAM,EAAE,MAAM,CAAC;CAChB;AAKD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,kBAAkB,GAC7B,MAAM,MAAM,EACZ,QAAQ,YAAY,EAAE,EACtB,aAAa,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,KACnC,oBAAoB,EA0BtB,CAAC"}
+{"version":3,"file":"skill-mention-matching.d.ts","sourceRoot":"","sources":["../../src/utils/skill-mention-matching.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,mGAAmG;AACnG,MAAM,WAAW,oBAAoB;IACnC,kEAAkE;IAClE,UAAU,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,MAAM,EAAE,MAAM,CAAC;CAChB;AAKD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,kBAAkB,GAC7B,MAAM,MAAM,EACZ,QAAQ,YAAY,EAAE,EACtB,aAAa,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,KACnC,oBAAoB,EA0BtB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,GAClC,MAAM,MAAM,EACZ,QAAQ,IAAI,CAAC,iBAAiB,EAAE,KAAK,GAAG,MAAM,CAAC,EAAE,KAChD,kBAAkB,EAiCpB,CAAC"}

package/utils/skill-mention-tracking.d.ts

@@ -48,4 +48,9 @@ export declare const findSlashQueryAtCaret: (text: string, caretPosition: number
     start: number;
     end: number;
 } | undefined;
+/**
+ * Returns the offset in `next` at which `text` landed when `change` is the
+ * edit that inserted it, or `undefined` when `change` cannot have inserted it.
+ */
+export declare const findInsertedTextOffset: (next: string, change: TextChange, text: string) => number | undefined;
 //# sourceMappingURL=skill-mention-tracking.d.ts.map

package/utils/skill-mention-tracking.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skill-mention-tracking.d.ts","sourceRoot":"","sources":["../../src/utils/skill-mention-tracking.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,yFAAyF;AACzF,MAAM,WAAW,UAAU;IACzB,0EAA0E;IAC1E,KAAK,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,aAAa,EAAE,MAAM,CAAC;IACtB,mEAAmE;IACnE,cAAc,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc,GAAI,UAAU,MAAM,EAAE,MAAM,MAAM,KAAG,UAyB/D,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAC3B,SAAS,kBAAkB,EAAE,EAC7B,QAAQ,UAAU,KACjB,kBAAkB,EAmBpB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,GACvB,SAAS,kBAAkB,EAAE,EAC7B,SAAS,MAAM,EACf,KAAK,MAAM,EACX,MAAM,MAAM,EACZ,kBAAkB,OAAO,KACxB,kBAAkB,EAkBpB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAC7B,SAAS,kBAAkB,EAAE,EAC7B,eAAe,MAAM,KACpB,kBAAkB,GAAG,SACkD,CAAC;AAE3E;;;;;;;GAOG;AACH,eAAO,MAAM,qBAAqB,GAChC,MAAM,MAAM,EACZ,eAAe,MAAM,EACrB,QAAQ,MAAM,KACb;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAAG,SAgBnC,CAAC"}
+{"version":3,"file":"skill-mention-tracking.d.ts","sourceRoot":"","sources":["../../src/utils/skill-mention-tracking.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,yFAAyF;AACzF,MAAM,WAAW,UAAU;IACzB,0EAA0E;IAC1E,KAAK,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,aAAa,EAAE,MAAM,CAAC;IACtB,mEAAmE;IACnE,cAAc,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc,GAAI,UAAU,MAAM,EAAE,MAAM,MAAM,KAAG,UAyB/D,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAC3B,SAAS,kBAAkB,EAAE,EAC7B,QAAQ,UAAU,KACjB,kBAAkB,EAmBpB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,GACvB,SAAS,kBAAkB,EAAE,EAC7B,SAAS,MAAM,EACf,KAAK,MAAM,EACX,MAAM,MAAM,EACZ,kBAAkB,OAAO,KACxB,kBAAkB,EAkBpB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAC7B,SAAS,kBAAkB,EAAE,EAC7B,eAAe,MAAM,KACpB,kBAAkB,GAAG,SACkD,CAAC;AAE3E;;;;;;;GAOG;AACH,eAAO,MAAM,qBAAqB,GAChC,MAAM,MAAM,EACZ,eAAe,MAAM,EACrB,QAAQ,MAAM,KACb;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAAG,SAgBnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,GACjC,MAAM,MAAM,EACZ,QAAQ,UAAU,EAClB,MAAM,MAAM,KACX,MAAM,GAAG,SAWX,CAAC"}