@epam/ai-dial-conversation-input 1.2.0-dev.266 → 1.2.0-dev.270

package/components/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAkDA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAalE,wIAAwI;AACxI,eAAO,MAAM,KAAK,oGA8vCjB,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAkDA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAalE,wIAAwI;AACxI,eAAO,MAAM,KAAK,oGAswCjB,CAAC"}

package/hooks/useMentionSelectionMirror.d.ts

@@ -5,8 +5,8 @@ interface UseMentionSelectionMirrorParams {
     textareaRef: RefObject<HTMLTextAreaElement | null>;
     /** Current textarea value — a selection-rect recompute trigger. */
     message: string;
-    /** Whether any mention is currently tracked; the mirror only exists then. */
-    hasActiveMentions: boolean;
+    /** Whether the highlight mirror is rendered (a mention or a synthetic insertion is present). */
+    isMirrorActive: boolean;
 }
 /** Return value of {@link useMentionSelectionMirror}. */
 interface UseMentionSelectionMirrorResult {
@@ -17,6 +17,6 @@ interface UseMentionSelectionMirrorResult {
     /** Recomputes `selectionRects` from the textarea's current native selection. */
     updateSelectionRects: () => void;
 }
-export declare const useMentionSelectionMirror: ({ textareaRef, message, hasActiveMentions, }: UseMentionSelectionMirrorParams) => UseMentionSelectionMirrorResult;
+export declare const useMentionSelectionMirror: ({ textareaRef, message, isMirrorActive, }: UseMentionSelectionMirrorParams) => UseMentionSelectionMirrorResult;
 export {};
 //# sourceMappingURL=useMentionSelectionMirror.d.ts.map

package/hooks/useMentionSelectionMirror.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMentionSelectionMirror.d.ts","sourceRoot":"","sources":["../../src/hooks/useMentionSelectionMirror.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,wDAAwD;AACxD,UAAU,+BAA+B;IACvC,6EAA6E;IAC7E,WAAW,EAAE,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACnD,mEAAmE;IACnE,OAAO,EAAE,MAAM,CAAC;IAChB,6EAA6E;IAC7E,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AAED,yDAAyD;AACzD,UAAU,+BAA+B;IACvC,qDAAqD;IACrD,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC5C,kFAAkF;IAClF,cAAc,EAAE,OAAO,EAAE,CAAC;IAC1B,gFAAgF;IAChF,oBAAoB,EAAE,MAAM,IAAI,CAAC;CAClC;AAmBD,eAAO,MAAM,yBAAyB,GAAI,8CAIvC,+BAA+B,KAAG,+BA6DpC,CAAC"}
+{"version":3,"file":"useMentionSelectionMirror.d.ts","sourceRoot":"","sources":["../../src/hooks/useMentionSelectionMirror.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,wDAAwD;AACxD,UAAU,+BAA+B;IACvC,6EAA6E;IAC7E,WAAW,EAAE,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACnD,mEAAmE;IACnE,OAAO,EAAE,MAAM,CAAC;IAChB,gGAAgG;IAChG,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,yDAAyD;AACzD,UAAU,+BAA+B;IACvC,qDAAqD;IACrD,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC5C,kFAAkF;IAClF,cAAc,EAAE,OAAO,EAAE,CAAC;IAC1B,gFAAgF;IAChF,oBAAoB,EAAE,MAAM,IAAI,CAAC;CAClC;AAmBD,eAAO,MAAM,yBAAyB,GAAI,2CAIvC,+BAA+B,KAAG,+BA6DpC,CAAC"}

package/index.js

@@ -369,7 +369,7 @@ var U = {
 	if (r == null || i == null) return null;
 	let a = document.createRange();
 	return a.setStart(r.node, r.offset), a.setEnd(i.node, i.offset), a;
-}, Ve = ({ textareaRef: e, message: t, hasActiveMentions: n }) => {
+}, Ve = ({ textareaRef: e, message: t, isMirrorActive: n }) => {
 	let r = V(null), [i, a] = H([]), o = R(() => {
 		let t = e.current, i = r.current, o = t?.selectionStart, s = t?.selectionEnd;
 		if (!n || t == null || i == null || o == null || s == null || o === s) {
@@ -1442,18 +1442,18 @@ function Nt(e) {
 		t.current = e;
 	}, [e]), R((e) => t.current?.(e), [t]);
 }
-var J = null;
-function Pt(e = !1) {
-	if (J === null || e) {
+var Pt = null;
+function Ft(e = !1) {
+	if (Pt === null || e) {
 		let e = document.createElement("div"), t = e.style;
 		t.width = "50px", t.height = "50px", t.overflow = "scroll", t.direction = "rtl";
 		let n = document.createElement("div"), r = n.style;
-		return r.width = "100px", r.height = "100px", e.appendChild(n), document.body.appendChild(e), e.scrollLeft > 0 ? J = "positive-descending" : (e.scrollLeft = 1, J = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), J;
+		return r.width = "100px", r.height = "100px", e.appendChild(n), document.body.appendChild(e), e.scrollLeft > 0 ? Pt = "positive-descending" : (e.scrollLeft = 1, Pt = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), Pt;
 	}
-	return J;
+	return Pt;
 }
-function Ft({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
-	if (t === "horizontal" && n) switch (Pt()) {
+function It({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
+	if (t === "horizontal" && n) switch (Ft()) {
 		case "negative": return -r;
 		case "positive-descending":
 			if (e) {
@@ -1464,26 +1464,26 @@ function Ft({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
 	}
 	return r;
 }
-function Y(e, t = "Assertion error") {
+function J(e, t = "Assertion error") {
 	if (!e) throw console.error(t), Error(t);
 }
-function X(e, t) {
+function Y(e, t) {
 	if (e === t) return !0;
-	if (!!e != !!t || (Y(e !== void 0), Y(t !== void 0), Object.keys(e).length !== Object.keys(t).length)) return !1;
+	if (!!e != !!t || (J(e !== void 0), J(t !== void 0), Object.keys(e).length !== Object.keys(t).length)) return !1;
 	for (let n in e) if (!Object.is(t[n], e[n])) return !1;
 	return !0;
 }
-function Z({ cachedBounds: e, itemCount: t, itemSize: n }) {
+function X({ cachedBounds: e, itemCount: t, itemSize: n }) {
 	if (t === 0) return 0;
 	if (typeof n == "number") return t * n;
 	{
 		let n = e.get(e.size === 0 ? 0 : e.size - 1);
-		return Y(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
+		return J(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
 	}
 }
-function It({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, containerScrollOffset: a, containerSize: o }) {
+function Lt({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, containerScrollOffset: a, containerSize: o }) {
 	if (n < 0 || n >= r) throw RangeError(`Invalid index specified: ${n}`, { cause: `Index ${n} is not within the range of 0 - ${r - 1}` });
-	let s = Z({
+	let s = X({
 		cachedBounds: t,
 		itemCount: r,
 		itemSize: i
@@ -1495,7 +1495,7 @@ function It({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, co
 		default: return a >= u && a <= l ? a : a < u ? u : l;
 	}
 }
-function Lt({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCount: r, overscanCount: i }) {
+function Rt({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCount: r, overscanCount: i }) {
 	let a = r - 1, o = 0, s = -1, c = 0, l = -1, u = 0;
 	for (; u < a;) {
 		let n = e.get(u);
@@ -1514,11 +1514,11 @@ function Lt({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemC
 		stopIndexOverscan: l
 	};
 }
-function Rt({ itemCount: e, itemProps: t, itemSize: n }) {
+function zt({ itemCount: e, itemProps: t, itemSize: n }) {
 	let r = /* @__PURE__ */ new Map();
 	return {
 		get(i) {
-			for (Y(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
+			for (J(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
 				let e = r.size, a;
 				switch (typeof n) {
 					case "function":
@@ -1534,14 +1534,14 @@ function Rt({ itemCount: e, itemProps: t, itemSize: n }) {
 				});
 				else {
 					let t = r.get(e - 1);
-					Y(t !== void 0, `Unexpected bounds cache miss for index ${i}`), r.set(e, {
+					J(t !== void 0, `Unexpected bounds cache miss for index ${i}`), r.set(e, {
 						scrollOffset: t.scrollOffset + t.size,
 						size: a
 					});
 				}
 			}
 			let a = r.get(i);
-			return Y(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
+			return J(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
 		},
 		set(e, t) {
 			r.set(e, t);
@@ -1551,8 +1551,8 @@ function Rt({ itemCount: e, itemProps: t, itemSize: n }) {
 		}
 	};
 }
-function Q({ itemCount: e, itemProps: t, itemSize: n }) {
-	return B(() => Rt({
+function Z({ itemCount: e, itemProps: t, itemSize: n }) {
+	return B(() => zt({
 		itemCount: e,
 		itemProps: t,
 		itemSize: n
@@ -1562,11 +1562,11 @@ function Q({ itemCount: e, itemProps: t, itemSize: n }) {
 		n
 	]);
 }
-function zt({ containerSize: e, itemSize: t }) {
+function Bt({ containerSize: e, itemSize: t }) {
 	let n;
 	switch (typeof t) {
 		case "string":
-			Y(t.endsWith("%"), `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`), Y(e !== void 0, "Container size must be defined if a percentage item size is specified"), n = e * parseInt(t) / 100;
+			J(t.endsWith("%"), `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`), J(e !== void 0, "Container size must be defined if a percentage item size is specified"), n = e * parseInt(t) / 100;
 			break;
 		default:
 			n = t;
@@ -1574,7 +1574,7 @@ function zt({ containerSize: e, itemSize: t }) {
 	}
 	return n;
 }
-function Bt({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0, direction: r, isRtl: i = !1, itemCount: a, itemProps: o, itemSize: s, onResize: c, overscanCount: l }) {
+function Vt({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0, direction: r, isRtl: i = !1, itemCount: a, itemProps: o, itemSize: s, onResize: c, overscanCount: l }) {
 	let { height: u = n, width: d = n } = Mt({
 		defaultHeight: r === "vertical" ? n : void 0,
 		defaultWidth: r === "horizontal" ? n : void 0,
@@ -1584,7 +1584,7 @@ function Bt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 	}), f = V({
 		height: 0,
 		width: 0
-	}), p = r === "vertical" ? u : d, m = zt({
+	}), p = r === "vertical" ? u : d, m = Bt({
 		containerSize: p,
 		itemSize: s
 	});
@@ -1601,11 +1601,11 @@ function Bt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		c,
 		d
 	]);
-	let h = Q({
+	let h = Z({
 		itemCount: a,
 		itemProps: o,
 		itemSize: m
-	}), g = R((e) => h.get(e), [h]), [_, v] = H(() => Lt({
+	}), g = R((e) => h.get(e), [h]), [_, v] = H(() => Rt({
 		cachedBounds: h,
 		containerScrollOffset: 0,
 		containerSize: p,
@@ -1616,7 +1616,7 @@ function Bt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		startIndexOverscan: Math.min(a - 1, _.startIndexOverscan),
 		stopIndexVisible: Math.min(a - 1, _.stopIndexVisible),
 		stopIndexOverscan: Math.min(a - 1, _.stopIndexOverscan)
-	}, C = R(() => Z({
+	}, C = R(() => X({
 		cachedBounds: h,
 		itemCount: a,
 		itemSize: m
@@ -1624,9 +1624,9 @@ function Bt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		h,
 		a,
 		m
-	]), w = R((t) => Lt({
+	]), w = R((t) => Rt({
 		cachedBounds: h,
-		containerScrollOffset: Ft({
+		containerScrollOffset: It({
 			containerElement: e,
 			direction: r,
 			isRtl: i,
@@ -1654,9 +1654,9 @@ function Bt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		if (!e) return;
 		let t = () => {
 			v((t) => {
-				let { scrollLeft: n, scrollTop: o } = e, s = Lt({
+				let { scrollLeft: n, scrollTop: o } = e, s = Rt({
 					cachedBounds: h,
-					containerScrollOffset: Ft({
+					containerScrollOffset: It({
 						containerElement: e,
 						direction: r,
 						isRtl: i,
@@ -1666,7 +1666,7 @@ function Bt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 					itemCount: a,
 					overscanCount: l
 				});
-				return X(s, t) ? t : s;
+				return Y(s, t) ? t : s;
 			});
 		};
 		return e.addEventListener("scroll", t), () => {
@@ -1683,7 +1683,7 @@ function Bt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		getCellBounds: g,
 		getEstimatedSize: C,
 		scrollToIndex: Nt(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
-			let s = It({
+			let s = Lt({
 				align: t,
 				cachedBounds: h,
 				containerScrollOffset: n,
@@ -1693,14 +1693,14 @@ function Bt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 				itemSize: m
 			});
 			if (e) {
-				if (s = Ft({
+				if (s = It({
 					containerElement: e,
 					direction: r,
 					isRtl: i,
 					scrollOffset: s
 				}), typeof e.scrollTo != "function") {
 					let e = w(s);
-					X(_, e) || v(e);
+					Y(_, e) || v(e);
 				}
 				return s;
 			}
@@ -1711,19 +1711,19 @@ function Bt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		stopIndexVisible: x
 	};
 }
-function Vt(e) {
+function Ht(e) {
 	return B(() => e, Object.values(e));
 }
-function Ht(e, t) {
+function Ut(e, t) {
 	let { ariaAttributes: n, style: r, ...i } = e, { ariaAttributes: a, style: o, ...s } = t;
-	return X(n, a) && X(r, o) && X(i, s);
+	return Y(n, a) && Y(r, o) && Y(i, s);
 }
-function Ut(e) {
+function Wt(e) {
 	return typeof e == "object" && !!e && "getAverageRowHeight" in e && typeof e.getAverageRowHeight == "function";
 }
-var Wt = "data-react-window-index";
-function Gt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onResize: i, onRowsRendered: a, overscanCount: o = 3, rowComponent: s, rowCount: c, rowHeight: l, rowProps: u, tagName: d = "div", style: f, ...p }) {
-	let m = Vt(u), h = B(() => Ce(s, Ht), [s]), [g, _] = H(null), v = Ut(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = Bt({
+var Gt = "data-react-window-index";
+function Kt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onResize: i, onRowsRendered: a, overscanCount: o = 3, rowComponent: s, rowCount: c, rowHeight: l, rowProps: u, tagName: d = "div", style: f, ...p }) {
+	let m = Ht(u), h = B(() => Ce(s, Ut), [s]), [g, _] = H(null), v = Wt(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = Vt({
 		containerElement: g,
 		containerStyle: f,
 		defaultContainerSize: n,
@@ -1754,7 +1754,7 @@ function Gt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		let e = Array.from(g.children).filter((e, t) => {
 			if (e.hasAttribute("aria-hidden")) return !1;
 			let n = `${S + t}`;
-			return e.setAttribute(Wt, n), !0;
+			return e.setAttribute(Gt, n), !0;
 		});
 		if (v) return l.observeRowElements(e);
 	}, [
@@ -1831,7 +1831,7 @@ function Gt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		}
 	}, E, e, D);
 }
-var Kt = {
+var Q = {
 	search: "_search_5skzl_1",
 	divider: "_divider_5skzl_5",
 	item: "_item_5skzl_9",
@@ -1848,9 +1848,9 @@ var Kt = {
 		children: /* @__PURE__ */ P(m, {
 			type: "button",
 			"aria-current": v ? "true" : void 0,
-			className: l(Kt.item, "h-full w-full gap-3 px-4", v && u && Kt.itemSelectedBackground, v && d && Kt.itemSelectedText, s, v && c, U.modelMenuItem, v && U.modelMenuItemSelected),
+			className: l(Q.item, "h-full w-full gap-3 px-4", v && u && Q.itemSelectedBackground, v && d && Q.itemSelectedText, s, v && c, U.modelMenuItem, v && U.modelMenuItemSelected),
 			iconBefore: /* @__PURE__ */ P("span", {
-				className: Kt.itemIcon,
+				className: Q.itemIcon,
 				children: h
 			}),
 			label: /* @__PURE__ */ F("span", {
@@ -1862,7 +1862,7 @@ var Kt = {
 					className: l(a, "min-w-0 flex-1 text-start")
 				}), v && /* @__PURE__ */ P(L, {
 					size: g.SM,
-					className: Kt.checkIcon,
+					className: Q.checkIcon,
 					"aria-hidden": !0,
 					stroke: _
 				})]
@@ -1901,18 +1901,18 @@ var Kt = {
 			style: D,
 			children: [x && !S && /* @__PURE__ */ F(oe, { children: [/* @__PURE__ */ P("div", {
 				style: c({ "--ci-sheet-search-bg": _?.colors?.searchHeaderBackground }),
-				className: l("flex-shrink-0 px-4 py-[10px]", Kt.search, _?.searchHeaderClassName, U.modelMenuSearch),
+				className: l("flex-shrink-0 px-4 py-[10px]", Q.search, _?.searchHeaderClassName, U.modelMenuSearch),
 				children: /* @__PURE__ */ P(A, {
 					value: v,
 					placeholder: r,
 					size: y.Standard,
 					onChange: (e) => b(e ?? "")
 				})
-			}), /* @__PURE__ */ P("div", { className: l(Kt.divider, "h-px flex-shrink-0") })] }), S ? /* @__PURE__ */ P(wt, { loadingLabel: u }) : C ? /* @__PURE__ */ P("div", {
+			}), /* @__PURE__ */ P("div", { className: l(Q.divider, "h-px flex-shrink-0") })] }), S ? /* @__PURE__ */ P(wt, { loadingLabel: u }) : C ? /* @__PURE__ */ P("div", {
 				role: "list",
-				className: l(Kt.stateLabel, h, "px-4 py-4"),
+				className: l(Q.stateLabel, h, "px-4 py-4"),
 				children: C
-			}) : /* @__PURE__ */ P(Gt, {
+			}) : /* @__PURE__ */ P(Kt, {
 				role: "list",
 				className: "overflow-y-auto",
 				style: { height: Math.min(w.length, Jt) * qt },
@@ -2044,7 +2044,7 @@ var Kt = {
 		})
 	});
 }, Qt = Se(({ message: e = "", messageRevision: t, focusRequestId: n, textInsertion: r, onSend: i, onUploadAttachment: a, onStop: o, isStreaming: s = !1, onChange: u, onAttachmentsChange: p, placeholder: m = "Type a message...", ariaLabel: h, attachLabel: y = "Attach file", fileAccept: S, addMenuTitle: C = "Add", menuTitle: w = "Menu", menuCloseLabel: T = "Close", removeLabel: E, retryLabel: D, uploadingLabel: ee, sendLabel: O, sendTooltip: k, emptyMessageTooltip: te, stopLabel: A, micLabel: ne = "Dictate", recordVoiceLabel: j = "Record voice", stopRecordingLabel: re, discardRecordingLabel: ie, colors: M, typography: N, attachmentTray: ae, modelMenu: I, className: ce, pendingDropFiles: ue = [], onDropFilesConsumed: L, pendingAttachments: de = [], onPendingAttachmentsConsumed: fe, pasteTextThreshold: he = 4e3, maxMessageLength: ge = 5e4, deployments: _e, selectedDeploymentId: ve, onDeploymentChange: ye, modelSelectorLabels: be, initialAttachments: xe = [], hideAddButton: Se = !1, hideAttachFile: Ce = !1, hideActionBar: we = !1, actionRowLayout: De = et.Stacked, isInlineActionRowAllowedBelowDesktop: W = !1, renderFooterActions: Oe, isInputDisabled: G = !1, isModelSelectorDisabled: Ae = !1, isSendDisabled: je = !1, isAudioMessageSupported: Me = !1, isVoiceRecordingSupported: Fe = Me, onTranscribeAudio: Ie, transcribingLabel: ze, voiceErrorLabel: Be, sendOnEnter: We = $e.Enter, prefixAttachments: Je = [], onRemovePrefixAttachment: Ye, chatSettings: Xe, toolsMenuItems: Ze, onToolToggle: tt, canRemoveTools: nt = !0, toolsMenuTitle: rt, toolsBackLabel: it, toolsChipLabels: at, menuOverlays: ot, activeMentions: st, onBackspaceAtCaret: ct, caretPositionOverride: lt, commandMenu: K, autoFocus: ut = !1, messageHistory: ft, onDialFileSystemClick: pt, dialFileSystemLabel: ht, validateAttachment: gt, onAttachmentClick: _t, modelPickerOverlay: vt, maximumAttachmentsAmount: St, onAttachmentsLimitExceeded: Ct, isAttachmentsEnabled: wt = !0, isTextAttachmentsAllowed: Tt = !0, usageLimitsSlot: Et, onMessageTooLong: Dt }, Ot) => {
-	let kt = d(), [At, jt] = H(!1), Mt = Le(ft), Nt = st ?? [], J = Nt.length > 0, Pt = B(() => c({
+	let kt = d(), [At, jt] = H(!1), Mt = Le(ft), Nt = st ?? [], Pt = Nt.length > 0, Ft = B(() => c({
 		"--ci-bg": M?.background,
 		"--ci-text": M?.text,
 		"--ci-border": M?.border,
@@ -2062,7 +2062,7 @@ var Kt = {
 		"--ci-mention-highlight-text": M?.mentionHighlightText,
 		"--ci-mention-highlight-unsupported-bg": M?.mentionHighlightUnsupportedBg,
 		"--ci-mention-highlight-unsupported-text": M?.mentionHighlightUnsupportedText
-	}), [M]), Ft = B(() => pt ? [{
+	}), [M]), It = B(() => pt ? [{
 		key: "dial-fs",
 		label: ht ?? "DIAL file system",
 		icon: /* @__PURE__ */ P(pe, {
@@ -2071,28 +2071,28 @@ var Kt = {
 			stroke: _
 		}),
 		onClick: pt
-	}] : [], [pt, ht]), { message: Y, setMessage: X, textareaRef: Z } = He({
+	}] : [], [pt, ht]), { message: J, setMessage: Y, textareaRef: X } = He({
 		messageProp: e,
 		messageRevision: t
 	});
 	z(() => {
-		n !== void 0 && Z.current?.focus();
-	}, [n, Z]), Te(Ot, () => ({ getCaretPosition: () => Z.current?.selectionStart ?? Y.length }), [Y, Z]);
-	let { handleUndoKeyDown: It } = Ge({
+		n !== void 0 && X.current?.focus();
+	}, [n, X]), Te(Ot, () => ({ getCaretPosition: () => X.current?.selectionStart ?? J.length }), [J, X]);
+	let { handleUndoKeyDown: Lt } = Ge({
 		insertion: r,
-		textareaRef: Z
-	}), { isMenuOpen: Lt, query: Rt, activeWordStart: Q, dismiss: zt, closeOnOutsidePress: Bt, handleCaretMove: Vt, handleValueChange: Ht, listboxId: Ut, overlayRef: Wt, activeOptionId: Gt, moveActiveOption: Kt, getActiveOption: qt } = Pe({
+		textareaRef: X
+	}), { isMenuOpen: Rt, query: zt, activeWordStart: Z, dismiss: Bt, closeOnOutsidePress: Vt, handleCaretMove: Ht, handleValueChange: Ut, listboxId: Wt, overlayRef: Gt, activeOptionId: Kt, moveActiveOption: Q, getActiveOption: qt } = Pe({
 		config: K,
-		message: Y
+		message: J
 	}), Jt = () => {
-		Vt(Z.current?.selectionStart ?? Y.length);
+		Ht(X.current?.selectionStart ?? J.length);
 	}, Yt = () => {
 		requestAnimationFrame(() => {
-			Vt(Z.current?.selectionStart ?? Y.length);
+			Ht(X.current?.selectionStart ?? J.length);
 		});
 	}, Xt = (e) => {
-		e.key !== "ArrowLeft" && e.key !== "ArrowRight" && e.key !== "Home" && e.key !== "End" && e.key !== "PageUp" && e.key !== "PageDown" || Vt(e.currentTarget.selectionStart ?? Y.length);
-	}, Qt = K?.emptyQueryHint != null, $t = K != null && Q != null ? Q + K.triggerPrefix.length : null, en = $t != null && Y.slice($t).split("\n", 1)[0] !== "", tn = Qt && Lt && Rt === "" && $t != null && !en, nn = K != null && Lt ? Q ?? 0 : null, rn = V(null), an = V(null), [on, sn] = H(null), cn = R(() => {
+		e.key !== "ArrowLeft" && e.key !== "ArrowRight" && e.key !== "Home" && e.key !== "End" && e.key !== "PageUp" && e.key !== "PageDown" || Ht(e.currentTarget.selectionStart ?? J.length);
+	}, Qt = K?.emptyQueryHint != null, $t = K != null && Z != null ? Z + K.triggerPrefix.length : null, en = $t != null && J.slice($t).split("\n", 1)[0] !== "", tn = Qt && Rt && zt === "" && $t != null && !en, nn = K != null && Rt ? Z ?? 0 : null, rn = V(null), an = V(null), [on, sn] = H(null), cn = R(() => {
 		let e = rn.current, t = an.current;
 		if (e == null || t == null) {
 			sn(null);
@@ -2109,43 +2109,39 @@ var Kt = {
 	}, [
 		cn,
 		nn,
-		Y
+		J
 	]), z(() => {
 		if (nn == null) return;
-		let e = Z.current;
+		let e = X.current;
 		if (e == null || typeof ResizeObserver > "u") return;
 		let t = new ResizeObserver(cn);
 		return t.observe(e), () => t.disconnect();
 	}, [
 		nn,
-		Z,
+		X,
 		cn
 	]);
-	let { mirrorRef: ln, selectionRects: un, updateSelectionRects: dn } = Ve({
-		textareaRef: Z,
-		message: Y,
-		hasActiveMentions: J
-	}), fn = R((e) => {
-		if (K == null || (zt(), !e?.consumeQuery) || (e.returnFocus !== !1 && Z.current?.focus(), Q == null)) return;
-		let t = `${K.triggerPrefix}${Rt}`, n = Q + t.length;
-		if (Y.slice(Q, n) !== t) return;
-		let r = Y.slice(0, Q) + Y.slice(n);
-		X(r), Mt.notifyChange(), u?.(r);
+	let ln = R((e) => {
+		if (K == null || (Bt(), !e?.consumeQuery) || (e.returnFocus !== !1 && X.current?.focus(), Z == null)) return;
+		let t = `${K.triggerPrefix}${zt}`, n = Z + t.length;
+		if (J.slice(Z, n) !== t) return;
+		let r = J.slice(0, Z) + J.slice(n);
+		Y(r), Mt.notifyChange(), u?.(r);
 	}, [
 		K,
+		Bt,
 		zt,
-		Rt,
+		J,
+		Z,
 		Y,
-		Q,
-		X,
 		Mt,
 		u,
-		Z
-	]), pn = V(void 0);
+		X
+	]), un = V(void 0);
 	z(() => {
-		lt == null || pn.current === t || (pn.current = t, Z.current?.setSelectionRange(lt, lt), Vt(lt));
-	}, [Y]);
-	let { attachments: mn, buildAttachments: hn, addAttachments: gn, resetAttachments: _n, handleRemove: vn, handleRetry: yn, handleExpand: bn, hasBlockedAttachments: xn } = ke({
+		lt == null || un.current === t || (un.current = t, X.current?.setSelectionRange(lt, lt), Ht(lt));
+	}, [J]);
+	let { attachments: dn, buildAttachments: fn, addAttachments: pn, resetAttachments: mn, handleRemove: hn, handleRetry: gn, handleExpand: _n, hasBlockedAttachments: vn } = ke({
 		initialAttachments: xe,
 		onUploadAttachment: a,
 		onAttachmentsChange: p,
@@ -2155,94 +2151,94 @@ var Kt = {
 		pendingAttachments: de,
 		onPendingAttachmentsConsumed: fe,
 		onExpandPastedText: R((e) => {
-			X((t) => t ? `${t}\n${e}` : e);
-		}, [X]),
+			Y((t) => t ? `${t}\n${e}` : e);
+		}, [Y]),
 		maximumAttachmentsAmount: St,
 		baseAttachmentsAmount: Je.length,
 		onAttachmentsLimitExceeded: Ct
-	}), Sn = R((e) => {
-		gn(hn([e]));
-	}, [gn, hn]), Cn = V(!1), wn = V(Y);
-	wn.current = Y;
-	let [Tn, En] = H({
+	}), yn = R((e) => {
+		pn(fn([e]));
+	}, [pn, fn]), bn = V(!1), xn = V(J);
+	xn.current = J;
+	let [Sn, Cn] = H({
 		text: "",
 		revision: 0
-	}), { state: Dn, analyserNodeRef: On, errorMessage: kn, startRecording: An, stopRecording: jn, discardRecording: Mn } = Qe({
-		onAttachAudio: Sn,
+	}), { state: wn, analyserNodeRef: Tn, errorMessage: En, startRecording: Dn, stopRecording: On, discardRecording: kn } = Qe({
+		onAttachAudio: yn,
 		onTranscribeAudio: Ie,
 		onTranscript: R((e) => {
 			let t = e.trim();
 			if (t) {
-				let e = wn.current, n = `${e}${e && !/\s$/.test(e) ? " " : ""}${t}`;
-				wn.current = n, X(n), En((e) => ({
+				let e = xn.current, n = `${e}${e && !/\s$/.test(e) ? " " : ""}${t}`;
+				xn.current = n, Y(n), Cn((e) => ({
 					text: t,
 					revision: e.revision + 1
 				})), Mt.notifyChange(), u?.(n);
 			}
-			Cn.current = !0;
+			bn.current = !0;
 		}, [
-			X,
+			Y,
 			Mt,
 			u
 		]),
 		errorLabel: Be
-	}), $ = Dn === Ke.Recording || Dn === Ke.Processing;
+	}), $ = wn === Ke.Recording || wn === Ke.Processing;
 	z(() => {
-		(Dn === Ke.Error || Dn === Ke.Idle && Cn.current) && (Cn.current = !1, Z.current?.focus());
-	}, [Dn, Z]);
-	let Nn = V(null), Pn = V(null), Fn = wt && Tt, { handlePaste: In } = le(gn, Fn ? he : Infinity), Ln = R((e) => {
-		if (!Fn) {
+		(wn === Ke.Error || wn === Ke.Idle && bn.current) && (bn.current = !1, X.current?.focus());
+	}, [wn, X]);
+	let An = V(null), jn = V(null), Mn = wt && Tt, { handlePaste: Nn } = le(pn, Mn ? he : Infinity), Pn = R((e) => {
+		if (!Mn) {
 			let t = e.clipboardData.getData("text/plain");
 			t.length >= ge && Dt?.(t.length, ge);
 		}
-		In(e);
+		Nn(e);
 	}, [
-		Fn,
+		Mn,
 		ge,
 		Dt,
-		In
-	]), Rn = Y.trim().length > 0 || mn.length > 0, zn = Rn && !xn && !je && !$, [Bn, Vn] = H([]);
+		Nn
+	]), Fn = J.trim().length > 0 || dn.length > 0, In = Fn && !vn && !je && !$, [Ln, Rn] = H([]);
 	z(() => {
-		Vn([]);
+		Rn([]);
 	}, [(Ze ?? []).map((e) => e.id).join("|")]);
-	let Hn = B(() => {
+	let zn = B(() => {
 		let e = Ze ?? [];
-		return nt ? e.filter((e) => e.isSelected || !Bn.includes(e.id)) : e;
+		return nt ? e.filter((e) => e.isSelected || !Ln.includes(e.id)) : e;
 	}, [
 		Ze,
-		Bn,
+		Ln,
 		nt
-	]), Un = R((e) => {
-		Vn((t) => t.includes(e) ? t : [...t, e]), Ze?.find((t) => t.id === e)?.isSelected && tt?.(e);
-	}, [Ze, tt]), Wn = _e === void 0 || ve != null, Gn = Me && !s, Kn = async () => {
+	]), Bn = R((e) => {
+		Rn((t) => t.includes(e) ? t : [...t, e]), Ze?.find((t) => t.id === e)?.isSelected && tt?.(e);
+	}, [Ze, tt]), Vn = _e === void 0 || ve != null, Hn = Me && !s, Un = async () => {
 		if (je || $) return;
-		if (Y.length >= ge) {
-			Dt?.(Y.length, ge);
+		if (J.length >= ge) {
+			Dt?.(J.length, ge);
 			return;
 		}
-		let e = Y, t = mn;
-		X(""), Mt.reset();
+		let e = J, t = dn;
+		Y(""), Mt.reset();
 		try {
 			await i?.(e, t), t.forEach((e) => {
 				e.previewUrl && URL.revokeObjectURL(e.previewUrl), e.playUrl && URL.revokeObjectURL(e.playUrl);
-			}), _n([]);
+			}), mn([]);
 		} catch {
-			X(e), _n(t);
+			Y(e), mn(t);
 		}
-	}, qn = (e) => We === $e.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey, Jn = (e) => {
-		if (!Lt || e.nativeEvent.isComposing) return !1;
-		if (e.key === "Escape") return e.preventDefault(), e.stopPropagation(), zt(), !0;
-		if (e.key === "ArrowDown" || e.key === "ArrowUp") return e.preventDefault(), Kt(e.key === "ArrowDown" ? Ne.Next : Ne.Previous), !0;
+	}, Wn = (e) => We === $e.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey, Gn = (e) => {
+		if (!Rt || e.nativeEvent.isComposing) return !1;
+		if (e.key === "Escape") return e.preventDefault(), e.stopPropagation(), Bt(), !0;
+		if (e.key === "ArrowDown" || e.key === "ArrowUp") return e.preventDefault(), Q(e.key === "ArrowDown" ? Ne.Next : Ne.Previous), !0;
 		if (e.key !== "Enter" || e.shiftKey) return !1;
 		let t = qt();
-		return t == null ? qn(e) ? (e.preventDefault(), !0) : !1 : (e.preventDefault(), t.click(), !0);
-	}, Yn = (e) => {
-		if (!$ && !It(e) && !Jn(e)) {
+		return t == null ? Wn(e) ? (e.preventDefault(), !0) : !1 : (e.preventDefault(), t.click(), !0);
+	}, Kn = (e) => {
+		if (!$ && !Lt(e) && !Gn(e)) {
 			if (!e.nativeEvent.isComposing && !G && !s) {
 				if (e.key === "ArrowUp" || e.key === "ArrowDown") {
-					let t = e.currentTarget.selectionStart ?? 0, n = Mt.navigate(e.key === "ArrowUp" ? "up" : "down", Y, t);
+					let t = e.currentTarget.selectionStart ?? 0, n = Mt.navigate(e.key === "ArrowUp" ? "up" : "down", J, t);
 					if (n !== null) {
-						e.preventDefault(), X(n);
+						e.preventDefault(), Y(n);
 						return;
 					}
 				}
@@ -2251,19 +2247,19 @@ var Kt = {
 					if (t != null) {
 						e.preventDefault();
 						let n = e.currentTarget;
-						n.setSelectionRange(t.start, t.start + t.length), typeof document.execCommand == "function" && document.execCommand("delete", !1) || Ue(n, Y.slice(0, t.start) + Y.slice(t.start + t.length), t.start);
+						n.setSelectionRange(t.start, t.start + t.length), typeof document.execCommand == "function" && document.execCommand("delete", !1) || Ue(n, J.slice(0, t.start) + J.slice(t.start + t.length), t.start);
 						return;
 					}
 				}
 			}
-			e.key === "Enter" && qn(e) && (e.preventDefault(), !s && zn && Wn && !G && Kn());
+			e.key === "Enter" && Wn(e) && (e.preventDefault(), !s && In && Vn && !G && Un());
 		}
-	}, Xn = (e) => {
+	}, qn = (e) => {
 		let t = Array.from(e.target.files ?? []);
 		if (t.length === 0) return;
-		let n = hn(t);
-		e.target.value = "", gn(n);
-	}, Zn = B(() => {
+		let n = fn(t);
+		e.target.value = "", pn(n);
+	}, Jn = B(() => {
 		let e = [];
 		return nn != null && e.push({
 			offset: nn,
@@ -2286,32 +2282,36 @@ var Kt = {
 		tn,
 		K,
 		$t
-	]), Qn = /* @__PURE__ */ P("textarea", {
-		className: l(q.textarea, (J || Zn.length > 0) && q.textareaMentionMode, N?.fontClassName || "dial-body-paragraph-text", "relative z-0 max-h-[272px] w-full resize-none overflow-y-auto border-0 bg-transparent pe-1 ps-1 outline-none [field-sizing:content]", "disabled:cursor-not-allowed"),
-		ref: Z,
+	]), Yn = Pt || Jn.length > 0, { mirrorRef: Xn, selectionRects: Zn, updateSelectionRects: Qn } = Ve({
+		textareaRef: X,
+		message: J,
+		isMirrorActive: Yn
+	}), $n = /* @__PURE__ */ P("textarea", {
+		className: l(q.textarea, Yn && q.textareaMentionMode, N?.fontClassName || "dial-body-paragraph-text", "relative z-0 max-h-[272px] w-full resize-none overflow-y-auto border-0 bg-transparent pe-1 ps-1 outline-none [field-sizing:content]", "disabled:cursor-not-allowed"),
+		ref: X,
 		autoFocus: ut,
-		value: Y,
+		value: J,
 		onChange: (e) => {
-			X(e.target.value), Mt.notifyChange();
+			Y(e.target.value), Mt.notifyChange();
 			let t = e.nativeEvent instanceof InputEvent ? e.nativeEvent : void 0;
-			Ht(e.target.value, e.target.selectionStart ?? e.target.value.length, t?.isComposing ?? !1), u?.(e.target.value);
+			Ut(e.target.value, e.target.selectionStart ?? e.target.value.length, t?.isComposing ?? !1), u?.(e.target.value);
 		},
-		onSelect: dn,
+		onSelect: Qn,
 		onFocus: Yt,
 		onClick: Jt,
-		onKeyDown: Yn,
+		onKeyDown: Kn,
 		onKeyUp: Xt,
-		onPaste: Ln,
+		onPaste: Pn,
 		placeholder: m,
 		"aria-label": h,
 		"aria-autocomplete": K == null ? void 0 : "list",
-		"aria-controls": Lt ? Ut : void 0,
-		"aria-activedescendant": Gt ?? void 0,
-		"aria-hidden": J ? !0 : void 0,
+		"aria-controls": Rt ? Wt : void 0,
+		"aria-activedescendant": Kt ?? void 0,
+		"aria-hidden": Pt ? !0 : void 0,
 		disabled: G,
 		readOnly: $,
 		rows: 1
-	}), $n = K == null ? Qn : /* @__PURE__ */ F(oe, { children: [Qn, /* @__PURE__ */ P("div", {
+	}), er = K == null ? $n : /* @__PURE__ */ F(oe, { children: [$n, /* @__PURE__ */ P("div", {
 		"aria-hidden": !0,
 		className: l("pointer-events-none absolute", N?.fontClassName || "dial-body-paragraph-text"),
 		style: {
@@ -2319,25 +2319,25 @@ var Kt = {
 			top: on?.top ?? 0
 		},
 		children: /* @__PURE__ */ P(v, {
-			open: Lt,
+			open: Rt,
 			onOpenChange: (e) => {
-				e || Bt();
+				e || Vt();
 			},
 			placement: "top-start",
 			trigger: [],
 			initialFocus: -1,
 			matchReferenceWidth: !1,
-			outsidePressIgnoreRef: Z,
+			outsidePressIgnoreRef: X,
 			renderOverlay: () => /* @__PURE__ */ P("div", {
-				ref: Wt,
+				ref: Gt,
 				role: K.menuLabel == null ? void 0 : "group",
 				"aria-label": K.menuLabel,
 				children: K.renderMenu({
-					query: Rt,
-					caretPosition: Q ?? 0,
-					close: fn,
-					listboxId: Ut,
-					activeOptionId: Gt
+					query: zt,
+					caretPosition: Z ?? 0,
+					close: ln,
+					listboxId: Wt,
+					activeOptionId: Kt
 				})
 			}),
 			children: /* @__PURE__ */ P("span", {
@@ -2345,13 +2345,13 @@ var Kt = {
 				className: "inline-block h-[1lh] w-0"
 			})
 		})
-	})] }), er = /* @__PURE__ */ F("div", {
+	})] }), tr = /* @__PURE__ */ F("div", {
 		ref: an,
 		className: "relative -me-1 -ms-1 w-[calc(100%+8px)]",
-		children: [(J || Zn.length > 0) && /* @__PURE__ */ F("div", {
-			ref: ln,
+		children: [Yn && /* @__PURE__ */ F("div", {
+			ref: Xn,
 			className: l(q.textarea, N?.fontClassName || "dial-body-paragraph-text", "pointer-events-none absolute inset-0 z-10 max-h-[272px] w-full overflow-hidden whitespace-pre-wrap pe-1 ps-1 [overflow-wrap:anywhere]"),
-			children: [Re(Y, Nt, Zn, q.mentionHighlight, q.mentionHighlightUnsupported), un.map((e, t) => /* @__PURE__ */ P("div", {
+			children: [Re(J, Nt, Jn, q.mentionHighlight, q.mentionHighlightUnsupported), Zn.map((e, t) => /* @__PURE__ */ P("div", {
 				"aria-hidden": !0,
 				className: "pointer-events-none absolute rounded-sm bg-control-accent-alpha-active",
 				style: {
@@ -2361,34 +2361,34 @@ var Kt = {
 					height: e.height
 				}
 			}, `selection-${t}`))]
-		}), $n]
-	}), tr = Se ? void 0 : /* @__PURE__ */ P(dt, {
-		onAttachClick: Ce ? void 0 : () => Nn.current?.click(),
+		}), er]
+	}), nr = Se ? void 0 : /* @__PURE__ */ P(dt, {
+		onAttachClick: Ce ? void 0 : () => An.current?.click(),
 		attachLabel: y,
 		addMenuTitle: C,
 		menuTitle: w,
 		menuCloseLabel: T,
-		style: Pt,
+		style: Ft,
 		isDisabled: G || $,
 		chatSettings: Xe,
-		extraMenuItems: Ft,
-		onRecordVoice: Fe && wt && !s && !$ ? () => An(qe.Attachment) : void 0,
+		extraMenuItems: It,
+		onRecordVoice: Fe && wt && !s && !$ ? () => Dn(qe.Attachment) : void 0,
 		recordVoiceLabel: j,
 		toolsMenuItems: nt ? Ze : void 0,
 		onToolToggle: tt,
 		toolsMenuTitle: rt,
 		toolsBackLabel: it,
 		menuOverlays: ot,
-		getCaretPosition: () => Z.current?.selectionStart ?? Y.length
-	}), nr = De === et.Inline && (!kt || W), rr = tr && /* @__PURE__ */ P("div", {
+		getCaretPosition: () => X.current?.selectionStart ?? J.length
+	}), rr = De === et.Inline && (!kt || W), ir = nr && /* @__PURE__ */ P("div", {
 		className: l("flex", U.addCluster),
-		children: tr
-	}), ir = Hn.length > 0 && tt != null && /* @__PURE__ */ P("div", {
+		children: nr
+	}), ar = zn.length > 0 && tt != null && /* @__PURE__ */ P("div", {
 		className: l("min-w-0 flex-1", U.toolsChips),
 		children: /* @__PURE__ */ P(mt, {
-			items: Hn,
+			items: zn,
 			onToolToggle: tt,
-			onToolDismiss: Un,
+			onToolDismiss: Bn,
 			canRemove: nt,
 			removeLabel: at?.removeLabel,
 			stateOnLabel: at?.stateOnLabel,
@@ -2396,17 +2396,17 @@ var Kt = {
 		})
 	});
 	return /* @__PURE__ */ F("div", {
-		ref: Pn,
-		style: Pt,
-		className: l(q.wrapper, G && q.wrapperDisabled, G && "cursor-not-allowed", "flex w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border", "focus-within:outline focus-within:-outline-offset-1 active:outline active:-outline-offset-1", mn.length > 6 ? "py-4 ps-4" : "p-4", ce, U.wrapper),
+		ref: jn,
+		style: Ft,
+		className: l(q.wrapper, G && q.wrapperDisabled, G && "cursor-not-allowed", "flex w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border", "focus-within:outline focus-within:-outline-offset-1 active:outline active:-outline-offset-1", dn.length > 6 ? "py-4 ps-4" : "p-4", ce, U.wrapper),
 		children: [
-			(Je.length > 0 || mn.length > 0) && /* @__PURE__ */ P(se, {
-				attachments: [...Je, ...mn],
+			(Je.length > 0 || dn.length > 0) && /* @__PURE__ */ P(se, {
+				attachments: [...Je, ...dn],
 				onRemove: (e) => {
-					Je.some((t) => t.id === e) ? Ye?.(e) : vn(e);
+					Je.some((t) => t.id === e) ? Ye?.(e) : hn(e);
 				},
-				onRetry: yn,
-				onExpand: bn,
+				onRetry: gn,
+				onExpand: _n,
 				labels: {
 					removeLabel: E,
 					retryLabel: D,
@@ -2414,55 +2414,55 @@ var Kt = {
 				},
 				styles: ae,
 				onAttachmentClick: _t == null ? void 0 : (e) => {
-					let t = [...Je, ...mn].find((t) => t.id === e);
+					let t = [...Je, ...dn].find((t) => t.id === e);
 					t != null && _t(t);
 				}
 			}),
 			!Se && /* @__PURE__ */ P("input", {
-				ref: Nn,
+				ref: An,
 				type: "file",
 				multiple: !0,
 				accept: S,
 				className: "sr-only",
 				"aria-hidden": !0,
 				tabIndex: -1,
-				onChange: Xn
+				onChange: qn
 			}),
-			kn && /* @__PURE__ */ P(b, {
-				text: kn,
+			En && /* @__PURE__ */ P(b, {
+				text: En,
 				className: "min-w-0 break-words px-1"
 			}),
 			$ && /* @__PURE__ */ P(yt, {
 				embedded: !0,
-				state: Dn,
-				analyserNodeRef: On,
-				onStop: jn,
-				onDiscard: Mn,
-				attachButton: tr,
+				state: wn,
+				analyserNodeRef: Tn,
+				onStop: On,
+				onDiscard: kn,
+				attachButton: nr,
 				stopLabel: re,
 				discardLabel: ie,
 				processingLabel: ze
 			}),
-			!$ && we && er,
-			!$ && !we && nr && ir && /* @__PURE__ */ P("div", {
+			!$ && we && tr,
+			!$ && !we && rr && ar && /* @__PURE__ */ P("div", {
 				className: "flex",
-				children: ir
+				children: ar
 			}),
 			!$ && !we && /* @__PURE__ */ F("div", {
-				className: l("flex items-center gap-2", nr ? "flex-nowrap" : "flex-wrap", U.actionRow),
+				className: l("flex items-center gap-2", rr ? "flex-nowrap" : "flex-wrap", U.actionRow),
 				children: [
-					nr && rr,
+					rr && ir,
 					/* @__PURE__ */ P("div", {
-						className: l("flex min-w-0 items-center self-stretch", nr ? "flex-1" : "w-full", U.textareaWrap),
-						children: er
+						className: l("flex min-w-0 items-center self-stretch", rr ? "flex-1" : "w-full", U.textareaWrap),
+						children: tr
 					}),
-					!nr && rr,
-					!nr && ir,
+					!rr && ir,
+					!rr && ar,
 					/* @__PURE__ */ P("div", {
 						className: l("ms-auto flex flex-shrink-0 items-center gap-2", U.footerActions),
 						children: Oe ? Oe({
-							canSend: zn,
-							onSend: Kn
+							canSend: In,
+							onSend: Un
 						}) : /* @__PURE__ */ F(oe, { children: [
 							Et,
 							/* @__PURE__ */ P(Zt, {
@@ -2474,13 +2474,13 @@ var Kt = {
 								isStreaming: s,
 								isMobile: kt,
 								isDisabled: Ae,
-								style: Pt,
+								style: Ft,
 								modelPickerOverlay: vt,
 								isPickerOpen: At,
 								onPickerToggle: () => jt((e) => !e),
 								onPickerOpenChange: jt
 							}),
-							Gn && /* @__PURE__ */ P(x, {
+							Hn && /* @__PURE__ */ P(x, {
 								icon: /* @__PURE__ */ P(me, {
 									size: g.LG,
 									stroke: _,
@@ -2489,17 +2489,17 @@ var Kt = {
 								"aria-label": ne,
 								tooltipProps: { tooltip: ne },
 								className: "size-[40px] flex-shrink-0 mobile:min-h-11 mobile:min-w-11",
-								onClick: () => An(qe.Dictation),
+								onClick: () => Dn(qe.Dictation),
 								disabled: G || s
 							}),
 							s && o ? /* @__PURE__ */ P(xt, {
 								onStop: o,
 								ariaLabel: A
 							}) : !s && /* @__PURE__ */ P(bt, {
-								onSend: Kn,
-								isDisabled: !Wn || !zn,
+								onSend: Un,
+								isDisabled: !Vn || !In,
 								ariaLabel: O,
-								sendTooltip: Rn ? k : te ?? k
+								sendTooltip: Fn ? k : te ?? k
 							})
 						] })
 					})
@@ -2510,7 +2510,7 @@ var Kt = {
 				role: "status",
 				"aria-live": "polite",
 				"aria-atomic": "true",
-				children: /* @__PURE__ */ P("span", { children: Tn.text }, Tn.revision)
+				children: /* @__PURE__ */ P("span", { children: Sn.text }, Sn.revision)
 			})
 		]
 	});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-conversation-input",
   "description": "Conversation message input with model selection, attachments, voice input, and edit mode",
-  "version": "1.2.0-dev.266",
+  "version": "1.2.0-dev.270",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -19,10 +19,10 @@
   "dependencies": {
     "react-window": "^2.2.7",
     "@tabler/icons-react": "^3.44.0",
-    "@epam/ai-dial-attachment-input": "1.2.0-dev.266"
+    "@epam/ai-dial-attachment-input": "1.2.0-dev.270"
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.2.0-dev.266",
+    "@epam/ai-dial-chat-shared": "1.2.0-dev.270",
     "react": "^19.2.8",
     "@epam/ai-dial-ui-kit": "^0.15.0-dev.36"
   },