@epam/ai-dial-conversation-input 1.1.0-dev.293 → 1.1.0-dev.294

package/index.js

@@ -1,6 +1,6 @@
 import { AttachmentErrorReason as e, AttachmentType as t, DeploymentIcon as n, RequestStatus as r, ResponseFormat as i, buildCssVars as a, mergeClasses as o, useIsMobile as s } from "@epam/ai-dial-chat-shared";
 import { BASE_ICON_SIZE as c, Button as l, CloseButton as u, DIAL_ICON_SIZE as d, DialDropdownIcon as f, Dropdown as p, ElementSize as m, ErrorText as h, GhostIconButton as g, Highlight as _, NeutralButton as v, Popup as y, PopupSize as b, PrimaryButton as x, PrimaryIconButton as S, RadioGroup as C, RadioGroupOrientation as w, Search as T, Skeleton as E, SkeletonVariant as D, Slider as O, StaticIconButton as k, Textarea as A, Tooltip as j } from "@epam/ai-dial-ui-kit";
-import { IconArrowLeft as ee, IconArrowNarrowRight as te, IconCheck as M, IconChevronDown as ne, IconChevronRight as N, IconFile as re, IconMicrophone as ie, IconPaperclip as ae, IconPlayerStopFilled as P, IconPlaystationSquare as F, IconPlus as oe, IconPrompt as se, IconSettings as ce, IconTool as le, IconX as I } from "@tabler/icons-react";
+import { IconArrowLeft as ee, IconArrowNarrowRight as M, IconCheck as N, IconChevronDown as te, IconChevronRight as P, IconFile as ne, IconMicrophone as re, IconPaperclip as ie, IconPlayerStopFilled as F, IconPlaystationSquare as I, IconPlus as ae, IconPrompt as oe, IconSettings as se, IconTool as ce, IconX as le } from "@tabler/icons-react";
 import { createPortal as ue } from "react-dom";
 import { createElement as L, memo as R, useCallback as z, useEffect as B, useImperativeHandle as de, useLayoutEffect as fe, useMemo as V, useRef as H, useState as U } from "react";
 import { Fragment as W, jsx as G, jsxs as K } from "react/jsx-runtime";
