@epam/ai-dial-conversation-input 1.3.0-dev.225 → 1.3.0-dev.234

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,oGA8xCjB,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,oGAkzCjB,CAAC"}

package/hooks/useTextInsertion.d.ts

@@ -28,6 +28,12 @@ export interface UseTextInsertionResult {
         altKey: boolean;
         preventDefault: () => void;
     }) => boolean;
+    /**
+     * Call after placing the caret programmatically (e.g. applying a host's
+     * `caretPositionOverride`), so the next insertion goes at that caret even
+     * when the textarea was never focused and the caret is at the start.
+     */
+    markCaretPlaced: () => void;
 }
 /**
  * Inserts host-supplied text at the caret whenever `insertion.revision` changes,

package/hooks/useTextInsertion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTextInsertion.d.ts","sourceRoot":"","sources":["../../src/hooks/useTextInsertion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,wDAAwD;AACxD,UAAU,sBAAsB;IAC9B,4EAA4E;IAC5E,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,2DAA2D;IAC3D,WAAW,EAAE,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;CACpD;AAED;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,GACjC,UAAU,mBAAmB,EAC7B,OAAO,MAAM,EACb,gBAAgB,MAAM,EACtB,eAAc,MAAuB,KACpC,IAiBF,CAAC;AA6BF,yDAAyD;AACzD,MAAM,WAAW,sBAAsB;IACrC;;;;OAIG;IACH,iBAAiB,EAAE,CAAC,KAAK,EAAE;QACzB,GAAG,EAAE,MAAM,CAAC;QACZ,OAAO,EAAE,OAAO,CAAC;QACjB,OAAO,EAAE,OAAO,CAAC;QACjB,QAAQ,EAAE,OAAO,CAAC;QAClB,MAAM,EAAE,OAAO,CAAC;QAChB,cAAc,EAAE,MAAM,IAAI,CAAC;KAC5B,KAAK,OAAO,CAAC;CACf;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,GAAI,6BAG9B,sBAAsB,KAAG,sBAmG3B,CAAC"}
+{"version":3,"file":"useTextInsertion.d.ts","sourceRoot":"","sources":["../../src/hooks/useTextInsertion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,wDAAwD;AACxD,UAAU,sBAAsB;IAC9B,4EAA4E;IAC5E,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,2DAA2D;IAC3D,WAAW,EAAE,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;CACpD;AAED;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,GACjC,UAAU,mBAAmB,EAC7B,OAAO,MAAM,EACb,gBAAgB,MAAM,EACtB,eAAc,MAAuB,KACpC,IAiBF,CAAC;AA6BF,yDAAyD;AACzD,MAAM,WAAW,sBAAsB;IACrC;;;;OAIG;IACH,iBAAiB,EAAE,CAAC,KAAK,EAAE;QACzB,GAAG,EAAE,MAAM,CAAC;QACZ,OAAO,EAAE,OAAO,CAAC;QACjB,OAAO,EAAE,OAAO,CAAC;QACjB,QAAQ,EAAE,OAAO,CAAC;QAClB,MAAM,EAAE,OAAO,CAAC;QAChB,cAAc,EAAE,MAAM,IAAI,CAAC;KAC5B,KAAK,OAAO,CAAC;IACd;;;;OAIG;IACH,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,GAAI,6BAG9B,sBAAsB,KAAG,sBAoI3B,CAAC"}

package/index.js

@@ -420,28 +420,39 @@ var U = {
 }, qe = (e) => e.key.toLowerCase() === "z" && (e.ctrlKey || e.metaKey) && !e.shiftKey && !e.altKey, Je = ({ insertion: e, textareaRef: t }) => {
 	let n = e?.revision, r = V(e?.text);
 	r.current = e?.text;
-	let i = V(n), a = V(null);
+	let i = V(n), a = V(null), o = V(!1);
 	return z(() => {
+		document.activeElement === t.current && (o.current = !0);
+		let e = (e) => {
+			e.target === t.current && (o.current = !0);
+		};
+		return document.addEventListener("focusin", e), () => document.removeEventListener("focusin", e);
+	}, [t]), z(() => {
 		if (n === i.current) return;
 		i.current = n;
 		let e = r.current;
 		t.current && e && queueMicrotask(() => {
 			let n = t.current;
 			if (!n) return;
-			let { value: r, selectionStart: i, selectionEnd: o } = n, s = i ?? r.length, c = o ?? s;
-			if (n.focus(), a.current = null, typeof document.execCommand == "function" && document.execCommand("insertText", !1, e)) return;
-			let l = `${r.slice(0, s)}${e}${r.slice(c)}`;
-			Ke(n, l, s + e.length), a.current = {
-				insertedValue: l,
+			let { value: r, selectionStart: i, selectionEnd: s } = n, c = !o.current && r.length > 0 && i === 0 && s === 0, l = c ? r.length : i ?? r.length, u = c ? l : s ?? l;
+			if (n.focus(), c && n.setSelectionRange(l, u), a.current = null, typeof document.execCommand == "function" && document.execCommand("insertText", !1, e)) return;
+			let d = `${r.slice(0, l)}${e}${r.slice(u)}`;
+			Ke(n, d, l + e.length), a.current = {
+				insertedValue: d,
 				previousValue: r,
-				previousSelectionStart: s,
-				previousSelectionEnd: c
+				previousSelectionStart: l,
+				previousSelectionEnd: u
 			};
 		});
-	}, [n, t]), { handleUndoKeyDown: (e) => {
-		let n = a.current, r = t.current;
-		return n == null || r == null || !qe(e) || (a.current = null, r.value !== n.insertedValue) ? !1 : (e.preventDefault(), Ke(r, n.previousValue, n.previousSelectionStart, n.previousSelectionEnd), !0);
-	} };
+	}, [n, t]), {
+		handleUndoKeyDown: (e) => {
+			let n = a.current, r = t.current;
+			return n == null || r == null || !qe(e) || (a.current = null, r.value !== n.insertedValue) ? !1 : (e.preventDefault(), Ke(r, n.previousValue, n.previousSelectionStart, n.previousSelectionEnd), !0);
+		},
+		markCaretPlaced: () => {
+			o.current = !0;
+		}
+	};
 }, Ye = /* @__PURE__ */ function(e) {
 	return e.Idle = "idle", e.Recording = "recording", e.Processing = "processing", e.Error = "error", e;
 }({}), Xe = /* @__PURE__ */ function(e) {
@@ -1519,7 +1530,7 @@ function Bt({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemC
 		stopIndexOverscan: l
 	};
 }
-function Q({ itemCount: e, itemProps: t, itemSize: n }) {
+function Vt({ itemCount: e, itemProps: t, itemSize: n }) {
 	let r = /* @__PURE__ */ new Map();
 	return {
 		get(i) {
@@ -1554,8 +1565,8 @@ function Q({ itemCount: e, itemProps: t, itemSize: n }) {
 		}
 	};
 }
-function Vt({ itemCount: e, itemProps: t, itemSize: n }) {
-	return B(() => Q({
+function Q({ itemCount: e, itemProps: t, itemSize: n }) {
+	return B(() => Vt({
 		itemCount: e,
 		itemProps: t,
 		itemSize: n
@@ -1602,7 +1613,7 @@ function Ut({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		c,
 		d
 	]);
-	let h = Vt({
+	let h = Q({
 		itemCount: a,
 		itemProps: o,
 		itemSize: m
@@ -2082,71 +2093,74 @@ var Yt = {
 		messageRevision: t
 	});
 	z(() => {
+		let e = Z.current;
+		e != null && e.value.length !== 0 && document.activeElement === e && e.setSelectionRange(e.value.length, e.value.length);
+	}, [Z]), z(() => {
 		n !== void 0 && Z.current?.focus();
 	}, [n, Z]), Oe(kt, () => ({ getCaretPosition: () => Z.current?.selectionStart ?? Y.length }), [Y, Z]);
-	let { handleUndoKeyDown: Rt } = Je({
+	let { handleUndoKeyDown: Rt, markCaretPlaced: zt } = Je({
 		insertion: r,
 		textareaRef: Z
-	}), { isMenuOpen: zt, query: Bt, activeWordStart: Q, dismiss: Vt, closeOnOutsidePress: Ht, handleCaretMove: Ut, handleValueChange: Wt, listboxId: Gt, overlayRef: Kt, activeOptionId: qt, moveActiveOption: Jt, getActiveOption: Yt } = Le({
+	}), { isMenuOpen: Bt, query: Vt, activeWordStart: Q, dismiss: Ht, closeOnOutsidePress: Ut, handleCaretMove: Wt, handleValueChange: Gt, listboxId: Kt, overlayRef: qt, activeOptionId: Jt, moveActiveOption: Yt, getActiveOption: Xt } = Le({
 		config: K,
 		message: Y
-	}), Xt = V(Ut);
-	Xt.current = Ut;
-	let Zt = () => {
-		Ut(Z.current?.selectionStart ?? Y.length);
-	}, Qt = V(!1), $t = () => {
-		Qt.current ? Qt.current = !1 : requestAnimationFrame(() => {
+	}), Zt = V(Wt);
+	Zt.current = Wt;
+	let Qt = () => {
+		Wt(Z.current?.selectionStart ?? Y.length);
+	}, $t = V(!1), tn = () => {
+		$t.current ? $t.current = !1 : requestAnimationFrame(() => {
 			let e = Z.current;
-			Xt.current(e?.selectionStart ?? e?.value.length ?? 0);
+			Zt.current(e?.selectionStart ?? e?.value.length ?? 0);
 		});
-	}, tn = (e) => {
-		(e.key === "ArrowLeft" || e.key === "ArrowRight" || e.key === "Home" || e.key === "End" || e.key === "PageUp" || e.key === "PageDown") && Ut(e.currentTarget.selectionStart ?? Y.length);
-	}, nn = K?.emptyQueryHint != null, rn = K != null && Q != null ? Q + K.triggerPrefix.length : null, an = rn != null && Y.slice(rn).split("\n", 1)[0] !== "", on = nn && zt && Bt === "" && rn != null && !an, sn = K != null && zt ? Q ?? 0 : null, cn = V(null), ln = V(null), [un, dn] = H(null), fn = R(() => {
-		let e = cn.current, t = ln.current;
+	}, nn = (e) => {
+		(e.key === "ArrowLeft" || e.key === "ArrowRight" || e.key === "Home" || e.key === "End" || e.key === "PageUp" || e.key === "PageDown") && Wt(e.currentTarget.selectionStart ?? Y.length);
+	}, rn = K?.emptyQueryHint != null, an = K != null && Q != null ? Q + K.triggerPrefix.length : null, on = an != null && Y.slice(an).split("\n", 1)[0] !== "", sn = rn && Bt && Vt === "" && an != null && !on, cn = K != null && Bt ? Q ?? 0 : null, ln = V(null), un = V(null), [dn, fn] = H(null), pn = R(() => {
+		let e = ln.current, t = un.current;
 		if (e == null || t == null) {
-			dn(null);
+			fn(null);
 			return;
 		}
 		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect();
-		dn({
+		fn({
 			left: n.left - r.left,
 			top: n.top - r.top
 		});
 	}, []);
 	z(() => {
-		if (sn == null) return;
+		if (cn == null) return;
 		let e = Z.current;
 		if (e == null || typeof ResizeObserver > "u") return;
-		let t = new ResizeObserver(fn);
+		let t = new ResizeObserver(pn);
 		return t.observe(e), () => t.disconnect();
 	}, [
-		sn,
+		cn,
 		Z,
-		fn
+		pn
 	]);
-	let pn = R((e) => {
-		if (K == null || (Vt(), !e?.consumeQuery) || (e.returnFocus !== !1 && Z.current?.focus(), Q == null)) return;
-		let t = `${K.triggerPrefix}${Bt}`, n = Q + t.length;
+	let mn = R((e) => {
+		if (K == null || (Ht(), !e?.consumeQuery) || (e.returnFocus !== !1 && Z.current?.focus(), Q == null)) return;
+		let t = `${K.triggerPrefix}${Vt}`, n = Q + t.length;
 		if (Y.slice(Q, n) !== t) return;
 		let r = Y.slice(0, Q) + Y.slice(n);
 		X(r), Nt.notifyChange(), u?.(r);
 	}, [
 		K,
+		Ht,
 		Vt,
-		Bt,
 		Y,
 		Q,
 		X,
 		Nt,
 		u,
 		Z
-	]), mn = V(void 0);
+	]), hn = V(void 0);
 	z(() => {
-		dt != null && mn.current !== t && (mn.current = t, Z.current?.setSelectionRange(dt, dt), Ut(dt));
+		dt != null && hn.current !== t && (hn.current = t, Z.current?.setSelectionRange(dt, dt), zt(), Wt(dt));
 	}, [Y]);
-	let hn = V(Y);
-	hn.current = Y;
-	let { attachments: gn, buildAttachments: _n, addAttachments: vn, resetAttachments: yn, handleRemove: bn, handleRetry: xn, handleExpand: Sn, hasBlockedAttachments: Cn } = je({
+	let gn = V(Y);
+	gn.current = Y;
+	let { attachments: _n, buildAttachments: vn, addAttachments: yn, resetAttachments: bn, handleRemove: xn, handleRetry: Sn, handleExpand: Cn, hasBlockedAttachments: wn } = je({
 		initialAttachments: Ce,
 		onUploadAttachment: a,
 		onAttachmentsChange: p,
@@ -2157,99 +2171,99 @@ var Yt = {
 		pendingAttachments: me,
 		onPendingAttachmentsConsumed: he,
 		onExpandPastedText: R((e) => {
-			let t = hn.current, n = t ? `${t}\n${e}` : e;
-			hn.current = n, X(n), u?.(n);
+			let t = gn.current, n = t ? `${t}\n${e}` : e;
+			gn.current = n, X(n), u?.(n);
 		}, [X, u]),
 		maximumAttachmentsAmount: bt,
 		baseAttachmentsAmount: qe.length,
 		onAttachmentsLimitExceeded: wt
-	}), wn = R((e) => {
-		vn(_n([e]));
-	}, [vn, _n]), Tn = V(!1), [En, Dn] = H({
+	}), Tn = R((e) => {
+		yn(vn([e]));
+	}, [yn, vn]), En = V(!1), [Dn, On] = H({
 		text: "",
 		revision: 0
-	}), { state: On, analyserNodeRef: kn, errorMessage: An, startRecording: jn, stopRecording: Mn, discardRecording: Nn } = tt({
-		onAttachAudio: wn,
+	}), { state: kn, analyserNodeRef: An, errorMessage: jn, startRecording: Mn, stopRecording: Nn, discardRecording: Pn } = tt({
+		onAttachAudio: Tn,
 		onTranscribeAudio: Re,
 		onTranscript: R((e) => {
 			let t = e.trim();
 			if (t) {
-				let e = hn.current, n = `${e}${e && !/\s$/.test(e) ? " " : ""}${t}`;
-				hn.current = n, X(n), Dn((e) => ({
+				let e = gn.current, n = `${e}${e && !/\s$/.test(e) ? " " : ""}${t}`;
+				gn.current = n, X(n), On((e) => ({
 					text: t,
 					revision: e.revision + 1
 				})), Nt.notifyChange(), u?.(n);
 			}
-			Tn.current = !0;
+			En.current = !0;
 		}, [
 			X,
 			Nt,
 			u
 		]),
 		errorLabel: He
-	}), $ = On === Ye.Recording || On === Ye.Processing;
+	}), $ = kn === Ye.Recording || kn === Ye.Processing;
 	z(() => {
-		if (On === Ye.Error || On === Ye.Idle && Tn.current) {
-			Tn.current = !1;
+		if (kn === Ye.Error || kn === Ye.Idle && En.current) {
+			En.current = !1;
 			let e = Z.current;
 			if (e != null) {
-				Qt.current = document.activeElement !== e, e.focus();
+				$t.current = document.activeElement !== e, e.focus();
 				let t = e.value.length;
 				e.setSelectionRange(t, t);
 			}
 		}
-	}, [On, Z]);
-	let Pn = V(null), Fn = V(null), In = Tt && Et, { handlePaste: Ln } = ue(vn, In ? ge : Infinity), Rn = R((e) => {
-		if (!In) {
+	}, [kn, Z]);
+	let Fn = V(null), In = V(null), Ln = Tt && Et, { handlePaste: Rn } = ue(yn, Ln ? ge : Infinity), zn = R((e) => {
+		if (!Ln) {
 			let t = e.clipboardData.getData("text/plain");
 			t.length >= L && Ot?.(t.length, L);
 		}
-		if (Ln(e), e.defaultPrevented) return;
+		if (Rn(e), e.defaultPrevented) return;
 		let t = e.clipboardData.getData("text/plain").replace(/\r\n?/g, "\n");
 		t !== "" && K?.onTextPaste?.(t);
 	}, [
-		In,
+		Ln,
 		L,
 		Ot,
-		Ln,
+		Rn,
 		K
-	]), zn = Y.trim().length > 0 || gn.length > 0, Bn = zn && !Cn && !Ne && !$, [Vn, Hn] = H([]), Un = ($e ?? []).map((e) => e.id).join("|");
+	]), Bn = Y.trim().length > 0 || _n.length > 0, Vn = Bn && !wn && !Ne && !$, [Hn, Un] = H([]), Wn = ($e ?? []).map((e) => e.id).join("|");
 	z(() => {
-		Hn([]);
-	}, [Un]);
-	let Wn = B(() => {
+		Un([]);
+	}, [Wn]);
+	let Gn = B(() => {
 		let e = $e ?? [];
-		return it ? e.filter((e) => e.isSelected || !Vn.includes(e.id)) : e;
+		return it ? e.filter((e) => e.isSelected || !Hn.includes(e.id)) : e;
 	}, [
 		$e,
-		Vn,
+		Hn,
 		it
-	]), Gn = R((e) => {
-		Hn((t) => t.includes(e) ? t : [...t, e]), $e?.find((t) => t.id === e)?.isSelected && et?.(e);
-	}, [$e, et]), Kn = ye === void 0 || be != null, qn = Pe && !s, Jn = async () => {
+	]), Kn = R((e) => {
+		Un((t) => t.includes(e) ? t : [...t, e]), $e?.find((t) => t.id === e)?.isSelected && et?.(e);
+	}, [$e, et]), qn = ye === void 0 || be != null, Jn = Pe && !s, Yn = async () => {
 		if (Ne || $) return;
 		if (Y.length >= L) {
 			Ot?.(Y.length, L);
 			return;
 		}
-		let e = Y, t = gn;
+		let e = Y, t = _n;
 		X(""), Nt.reset();
 		try {
 			await i?.(e, t), t.forEach((e) => {
 				e.previewUrl && URL.revokeObjectURL(e.previewUrl), e.playUrl && URL.revokeObjectURL(e.playUrl);
-			}), yn([]);
+			}), bn([]);
 		} catch {
-			X(e), yn(t);
+			X(e), bn(t);
 		}
-	}, Yn = (e) => Ue === nt.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey, Xn = (e) => {
-		if (!zt || e.nativeEvent.isComposing) return !1;
-		if (e.key === "Escape") return e.preventDefault(), e.stopPropagation(), Vt(), !0;
-		if (e.key === "ArrowDown" || e.key === "ArrowUp") return e.preventDefault(), Jt(e.key === "ArrowDown" ? Ie.Next : Ie.Previous), !0;
+	}, Xn = (e) => Ue === nt.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey, Zn = (e) => {
+		if (!Bt || e.nativeEvent.isComposing) return !1;
+		if (e.key === "Escape") return e.preventDefault(), e.stopPropagation(), Ht(), !0;
+		if (e.key === "ArrowDown" || e.key === "ArrowUp") return e.preventDefault(), Yt(e.key === "ArrowDown" ? Ie.Next : Ie.Previous), !0;
 		if (e.key !== "Enter" || e.shiftKey) return !1;
-		let t = Yt();
-		return t == null ? Yn(e) ? (e.preventDefault(), !0) : !1 : (e.preventDefault(), t.click(), !0);
-	}, Zn = (e) => {
-		if (!$ && !Rt(e) && !Xn(e)) {
+		let t = Xt();
+		return t == null ? Xn(e) ? (e.preventDefault(), !0) : !1 : (e.preventDefault(), t.click(), !0);
+	}, Qn = (e) => {
+		if (!$ && !Rt(e) && !Zn(e)) {
 			if (!e.nativeEvent.isComposing && !G && !s) {
 				if (e.key === "ArrowUp" || e.key === "ArrowDown") {
 					let t = e.currentTarget.selectionStart ?? 0, n = Nt.navigate(e.key === "ArrowUp" ? "up" : "down", Y, t);
@@ -2268,24 +2282,24 @@ var Yt = {
 					}
 				}
 			}
-			e.key === "Enter" && Yn(e) && (e.preventDefault(), !s && Bn && Kn && !G && Jn());
+			e.key === "Enter" && Xn(e) && (e.preventDefault(), !s && Vn && qn && !G && Yn());
 		}
-	}, Qn = (e) => {
+	}, $n = (e) => {
 		let t = Array.from(e.target.files ?? []);
 		if (t.length === 0) return;
-		let n = _n(t);
-		e.target.value = "", vn(n);
-	}, $n = B(() => {
+		let n = vn(t);
+		e.target.value = "", yn(n);
+	}, er = B(() => {
 		let e = [];
-		return sn != null && e.push({
-			offset: sn,
+		return cn != null && e.push({
+			offset: cn,
 			node: /* @__PURE__ */ P("span", {
-				ref: cn,
+				ref: ln,
 				"aria-hidden": !0,
 				className: "inline-block h-lh w-0 align-text-top"
 			}, "caret-marker")
-		}), on && K != null && rn != null && e.push({
-			offset: rn,
+		}), sn && K != null && an != null && e.push({
+			offset: an,
 			node: /* @__PURE__ */ P("span", {
 				className: J.commandHint,
 				"aria-hidden": !0,
@@ -2294,61 +2308,61 @@ var Yt = {
 			}, "command-hint")
 		}), e;
 	}, [
+		cn,
 		sn,
-		on,
 		K,
-		rn
-	]), er = Ft || $n.length > 0, { mirrorRef: tr, selectionRects: nr, updateSelectionRects: rr, syncMirrorToTextarea: ir } = We({
+		an
+	]), tr = Ft || er.length > 0, { mirrorRef: nr, selectionRects: rr, updateSelectionRects: ir, syncMirrorToTextarea: ar } = We({
 		textareaRef: Z,
 		message: Y,
-		isMirrorActive: er
+		isMirrorActive: tr
 	});
 	ke(() => {
-		fn();
+		pn();
 	}, [
-		fn,
-		sn,
+		pn,
+		cn,
 		Y
 	]);
-	let ar = /* @__PURE__ */ P("textarea", {
-		className: l(J.textarea, er && J.textareaMentionMode, se?.fontClassName || "dial-body-paragraph-text", "relative z-0 [field-sizing:content] max-h-[272px] w-full resize-none overflow-y-auto border-0 bg-transparent ps-1 pe-1 outline-hidden", "disabled:cursor-not-allowed"),
+	let or = /* @__PURE__ */ P("textarea", {
+		className: l(J.textarea, tr && J.textareaMentionMode, se?.fontClassName || "dial-body-paragraph-text", "relative z-0 [field-sizing:content] max-h-[272px] w-full resize-none overflow-y-auto border-0 bg-transparent ps-1 pe-1 outline-hidden", "disabled:cursor-not-allowed"),
 		ref: Z,
 		autoFocus: ft,
 		value: Y,
 		onChange: (e) => {
 			X(e.target.value), Nt.notifyChange();
 			let t = e.nativeEvent instanceof InputEvent ? e.nativeEvent : void 0;
-			Wt(e.target.value, e.target.selectionStart ?? e.target.value.length, t?.isComposing ?? !1), u?.(e.target.value);
+			Gt(e.target.value, e.target.selectionStart ?? e.target.value.length, t?.isComposing ?? !1), u?.(e.target.value);
 		},
-		onSelect: rr,
+		onSelect: ir,
 		onScroll: () => {
-			ir(), sn != null && fn();
+			ar(), cn != null && pn();
 		},
-		onFocus: $t,
-		onClick: Zt,
-		onKeyDown: Zn,
-		onKeyUp: tn,
-		onPaste: Rn,
+		onFocus: tn,
+		onClick: Qt,
+		onKeyDown: Qn,
+		onKeyUp: nn,
+		onPaste: zn,
 		placeholder: m,
 		"aria-label": h,
 		"aria-autocomplete": K == null ? void 0 : "list",
-		"aria-controls": zt ? Gt : void 0,
-		"aria-activedescendant": qt ?? void 0,
+		"aria-controls": Bt ? Kt : void 0,
+		"aria-activedescendant": Jt ?? void 0,
 		"aria-hidden": Ft ? !0 : void 0,
 		disabled: G,
 		readOnly: $,
 		rows: 1
-	}), or = /* @__PURE__ */ F(N, { children: [ar, K != null && /* @__PURE__ */ P("div", {
+	}), sr = /* @__PURE__ */ F(N, { children: [or, K != null && /* @__PURE__ */ P("div", {
 		"aria-hidden": !0,
 		className: l("pointer-events-none absolute", se?.fontClassName || "dial-body-paragraph-text"),
 		style: {
-			left: un?.left ?? 0,
-			top: un?.top ?? 0
+			left: dn?.left ?? 0,
+			top: dn?.top ?? 0
 		},
 		children: /* @__PURE__ */ P(y, {
-			open: zt,
+			open: Bt,
 			onOpenChange: (e) => {
-				e || Ht();
+				e || Ut();
 			},
 			placement: "top-start",
 			trigger: [],
@@ -2358,15 +2372,15 @@ var Yt = {
 			renderOverlay: () => {
 				let e = K.menuLabel != null;
 				return /* @__PURE__ */ P("div", {
-					ref: Kt,
+					ref: qt,
 					role: e ? "group" : void 0,
 					"aria-label": K.menuLabel,
 					children: K.renderMenu({
-						query: Bt,
+						query: Vt,
 						caretPosition: Q ?? 0,
-						close: pn,
-						listboxId: Gt,
-						activeOptionId: qt
+						close: mn,
+						listboxId: Kt,
+						activeOptionId: Jt
 					})
 				});
 			},
@@ -2375,13 +2389,13 @@ var Yt = {
 				className: "inline-block h-lh w-0"
 			})
 		})
-	})] }), sr = /* @__PURE__ */ F("div", {
-		ref: ln,
+	})] }), cr = /* @__PURE__ */ F("div", {
+		ref: un,
 		className: "relative -ms-1 -me-1 w-[calc(100%+8px)]",
-		children: [er && /* @__PURE__ */ F("div", {
-			ref: tr,
+		children: [tr && /* @__PURE__ */ F("div", {
+			ref: nr,
 			className: l(J.textarea, se?.fontClassName || "dial-body-paragraph-text", "pointer-events-none absolute inset-0 z-10 max-h-[272px] w-full overflow-hidden ps-1 pe-1 [overflow-wrap:anywhere] whitespace-pre-wrap"),
-			children: [Ve(Y, Pt, $n, J.mentionHighlight, J.mentionHighlightUnsupported), nr.map((e, t) => /* @__PURE__ */ P("div", {
+			children: [Ve(Y, Pt, er, J.mentionHighlight, J.mentionHighlightUnsupported), rr.map((e, t) => /* @__PURE__ */ P("div", {
 				"aria-hidden": !0,
 				className: "pointer-events-none absolute rounded-sm bg-control-accent-alpha-active",
 				style: {
@@ -2391,9 +2405,9 @@ var Yt = {
 					height: e.height
 				}
 			}, `selection-${t}`))]
-		}), or]
-	}), cr = we ? void 0 : /* @__PURE__ */ P(mt, {
-		onAttachClick: Te ? void 0 : () => Pn.current?.click(),
+		}), sr]
+	}), lr = we ? void 0 : /* @__PURE__ */ P(mt, {
+		onAttachClick: Te ? void 0 : () => Fn.current?.click(),
 		attachLabel: g,
 		addMenuTitle: C,
 		menuTitle: w,
@@ -2402,7 +2416,7 @@ var Yt = {
 		isDisabled: G || $,
 		chatSettings: Qe,
 		extraMenuItems: Lt,
-		onRecordVoice: Fe && Tt && !s && !$ ? () => jn(Xe.Attachment) : void 0,
+		onRecordVoice: Fe && Tt && !s && !$ ? () => Mn(Xe.Attachment) : void 0,
 		recordVoiceLabel: ie,
 		toolsMenuItems: it ? $e : void 0,
 		onToolToggle: et,
@@ -2410,15 +2424,15 @@ var Yt = {
 		toolsBackLabel: ot,
 		menuOverlays: ct,
 		getCaretPosition: () => Z.current?.selectionStart ?? Y.length
-	}), lr = De === rt.Inline && (!At || Ae), ur = cr && /* @__PURE__ */ P("div", {
+	}), ur = De === rt.Inline && (!At || Ae), dr = lr && /* @__PURE__ */ P("div", {
 		className: l("flex", U.addCluster),
-		children: cr
-	}), dr = Wn.length > 0 && et != null && /* @__PURE__ */ P("div", {
+		children: lr
+	}), fr = Gn.length > 0 && et != null && /* @__PURE__ */ P("div", {
 		className: l("min-w-0 flex-1", U.toolsChips),
 		children: /* @__PURE__ */ P(gt, {
-			items: Wn,
+			items: Gn,
 			onToolToggle: et,
-			onToolDismiss: Gn,
+			onToolDismiss: Kn,
 			canRemove: it,
 			removeLabel: st?.removeLabel,
 			stateOnLabel: st?.stateOnLabel,
@@ -2426,17 +2440,17 @@ var Yt = {
 		})
 	});
 	return /* @__PURE__ */ F("div", {
-		ref: Fn,
+		ref: In,
 		style: It,
 		className: l(J.wrapper, G && J.wrapperDisabled, G && "cursor-not-allowed", "flex w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border", "p-4 focus-within:outline focus-within:-outline-offset-1 active:outline active:-outline-offset-1", de, U.wrapper),
 		children: [
-			(qe.length > 0 || gn.length > 0) && /* @__PURE__ */ P(I, {
-				attachments: [...qe, ...gn],
+			(qe.length > 0 || _n.length > 0) && /* @__PURE__ */ P(I, {
+				attachments: [...qe, ..._n],
 				onRemove: (e) => {
-					qe.some((t) => t.id === e) ? Ze?.(e) : bn(e);
+					qe.some((t) => t.id === e) ? Ze?.(e) : xn(e);
 				},
-				onRetry: xn,
-				onExpand: Sn,
+				onRetry: Sn,
+				onExpand: Cn,
 				labels: {
 					removeLabel: E,
 					retryLabel: D,
@@ -2446,59 +2460,59 @@ var Yt = {
 				},
 				styles: {
 					...ce,
-					className: l(gn.length > 6 && "-me-4", ce?.className)
+					className: l(_n.length > 6 && "-me-4", ce?.className)
 				},
 				onAttachmentClick: vt == null ? void 0 : (e) => {
-					let t = [...qe, ...gn].find((t) => t.id === e);
+					let t = [...qe, ..._n].find((t) => t.id === e);
 					t != null && vt(t);
 				}
 			}),
 			!we && /* @__PURE__ */ P("input", {
-				ref: Pn,
+				ref: Fn,
 				type: "file",
 				multiple: !0,
 				accept: b,
 				className: "sr-only",
 				"aria-hidden": !0,
 				tabIndex: -1,
-				onChange: Qn
+				onChange: $n
 			}),
-			An && /* @__PURE__ */ P("div", {
+			jn && /* @__PURE__ */ P("div", {
 				role: "alert",
 				className: "min-w-0 px-1 wrap-break-word",
-				children: /* @__PURE__ */ P(x, { text: An })
+				children: /* @__PURE__ */ P(x, { text: jn })
 			}),
 			$ && /* @__PURE__ */ P(xt, {
 				embedded: !0,
-				state: On,
-				analyserNodeRef: kn,
-				onStop: Mn,
-				onDiscard: Nn,
-				attachButton: cr,
+				state: kn,
+				analyserNodeRef: An,
+				onStop: Nn,
+				onDiscard: Pn,
+				attachButton: lr,
 				stopLabel: ae,
 				discardLabel: oe,
 				processingLabel: ze
 			}),
-			!$ && Ee && sr,
-			!$ && !Ee && lr && dr && /* @__PURE__ */ P("div", {
+			!$ && Ee && cr,
+			!$ && !Ee && ur && fr && /* @__PURE__ */ P("div", {
 				className: "flex",
-				children: dr
+				children: fr
 			}),
 			!$ && !Ee && /* @__PURE__ */ F("div", {
-				className: l("flex items-center gap-2", lr ? "flex-nowrap" : "flex-wrap", U.actionRow),
+				className: l("flex items-center gap-2", ur ? "flex-nowrap" : "flex-wrap", U.actionRow),
 				children: [
-					lr && ur,
+					ur && dr,
 					/* @__PURE__ */ P("div", {
-						className: l("flex min-w-0 items-center self-stretch", lr ? "flex-1" : "w-full", U.textareaWrap),
-						children: sr
+						className: l("flex min-w-0 items-center self-stretch", ur ? "flex-1" : "w-full", U.textareaWrap),
+						children: cr
 					}),
-					!lr && ur,
-					!lr && dr,
+					!ur && dr,
+					!ur && fr,
 					/* @__PURE__ */ P("div", {
 						className: l("ms-auto flex flex-shrink-0 items-center gap-2", U.footerActions),
 						children: W ? W({
-							canSend: Bn,
-							onSend: Jn
+							canSend: Vn,
+							onSend: Yn
 						}) : /* @__PURE__ */ F(N, { children: [
 							Dt,
 							/* @__PURE__ */ P(en, {
@@ -2516,7 +2530,7 @@ var Yt = {
 								onPickerToggle: () => Mt((e) => !e),
 								onPickerOpenChange: Mt
 							}),
-							qn && /* @__PURE__ */ P(S, {
+							Jn && /* @__PURE__ */ P(S, {
 								icon: /* @__PURE__ */ P(ve, {
 									size: _.LG,
 									stroke: v,
@@ -2525,17 +2539,17 @@ var Yt = {
 								"aria-label": re,
 								tooltipProps: { tooltip: re },
 								className: "size-[40px] shrink-0 mobile:min-h-11 mobile:min-w-11",
-								onClick: () => jn(Xe.Dictation),
+								onClick: () => Mn(Xe.Dictation),
 								disabled: G || s
 							}),
 							s && o ? /* @__PURE__ */ P(Ct, {
 								onStop: o,
 								ariaLabel: ne
 							}) : !s && /* @__PURE__ */ P(St, {
-								onSend: Jn,
-								isDisabled: !Kn || !Bn,
+								onSend: Yn,
+								isDisabled: !qn || !Vn,
 								ariaLabel: te,
-								sendTooltip: zn ? A : j ?? A
+								sendTooltip: Bn ? A : j ?? A
 							})
 						] })
 					})
@@ -2546,7 +2560,7 @@ var Yt = {
 				role: "status",
 				"aria-live": "polite",
 				"aria-atomic": "true",
-				children: /* @__PURE__ */ P("span", { children: En.text }, En.revision)
+				children: /* @__PURE__ */ P("span", { children: Dn.text }, Dn.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.3.0-dev.225",
+  "version": "1.3.0-dev.234",
   "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.3.0-dev.225"
+    "@epam/ai-dial-attachment-input": "1.3.0-dev.234"
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.3.0-dev.225",
+    "@epam/ai-dial-chat-shared": "1.3.0-dev.234",
     "react": "^19.2.8",
     "@epam/ai-dial-ui-kit": "^0.16.0-dev.45"
   },