@epam/ai-dial-conversation-input 1.2.8 → 1.2.10

package/index.js

@@ -91,11 +91,7 @@ var H = {
 		});
 	}, []);
 	R(() => {
-		if (x.current) {
-			x.current = !1;
-			return;
-		}
-		b.current?.(g);
+		x.current ? x.current = !1 : b.current?.(g);
 	}, [g]);
 	let C = L((e) => {
 		_(e);
@@ -250,15 +246,7 @@ var H = {
 	})() : "", u = L((t, n, i) => {
 		if (e == null || i) return;
 		let { start: c, end: l } = Pe(t, n), u = t.slice(c, l);
-		if (!Fe(u, e.triggerPrefix)) {
-			r(!1), s(null), a(null);
-			return;
-		}
-		if (a(c), u === e.triggerPrefix || o !== c) {
-			r(!0), s(null);
-			return;
-		}
-		r(!1);
+		Fe(u, e.triggerPrefix) ? (a(c), u === e.triggerPrefix || o !== c ? (r(!0), s(null)) : r(!1)) : (r(!1), s(null), a(null));
 	}, [e, o]);
 	R(() => {
 		if (e == null) {
@@ -277,11 +265,7 @@ var H = {
 	}, []), p = L((n) => {
 		if (e == null) return;
 		let { start: i, end: s } = Pe(t, n);
-		if (!Fe(t.slice(i, s), e.triggerPrefix)) {
-			a(null), r(!1);
-			return;
-		}
-		a(i), r(o !== i);
+		Fe(t.slice(i, s), e.triggerPrefix) ? (a(i), r(o !== i)) : (a(null), r(!1));
 	}, [
 		e,
 		t,
@@ -441,7 +425,7 @@ var H = {
 		if (n === i.current) return;
 		i.current = n;
 		let e = r.current;
-		!t.current || !e || queueMicrotask(() => {
+		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;
@@ -800,49 +784,52 @@ var H = {
 }, G = {
 	icon: "_icon_1fv6z_1",
 	selectedIcon: "_selectedIcon_1fv6z_5"
-}, pt = ({ isOpen: e, onBack: t, backLabel: n = "Back", onClose: r, closeLabel: i = "Close", style: a, title: o = "Tools", items: s, onToolToggle: u, itemLabelClassName: d = "dial-small-text", colors: p }) => /* @__PURE__ */ F(U, {
-	isOpen: e,
-	title: o,
-	closeLabel: i,
-	onClose: r,
-	onBack: t,
-	backLabel: n,
-	style: a,
-	children: /* @__PURE__ */ F("ul", {
-		role: "menu",
-		className: "flex flex-col pb-4",
-		style: c({
-			"--tbs-icon-text": p?.iconText,
-			"--tbs-selected-icon-text": p?.selectedIconText
-		}),
-		children: s.map((e) => /* @__PURE__ */ F("li", {
-			role: "none",
-			children: /* @__PURE__ */ F(m, {
-				type: "button",
-				role: "menuitemcheckbox",
-				"aria-checked": e.isSelected,
-				className: "w-full gap-3 px-4 py-[10px] text-start",
-				iconBefore: /* @__PURE__ */ F("span", {
-					className: l("flex items-center", G.icon),
-					children: e.icon
-				}),
-				iconAfter: e.isSelected ? /* @__PURE__ */ F("span", {
-					className: l("ms-auto", G.selectedIcon),
-					children: /* @__PURE__ */ F(me, {
-						size: f,
-						"aria-hidden": !0,
-						stroke: v
-					})
-				}) : null,
-				label: /* @__PURE__ */ F("span", {
-					className: d,
-					children: e.label
-				}),
-				onClick: () => u(e.id)
-			})
-		}, e.id))
-	})
-}), mt = {
+}, pt = ({ isOpen: e, onBack: t, backLabel: n = "Back", onClose: r, closeLabel: i = "Close", style: a, title: o = "Tools", items: s, onToolToggle: u, itemLabelClassName: d = "dial-small-text", colors: p }) => {
+	let h = c({
+		"--tbs-icon-text": p?.iconText,
+		"--tbs-selected-icon-text": p?.selectedIconText
+	});
+	return /* @__PURE__ */ F(U, {
+		isOpen: e,
+		title: o,
+		closeLabel: i,
+		onClose: r,
+		onBack: t,
+		backLabel: n,
+		style: a,
+		children: /* @__PURE__ */ F("ul", {
+			role: "menu",
+			className: "flex flex-col pb-4",
+			style: h,
+			children: s.map((e) => /* @__PURE__ */ F("li", {
+				role: "none",
+				children: /* @__PURE__ */ F(m, {
+					type: "button",
+					role: "menuitemcheckbox",
+					"aria-checked": e.isSelected,
+					className: "w-full gap-3 px-4 py-[10px] text-start",
+					iconBefore: /* @__PURE__ */ F("span", {
+						className: l("flex items-center", G.icon),
+						children: e.icon
+					}),
+					iconAfter: e.isSelected ? /* @__PURE__ */ F("span", {
+						className: l("ms-auto", G.selectedIcon),
+						children: /* @__PURE__ */ F(me, {
+							size: f,
+							"aria-hidden": !0,
+							stroke: v
+						})
+					}) : null,
+					label: /* @__PURE__ */ F("span", {
+						className: d,
+						children: e.label
+					}),
+					onClick: () => u(e.id)
+				})
+			}, e.id))
+		})
+	});
+}, mt = {
 	toolIcon: "_toolIcon_ma5s5_1",
 	chevronIcon: "_chevronIcon_ma5s5_5"
 }, ht = ({ onAttachClick: e, onRecordVoice: t, recordVoiceLabel: n = "Record voice", attachLabel: r, addMenuTitle: i, menuTitle: a, menuCloseLabel: s, style: u, listClassName: p = "w-[240px]", isDisabled: m = !1, chatSettings: h, extraMenuItems: g, toolsMenuItems: x = [], onToolToggle: C, toolsMenuTitle: T = "Tools", toolsBackLabel: E = "Back", menuOverlays: D, getCaretPosition: ee, colors: te }) => {
@@ -1090,23 +1077,23 @@ var H = {
 	chipClose: "_chipClose_1lvv5_25"
 }, gt = (e) => `Remove ${e}`, _t = ({ items: e, onToolToggle: t, onToolDismiss: n, canRemove: r = !0, removeLabel: i = gt, stateOnLabel: a, stateOffLabel: o, typography: s, colors: u }) => {
 	if (e.length === 0) return null;
-	let d = !!(a && o);
+	let d = !!(a && o), f = c({
+		"--ci-chip-bg": u?.chipBg,
+		"--ci-chip-border": u?.chipBorder,
+		"--ci-chip-icon": u?.chipIcon,
+		"--ci-chip-text": u?.chipText,
+		"--ci-chip-hover-bg": u?.chipHoverBg,
+		"--ci-chip-selected-bg": u?.chipSelectedBg,
+		"--ci-chip-selected-border": u?.chipSelectedBorder,
+		"--ci-chip-selected-icon": u?.chipSelectedIcon,
+		"--ci-chip-selected-text": u?.chipSelectedText,
+		"--ci-chip-state-text": u?.chipStateText,
+		"--ci-chip-close": u?.chipClose,
+		"--ci-chip-close-hover": u?.chipCloseHover
+	});
 	return /* @__PURE__ */ F("div", {
 		className: "flex flex-wrap items-center gap-2",
-		style: c({
-			"--ci-chip-bg": u?.chipBg,
-			"--ci-chip-border": u?.chipBorder,
-			"--ci-chip-icon": u?.chipIcon,
-			"--ci-chip-text": u?.chipText,
-			"--ci-chip-hover-bg": u?.chipHoverBg,
-			"--ci-chip-selected-bg": u?.chipSelectedBg,
-			"--ci-chip-selected-border": u?.chipSelectedBorder,
-			"--ci-chip-selected-icon": u?.chipSelectedIcon,
-			"--ci-chip-selected-text": u?.chipSelectedText,
-			"--ci-chip-state-text": u?.chipStateText,
-			"--ci-chip-close": u?.chipClose,
-			"--ci-chip-close-hover": u?.chipCloseHover
-		}),
+		style: f,
 		children: e.map((e) => /* @__PURE__ */ I("div", {
 			className: l(K.chip, e.isSelected && K.chipSelected, "flex min-w-0 items-center gap-1.5 rounded-full border py-1 transition-colors", r ? "pe-1 ps-2" : "px-2"),
 			children: [/* @__PURE__ */ I("button", {
@@ -1170,7 +1157,7 @@ var H = {
 		e.width = e.clientWidth || 200, e.height = e.clientHeight || 32;
 		let { width: n, height: r } = e;
 		t.clearRect(0, 0, n, r), t.fillStyle = getComputedStyle(e).color;
-		let i = Math.min(Math.max(1, Math.floor(n / bt)), xt - 1), a = m.current, o = h.current;
+		let i = Math.min(Math.max(1, Math.floor(n / bt)), 199), a = m.current, o = h.current;
 		t.save(), t.beginPath(), t.rect(0, 0, n, r), t.clip(), t.translate(-o, 0);
 		for (let e = 0; e <= i; e++) {
 			let n = ((a - i + e) % xt + xt) % xt, o = p.current[n] ?? 0, s = Math.min(1, o * 6), c = Math.max(3, s * r);
@@ -1414,9 +1401,7 @@ var H = {
 function Pt(e) {
 	if (e !== void 0) switch (typeof e) {
 		case "number": return e;
-		case "string":
-			if (e.endsWith("px")) return parseFloat(e);
-			break;
+		case "string": if (e.endsWith("px")) return parseFloat(e);
 	}
 }
 function Ft({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
@@ -1477,12 +1462,10 @@ function Rt(e = !1) {
 function J({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
 	if (t === "horizontal" && n) switch (Rt()) {
 		case "negative": return -r;
-		case "positive-descending":
-			if (e) {
-				let { clientWidth: t, scrollLeft: n, scrollWidth: r } = e;
-				return r - t - n;
-			}
-			break;
+		case "positive-descending": if (e) {
+			let { clientWidth: t, scrollLeft: n, scrollWidth: r } = e;
+			return r - t - n;
+		}
 	}
 	return r;
 }
@@ -1546,9 +1529,7 @@ function Z({ itemCount: e, itemProps: t, itemSize: n }) {
 					case "function":
 						a = n(e, t);
 						break;
-					case "number":
-						a = n;
-						break;
+					case "number": a = n;
 				}
 				if (e === 0) r.set(e, {
 					size: a,
@@ -1590,9 +1571,7 @@ function Ut({ containerSize: e, itemSize: 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;
 			break;
-		default:
-			n = t;
-			break;
+		default: n = t;
 	}
 	return n;
 }
@@ -1646,18 +1625,21 @@ function Wt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		h,
 		a,
 		m
-	]), w = L((t) => Vt({
-		cachedBounds: h,
-		containerScrollOffset: J({
+	]), w = L((t) => {
+		let n = J({
 			containerElement: e,
 			direction: r,
 			isRtl: i,
 			scrollOffset: t
-		}),
-		containerSize: p,
-		itemCount: a,
-		overscanCount: l
-	}), [
+		});
+		return Vt({
+			cachedBounds: h,
+			containerScrollOffset: n,
+			containerSize: p,
+			itemCount: a,
+			overscanCount: l
+		});
+	}, [
 		h,
 		e,
 		p,
@@ -1667,7 +1649,8 @@ function Wt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		l
 	]);
 	return Nt(() => {
-		v(w((r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0));
+		let t = (r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0;
+		v(w(t));
 	}, [
 		e,
 		r,
@@ -1676,19 +1659,19 @@ function Wt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		if (!e) return;
 		let t = () => {
 			v((t) => {
-				let { scrollLeft: n, scrollTop: o } = e, s = Vt({
+				let { scrollLeft: n, scrollTop: o } = e, s = J({
+					containerElement: e,
+					direction: r,
+					isRtl: i,
+					scrollOffset: r === "vertical" ? o : n
+				}), c = Vt({
 					cachedBounds: h,
-					containerScrollOffset: J({
-						containerElement: e,
-						direction: r,
-						isRtl: i,
-						scrollOffset: r === "vertical" ? o : n
-					}),
+					containerScrollOffset: s,
 					containerSize: p,
 					itemCount: a,
 					overscanCount: l
 				});
-				return X(s, t) ? t : s;
+				return X(c, t) ? t : c;
 			});
 		};
 		return e.addEventListener("scroll", t), () => {
@@ -2117,7 +2100,7 @@ var Xt = {
 			Zt.current(e?.selectionStart ?? e?.value.length ?? 0);
 		});
 	}, en = (e) => {
-		e.key !== "ArrowLeft" && e.key !== "ArrowRight" && e.key !== "Home" && e.key !== "End" && e.key !== "PageUp" && e.key !== "PageDown" || Wt(e.currentTarget.selectionStart ?? J.length);
+		(e.key === "ArrowLeft" || e.key === "ArrowRight" || e.key === "Home" || e.key === "End" || e.key === "PageUp" || e.key === "PageDown") && Wt(e.currentTarget.selectionStart ?? J.length);
 	}, nn = G?.emptyQueryHint != null, rn = G != null && Z != null ? Z + G.triggerPrefix.length : null, an = rn != null && J.slice(rn).split("\n", 1)[0] !== "", on = nn && Bt && Vt === "" && rn != null && !an, Q = G != null && Bt ? Z ?? 0 : null, sn = B(null), cn = B(null), [ln, un] = V(null), dn = L(() => {
 		let e = sn.current, t = cn.current;
 		if (e == null || t == null) {
@@ -2159,7 +2142,7 @@ var Xt = {
 		X
 	]), pn = B(void 0);
 	R(() => {
-		ft == null || pn.current === t || (pn.current = t, X.current?.setSelectionRange(ft, ft), Wt(ft));
+		ft != null && pn.current !== t && (pn.current = t, X.current?.setSelectionRange(ft, ft), Wt(ft));
 	}, [J]);
 	let { attachments: mn, buildAttachments: hn, addAttachments: gn, resetAttachments: _n, handleRemove: vn, handleRetry: yn, handleExpand: bn, hasBlockedAttachments: xn } = Me({
 		initialAttachments: we,
@@ -2221,20 +2204,20 @@ var Xt = {
 		kt,
 		In,
 		G
-	]), Rn = J.trim().length > 0 || mn.length > 0, zn = Rn && !xn && !Pe && !$, [Bn, Vn] = V([]);
+	]), Rn = J.trim().length > 0 || mn.length > 0, zn = Rn && !xn && !Pe && !$, [Bn, Vn] = V([]), Hn = (et ?? []).map((e) => e.id).join("|");
 	R(() => {
 		Vn([]);
-	}, [(et ?? []).map((e) => e.id).join("|")]);
-	let Hn = z(() => {
+	}, [Hn]);
+	let Un = z(() => {
 		let e = et ?? [];
 		return at ? e.filter((e) => e.isSelected || !Bn.includes(e.id)) : e;
 	}, [
 		et,
 		Bn,
 		at
-	]), Un = L((e) => {
+	]), Wn = L((e) => {
 		Vn((t) => t.includes(e) ? t : [...t, e]), et?.find((t) => t.id === e)?.isSelected && tt?.(e);
-	}, [et, tt]), Wn = be === void 0 || xe != null, Gn = Fe && !s, Kn = async () => {
+	}, [et, tt]), Gn = be === void 0 || xe != null, Kn = Fe && !s, qn = async () => {
 		if (Pe || $) return;
 		if (J.length >= ye) {
 			kt?.(J.length, ye);
@@ -2249,15 +2232,15 @@ var Xt = {
 		} catch {
 			Y(e), _n(t);
 		}
-	}, qn = (e) => We === rt.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey, Jn = (e) => {
+	}, Jn = (e) => We === rt.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey, Yn = (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" ? Le.Next : Le.Previous), !0;
 		if (e.key !== "Enter" || e.shiftKey) return !1;
 		let t = Xt();
-		return t == null ? qn(e) ? (e.preventDefault(), !0) : !1 : (e.preventDefault(), t.click(), !0);
-	}, Yn = (e) => {
-		if (!$ && !zt(e) && !Jn(e)) {
+		return t == null ? Jn(e) ? (e.preventDefault(), !0) : !1 : (e.preventDefault(), t.click(), !0);
+	}, Xn = (e) => {
+		if (!$ && !zt(e) && !Yn(e)) {
 			if (!e.nativeEvent.isComposing && !W && !s) {
 				if (e.key === "ArrowUp" || e.key === "ArrowDown") {
 					let t = e.currentTarget.selectionStart ?? 0, n = Pt.navigate(e.key === "ArrowUp" ? "up" : "down", J, t);
@@ -2276,14 +2259,14 @@ var Xt = {
 					}
 				}
 			}
-			e.key === "Enter" && qn(e) && (e.preventDefault(), !s && zn && Wn && !W && Kn());
+			e.key === "Enter" && Jn(e) && (e.preventDefault(), !s && zn && Gn && !W && qn());
 		}
-	}, Xn = (e) => {
+	}, Zn = (e) => {
 		let t = Array.from(e.target.files ?? []);
 		if (t.length === 0) return;
 		let n = hn(t);
 		e.target.value = "", gn(n);
-	}, Zn = z(() => {
+	}, Qn = z(() => {
 		let e = [];
 		return Q != null && e.push({
 			offset: Q,
@@ -2306,10 +2289,10 @@ var Xt = {
 		on,
 		G,
 		rn
-	]), Qn = It || Zn.length > 0, { mirrorRef: $n, selectionRects: er, updateSelectionRects: tr, syncMirrorToTextarea: nr } = Ge({
+	]), $n = It || Qn.length > 0, { mirrorRef: er, selectionRects: tr, updateSelectionRects: nr, syncMirrorToTextarea: rr } = Ge({
 		textareaRef: X,
 		message: J,
-		isMirrorActive: Qn
+		isMirrorActive: $n
 	});
 	Ae(() => {
 		dn();
@@ -2318,8 +2301,8 @@ var Xt = {
 		Q,
 		J
 	]);
-	let rr = /* @__PURE__ */ F("textarea", {
-		className: l(q.textarea, Qn && 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"),
+	let ir = /* @__PURE__ */ F("textarea", {
+		className: l(q.textarea, $n && 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: pt,
 		value: J,
@@ -2328,13 +2311,13 @@ var Xt = {
 			let t = e.nativeEvent instanceof InputEvent ? e.nativeEvent : void 0;
 			Gt(e.target.value, e.target.selectionStart ?? e.target.value.length, t?.isComposing ?? !1), u?.(e.target.value);
 		},
-		onSelect: tr,
+		onSelect: nr,
 		onScroll: () => {
-			nr(), Q != null && dn();
+			rr(), Q != null && dn();
 		},
 		onFocus: $t,
 		onClick: Qt,
-		onKeyDown: Yn,
+		onKeyDown: Xn,
 		onKeyUp: en,
 		onPaste: Ln,
 		placeholder: m,
@@ -2346,7 +2329,7 @@ var Xt = {
 		disabled: W,
 		readOnly: $,
 		rows: 1
-	}), ir = G == null ? rr : /* @__PURE__ */ I(P, { children: [rr, /* @__PURE__ */ F("div", {
+	}), ar = G == null ? ir : /* @__PURE__ */ I(P, { children: [ir, /* @__PURE__ */ F("div", {
 		"aria-hidden": !0,
 		className: l("pointer-events-none absolute", N?.fontClassName || "dial-body-paragraph-text"),
 		style: {
@@ -2363,30 +2346,33 @@ var Xt = {
 			initialFocus: -1,
 			matchReferenceWidth: !1,
 			outsidePressIgnoreRef: X,
-			renderOverlay: () => /* @__PURE__ */ F("div", {
-				ref: qt,
-				role: G.menuLabel == null ? void 0 : "group",
-				"aria-label": G.menuLabel,
-				children: G.renderMenu({
-					query: Vt,
-					caretPosition: Z ?? 0,
-					close: fn,
-					listboxId: Kt,
-					activeOptionId: Jt
-				})
-			}),
+			renderOverlay: () => {
+				let e = G.menuLabel != null;
+				return /* @__PURE__ */ F("div", {
+					ref: qt,
+					role: e ? "group" : void 0,
+					"aria-label": G.menuLabel,
+					children: G.renderMenu({
+						query: Vt,
+						caretPosition: Z ?? 0,
+						close: fn,
+						listboxId: Kt,
+						activeOptionId: Jt
+					})
+				});
+			},
 			children: /* @__PURE__ */ F("span", {
 				"aria-hidden": !0,
 				className: "inline-block h-[1lh] w-0"
 			})
 		})
-	})] }), ar = /* @__PURE__ */ I("div", {
+	})] }), or = /* @__PURE__ */ I("div", {
 		ref: cn,
 		className: "relative -me-1 -ms-1 w-[calc(100%+8px)]",
-		children: [Qn && /* @__PURE__ */ I("div", {
-			ref: $n,
+		children: [$n && /* @__PURE__ */ I("div", {
+			ref: er,
 			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: [He(J, Ft, Zn, q.mentionHighlight, q.mentionHighlightUnsupported), er.map((e, t) => /* @__PURE__ */ F("div", {
+			children: [He(J, Ft, Qn, q.mentionHighlight, q.mentionHighlightUnsupported), tr.map((e, t) => /* @__PURE__ */ F("div", {
 				"aria-hidden": !0,
 				className: "pointer-events-none absolute rounded-sm bg-control-accent-alpha-active",
 				style: {
@@ -2396,8 +2382,8 @@ var Xt = {
 					height: e.height
 				}
 			}, `selection-${t}`))]
-		}), ir]
-	}), or = Te ? void 0 : /* @__PURE__ */ F(ht, {
+		}), ar]
+	}), sr = Te ? void 0 : /* @__PURE__ */ F(ht, {
 		onAttachClick: Ee ? void 0 : () => Nn.current?.click(),
 		attachLabel: g,
 		addMenuTitle: C,
@@ -2415,15 +2401,15 @@ var Xt = {
 		toolsBackLabel: st,
 		menuOverlays: lt,
 		getCaretPosition: () => X.current?.selectionStart ?? J.length
-	}), sr = Oe === it.Inline && (!jt || je), cr = or && /* @__PURE__ */ F("div", {
+	}), cr = Oe === it.Inline && (!jt || je), lr = sr && /* @__PURE__ */ F("div", {
 		className: l("flex", H.addCluster),
-		children: or
-	}), lr = Hn.length > 0 && tt != null && /* @__PURE__ */ F("div", {
+		children: sr
+	}), ur = Un.length > 0 && tt != null && /* @__PURE__ */ F("div", {
 		className: l("min-w-0 flex-1", H.toolsChips),
 		children: /* @__PURE__ */ F(_t, {
-			items: Hn,
+			items: Un,
 			onToolToggle: tt,
-			onToolDismiss: Un,
+			onToolDismiss: Wn,
 			canRemove: at,
 			removeLabel: ct?.removeLabel,
 			stateOnLabel: ct?.stateOnLabel,
@@ -2466,7 +2452,7 @@ var Xt = {
 				className: "sr-only",
 				"aria-hidden": !0,
 				tabIndex: -1,
-				onChange: Xn
+				onChange: Zn
 			}),
 			kn && /* @__PURE__ */ F(x, {
 				text: kn,
@@ -2478,31 +2464,31 @@ var Xt = {
 				analyserNodeRef: On,
 				onStop: jn,
 				onDiscard: Mn,
-				attachButton: or,
+				attachButton: sr,
 				stopLabel: ae,
 				discardLabel: oe,
 				processingLabel: Be
 			}),
-			!$ && De && ar,
-			!$ && !De && sr && lr && /* @__PURE__ */ F("div", {
+			!$ && De && or,
+			!$ && !De && cr && ur && /* @__PURE__ */ F("div", {
 				className: "flex",
-				children: lr
+				children: ur
 			}),
 			!$ && !De && /* @__PURE__ */ I("div", {
-				className: l("flex items-center gap-2", sr ? "flex-nowrap" : "flex-wrap", H.actionRow),
+				className: l("flex items-center gap-2", cr ? "flex-nowrap" : "flex-wrap", H.actionRow),
 				children: [
-					sr && cr,
+					cr && lr,
 					/* @__PURE__ */ F("div", {
-						className: l("flex min-w-0 items-center self-stretch", sr ? "flex-1" : "w-full", H.textareaWrap),
-						children: ar
+						className: l("flex min-w-0 items-center self-stretch", cr ? "flex-1" : "w-full", H.textareaWrap),
+						children: or
 					}),
-					!sr && cr,
-					!sr && lr,
+					!cr && lr,
+					!cr && ur,
 					/* @__PURE__ */ F("div", {
 						className: l("ms-auto flex flex-shrink-0 items-center gap-2", H.footerActions),
 						children: U ? U({
 							canSend: zn,
-							onSend: Kn
+							onSend: qn
 						}) : /* @__PURE__ */ I(P, { children: [
 							Ot,
 							/* @__PURE__ */ F(tn, {
@@ -2520,7 +2506,7 @@ var Xt = {
 								onPickerToggle: () => Nt((e) => !e),
 								onPickerOpenChange: Nt
 							}),
-							Gn && /* @__PURE__ */ F(S, {
+							Kn && /* @__PURE__ */ F(S, {
 								icon: /* @__PURE__ */ F(ve, {
 									size: _.LG,
 									stroke: v,
@@ -2536,8 +2522,8 @@ var Xt = {
 								onStop: o,
 								ariaLabel: ne
 							}) : !s && /* @__PURE__ */ F(Ct, {
-								onSend: Kn,
-								isDisabled: !Wn || !zn,
+								onSend: qn,
+								isDisabled: !Gn || !zn,
 								ariaLabel: k,
 								sendTooltip: Rn ? A : j ?? A
 							})
@@ -2560,12 +2546,12 @@ var rn = {
 	welcome: "_welcome_1icyo_1",
 	description: "_description_1icyo_5"
 }, an = ({ isStreaming: e = !1, placeholder: t = "Type a prompt or use \"/\" to select one", welcomeText: n, descriptionText: r, belowWelcomeSlot: i, aboveInputSlot: a, styles: o, className: s, inputClassName: u, isInputDisabled: d = !1, ...f }) => {
-	let { colors: p, typography: m, attachmentTray: h, modelMenu: g } = o ?? {};
+	let { colors: p, typography: m, attachmentTray: h, modelMenu: g } = o ?? {}, _ = c({
+		"--ci-welcome-color": p?.welcomeText,
+		"--ci-description-color": p?.descriptionText
+	});
 	return /* @__PURE__ */ I("div", {
-		style: c({
-			"--ci-welcome-color": p?.welcomeText,
-			"--ci-description-color": p?.descriptionText
-		}),
+		style: _,
 		className: l("relative flex w-full flex-col items-center gap-9 px-4 py-5 desktop:p-5", s),
 		children: [
 			n && /* @__PURE__ */ I("div", {
@@ -2611,13 +2597,7 @@ var rn = {
 	}, De = L((e, t) => {
 		p(e, Se, t);
 	}, [Se, p]), Oe = () => {
-		if (Te) {
-			if (ve.length >= de) {
-				fe?.(ve.length, de);
-				return;
-			}
-			De(ve, be);
-		}
+		Te && (ve.length >= de ? fe?.(ve.length, de) : De(ve, be));
 	}, ke = L(() => ge([]), []), Ae = L((e) => {
 		ye(e), n?.(e);
 	}, [n]), H = L((e) => {

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.8",
+  "version": "1.2.10",
   "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.8"
+    "@epam/ai-dial-attachment-input": "1.2.10"
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.2.8",
+    "@epam/ai-dial-chat-shared": "1.2.10",
     "react": "^19.2.8",
     "@epam/ai-dial-ui-kit": "^0.15.4"
   },