@@ -485,7 +485,7 @@ var Se = (e, t) => {
 		]
 	});
 }, Ve = ({ isOpen: e, onBack: t, backLabel: n, onClose: r, closeLabel: i, style: a, features: s, initialResponseFormat: c, initialSystemPrompt: l, initialTemperature: u, onSave: d, title: f = "Chat settings", responseFormatLabel: p, responseFormatHint: m, responseFormatMarkdownLabel: h, responseFormatPlainTextLabel: g, systemPromptLabel: _, systemPromptTooltip: v, temperatureLabel: y, temperatureLabels: b, temperatureHint: S, saveLabel: C = "Apply changes", saveDisabledTooltip: w }) => {
-	let { responseFormat: T, systemPrompt: E, temperature: D, canSubmit: O, setResponseFormat: k, setSystemPrompt: A, setTemperature: ee, handleSubmit: te } = Re({
+	let { responseFormat: T, systemPrompt: E, temperature: D, canSubmit: O, setResponseFormat: k, setSystemPrompt: A, setTemperature: ee, handleSubmit: M } = Re({
 		isOpen: e,
 		features: s,
 		initialResponseFormat: c,
@@ -527,7 +527,7 @@ var Se = (e, t) => {
 				triggerClassName: "w-full",
 				children: /* @__PURE__ */ G(x, {
 					label: C,
-					onClick: te,
+					onClick: M,
 					disabled: !O,
 					className: "w-full"
 				})
@@ -614,7 +614,7 @@ var We = {
 				}),
 				iconAfter: e.isSelected ? /* @__PURE__ */ G("span", {
 					className: o("ms-auto", We.selectedIcon),
-					children: /* @__PURE__ */ G(M, {
+					children: /* @__PURE__ */ G(N, {
 						size: c,
 						"aria-hidden": !0
 					})
@@ -632,7 +632,7 @@ var We = {
 	toolIcon: "_toolIcon_r268y_5",
 	chevronIcon: "_chevronIcon_r268y_9"
 }, qe = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, menuCloseLabel: l, style: u, listClassName: f = "w-[240px]", isDisabled: h = !1, chatSettings: _, extraMenuItems: v, toolsMenuItems: y = [], onToolToggle: b, toolsMenuTitle: x = "Tools", toolsBackLabel: S = "Back", promptsMenuOverlay: C, promptsMenuTitle: w = "Prompts", promptsBackLabel: T = "Back", colors: E }) => {
-	let D = s(), [O, k] = U(!1), [A, j] = U(!1), [ee, te] = U(!1), [ne, re] = U(!1), [ie, P] = U(!1), F = V(() => a({
+	let D = s(), [O, k] = U(!1), [A, j] = U(!1), [ee, M] = U(!1), [te, ne] = U(!1), [re, F] = U(!1), I = V(() => a({
 		"--aab-selected-tool-icon": E?.selectedToolIcon,
 		"--aab-tool-icon": E?.toolIcon,
 		"--aab-chevron-icon": E?.chevronIcon
@@ -640,22 +640,22 @@ var We = {
 		E?.selectedToolIcon,
 		E?.toolIcon,
 		E?.chevronIcon
-	]), I = y.length > 0 && b != null, ue = V(() => y.map((e) => ({
+	]), le = y.length > 0 && b != null, ue = V(() => y.map((e) => ({
 		key: e.id,
 		label: /* @__PURE__ */ K("span", {
 			className: "flex flex-1 items-center gap-2",
 			children: [/* @__PURE__ */ G("span", {
 				className: "flex-1",
 				children: e.label
-			}), e.isSelected && /* @__PURE__ */ G(M, {
+			}), e.isSelected && /* @__PURE__ */ G(N, {
 				size: c,
-				style: F,
+				style: I,
 				className: Ke.selectedToolIcon,
 				"aria-hidden": !0
 			})]
 		}),
 		icon: /* @__PURE__ */ G("span", {
-			style: F,
+			style: I,
 			className: o("flex items-center", Ke.toolIcon),
 			children: e.icon
 		}),
@@ -663,32 +663,32 @@ var We = {
 	})), [
 		y,
 		b,
-		F
+		I
 	]), L = V(() => [
 		...e == null ? [] : [{
 			key: "attach",
 			label: t,
-			icon: /* @__PURE__ */ G(ae, {
+			icon: /* @__PURE__ */ G(ie, {
 				size: c,
 				"aria-hidden": !0
 			}),
 			onClick: e
 		}],
 		...v ?? [],
-		...I ? [{
+		...le ? [{
 			key: "tools",
 			label: x,
-			icon: /* @__PURE__ */ G(le, {
+			icon: /* @__PURE__ */ G(ce, {
 				size: c,
 				"aria-hidden": !0
 			}),
 			onClick: D ? () => {
-				te(!0), k(!1);
+				M(!0), k(!1);
 			} : () => void 0,
-			...D ? { iconAfter: /* @__PURE__ */ G(N, {
+			...D ? { iconAfter: /* @__PURE__ */ G(P, {
 				size: c,
 				stroke: 1.5,
-				style: F,
+				style: I,
 				className: o("rtl:scale-x-[-1]", Ke.chevronIcon),
 				"aria-hidden": !0
 			}) } : { children: ue }
@@ -696,17 +696,17 @@ var We = {
 		...C == null ? [] : [{
 			key: "prompts",
 			label: w,
-			icon: /* @__PURE__ */ G(se, {
+			icon: /* @__PURE__ */ G(oe, {
 				size: c,
 				"aria-hidden": !0
 			}),
 			onClick: D ? () => {
-				re(!0), k(!1);
+				ne(!0), k(!1);
 			} : () => void 0,
-			...D ? { iconAfter: /* @__PURE__ */ G(N, {
+			...D ? { iconAfter: /* @__PURE__ */ G(P, {
 				size: c,
 				stroke: 1.5,
-				style: F,
+				style: I,
 				className: o("rtl:scale-x-[-1]", Ke.chevronIcon),
 				"aria-hidden": !0
 			}) } : {
@@ -714,20 +714,20 @@ var We = {
 					key: "prompts-panel",
 					label: ""
 				}],
-				renderSubMenu: () => C(() => P(!1))
+				renderSubMenu: () => C(() => F(!1))
 			}
 		}],
 		..._ == null ? [] : [{
 			key: "chat-settings",
 			label: _.menuItemLabel ?? "Chat settings",
-			icon: /* @__PURE__ */ G(ce, {
+			icon: /* @__PURE__ */ G(se, {
 				size: c,
 				"aria-hidden": !0
 			}),
-			iconAfter: D ? /* @__PURE__ */ G(N, {
+			iconAfter: D ? /* @__PURE__ */ G(P, {
 				size: c,
 				stroke: 1.5,
-				style: F,
+				style: I,
 				className: o("rtl:scale-x-[-1]", Ke.chevronIcon),
 				"aria-hidden": !0
 			}) : null,
@@ -739,12 +739,12 @@ var We = {
 		_,
 		v,
 		D,
-		I,
+		le,
 		x,
 		ue,
 		C,
 		w,
-		F
+		I
 	]);
 	if (L.length === 0) return null;
 	let R = /* @__PURE__ */ G(p, {
@@ -752,10 +752,10 @@ var We = {
 		placement: "bottom-start",
 		listClassName: f,
 		items: L,
-		open: C == null ? void 0 : ie,
-		onOpenChange: C == null ? void 0 : P,
+		open: C == null ? void 0 : re,
+		onOpenChange: C == null ? void 0 : F,
 		children: /* @__PURE__ */ G(g, {
-			icon: /* @__PURE__ */ G(oe, {
+			icon: /* @__PURE__ */ G(ae, {
 				size: d.LG,
 				"aria-hidden": !0
 			}),
@@ -766,7 +766,7 @@ var We = {
 	});
 	return /* @__PURE__ */ G(W, { children: D ? /* @__PURE__ */ K(W, { children: [
 		/* @__PURE__ */ G(g, {
-			icon: /* @__PURE__ */ G(oe, {
+			icon: /* @__PURE__ */ G(ae, {
 				size: d.LG,
 				"aria-hidden": !0
 			}),
@@ -786,13 +786,13 @@ var We = {
 			className: "pb-4",
 			btnTextClassName: "flex-1"
 		}),
-		I && /* @__PURE__ */ G(Ge, {
+		le && /* @__PURE__ */ G(Ge, {
 			isOpen: ee,
 			onBack: () => {
-				te(!1), k(!0);
+				M(!1), k(!0);
 			},
 			backLabel: S,
-			onClose: () => te(!1),
+			onClose: () => M(!1),
 			closeLabel: l,
 			style: u,
 			title: x,
@@ -800,16 +800,16 @@ var We = {
 			onToolToggle: b
 		}),
 		C != null && /* @__PURE__ */ G(q, {
-			isOpen: ne,
+			isOpen: te,
 			title: w,
 			closeLabel: l,
 			onBack: () => {
-				re(!1), k(!0);
+				ne(!1), k(!0);
 			},
 			backLabel: T,
-			onClose: () => re(!1),
+			onClose: () => ne(!1),
 			style: u,
-			children: C(() => re(!1))
+			children: C(() => ne(!1))
 		}),
 		_ != null && /* @__PURE__ */ G(Ve, {
 			isOpen: A,
@@ -859,94 +859,76 @@ var We = {
 		saveDisabledTooltip: _.saveDisabledTooltip
 	})] }) });
 }, J = {
-	chip: "_chip_1gu87_1",
-	chipIcon: "_chipIcon_1gu87_6",
-	chipText: "_chipText_1gu87_10",
-	chipClose: "_chipClose_1gu87_14"
-}, Je = (e) => `${e} tool${e === 1 ? "" : "s"}`, Ye = (e) => `Remove ${e}`, Xe = ({ items: e, onToolToggle: t, isMobile: n, countLabel: r = Je, removeLabel: i = Ye, typography: s, colors: l }) => {
-	let u = e.filter((e) => e.isSelected);
-	if (u.length === 0) return null;
-	let d = a({
-		"--ci-chip-bg": l?.chipBg,
-		"--ci-chip-border": l?.chipBorder,
-		"--ci-chip-icon": l?.chipIcon,
-		"--ci-chip-text": l?.chipText,
-		"--ci-chip-close": l?.chipClose,
-		"--ci-chip-close-hover": l?.chipCloseHover
-	});
-	if (n) {
-		let e = u.length === 1, t = e ? u[0].icon : /* @__PURE__ */ G(le, {
-			size: c,
-			"aria-hidden": !0
-		}), n = e ? u[0].label : r(u.length);
-		return /* @__PURE__ */ G("div", {
-			className: "flex flex-wrap items-center gap-2",
-			style: d,
-			children: /* @__PURE__ */ K("div", {
-				className: o(J.chip, "flex min-w-0 items-center gap-1.5 rounded-full border px-2 py-1"),
-				children: [/* @__PURE__ */ G("span", {
-					className: o(J.chipIcon, "shrink-0"),
-					"aria-hidden": !0,
-					children: t
-				}), /* @__PURE__ */ G("span", {
-					className: o(J.chipText, s?.fontClassName || "dial-small-paragraph-text", "truncate"),
-					children: n
-				})]
+	chip: "_chip_ydmd8_1",
+	chipSelected: "_chipSelected_ydmd8_9",
+	chipIcon: "_chipIcon_ydmd8_16",
+	chipText: "_chipText_ydmd8_19",
+	chipClose: "_chipClose_ydmd8_22"
+}, Je = (e) => `Remove ${e}`, Ye = ({ items: e, onToolToggle: t, onToolDismiss: n, removeLabel: r = Je, typography: i, colors: s }) => e.length === 0 ? null : /* @__PURE__ */ G("div", {
+	className: "flex flex-wrap items-center gap-2",
+	style: a({
+		"--ci-chip-bg": s?.chipBg,
+		"--ci-chip-border": s?.chipBorder,
+		"--ci-chip-icon": s?.chipIcon,
+		"--ci-chip-text": s?.chipText,
+		"--ci-chip-hover-bg": s?.chipHoverBg,
+		"--ci-chip-selected-bg": s?.chipSelectedBg,
+		"--ci-chip-selected-border": s?.chipSelectedBorder,
+		"--ci-chip-selected-icon": s?.chipSelectedIcon,
+		"--ci-chip-selected-text": s?.chipSelectedText,
+		"--ci-chip-close": s?.chipClose,
+		"--ci-chip-close-hover": s?.chipCloseHover
+	}),
+	children: e.map((e) => /* @__PURE__ */ K("div", {
+		className: o(J.chip, e.isSelected && J.chipSelected, "flex min-w-0 items-center gap-1.5 rounded-full border py-1 pe-1 ps-2 transition-colors"),
+		children: [/* @__PURE__ */ K("button", {
+			type: "button",
+			onClick: () => t(e.id),
+			"aria-pressed": e.isSelected,
+			className: "flex min-w-0 items-center gap-1.5",
+			children: [/* @__PURE__ */ G("span", {
+				className: o(J.chipIcon, "shrink-0"),
+				"aria-hidden": !0,
+				children: e.icon
+			}), /* @__PURE__ */ G("span", {
+				className: o(J.chipText, i?.fontClassName || "dial-small-paragraph-text", "truncate"),
+				children: e.label
+			})]
+		}), /* @__PURE__ */ G("button", {
+			type: "button",
+			onClick: () => n(e.id),
+			"aria-label": r(e.label),
+			className: o(J.chipClose, "flex shrink-0 items-center rounded p-0.5 transition-colors"),
+			children: /* @__PURE__ */ G(le, {
+				size: 12,
+				"aria-hidden": !0
 			})
-		});
-	}
-	return /* @__PURE__ */ G("div", {
-		className: "flex flex-wrap items-center gap-2",
-		style: d,
-		children: u.map((e) => /* @__PURE__ */ K("div", {
-			className: o(J.chip, "flex items-center gap-1.5 rounded-full border py-1 pe-1 ps-2"),
-			children: [
-				/* @__PURE__ */ G("span", {
-					className: J.chipIcon,
-					"aria-hidden": !0,
-					children: e.icon
-				}),
-				/* @__PURE__ */ G("span", {
-					className: o(J.chipText, s?.fontClassName || "dial-small-paragraph-text"),
-					children: e.label
-				}),
-				/* @__PURE__ */ G("button", {
-					type: "button",
-					onClick: () => t(e.id),
-					className: o(J.chipClose, "flex items-center rounded p-0.5 transition-colors"),
-					"aria-label": i(e.label),
-					children: /* @__PURE__ */ G(I, {
-						size: 12,
-						"aria-hidden": !0
-					})
-				})
-			]
-		}, e.id))
-	});
-}, Y = {
+		})]
+	}, e.id))
+}), Y = {
 	wrapper: "_wrapper_10e5r_1",
 	wrapperDisabled: "_wrapperDisabled_10e5r_8",
 	textarea: "_textarea_10e5r_13",
 	modelSelectorButton: "_modelSelectorButton_10e5r_24",
 	modelSelectorCaret: "_modelSelectorCaret_10e5r_24",
 	modelSelectorButtonDisabled: "_modelSelectorButtonDisabled_10e5r_33"
-}, X = {
+}, Xe = {
 	wrapperError: "_wrapperError_129ri_1",
 	waveformCanvas: "_waveformCanvas_129ri_5",
 	recordingDot: "_recordingDot_129ri_19",
 	"recording-pulse": "_recording-pulse_129ri_1"
-}, Ze = 3, Qe = 4, $e = 200, et = ({ state: e, analyserNodeRef: t, errorMessage: n, onStop: r, onDiscard: i, stopLabel: a = "Stop recording", discardLabel: s = "Discard recording", style: c, className: l }) => {
-	let u = H(null), f = H(new Float32Array($e)), p = H(0), m = H(0), _ = e === je.Recording, v = e === je.Error, y = z((e) => {
+}, Ze = 3, X = 4, Z = 200, Qe = ({ state: e, analyserNodeRef: t, errorMessage: n, onStop: r, onDiscard: i, stopLabel: a = "Stop recording", discardLabel: s = "Discard recording", style: c, className: l }) => {
+	let u = H(null), f = H(new Float32Array(Z)), p = H(0), m = H(0), _ = e === je.Recording, v = e === je.Error, y = z((e) => {
 		let t = e.getContext("2d");
 		if (!t) return;
 		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 / Qe)), $e - 1), a = p.current, o = m.current;
+		let i = Math.min(Math.max(1, Math.floor(n / X)), Z - 1), a = p.current, o = m.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) % $e + $e) % $e, o = f.current[n] ?? 0, s = Math.min(1, o * 6), c = Math.max(3, s * r);
-			t.fillRect(e * Qe, (r - c) / 2, Ze, c);
+			let n = ((a - i + e) % Z + Z) % Z, o = f.current[n] ?? 0, s = Math.min(1, o * 6), c = Math.max(3, s * r);
+			t.fillRect(e * X, (r - c) / 2, Ze, c);
 		}
 		t.restore();
 	}, []);
@@ -956,8 +938,8 @@ var We = {
 		if (!e) return;
 		f.current.fill(0), p.current = 0, m.current = 0;
 		let n, r = () => {
-			if (m.current += 1, m.current >= Qe) {
-				m.current -= Qe;
+			if (m.current += 1, m.current >= X) {
+				m.current -= X;
 				let e = t.current;
 				if (e) {
 					let t = new Uint8Array(e.frequencyBinCount);
@@ -967,7 +949,7 @@ var We = {
 						let r = (t[e] - 128) / 128;
 						n += r * r;
 					}
-					f.current[p.current % $e] = Math.sqrt(n / t.length), p.current++;
+					f.current[p.current % Z] = Math.sqrt(n / t.length), p.current++;
 				}
 			}
 			y(e), n = requestAnimationFrame(r);
@@ -990,14 +972,14 @@ var We = {
 	let b = /* @__PURE__ */ K("div", {
 		className: "flex flex-shrink-0 items-center justify-end gap-1",
 		children: [/* @__PURE__ */ G(g, {
-			icon: /* @__PURE__ */ G(I, {
+			icon: /* @__PURE__ */ G(le, {
 				size: d.LG,
 				"aria-hidden": !0
 			}),
 			"aria-label": s,
 			onClick: i
 		}), _ && /* @__PURE__ */ G(S, {
-			icon: /* @__PURE__ */ G(P, {
+			icon: /* @__PURE__ */ G(F, {
 				size: d.LG,
 				"aria-hidden": !0
 			}),
@@ -1009,16 +991,16 @@ var We = {
 		className: l,
 		children: [/* @__PURE__ */ K("div", {
 			style: c,
-			className: o(Y.wrapper, "flex min-h-[64px] w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border px-3 shadow-md desktop:flex-row desktop:items-center desktop:gap-2 desktop:py-2", v && X.wrapperError),
+			className: o(Y.wrapper, "flex min-h-[64px] w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border px-3 shadow-md desktop:flex-row desktop:items-center desktop:gap-2 desktop:py-2", v && Xe.wrapperError),
 			children: [/* @__PURE__ */ K("div", {
 				className: "flex min-w-0 flex-1 items-center gap-3",
 				children: [_ && /* @__PURE__ */ G("span", {
-					className: o(X.recordingDot, "pointer-events-none block size-[8px] rounded-3xl"),
+					className: o(Xe.recordingDot, "pointer-events-none block size-[8px] rounded-3xl"),
 					"aria-hidden": !0
 				}), /* @__PURE__ */ G("canvas", {
 					ref: u,
 					height: 32,
-					className: o(X.waveformCanvas, "h-8 min-w-0 flex-1 desktop:h-6")
+					className: o(Xe.waveformCanvas, "h-8 min-w-0 flex-1 desktop:h-6")
 				})]
 			}), b]
 		}), v && n && /* @__PURE__ */ G(h, {
@@ -1026,25 +1008,25 @@ var We = {
 			className: "mt-1 px-1"
 		})]
 	});
-}, tt = ({ onSend: e, isDisabled: t = !1, ariaLabel: n = "Send message", isExiting: r = !1 }) => /* @__PURE__ */ G(S, {
+}, $e = ({ onSend: e, isDisabled: t = !1, ariaLabel: n = "Send message", isExiting: r = !1 }) => /* @__PURE__ */ G(S, {
 	"aria-label": n,
 	onClick: () => e?.(),
 	disabled: t,
 	"aria-hidden": r,
-	icon: /* @__PURE__ */ G(te, {
+	icon: /* @__PURE__ */ G(M, {
 		size: d.LG,
 		className: "rtl:scale-x-[-1]"
 	})
-}), nt = ({ onStop: e, ariaLabel: t = "Stop streaming" }) => /* @__PURE__ */ G(k, {
-	icon: /* @__PURE__ */ G(F, { size: d.LG }),
+}), et = ({ onStop: e, ariaLabel: t = "Stop streaming" }) => /* @__PURE__ */ G(k, {
+	icon: /* @__PURE__ */ G(I, { size: d.LG }),
 	onClick: () => e?.(),
 	"aria-label": t
-}), Z = ({ size: e = 20 }) => /* @__PURE__ */ G(E, {
+}), tt = ({ size: e = 20 }) => /* @__PURE__ */ G(E, {
 	variant: D.Circular,
 	width: e,
 	height: e,
 	active: !0
-}), rt = ({ loadingLabel: e }) => /* @__PURE__ */ K("span", {
+}), nt = ({ loadingLabel: e }) => /* @__PURE__ */ K("span", {
 	className: "flex min-w-0 flex-1 items-center",
 	children: [/* @__PURE__ */ G(E, {
 		variant: D.Text,
@@ -1055,28 +1037,28 @@ var We = {
 		className: "sr-only",
 		children: e
 	})]
-}), it = ({ loadingLabel: e }) => /* @__PURE__ */ G("div", {
+}), rt = ({ loadingLabel: e }) => /* @__PURE__ */ G("div", {
 	role: "status",
 	"aria-label": e,
 	children: Array.from({ length: 7 }).map((e, t) => /* @__PURE__ */ K("div", {
 		className: "flex h-11 items-center gap-3 px-4",
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ G(Z, {}), /* @__PURE__ */ G(rt, {})]
+		children: [/* @__PURE__ */ G(tt, {}), /* @__PURE__ */ G(nt, {})]
 	}, t))
-}), at = (e) => e.displayName ?? e.id, ot = (e, t) => {
+}), it = (e) => e.displayName ?? e.id, at = (e, t) => {
 	let n = t.trim().toLowerCase();
-	return n ? e.filter((e) => at(e).toLowerCase().includes(n)) : e;
-}, st = (e, t, r, i = 18, a) => /* @__PURE__ */ G(n, {
+	return n ? e.filter((e) => it(e).toLowerCase().includes(n)) : e;
+}, ot = (e, t, r, i = 18, a) => /* @__PURE__ */ G(n, {
 	src: e,
 	size: i,
 	labels: { tooltip: a },
 	initialsName: r
-}), ct = {
+}), st = {
 	searchHeader: "_searchHeader_1tt5t_1",
 	selectedItem: "_selectedItem_1tt5t_5",
 	selectedItemCheck: "_selectedItemCheck_1tt5t_9"
-}, lt = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, searchHeaderClassName: i = ct.searchHeader, selectedItemClassName: s = ct.selectedItem, selectedItemCheckClassName: c = ct.selectedItemCheck, colors: l }) => {
-	let [u, f] = U(""), p = V(() => e?.find((e) => e.id === t), [e, t]), h = r?.loading !== void 0, g = !h && !p && !!t, v = V(() => h ? /* @__PURE__ */ G(Z, { size: d.LG }) : st(p?.iconUrl, p?.type, p?.displayName ?? p?.id ?? "", d.LG, g ? r?.unavailableTooltip ?? "This deployment is no longer available" : void 0), [
+}, ct = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, searchHeaderClassName: i = st.searchHeader, selectedItemClassName: s = st.selectedItem, selectedItemCheckClassName: c = st.selectedItemCheck, colors: l }) => {
+	let [u, f] = U(""), p = V(() => e?.find((e) => e.id === t), [e, t]), h = r?.loading !== void 0, g = !h && !p && !!t, v = V(() => h ? /* @__PURE__ */ G(tt, { size: d.LG }) : ot(p?.iconUrl, p?.type, p?.displayName ?? p?.id ?? "", d.LG, g ? r?.unavailableTooltip ?? "This deployment is no longer available" : void 0), [
 		h,
 		p,
 		g,
@@ -1089,8 +1071,8 @@ var We = {
 		menuItems: V(() => {
 			if (h) return Array.from({ length: 7 }, (e, t) => ({
 				key: `__loading-${t}`,
-				icon: /* @__PURE__ */ G(Z, {}),
-				label: /* @__PURE__ */ G(rt, { loadingLabel: t === 0 ? r?.loading : void 0 }),
+				icon: /* @__PURE__ */ G(tt, {}),
+				label: /* @__PURE__ */ G(nt, { loadingLabel: t === 0 ? r?.loading : void 0 }),
 				disabled: !0
 			}));
 			if (!e || e.length === 0) {
@@ -1101,7 +1083,7 @@ var We = {
 					disabled: !0
 				}] : [];
 			}
-			return ot(e, u).map((e) => {
+			return at(e, u).map((e) => {
 				let r = e.id === t;
 				return {
 					key: e.id,
@@ -1109,17 +1091,17 @@ var We = {
 						className: "flex w-full items-center justify-between gap-2",
 						style: a({ "--ms-selected-item-check": l?.selectedItemCheck }),
 						children: [/* @__PURE__ */ G(_, {
-							text: at(e),
+							text: it(e),
 							query: u,
 							maxLines: 1
-						}), r && /* @__PURE__ */ G(M, {
+						}), r && /* @__PURE__ */ G(N, {
 							size: d.SM,
 							stroke: 2,
 							className: c,
 							"aria-hidden": !0
 						})]
 					}),
-					icon: st(e.iconUrl, e.type, e.displayName ?? e.id),
+					icon: ot(e.iconUrl, e.type, e.displayName ?? e.id),
 					onClick: () => n?.(e.id),
 					className: r ? s : void 0
 				};
@@ -1157,8 +1139,8 @@ var We = {
 			e || f("");
 		}
 	};
-}, ut = typeof window < "u" ? fe : B;
-function dt(e) {
+}, lt = typeof window < "u" ? fe : B;
+function ut(e) {
 	if (e !== void 0) switch (typeof e) {
 		case "number": return e;
 		case "string":
@@ -1166,15 +1148,15 @@ function dt(e) {
 			break;
 	}
 }
-function ft({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
+function dt({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
 	let { styleHeight: s, styleWidth: c } = V(() => ({
-		styleHeight: dt(o?.height),
-		styleWidth: dt(o?.width)
+		styleHeight: ut(o?.height),
+		styleWidth: ut(o?.width)
 	}), [o?.height, o?.width]), [l, u] = U({
 		height: t,
 		width: n
 	}), d = r || a === "only-height" && s !== void 0 || a === "only-width" && c !== void 0 || s !== void 0 && c !== void 0;
-	return ut(() => {
+	return lt(() => {
 		if (i === null || d) return;
 		let t = new ResizeObserver((e) => {
 			for (let t of e) {
@@ -1203,26 +1185,26 @@ function ft({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 		c
 	]);
 }
-function pt(e) {
+function ft(e) {
 	let t = H(() => {
 		throw Error("Cannot call during render.");
 	});
-	return ut(() => {
+	return lt(() => {
 		t.current = e;
 	}, [e]), z((e) => t.current?.(e), [t]);
 }
-var mt = null;
-function ht(e = !1) {
-	if (mt === null || e) {
+var pt = null;
+function mt(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 ? mt = "positive-descending" : (e.scrollLeft = 1, mt = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), mt;
+		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 mt;
+	return pt;
 }
-function gt({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
-	if (t === "horizontal" && n) switch (ht()) {
+function ht({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
+	if (t === "horizontal" && n) switch (mt()) {
 		case "negative": return -r;
 		case "positive-descending":
 			if (e) {
@@ -1236,13 +1218,13 @@ function gt({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
 function Q(e, t = "Assertion error") {
 	if (!e) throw console.error(t), Error(t);
 }
-function _t(e, t) {
+function gt(e, t) {
 	if (e === t) return !0;
 	if (!!e != !!t || (Q(e !== void 0), Q(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 vt({ cachedBounds: e, itemCount: t, itemSize: n }) {
+function _t({ cachedBounds: e, itemCount: t, itemSize: n }) {
 	if (t === 0) return 0;
 	if (typeof n == "number") return t * n;
 	{
@@ -1250,9 +1232,9 @@ function vt({ cachedBounds: e, itemCount: t, itemSize: n }) {
 		return Q(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
 	}
 }
-function yt({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, containerScrollOffset: a, containerSize: o }) {
+function vt({ 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 = vt({
+	let s = _t({
 		cachedBounds: t,
 		itemCount: r,
 		itemSize: i
@@ -1264,7 +1246,7 @@ function yt({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, co
 		default: return a >= u && a <= l ? a : a < u ? u : l;
 	}
 }
-function bt({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCount: r, overscanCount: i }) {
+function yt({ 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);
@@ -1283,7 +1265,7 @@ function bt({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemC
 		stopIndexOverscan: l
 	};
 }
-function xt({ itemCount: e, itemProps: t, itemSize: n }) {
+function bt({ itemCount: e, itemProps: t, itemSize: n }) {
 	let r = /* @__PURE__ */ new Map();
 	return {
 		get(i) {
@@ -1320,8 +1302,8 @@ function xt({ itemCount: e, itemProps: t, itemSize: n }) {
 		}
 	};
 }
-function St({ itemCount: e, itemProps: t, itemSize: n }) {
-	return V(() => xt({
+function xt({ itemCount: e, itemProps: t, itemSize: n }) {
+	return V(() => bt({
 		itemCount: e,
 		itemProps: t,
 		itemSize: n
@@ -1331,7 +1313,7 @@ function St({ itemCount: e, itemProps: t, itemSize: n }) {
 		n
 	]);
 }
-function Ct({ containerSize: e, itemSize: t }) {
+function St({ containerSize: e, itemSize: t }) {
 	let n;
 	switch (typeof t) {
 		case "string":
@@ -1343,8 +1325,8 @@ function Ct({ containerSize: e, itemSize: t }) {
 	}
 	return n;
 }
-function wt({ 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 } = ft({
+function Ct({ 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 } = dt({
 		defaultHeight: r === "vertical" ? n : void 0,
 		defaultWidth: r === "horizontal" ? n : void 0,
 		element: e,
@@ -1353,7 +1335,7 @@ function wt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 	}), f = H({
 		height: 0,
 		width: 0
-	}), p = r === "vertical" ? u : d, m = Ct({
+	}), p = r === "vertical" ? u : d, m = St({
 		containerSize: p,
 		itemSize: s
 	});
@@ -1370,11 +1352,11 @@ function wt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		c,
 		d
 	]);
-	let h = St({
+	let h = xt({
 		itemCount: a,
 		itemProps: o,
 		itemSize: m
-	}), g = z((e) => h.get(e), [h]), [_, v] = U(() => bt({
+	}), g = z((e) => h.get(e), [h]), [_, v] = U(() => yt({
 		cachedBounds: h,
 		containerScrollOffset: 0,
 		containerSize: p,
@@ -1385,7 +1367,7 @@ function wt({ 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 = z(() => vt({
+	}, C = z(() => _t({
 		cachedBounds: h,
 		itemCount: a,
 		itemSize: m
@@ -1393,9 +1375,9 @@ function wt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		h,
 		a,
 		m
-	]), w = z((t) => bt({
+	]), w = z((t) => yt({
 		cachedBounds: h,
-		containerScrollOffset: gt({
+		containerScrollOffset: ht({
 			containerElement: e,
 			direction: r,
 			isRtl: i,
@@ -1413,19 +1395,19 @@ function wt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		a,
 		l
 	]);
-	return ut(() => {
+	return lt(() => {
 		v(w((r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0));
 	}, [
 		e,
 		r,
 		w
-	]), ut(() => {
+	]), lt(() => {
 		if (!e) return;
 		let t = () => {
 			v((t) => {
-				let { scrollLeft: n, scrollTop: o } = e, s = bt({
+				let { scrollLeft: n, scrollTop: o } = e, s = yt({
 					cachedBounds: h,
-					containerScrollOffset: gt({
+					containerScrollOffset: ht({
 						containerElement: e,
 						direction: r,
 						isRtl: i,
@@ -1435,7 +1417,7 @@ function wt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 					itemCount: a,
 					overscanCount: l
 				});
-				return _t(s, t) ? t : s;
+				return gt(s, t) ? t : s;
 			});
 		};
 		return e.addEventListener("scroll", t), () => {
@@ -1451,8 +1433,8 @@ function wt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 	]), {
 		getCellBounds: g,
 		getEstimatedSize: C,
-		scrollToIndex: pt(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
-			let s = yt({
+		scrollToIndex: ft(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
+			let s = vt({
 				align: t,
 				cachedBounds: h,
 				containerScrollOffset: n,
@@ -1462,14 +1444,14 @@ function wt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 				itemSize: m
 			});
 			if (e) {
-				if (s = gt({
+				if (s = ht({
 					containerElement: e,
 					direction: r,
 					isRtl: i,
 					scrollOffset: s
 				}), typeof e.scrollTo != "function") {
 					let e = w(s);
-					_t(_, e) || v(e);
+					gt(_, e) || v(e);
 				}
 				return s;
 			}
@@ -1480,19 +1462,19 @@ function wt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		stopIndexVisible: x
 	};
 }
-function $(e) {
+function wt(e) {
 	return V(() => e, Object.values(e));
 }
 function Tt(e, t) {
 	let { ariaAttributes: n, style: r, ...i } = e, { ariaAttributes: a, style: o, ...s } = t;
-	return _t(n, a) && _t(r, o) && _t(i, s);
+	return gt(n, a) && gt(r, o) && gt(i, s);
 }
 function Et(e) {
 	return typeof e == "object" && !!e && "getAverageRowHeight" in e && typeof e.getAverageRowHeight == "function";
 }
 var Dt = "data-react-window-index";
 function Ot({ 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 = $(u), h = V(() => R(s, Tt), [s]), [g, _] = U(null), v = Et(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = wt({
+	let m = wt(u), h = V(() => R(s, Tt), [s]), [g, _] = U(null), v = Et(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = Ct({
 		containerElement: g,
 		containerStyle: f,
 		defaultContainerSize: n,
@@ -1518,7 +1500,7 @@ function Ot({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 				top: r
 			});
 		}
-	}), [g, x]), ut(() => {
+	}), [g, x]), lt(() => {
 		if (!g) return;
 		let e = Array.from(g.children).filter((e, t) => {
 			if (e.hasAttribute("aria-hidden")) return !1;
@@ -1606,8 +1588,8 @@ var kt = {
 	itemIcon: "_itemIcon_1tiyp_15",
 	checkIcon: "_checkIcon_1tiyp_19",
 	stateLabel: "_stateLabel_1tiyp_23"
-}, At = 44, jt = 8, Mt = ({ index: e, style: t, ariaAttributes: n, items: r, selectedDeploymentId: i, labelClassName: a, query: s, onSelect: c }) => {
-	let u = r[e], f = st(u.iconUrl, u.type, u.displayName ?? u.id, d.SM), p = u.id === i;
+}, $ = 44, At = 8, jt = ({ index: e, style: t, ariaAttributes: n, items: r, selectedDeploymentId: i, labelClassName: a, query: s, onSelect: c }) => {
+	let u = r[e], f = ot(u.iconUrl, u.type, u.displayName ?? u.id, d.SM), p = u.id === i;
 	return /* @__PURE__ */ G("div", {
 		style: t,
 		...n,
@@ -1625,7 +1607,7 @@ var kt = {
 					query: s,
 					maxLines: 1,
 					className: o(a, "min-w-0 flex-1 text-start")
-				}), p && /* @__PURE__ */ G(M, {
+				}), p && /* @__PURE__ */ G(N, {
 					size: d.SM,
 					className: kt.checkIcon,
 					"aria-hidden": !0
@@ -1634,12 +1616,12 @@ var kt = {
 			onClick: () => c(u.id)
 		})
 	});
-}, Nt = ({ isOpen: e, title: t, closeLabel: n, searchPlaceholder: r = "Search", onClose: i, deployments: s, selectedDeploymentId: c, onSelect: l, loadingLabel: u, errorLabel: d, emptyLabel: f, style: p, titleClassName: h = "dial-body-semi-text", labelClassName: g = "dial-small-text", colors: _ }) => {
+}, Mt = ({ isOpen: e, title: t, closeLabel: n, searchPlaceholder: r = "Search", onClose: i, deployments: s, selectedDeploymentId: c, onSelect: l, loadingLabel: u, errorLabel: d, emptyLabel: f, style: p, titleClassName: h = "dial-body-semi-text", labelClassName: g = "dial-small-text", colors: _ }) => {
 	let [v, y] = U("");
 	B(() => {
 		e || y("");
 	}, [e]);
-	let b = s && s.length > 0, x = u !== void 0, S = !b && !x ? d ?? f : void 0, C = b ? ot(s, v) : [], w = (e) => {
+	let b = s && s.length > 0, x = u !== void 0, S = !b && !x ? d ?? f : void 0, C = b ? at(s, v) : [], w = (e) => {
 		l(e), i();
 	}, E = a({
 		"--ci-sheet-divider": _?.divider,
@@ -1669,17 +1651,17 @@ var kt = {
 					size: m.Standard,
 					onChange: (e) => y(e ?? "")
 				})
-			}), /* @__PURE__ */ G("div", { className: o(kt.divider, "h-px flex-shrink-0") })] }), x ? /* @__PURE__ */ G(it, { loadingLabel: u }) : S ? /* @__PURE__ */ G("div", {
+			}), /* @__PURE__ */ G("div", { className: o(kt.divider, "h-px flex-shrink-0") })] }), x ? /* @__PURE__ */ G(rt, { loadingLabel: u }) : S ? /* @__PURE__ */ G("div", {
 				role: "list",
 				className: o(kt.stateLabel, g, "px-4 py-4"),
 				children: S
 			}) : /* @__PURE__ */ G(Ot, {
 				role: "list",
 				className: "overflow-y-auto",
-				style: { height: Math.min(C.length, jt) * At },
-				rowComponent: Mt,
+				style: { height: Math.min(C.length, At) * $ },
+				rowComponent: jt,
 				rowCount: C.length,
-				rowHeight: At,
+				rowHeight: $,
 				rowProps: {
 					items: C,
 					selectedDeploymentId: c,
@@ -1690,15 +1672,15 @@ var kt = {
 			})]
 		})
 	});
-}, Pt = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, isStreaming: i, isMobile: a, isDisabled: s = !1, style: c, modelPickerOverlay: l, isPickerOpen: u, onPickerToggle: h, onPickerOpenChange: _ }) => {
-	let [v, y] = U(!1), { selectorIcon: b, selectorAriaLabel: x, selectedLabel: S, menuItems: C, menuHeader: w, onOpenChange: T } = lt({
+}, Nt = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, isStreaming: i, isMobile: a, isDisabled: s = !1, style: c, modelPickerOverlay: l, isPickerOpen: u, onPickerToggle: h, onPickerOpenChange: _ }) => {
+	let [v, y] = U(!1), { selectorIcon: b, selectorAriaLabel: x, selectedLabel: S, menuItems: C, menuHeader: w, onOpenChange: T } = ct({
 		deployments: e,
 		selectedDeploymentId: t,
 		onDeploymentChange: n,
 		modelSelectorLabels: r
 	});
 	if (!e) return null;
-	let E = i || s ? "pointer-events-none opacity-50 cursor-not-allowed" : void 0, D = /* @__PURE__ */ G(ne, {
+	let E = i || s ? "pointer-events-none opacity-50 cursor-not-allowed" : void 0, D = /* @__PURE__ */ G(te, {
 		size: d.SM,
 		className: Y.modelSelectorCaret,
 		"aria-hidden": !0
@@ -1723,7 +1705,7 @@ var kt = {
 		onClose: () => y(!1),
 		style: c,
 		children: l(() => y(!1))
-	}) : /* @__PURE__ */ G(Nt, {
+	}) : /* @__PURE__ */ G(Mt, {
 		isOpen: v,
 		title: r?.ariaLabel ?? "Select model",
 		closeLabel: r?.closeLabel ?? "Close",
@@ -1779,8 +1761,8 @@ var kt = {
 			})
 		})
 	});
-}, Ft = 160, It = ({ message: e = "", messageRevision: t, onSend: n, onUploadAttachment: r, onStop: i, isStreaming: l = !1, onChange: u, onAttachmentsChange: f, placeholder: p = "Type a message...", ariaLabel: m, attachLabel: h = "Attach file", fileAccept: g, addMenuTitle: _ = "Add", menuTitle: v = "Menu", menuCloseLabel: y = "Close", removeLabel: b, retryLabel: x, sendLabel: S, stopLabel: C, micLabel: w = "Record voice message", stopRecordingLabel: T, discardRecordingLabel: E, colors: D, typography: O, className: A, pendingDropFiles: j = [], onDropFilesConsumed: ee, pendingAttachments: te = [], onPendingAttachmentsConsumed: M, pasteTextThreshold: ne = 4e3, maxMessageLength: N = 5e4, deployments: ae, selectedDeploymentId: P, onDeploymentChange: F, modelSelectorLabels: oe, initialAttachments: se = [], isStacked: ce = !1, hideAddButton: le = !1, hideAttachFile: I = !1, hideActionBar: ue = !1, renderFooterActions: L, isInputDisabled: R = !1, isModelSelectorDisabled: B = !1, isSendDisabled: de = !1, isAudioMessageSupported: fe = !1, sendOnEnter: pe = Fe.Enter, prefixAttachments: me = [], onRemovePrefixAttachment: he, chatSettings: _e, toolsMenuItems: ve, onToolToggle: ye, toolsMenuTitle: be, toolsBackLabel: Se, toolsChipLabels: Ce, promptsMenuOverlay: q, promptsMenuTitle: we, promptsBackLabel: De, autoFocus: Oe = !1, messageHistory: je, onDialFileSystemClick: Me, dialFileSystemLabel: Ne, validateAttachment: Ie, onAttachmentClick: Le, modelPickerOverlay: Re, maximumAttachmentsAmount: ze, onAttachmentsLimitExceeded: Be, isAttachmentsEnabled: Ve = !0, usageLimitsSlot: He, onMessageTooLong: Ue }) => {
-	let We = s(), [Ge, Ke] = U(!1), J = ke(je), Je = V(() => a({
+}, Pt = 160, Ft = ({ message: e = "", messageRevision: t, onSend: n, onUploadAttachment: r, onStop: i, isStreaming: l = !1, onChange: u, onAttachmentsChange: f, placeholder: p = "Type a message...", ariaLabel: m, attachLabel: h = "Attach file", fileAccept: g, addMenuTitle: _ = "Add", menuTitle: v = "Menu", menuCloseLabel: y = "Close", removeLabel: b, retryLabel: x, sendLabel: S, stopLabel: C, micLabel: w = "Record voice message", stopRecordingLabel: T, discardRecordingLabel: E, colors: D, typography: O, className: A, pendingDropFiles: j = [], onDropFilesConsumed: ee, pendingAttachments: M = [], onPendingAttachmentsConsumed: N, pasteTextThreshold: te = 4e3, maxMessageLength: P = 5e4, deployments: ie, selectedDeploymentId: F, onDeploymentChange: I, modelSelectorLabels: ae, initialAttachments: oe = [], isStacked: se = !1, hideAddButton: ce = !1, hideAttachFile: le = !1, hideActionBar: ue = !1, renderFooterActions: L, isInputDisabled: R = !1, isModelSelectorDisabled: de = !1, isSendDisabled: fe = !1, isAudioMessageSupported: pe = !1, sendOnEnter: me = Fe.Enter, prefixAttachments: he = [], onRemovePrefixAttachment: _e, chatSettings: ve, toolsMenuItems: ye, onToolToggle: be, toolsMenuTitle: Se, toolsBackLabel: Ce, toolsChipLabels: q, promptsMenuOverlay: we, promptsMenuTitle: De, promptsBackLabel: Oe, autoFocus: je = !1, messageHistory: Me, onDialFileSystemClick: Ne, dialFileSystemLabel: Ie, validateAttachment: Le, onAttachmentClick: Re, modelPickerOverlay: ze, maximumAttachmentsAmount: Be, onAttachmentsLimitExceeded: Ve, isAttachmentsEnabled: He = !0, usageLimitsSlot: Ue, onMessageTooLong: We }) => {
+	let Ge = s(), [Ke, J] = U(!1), Je = ke(Me), Xe = V(() => a({
 		"--ci-bg": D?.background,
 		"--ci-text": D?.text,
 		"--ci-border": D?.border,
@@ -1793,128 +1775,134 @@ var kt = {
 		"--ci-voice-error": D?.voiceError,
 		"--ci-voice-waveform": D?.voiceWaveform,
 		"--ci-voice-accent": D?.voiceAccent
-	}), [D]), Ye = V(() => Me ? [{
+	}), [D]), Ze = V(() => Ne ? [{
 		key: "dial-fs",
-		label: Ne ?? "DIAL file system",
-		icon: /* @__PURE__ */ G(re, {
+		label: Ie ?? "DIAL file system",
+		icon: /* @__PURE__ */ G(ne, {
 			size: c,
 			"aria-hidden": !0
 		}),
-		onClick: Me
-	}] : [], [Me, Ne]), { message: X, setMessage: Ze, textareaRef: Qe, isMultiLine: $e } = Ae({
+		onClick: Ne
+	}] : [], [Ne, Ie]), { message: X, setMessage: Z, textareaRef: tt, isMultiLine: nt } = Ae({
 		messageProp: e,
 		messageRevision: t
-	}), { attachments: Z, buildAttachments: rt, addAttachments: it, resetAttachments: at, handleRemove: ot, handleRetry: st, handleExpand: ct, hasBlockedAttachments: lt } = Te({
-		initialAttachments: se,
+	}), { attachments: rt, buildAttachments: it, addAttachments: at, resetAttachments: ot, handleRemove: st, handleRetry: ct, handleExpand: lt, hasBlockedAttachments: ut } = Te({
+		initialAttachments: oe,
 		onUploadAttachment: r,
 		onAttachmentsChange: f,
-		validateAttachment: Ie,
+		validateAttachment: Le,
 		pendingDropFiles: j,
 		onDropFilesConsumed: ee,
-		pendingAttachments: te,
-		onPendingAttachmentsConsumed: M,
+		pendingAttachments: M,
+		onPendingAttachmentsConsumed: N,
 		onExpandPastedText: z((e) => {
-			Ze((t) => t ? `${t}\n${e}` : e);
-		}, [Ze]),
-		maximumAttachmentsAmount: ze,
-		baseAttachmentsAmount: me.length,
-		onAttachmentsLimitExceeded: Be
-	}), { state: ut, analyserNodeRef: dt, errorMessage: ft, startRecording: pt, stopRecording: mt, discardRecording: ht } = Pe({ onAttachAudio: z((e) => {
-		it(rt([e]));
-	}, [it, rt]) }), gt = H(null), Q = H(null), { handlePaste: _t } = xe(it, Ve ? ne : Infinity), vt = z((e) => {
-		if (!Ve) {
+			Z((t) => t ? `${t}\n${e}` : e);
+		}, [Z]),
+		maximumAttachmentsAmount: Be,
+		baseAttachmentsAmount: he.length,
+		onAttachmentsLimitExceeded: Ve
+	}), { state: dt, analyserNodeRef: ft, errorMessage: pt, startRecording: mt, stopRecording: ht, discardRecording: Q } = Pe({ onAttachAudio: z((e) => {
+		at(it([e]));
+	}, [at, it]) }), gt = H(null), _t = H(null), { handlePaste: vt } = xe(at, He ? te : Infinity), yt = z((e) => {
+		if (!He) {
 			let t = e.clipboardData.getData("text/plain");
-			t.length >= N && Ue?.(t.length, N);
+			t.length >= P && We?.(t.length, P);
 		}
-		_t(e);
+		vt(e);
 	}, [
-		Ve,
-		N,
-		Ue,
-		_t
-	]), yt = X.trim().length > 0 || Z.length > 0, bt = yt && !lt && !de, { shouldRender: xt, isExiting: St, instanceKey: Ct } = Ee(!l && yt, Ft), wt = (ve?.some((e) => e.isSelected) ?? !1) && ye != null, $ = ce || X.includes("\n") || $e || wt, Tt = ae === void 0 || P != null, Et = V(() => fe && !St && !l, [
-		fe,
-		St,
+		He,
+		P,
+		We,
+		vt
+	]), bt = X.trim().length > 0 || rt.length > 0, xt = bt && !ut && !fe, { shouldRender: St, isExiting: Ct, instanceKey: wt } = Ee(!l && bt, Pt), [Tt, Et] = U([]);
+	B(() => {
+		Et([]);
+	}, [(ye ?? []).map((e) => e.id).join("|")]);
+	let Dt = V(() => (ye ?? []).filter((e) => e.isSelected || !Tt.includes(e.id)), [ye, Tt]), Ot = z((e) => {
+		Et((t) => t.includes(e) ? t : [...t, e]), ye?.find((t) => t.id === e)?.isSelected && be?.(e);
+	}, [ye, be]), kt = Dt.length > 0 && be != null, $ = se || X.includes("\n") || nt || kt, At = ie === void 0 || F != null, jt = V(() => pe && !Ct && !l, [
+		pe,
+		Ct,
 		l
-	]), Dt = async () => {
-		if (de) return;
-		if (!Ve && X.length >= N) {
-			Ue?.(X.length, N);
+	]), Mt = async () => {
+		if (fe) return;
+		if (!He && X.length >= P) {
+			We?.(X.length, P);
 			return;
 		}
-		let e = X, t = Z;
-		Ze(""), J.reset();
+		let e = X, t = rt;
+		Z(""), Je.reset();
 		try {
 			await n?.(e, t), t.forEach((e) => {
 				e.previewUrl && URL.revokeObjectURL(e.previewUrl), e.playUrl && URL.revokeObjectURL(e.playUrl);
-			}), at([]);
+			}), ot([]);
 		} catch {
-			Ze(e), at(t);
+			Z(e), ot(t);
 		}
-	}, Ot = (e) => {
+	}, Ft = (e) => {
 		if (!e.nativeEvent.isComposing && !R && !l && (e.key === "ArrowUp" || e.key === "ArrowDown")) {
-			let t = e.currentTarget.selectionStart ?? 0, n = J.navigate(e.key === "ArrowUp" ? "up" : "down", X, t);
+			let t = e.currentTarget.selectionStart ?? 0, n = Je.navigate(e.key === "ArrowUp" ? "up" : "down", X, t);
 			if (n !== null) {
-				e.preventDefault(), Ze(n);
+				e.preventDefault(), Z(n);
 				return;
 			}
 		}
-		e.key === "Enter" && (pe === Fe.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey) && (e.preventDefault(), !l && bt && Tt && !R && Dt());
-	}, kt = (e) => {
+		e.key === "Enter" && (me === Fe.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey) && (e.preventDefault(), !l && xt && At && !R && Mt());
+	}, It = (e) => {
 		let t = Array.from(e.target.files ?? []);
 		if (t.length === 0) return;
-		let n = rt(t);
-		e.target.value = "", it(n);
+		let n = it(t);
+		e.target.value = "", at(n);
 	};
-	if (ut !== "idle") return /* @__PURE__ */ G(et, {
-		state: ut,
-		analyserNodeRef: dt,
-		errorMessage: ft,
-		onStop: mt,
-		onDiscard: ht,
+	if (dt !== "idle") return /* @__PURE__ */ G(Qe, {
+		state: dt,
+		analyserNodeRef: ft,
+		errorMessage: pt,
+		onStop: ht,
+		onDiscard: Q,
 		stopLabel: T,
 		discardLabel: E,
-		style: Je,
+		style: Xe,
 		className: A
 	});
-	let At = /* @__PURE__ */ G("textarea", {
+	let Lt = /* @__PURE__ */ G("textarea", {
 		className: o(Y.textarea, O?.fontClassName || "dial-body-paragraph-text", "max-h-[272px] w-full resize-none overflow-y-auto border-0 bg-transparent outline-none [field-sizing:content]"),
-		ref: Qe,
-		autoFocus: Oe,
+		ref: tt,
+		autoFocus: je,
 		value: X,
 		onChange: (e) => {
-			Ze(e.target.value), J.notifyChange(), u?.(e.target.value);
+			Z(e.target.value), Je.notifyChange(), u?.(e.target.value);
 		},
-		onKeyDown: Ot,
-		onPaste: vt,
+		onKeyDown: Ft,
+		onPaste: yt,
 		placeholder: p,
 		"aria-label": m,
 		disabled: R,
 		rows: 1
 	});
 	return /* @__PURE__ */ K("div", {
-		ref: Q,
-		style: Je,
-		className: o(Y.wrapper, R && Y.wrapperDisabled, "flex min-h-[64px] w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border shadow-md", "focus-within:outline focus-within:-outline-offset-1 active:outline active:-outline-offset-1", Z.length > 6 ? "py-3 ps-3" : "p-3", A),
-		children: [(me.length > 0 || Z.length > 0) && /* @__PURE__ */ G(ge, {
-			attachments: [...me, ...Z],
+		ref: _t,
+		style: Xe,
+		className: o(Y.wrapper, R && Y.wrapperDisabled, "flex min-h-[64px] w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border shadow-md", "focus-within:outline focus-within:-outline-offset-1 active:outline active:-outline-offset-1", rt.length > 6 ? "py-3 ps-3" : "p-3", A),
+		children: [(he.length > 0 || rt.length > 0) && /* @__PURE__ */ G(ge, {
+			attachments: [...he, ...rt],
 			onRemove: (e) => {
-				me.some((t) => t.id === e) ? he?.(e) : ot(e);
+				he.some((t) => t.id === e) ? _e?.(e) : st(e);
 			},
-			onRetry: st,
-			onExpand: ct,
+			onRetry: ct,
+			onExpand: lt,
 			labels: {
 				removeLabel: b,
 				retryLabel: x
 			},
-			onAttachmentClick: Le == null ? void 0 : (e) => {
-				let t = [...me, ...Z].find((t) => t.id === e);
-				t != null && Le(t);
+			onAttachmentClick: Re == null ? void 0 : (e) => {
+				let t = [...he, ...rt].find((t) => t.id === e);
+				t != null && Re(t);
 			}
-		}), ue ? $ && At : /* @__PURE__ */ K("div", {
+		}), ue ? $ && Lt : /* @__PURE__ */ K("div", {
 			className: o("flex items-center gap-2", $ ? "flex-wrap" : "flex-wrap desktop:flex-nowrap"),
 			children: [
-				!le && /* @__PURE__ */ K("div", {
+				!ce && /* @__PURE__ */ K("div", {
 					className: o("flex", "order-2", !$ && "desktop:order-1"),
 					children: [/* @__PURE__ */ G("input", {
 						ref: gt,
@@ -1924,95 +1912,94 @@ var kt = {
 						className: "sr-only",
 						"aria-hidden": !0,
 						tabIndex: -1,
-						onChange: kt
+						onChange: It
 					}), /* @__PURE__ */ G(qe, {
-						onAttachClick: I ? void 0 : () => gt.current?.click(),
+						onAttachClick: le ? void 0 : () => gt.current?.click(),
 						attachLabel: h,
 						addMenuTitle: _,
 						menuTitle: v,
 						menuCloseLabel: y,
-						style: Je,
+						style: Xe,
 						isDisabled: R,
-						chatSettings: _e,
-						extraMenuItems: Ye,
-						toolsMenuItems: ve,
-						onToolToggle: ye,
-						toolsMenuTitle: be,
-						toolsBackLabel: Se,
-						promptsMenuOverlay: q,
-						promptsMenuTitle: we,
-						promptsBackLabel: De
+						chatSettings: ve,
+						extraMenuItems: Ze,
+						toolsMenuItems: ye,
+						onToolToggle: be,
+						toolsMenuTitle: Se,
+						toolsBackLabel: Ce,
+						promptsMenuOverlay: we,
+						promptsMenuTitle: De,
+						promptsBackLabel: Oe
 					})]
 				}),
-				$ && wt && /* @__PURE__ */ G("div", {
+				$ && Dt.length > 0 && be != null && /* @__PURE__ */ G("div", {
 					className: "order-3 min-w-0 flex-1",
-					children: /* @__PURE__ */ G(Xe, {
-						items: ve ?? [],
-						onToolToggle: ye,
-						isMobile: We,
-						countLabel: Ce?.countLabel,
-						removeLabel: Ce?.removeLabel
+					children: /* @__PURE__ */ G(Ye, {
+						items: Dt,
+						onToolToggle: be,
+						onToolDismiss: Ot,
+						removeLabel: q?.removeLabel
 					})
 				}),
 				/* @__PURE__ */ G("div", {
 					className: o("order-1 flex w-full min-w-0 items-center self-stretch", !$ && "desktop:order-2 desktop:w-auto desktop:flex-1"),
-					children: At
+					children: Lt
 				}),
 				/* @__PURE__ */ K("div", {
-					className: o("flex flex-shrink-0 items-center gap-2", $ && wt ? "order-4" : "order-3", "ms-auto", !$ && "desktop:ms-0"),
+					className: o("flex flex-shrink-0 items-center gap-2", $ && kt ? "order-4" : "order-3", "ms-auto", !$ && "desktop:ms-0"),
 					children: [L ? L({
-						canSend: bt,
-						onSend: Dt
+						canSend: xt,
+						onSend: Mt
 					}) : /* @__PURE__ */ K(W, { children: [
-						He,
-						/* @__PURE__ */ G(Pt, {
-							deployments: ae,
-							selectedDeploymentId: P,
-							onDeploymentChange: F,
-							modelSelectorLabels: oe,
+						Ue,
+						/* @__PURE__ */ G(Nt, {
+							deployments: ie,
+							selectedDeploymentId: F,
+							onDeploymentChange: I,
+							modelSelectorLabels: ae,
 							isStreaming: l,
-							isMobile: We,
-							isDisabled: B,
-							style: Je,
-							modelPickerOverlay: Re,
-							isPickerOpen: Ge,
-							onPickerToggle: () => Ke((e) => !e),
-							onPickerOpenChange: Ke
+							isMobile: Ge,
+							isDisabled: de,
+							style: Xe,
+							modelPickerOverlay: ze,
+							isPickerOpen: Ke,
+							onPickerToggle: () => J((e) => !e),
+							onPickerOpenChange: J
 						}),
-						l && i ? /* @__PURE__ */ G(nt, {
+						l && i ? /* @__PURE__ */ G(et, {
 							onStop: i,
 							ariaLabel: C
-						}) : !l && xt && /* @__PURE__ */ G(tt, {
-							onSend: Dt,
-							isDisabled: !Tt || lt || de,
+						}) : !l && St && /* @__PURE__ */ G($e, {
+							onSend: Mt,
+							isDisabled: !At || ut || fe,
 							ariaLabel: S,
-							isExiting: St
-						}, Ct)
-					] }), Et && /* @__PURE__ */ G(k, {
-						icon: /* @__PURE__ */ G(ie, {
+							isExiting: Ct
+						}, wt)
+					] }), jt && /* @__PURE__ */ G(k, {
+						icon: /* @__PURE__ */ G(re, {
 							size: d.LG,
 							"aria-hidden": !0
 						}),
 						"aria-label": w,
 						className: "size-8 flex-shrink-0",
-						onClick: pt,
+						onClick: mt,
 						disabled: R || l
 					})]
 				})
 			]
 		})]
 	});
-}, Lt = { welcome: "_welcome_n2ph8_1" }, Rt = ({ isStreaming: e = !1, placeholder: t = "Type a prompt or use \"/\" to select one", welcomeText: n, styles: r, className: i, inputClassName: s, isInputDisabled: c = !1, ...l }) => {
+}, It = { welcome: "_welcome_n2ph8_1" }, Lt = ({ isStreaming: e = !1, placeholder: t = "Type a prompt or use \"/\" to select one", welcomeText: n, styles: r, className: i, inputClassName: s, isInputDisabled: c = !1, ...l }) => {
 	let { colors: u, typography: d } = r ?? {};
 	return /* @__PURE__ */ K("div", {
 		style: a({ "--ci-welcome-color": u?.welcomeText }),
 		className: o("relative flex w-full flex-col items-center gap-6 px-4 py-5 desktop:p-5", i),
 		children: [n && /* @__PURE__ */ G("h1", {
-			className: o(Lt.welcome, "m-0 text-center", d?.welcomeClassName || "dial-display2-text"),
+			className: o(It.welcome, "m-0 text-center", d?.welcomeClassName || "dial-display2-text"),
 			children: n
 		}), /* @__PURE__ */ G("div", {
 			className: "relative w-full max-w-[748px]",
-			children: /* @__PURE__ */ G(It, {
+			children: /* @__PURE__ */ G(Ft, {
 				placeholder: t,
 				isStreaming: e,
 				isInputDisabled: c,
@@ -2023,30 +2010,30 @@ var kt = {
 			})
 		})]
 	});
-}, zt = ({ message: e, initialAttachments: t = [], onCancel: n, onSave: i, onUploadAttachment: a, cancelLabel: s = "Cancel", saveLabel: l = "Save & Submit", ariaLabel: u, removeLabel: d, retryLabel: f, addMenuTitle: p = "Add", attachLabel: m = "Attach file", menuTitle: h = "Menu", menuCloseLabel: g = "Close", className: _, pendingDropFiles: y, onDropFilesConsumed: b, validateAttachment: S, isAttachmentsEnabled: C, hideAttachFile: w = !1, fileAccept: T, maximumAttachmentsAmount: E, onAttachmentsLimitExceeded: D, onDialFileSystemClick: O, dialFileSystemLabel: k, pendingAttachments: A, onPendingAttachmentsConsumed: j, onAttachmentClick: ee, pasteTextThreshold: te, maxMessageLength: M = 5e4, onMessageTooLong: ne }) => {
-	let N = H(null), [ie, ae] = U([]);
+}, Rt = ({ message: e, initialAttachments: t = [], onCancel: n, onSave: i, onUploadAttachment: a, cancelLabel: s = "Cancel", saveLabel: l = "Save & Submit", ariaLabel: u, removeLabel: d, retryLabel: f, addMenuTitle: p = "Add", attachLabel: m = "Attach file", menuTitle: h = "Menu", menuCloseLabel: g = "Close", className: _, pendingDropFiles: y, onDropFilesConsumed: b, validateAttachment: S, isAttachmentsEnabled: C, hideAttachFile: w = !1, fileAccept: T, maximumAttachmentsAmount: E, onAttachmentsLimitExceeded: D, onDialFileSystemClick: O, dialFileSystemLabel: k, pendingAttachments: A, onPendingAttachmentsConsumed: j, onAttachmentClick: ee, pasteTextThreshold: M, maxMessageLength: N = 5e4, onMessageTooLong: te }) => {
+	let P = H(null), [re, ie] = U([]);
 	B(() => {
-		y?.length && (ae(y), b?.());
+		y?.length && (ie(y), b?.());
 	}, [y, b]);
-	let [P, F] = U(e ?? ""), [oe, se] = U([]), [ce, le] = U(t), I = oe.some((e) => e.status === r.Loading || e.status === r.Error), ue = (P.trim().length > 0 || oe.length > 0 || ce.length > 0) && !I, L = (e) => {
-		le((t) => t.filter((t) => t.id !== e));
+	let [F, I] = U(e ?? ""), [ae, oe] = U([]), [se, ce] = U(t), le = ae.some((e) => e.status === r.Loading || e.status === r.Error), ue = (F.trim().length > 0 || ae.length > 0 || se.length > 0) && !le, L = (e) => {
+		ce((t) => t.filter((t) => t.id !== e));
 	}, R = z((e, t) => {
-		i(e, ce, t);
-	}, [ce, i]), de = () => {
+		i(e, se, t);
+	}, [se, i]), de = () => {
 		if (ue) {
-			if (!C && P.length >= M) {
-				ne?.(P.length, M);
+			if (!C && F.length >= N) {
+				te?.(F.length, N);
 				return;
 			}
-			R(P, oe);
+			R(F, ae);
 		}
-	}, fe = z(() => ae([]), []), pe = z((e) => {
+	}, fe = z(() => ie([]), []), pe = z((e) => {
 		let t = Array.from(e.target.files ?? []);
-		t.length !== 0 && (e.target.value = "", ae(t));
+		t.length !== 0 && (e.target.value = "", ie(t));
 	}, []), me = V(() => O ? [{
 		key: "dial-fs",
 		label: k ?? "DIAL file system",
-		icon: /* @__PURE__ */ G(re, {
+		icon: /* @__PURE__ */ G(ne, {
 			size: c,
 			"aria-hidden": !0
 		}),
@@ -2054,21 +2041,21 @@ var kt = {
 	}] : [], [O, k]);
 	return /* @__PURE__ */ K("div", {
 		className: o("flex w-full flex-col gap-2", _),
-		children: [/* @__PURE__ */ G(It, {
+		children: [/* @__PURE__ */ G(Ft, {
 			message: e,
 			ariaLabel: u,
 			isStacked: !0,
 			hideActionBar: !0,
-			pendingDropFiles: ie,
+			pendingDropFiles: re,
 			onDropFilesConsumed: fe,
 			onSend: R,
 			onUploadAttachment: a,
-			onChange: F,
-			onAttachmentsChange: se,
+			onChange: I,
+			onAttachmentsChange: oe,
 			removeLabel: d,
 			retryLabel: f,
 			className: "max-w-full",
-			prefixAttachments: ce,
+			prefixAttachments: se,
 			onRemovePrefixAttachment: L,
 			validateAttachment: S,
 			isAttachmentsEnabled: C,
@@ -2077,15 +2064,15 @@ var kt = {
 			pendingAttachments: A,
 			onPendingAttachmentsConsumed: j,
 			onAttachmentClick: ee,
-			pasteTextThreshold: te,
-			maxMessageLength: M,
-			onMessageTooLong: ne
+			pasteTextThreshold: M,
+			maxMessageLength: N,
+			onMessageTooLong: te
 		}), /* @__PURE__ */ K("div", {
 			className: "flex items-center justify-between",
 			children: [/* @__PURE__ */ G("div", {
 				className: "flex",
 				children: !w && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G("input", {
-					ref: N,
+					ref: P,
 					type: "file",
 					multiple: !0,
 					accept: T,
@@ -2094,7 +2081,7 @@ var kt = {
 					tabIndex: -1,
 					onChange: pe
 				}), /* @__PURE__ */ G(qe, {
-					onAttachClick: () => N.current?.click(),
+					onAttachClick: () => P.current?.click(),
 					attachLabel: m,
 					addMenuTitle: p,
 					menuTitle: h,
@@ -2116,4 +2103,4 @@ var kt = {
 	});
 };
 //#endregion
-export { pe as AttachmentCard, me as AttachmentGroup, he as AttachmentTray, q as BottomSheetShell, Ue as ChatSettingsModal, Rt as ConversationInput, zt as EditMessageInput, _e as FileDndOverlay, It as Input, Fe as SendOnEnter, be as getAttachmentIcon };
+export { pe as AttachmentCard, me as AttachmentGroup, he as AttachmentTray, q as BottomSheetShell, Ue as ChatSettingsModal, Lt as ConversationInput, Rt as EditMessageInput, _e as FileDndOverlay, Ft as Input, Fe as SendOnEnter, be as getAttachmentIcon };