@epam/ai-dial-conversation-input 1.2.0-dev.89 → 1.2.0-dev.93

package/index.js

@@ -1,12 +1,12 @@
 import { AttachmentErrorReason as e, AttachmentType as t, DeploymentIcon as n, RESIZABLE_TEXTAREA_CLASS_NAME as r, RequestStatus as i, ResponseFormat as a, SELECT_LIST_MAX_HEIGHT_PX as o, buildCssVars as s, mergeClasses as c, useIsMobile as l } from "@epam/ai-dial-chat-shared";
 import { BASE_ICON_SIZE as u, Button as d, CloseButton as f, DIAL_ICON_SIZE as p, DIAL_KIT_ICON_STROKE as m, Dropdown as h, ElementSize as g, ErrorText as _, GhostIconButton as v, Highlight as y, MenuItemMark as b, NeutralButton as x, Popup as S, PopupSize as C, PrimaryButton as w, PrimaryIconButton as T, RadioGroup as E, RadioGroupOrientation as D, Search as O, Skeleton as k, SkeletonVariant as ee, Slider as A, Spinner as te, StaticIconButton as j, Textarea as ne, TextareaResize as re, Tooltip as M } from "@epam/ai-dial-ui-kit";
-import { IconArrowLeft as ie, IconArrowNarrowRight as ae, IconCheck as N, IconChevronDown as P, IconChevronRight as oe, IconFile as se, IconMicrophone as ce, IconPaperclip as le, IconPlayerStopFilled as ue, IconPlaystationSquare as F, IconPlus as de, IconSettings as fe, IconTool as pe, IconX as me } from "@tabler/icons-react";
+import { IconArrowLeft as ie, IconArrowNarrowRight as ae, IconCheck as N, IconChevronDown as P, IconChevronRight as oe, IconFile as se, IconMicrophone as ce, IconPaperclip as le, IconPlayerStopFilled as ue, IconPlaystationSquare as de, IconPlus as F, IconSettings as fe, IconTool as pe, IconX as me } from "@tabler/icons-react";
 import { createElement as he, memo as ge, useCallback as I, useEffect as L, useImperativeHandle as _e, useLayoutEffect as ve, useMemo as R, useRef as z, useState as B } from "react";
 import { createPortal as ye } from "react-dom";
 import { Fragment as V, jsx as H, jsxs as U } from "react/jsx-runtime";
-import { AttachmentTray as be, MAX_UPLOADS_PER_MINUTE as xe, generateAttachmentId as W, useClipboardPaste as Se } from "@epam/ai-dial-attachment-input";
+import { AttachmentTray as be, MAX_UPLOADS_PER_MINUTE as xe, generateAttachmentId as Se, useClipboardPaste as Ce } from "@epam/ai-dial-attachment-input";
 //#region src/constants/public-class-names.ts
-var G = {
+var W = {
 	wrapper: "dial-ci-wrapper",
 	actionRow: "dial-ci-action-row",
 	textareaWrap: "dial-ci-textarea-wrap",
@@ -14,11 +14,13 @@ var G = {
 	toolsChips: "dial-ci-tools-chips",
 	footerActions: "dial-ci-footer-actions",
 	modelSelectorButton: "dial-ci-model-selector-button",
+	modelSelectorIcon: "dial-ci-model-selector-icon",
+	modelSelectorCaret: "dial-ci-model-selector-caret",
 	modelMenu: "dial-ci-model-menu",
 	modelMenuSearch: "dial-ci-model-menu-search",
 	modelMenuItem: "dial-ci-model-menu-item",
 	modelMenuItemSelected: "dial-ci-model-menu-item-selected"
-}, Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", we = (e, t, n) => {
+}, we = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", Te = (e, t, n) => {
 	L(() => {
 		if (!e) return;
 		let n = (e) => {
@@ -32,10 +34,10 @@ var G = {
 	}, [e]), L(() => {
 		if (!e || n?.current == null) return;
 		let t = n.current, r = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-		(t.querySelector(Ce) ?? t).focus();
+		(t.querySelector(we) ?? t).focus();
 		let i = (e) => {
 			if (e.key !== "Tab") return;
-			let n = Array.from(t.querySelectorAll(Ce));
+			let n = Array.from(t.querySelectorAll(we));
 			if (n.length === 0) {
 				e.preventDefault(), t.focus();
 				return;
@@ -47,15 +49,15 @@ var G = {
 			document.removeEventListener("keydown", i), r?.focus();
 		};
 	}, [e, n]);
-}, Te = {
+}, Ee = {
 	backdrop: "_backdrop_1d50f_9",
 	sheet: "_sheet_1d50f_13",
 	"slide-up": "_slide-up_1d50f_1",
 	title: "_title_1d50f_18",
 	divider: "_divider_1d50f_22"
-}, K = ({ isOpen: e, title: t, closeLabel: n, onClose: r, onBack: i, backLabel: a, "aria-label": o, style: l, titleClassName: u = "dial-body-semi-text", className: d, colors: h, children: _ }) => {
+}, G = ({ isOpen: e, title: t, closeLabel: n, onClose: r, onBack: i, backLabel: a, "aria-label": o, style: l, titleClassName: u = "dial-body-semi-text", className: d, colors: h, children: _ }) => {
 	let y = z(null);
-	if (we(e, r, y), !e || typeof document > "u") return null;
+	if (Te(e, r, y), !e || typeof document > "u") return null;
 	let b = s({
 		"--ci-backdrop": h?.backdrop,
 		"--ci-sheet-bg": h?.sheetBg,
@@ -63,7 +65,7 @@ var G = {
 		"--ci-sheet-divider": h?.divider
 	});
 	return ye(/* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H("div", {
-		className: c(Te.backdrop, "fixed inset-0 z-[55]"),
+		className: c(Ee.backdrop, "fixed inset-0 z-[55]"),
 		style: b,
 		onPointerDown: r,
 		"aria-hidden": !0
@@ -77,7 +79,7 @@ var G = {
 			...b,
 			...l
 		},
-		className: c(Te.sheet, "fixed inset-x-0 bottom-0 z-[60] flex max-h-[85dvh] flex-col rounded-t-lg", d),
+		className: c(Ee.sheet, "fixed inset-x-0 bottom-0 z-[60] flex max-h-[85dvh] flex-col rounded-t-lg", d),
 		children: [t != null && /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ U("div", {
 			className: "relative flex h-[60px] flex-shrink-0 items-center justify-center px-4",
 			children: [
@@ -94,7 +96,7 @@ var G = {
 					})
 				}),
 				/* @__PURE__ */ H("span", {
-					className: c(Te.title, u),
+					className: c(Ee.title, u),
 					children: t
 				}),
 				/* @__PURE__ */ H("div", {
@@ -106,16 +108,16 @@ var G = {
 					})
 				})
 			]
-		}), /* @__PURE__ */ H("div", { className: c(Te.divider, "h-px flex-shrink-0") })] }), /* @__PURE__ */ H("div", {
+		}), /* @__PURE__ */ H("div", { className: c(Ee.divider, "h-px flex-shrink-0") })] }), /* @__PURE__ */ H("div", {
 			className: "overflow-y-auto",
 			children: _
 		})]
 	})] }), document.body);
-}, Ee = async (e, t, n) => {
+}, De = async (e, t, n) => {
 	let r = 6e4 / t, i = [];
 	for (let t = 0; t < e.length; t++) t > 0 && await new Promise((e) => setTimeout(e, r)), i.push(n(e[t]));
 	await Promise.allSettled(i);
-}, De = ({ initialAttachments: n, onUploadAttachment: r, onAttachmentsChange: a, validateAttachment: o, pendingDropFiles: s, onDropFilesConsumed: c, pendingAttachments: l, onPendingAttachmentsConsumed: u, onExpandPastedText: d, maximumAttachmentsAmount: f, baseAttachmentsAmount: p = 0, onAttachmentsLimitExceeded: m }) => {
+}, Oe = ({ initialAttachments: n, onUploadAttachment: r, onAttachmentsChange: a, validateAttachment: o, pendingDropFiles: s, onDropFilesConsumed: c, pendingAttachments: l, onPendingAttachmentsConsumed: u, onExpandPastedText: d, maximumAttachmentsAmount: f, baseAttachmentsAmount: p = 0, onAttachmentsLimitExceeded: m }) => {
 	let [h, g] = B(n), _ = z(h);
 	L(() => {
 		_.current = h;
@@ -127,7 +129,7 @@ var G = {
 	let v = I((e) => e.map((e) => {
 		let n = e.type.startsWith("image/"), r = e.type.startsWith("audio/"), a = n ? URL.createObjectURL(e) : void 0, o = r ? URL.createObjectURL(e) : void 0;
 		return {
-			id: W(),
+			id: Se(),
 			name: e.name,
 			contentType: e.type,
 			file: e,
@@ -199,7 +201,7 @@ var G = {
 						status: i.Error,
 						errorReason: n
 					} : e));
-				}), Ee(e, xe, C);
+				}), De(e, xe, C);
 			}
 		}
 	}, [
@@ -278,14 +280,14 @@ var G = {
 		]),
 		hasBlockedAttachments: h.some((e) => e.status === i.Loading || e.status === i.Error)
 	};
-}, Oe = (e, t) => {
+}, ke = (e, t) => {
 	if (!e.startsWith(t)) return !1;
 	let n = e.slice(t.length);
 	return !/\s/.test(n) && !n.includes(t);
-}, ke = ({ config: e, message: t }) => {
-	let [n, r] = B(!1), [i, a] = B(!1), o = e != null && Oe(t, e.triggerPrefix) ? t.slice(e.triggerPrefix.length) : "", s = I((n, a, o) => {
+}, Ae = ({ config: e, message: t }) => {
+	let [n, r] = B(!1), [i, a] = B(!1), o = e != null && ke(t, e.triggerPrefix) ? t.slice(e.triggerPrefix.length) : "", s = I((n, a, o) => {
 		if (e == null || a || t !== "" || i) return;
-		let s = n === e.triggerPrefix, c = o === "insertFromPaste" && Oe(n, e.triggerPrefix);
+		let s = n === e.triggerPrefix, c = o === "insertFromPaste" && ke(n, e.triggerPrefix);
 		(s || c) && r(!0);
 	}, [
 		e,
@@ -297,7 +299,7 @@ var G = {
 			r(!1), a(!1);
 			return;
 		}
-		Oe(t, e.triggerPrefix) || (r(!1), a(!1));
+		ke(t, e.triggerPrefix) || (r(!1), a(!1));
 	}, [e, t]), {
 		isMenuOpen: n,
 		query: o,
@@ -306,12 +308,12 @@ var G = {
 		}, []),
 		handleValueChange: s
 	};
-}, Ae = (e, t) => !e.slice(0, t).includes("\n"), je = (e, t) => !e.slice(t).includes("\n"), Me = (e) => {
+}, je = (e, t) => !e.slice(0, t).includes("\n"), Me = (e, t) => !e.slice(t).includes("\n"), Ne = (e) => {
 	let t = z(e);
 	t.current = e;
 	let n = z(-1), r = z(""), i = I((e, i, a) => {
 		let o = t.current;
-		return !o || o.length === 0 ? null : e === "up" ? !Ae(i, a) || n.current === 0 ? null : (n.current === -1 ? (r.current = i, n.current = o.length - 1) : --n.current, o[n.current]) : n.current === -1 || !je(i, a) ? null : n.current < o.length - 1 ? (n.current += 1, o[n.current]) : (n.current = -1, r.current);
+		return !o || o.length === 0 ? null : e === "up" ? !je(i, a) || n.current === 0 ? null : (n.current === -1 ? (r.current = i, n.current = o.length - 1) : --n.current, o[n.current]) : n.current === -1 || !Me(i, a) ? null : n.current < o.length - 1 ? (n.current += 1, o[n.current]) : (n.current = -1, r.current);
 	}, []), a = I(() => {
 		n.current = -1, r.current = "";
 	}, []), o = I(() => {
@@ -326,7 +328,7 @@ var G = {
 		a,
 		o
 	]);
-}, Ne = ({ messageProp: e, messageRevision: t }) => {
+}, Pe = ({ messageProp: e, messageRevision: t }) => {
 	let [n, r] = B(e), i = z(null);
 	return L(() => {
 		r(e);
@@ -335,10 +337,10 @@ var G = {
 		setMessage: r,
 		textareaRef: i
 	};
-}, Pe = (e, t, n, r = n) => {
+}, Fe = (e, t, n, r = n) => {
 	let i = Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, "value")?.set;
 	i ? i.call(e, t) : e.value = t, e.setSelectionRange(n, r), e.dispatchEvent(new Event("input", { bubbles: !0 }));
-}, Fe = (e) => e.key.toLowerCase() === "z" && (e.ctrlKey || e.metaKey) && !e.shiftKey && !e.altKey, Ie = ({ insertion: e, textareaRef: t }) => {
+}, Ie = (e) => e.key.toLowerCase() === "z" && (e.ctrlKey || e.metaKey) && !e.shiftKey && !e.altKey, Le = ({ insertion: e, textareaRef: t }) => {
 	let n = e?.revision, r = z(e?.text);
 	r.current = e?.text;
 	let i = z(n), a = z(null);
@@ -352,7 +354,7 @@ var G = {
 			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)}`;
-			Pe(n, l, s + e.length), a.current = {
+			Fe(n, l, s + e.length), a.current = {
 				insertedValue: l,
 				previousValue: r,
 				previousSelectionStart: s,
@@ -361,17 +363,17 @@ var G = {
 		});
 	}, [n, t]), { handleUndoKeyDown: (e) => {
 		let n = a.current, r = t.current;
-		return n == null || r == null || !Fe(e) || (a.current = null, r.value !== n.insertedValue) ? !1 : (e.preventDefault(), Pe(r, n.previousValue, n.previousSelectionStart, n.previousSelectionEnd), !0);
+		return n == null || r == null || !Ie(e) || (a.current = null, r.value !== n.insertedValue) ? !1 : (e.preventDefault(), Fe(r, n.previousValue, n.previousSelectionStart, n.previousSelectionEnd), !0);
 	} };
-}, Le = /* @__PURE__ */ function(e) {
+}, Re = /* @__PURE__ */ function(e) {
 	return e.Idle = "idle", e.Recording = "recording", e.Processing = "processing", e.Error = "error", e;
-}({}), Re = /* @__PURE__ */ function(e) {
+}({}), ze = /* @__PURE__ */ function(e) {
 	return e.Dictation = "dictation", e.Attachment = "attachment", e;
-}({}), ze = [
+}({}), Be = [
 	"audio/webm;codecs=opus",
 	"audio/ogg;codecs=opus",
 	"audio/webm"
-], Be = 100, Ve = 100, He = .01, Ue = ({ onAttachAudio: e, onTranscribeAudio: t, onTranscript: n, errorLabel: r = "Voice input failed" }) => {
+], Ve = 100, He = 100, Ue = .01, We = ({ onAttachAudio: e, onTranscribeAudio: t, onTranscript: n, errorLabel: r = "Voice input failed" }) => {
 	let [i, a] = B("idle"), [o, s] = B(null), c = z(null), l = z(null), u = z({
 		onAttachAudio: e,
 		onTranscribeAudio: t,
@@ -402,7 +404,7 @@ var G = {
 			n.aborted || (t.controller.abort(), l.current = null, s(e instanceof Error ? e.message : u.current.errorLabel), a("error"));
 		}, b = () => {
 			if (!i || n.aborted) return;
-			let e = ze.find((e) => MediaRecorder.isTypeSupported(e)), t = new MediaRecorder(i, e ? { mimeType: e } : void 0);
+			let e = Be.find((e) => MediaRecorder.isTypeSupported(e)), t = new MediaRecorder(i, e ? { mimeType: e } : void 0);
 			d = t;
 			let o = Date.now(), s = !1, l = !1, b = new Uint8Array(c.current?.fftSize ?? 256), x = async () => {
 				if (!(m || n.aborted)) {
@@ -410,7 +412,7 @@ var G = {
 					try {
 						let i = t.mimeType || e || "audio/webm", c = new Blob(h, { type: i });
 						h.length = 0, _();
-						let d = Date.now() - o >= Ve;
+						let d = Date.now() - o >= He;
 						if (c.size && (!r || d && (!s || l))) {
 							let e = i.split(";")[0].split("/")[1] ?? "webm", t = new File([c], "voice-" + crypto.randomUUID() + "." + e, { type: i });
 							if (r) {
@@ -436,8 +438,8 @@ var G = {
 				e.getByteTimeDomainData(b), s = !0;
 				let t = 0;
 				for (let e of b) t += ((e - 128) / 128) ** 2;
-				Math.sqrt(t / b.length) >= He && (l = !0, g());
-			}, Be));
+				Math.sqrt(t / b.length) >= Ue && (l = !0, g());
+			}, Ve));
 		};
 		t.stop = () => {
 			p || n.aborted || (p = !0, g(), a("processing"), d?.state === "recording" && d.stop());
@@ -468,14 +470,14 @@ var G = {
 		stopRecording: f,
 		discardRecording: p
 	};
-}, We = /* @__PURE__ */ function(e) {
+}, Ge = /* @__PURE__ */ function(e) {
 	return e.Enter = "enter", e.MetaEnter = "meta-enter", e;
-}({}), Ge = /* @__PURE__ */ function(e) {
+}({}), Ke = /* @__PURE__ */ function(e) {
 	return e.Stacked = "stacked", e.Inline = "inline", e;
-}({}), Ke = {
+}({}), qe = {
 	item: "_item_1sr2n_1",
 	itemIcon: "_itemIcon_1sr2n_11"
-}, qe = ({ isOpen: e, title: t, closeLabel: n, onClose: r, style: i, items: a, className: o, titleClassName: l = "dial-body-semi-text", itemLabelClassName: u = "dial-small-text", btnTextClassName: f = "", colors: p }) => {
+}, Je = ({ isOpen: e, title: t, closeLabel: n, onClose: r, style: i, items: a, className: o, titleClassName: l = "dial-body-semi-text", itemLabelClassName: u = "dial-small-text", btnTextClassName: f = "", colors: p }) => {
 	let m = (e) => {
 		e(), r();
 	}, h = s({
@@ -484,7 +486,7 @@ var G = {
 		"--ci-sheet-item-active": p?.itemActiveBg,
 		"--ci-sheet-icon": p?.itemIcon
 	});
-	return /* @__PURE__ */ H(K, {
+	return /* @__PURE__ */ H(G, {
 		isOpen: e,
 		title: t,
 		closeLabel: n,
@@ -499,9 +501,9 @@ var G = {
 			style: h,
 			children: a.map(({ key: e, label: t, icon: n, iconAfter: r, onClick: i }) => /* @__PURE__ */ H("li", { children: /* @__PURE__ */ H(d, {
 				type: "button",
-				className: c(Ke.item, "w-full gap-3 px-4 py-[10px] text-start"),
+				className: c(qe.item, "w-full gap-3 px-4 py-[10px] text-start"),
 				iconBefore: /* @__PURE__ */ H("span", {
-					className: Ke.itemIcon,
+					className: qe.itemIcon,
 					children: n
 				}),
 				iconAfter: r ? /* @__PURE__ */ H("span", {
@@ -517,7 +519,7 @@ var G = {
 			}) }, e))
 		})
 	});
-}, Je = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, isOpen: o }) => {
+}, Ye = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, isOpen: o }) => {
 	let [s, c] = B(t), [l, u] = B(n), [d, f] = B(r), p = z(o);
 	L(() => {
 		o && !p.current && (c(t), u(n), f(r)), p.current = o;
@@ -550,12 +552,12 @@ var G = {
 			a
 		])
 	};
-}, Ye = { label: "_label_14i7c_1" }, Xe = ({ features: e, responseFormat: t, systemPrompt: n, temperature: i, onResponseFormatChange: o, onSystemPromptChange: l, onTemperatureChange: u, responseFormatLabel: d = "Response format", responseFormatHint: f = "Applies to new and existing messages", responseFormatMarkdownLabel: p = "Markdown", responseFormatPlainTextLabel: m = "Plain text", systemPromptLabel: h = "System prompt", systemPromptTooltip: g = "Enter a prompt", temperatureLabel: _ = "Temperature", temperatureLabels: v = [
+}, Xe = { label: "_label_14i7c_1" }, Ze = ({ features: e, responseFormat: t, systemPrompt: n, temperature: i, onResponseFormatChange: o, onSystemPromptChange: l, onTemperatureChange: u, responseFormatLabel: d = "Response format", responseFormatHint: f = "Applies to new and existing messages", responseFormatMarkdownLabel: p = "Markdown", responseFormatPlainTextLabel: m = "Plain text", systemPromptLabel: h = "System prompt", systemPromptTooltip: g = "Enter a prompt", temperatureLabel: _ = "Temperature", temperatureLabels: v = [
 	"Precise",
 	"Neutral",
 	"Creative"
 ], temperatureHint: y, labelClassName: b = "!dial-small-semi-text", colors: x }) => {
-	let S = s({ "--csf-label-text": x?.labelText }), C = c(b, Ye.label, "gap-1");
+	let S = s({ "--csf-label-text": x?.labelText }), C = c(b, Xe.label, "gap-1");
 	return /* @__PURE__ */ U("div", {
 		className: "flex flex-col gap-4 px-6 pb-3",
 		style: S,
@@ -606,8 +608,8 @@ var G = {
 			})
 		]
 	});
-}, Ze = ({ isOpen: e, onBack: t, backLabel: n, onClose: r, closeLabel: i, style: a, features: o, initialResponseFormat: s, 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: x, saveLabel: S = "Apply changes", saveDisabledTooltip: C }) => {
-	let { responseFormat: T, systemPrompt: E, temperature: D, canSubmit: O, setResponseFormat: k, setSystemPrompt: ee, setTemperature: A, handleSubmit: te } = Je({
+}, Qe = ({ isOpen: e, onBack: t, backLabel: n, onClose: r, closeLabel: i, style: a, features: o, initialResponseFormat: s, 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: x, saveLabel: S = "Apply changes", saveDisabledTooltip: C }) => {
+	let { responseFormat: T, systemPrompt: E, temperature: D, canSubmit: O, setResponseFormat: k, setSystemPrompt: ee, setTemperature: A, handleSubmit: te } = Ye({
 		isOpen: e,
 		features: o,
 		initialResponseFormat: s,
@@ -616,7 +618,7 @@ var G = {
 		onSave: d,
 		onClose: r
 	});
-	return /* @__PURE__ */ U(K, {
+	return /* @__PURE__ */ U(G, {
 		isOpen: e,
 		title: f,
 		closeLabel: i,
@@ -624,7 +626,7 @@ var G = {
 		onBack: t,
 		backLabel: n,
 		style: a,
-		children: [/* @__PURE__ */ H(Xe, {
+		children: [/* @__PURE__ */ H(Ze, {
 			features: o,
 			responseFormat: T,
 			systemPrompt: E,
@@ -656,8 +658,8 @@ var G = {
 			})
 		})]
 	});
-}, q = { modal: "_modal_kl0h0_1" }, Qe = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, title: o = "Chat settings", titleClassName: s = "dial-h1-text", responseFormatLabel: c, responseFormatHint: l, responseFormatMarkdownLabel: u, responseFormatPlainTextLabel: d, systemPromptLabel: f, systemPromptTooltip: p, temperatureLabel: m, temperatureLabels: h, temperatureHint: g, saveLabel: _ = "Apply changes", saveDisabledTooltip: v, backgroundClassName: y = q.modal }) => {
-	let { responseFormat: b, systemPrompt: x, temperature: T, canSubmit: E, setResponseFormat: D, setSystemPrompt: O, setTemperature: k, handleSubmit: ee } = Je({
+}, $e = { modal: "_modal_kl0h0_1" }, et = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, title: o = "Chat settings", titleClassName: s = "dial-h1-text", responseFormatLabel: c, responseFormatHint: l, responseFormatMarkdownLabel: u, responseFormatPlainTextLabel: d, systemPromptLabel: f, systemPromptTooltip: p, temperatureLabel: m, temperatureLabels: h, temperatureHint: g, saveLabel: _ = "Apply changes", saveDisabledTooltip: v, backgroundClassName: y = $e.modal }) => {
+	let { responseFormat: b, systemPrompt: x, temperature: T, canSubmit: E, setResponseFormat: D, setSystemPrompt: O, setTemperature: k, handleSubmit: ee } = Ye({
 		features: e,
 		initialResponseFormat: t,
 		initialSystemPrompt: n,
@@ -684,7 +686,7 @@ var G = {
 				})
 			})
 		}),
-		children: /* @__PURE__ */ H(Xe, {
+		children: /* @__PURE__ */ H(Ze, {
 			features: e,
 			responseFormat: b,
 			systemPrompt: x,
@@ -703,10 +705,10 @@ var G = {
 			temperatureHint: g
 		})
 	});
-}, $e = {
+}, K = {
 	icon: "_icon_1fv6z_1",
 	selectedIcon: "_selectedIcon_1fv6z_5"
-}, et = ({ isOpen: e, onBack: t, backLabel: n = "Back", onClose: r, closeLabel: i = "Close", style: a, title: o = "Tools", items: l, onToolToggle: f, itemLabelClassName: p = "dial-small-text", colors: h }) => /* @__PURE__ */ H(K, {
+}, tt = ({ isOpen: e, onBack: t, backLabel: n = "Back", onClose: r, closeLabel: i = "Close", style: a, title: o = "Tools", items: l, onToolToggle: f, itemLabelClassName: p = "dial-small-text", colors: h }) => /* @__PURE__ */ H(G, {
 	isOpen: e,
 	title: o,
 	closeLabel: i,
@@ -729,11 +731,11 @@ var G = {
 				"aria-checked": e.isSelected,
 				className: "w-full gap-3 px-4 py-[10px] text-start",
 				iconBefore: /* @__PURE__ */ H("span", {
-					className: c("flex items-center", $e.icon),
+					className: c("flex items-center", K.icon),
 					children: e.icon
 				}),
 				iconAfter: e.isSelected ? /* @__PURE__ */ H("span", {
-					className: c("ms-auto", $e.selectedIcon),
+					className: c("ms-auto", K.selectedIcon),
 					children: /* @__PURE__ */ H(N, {
 						size: u,
 						"aria-hidden": !0,
@@ -748,19 +750,19 @@ var G = {
 			})
 		}, e.id))
 	})
-}), tt = {
+}), nt = {
 	toolIcon: "_toolIcon_ma5s5_1",
 	chevronIcon: "_chevronIcon_ma5s5_5"
-}, nt = ({ onAttachClick: e, onRecordVoice: t, recordVoiceLabel: n = "Record voice", attachLabel: r, addMenuTitle: i, menuTitle: o, menuCloseLabel: d, style: f, listClassName: _ = "w-[240px]", isDisabled: y = !1, chatSettings: x, extraMenuItems: S, toolsMenuItems: C = [], onToolToggle: w, toolsMenuTitle: T = "Tools", toolsBackLabel: E = "Back", menuOverlays: D, colors: O }) => {
+}, rt = ({ onAttachClick: e, onRecordVoice: t, recordVoiceLabel: n = "Record voice", attachLabel: r, addMenuTitle: i, menuTitle: o, menuCloseLabel: d, style: f, listClassName: _ = "w-[240px]", isDisabled: y = !1, chatSettings: x, extraMenuItems: S, toolsMenuItems: C = [], onToolToggle: w, toolsMenuTitle: T = "Tools", toolsBackLabel: E = "Back", menuOverlays: D, colors: O }) => {
 	let k = l(), [ee, A] = B(!1), [te, j] = B(!1), [ne, re] = B(!1), [M, ie] = B(null), [ae, N] = B(!1), P = R(() => s({
 		"--aab-tool-icon": O?.toolIcon,
 		"--aab-chevron-icon": O?.chevronIcon
-	}), [O?.toolIcon, O?.chevronIcon]), se = C.length > 0 && w != null, ue = D != null && D.length > 0, F = R(() => C.map((e) => ({
+	}), [O?.toolIcon, O?.chevronIcon]), se = C.length > 0 && w != null, ue = D != null && D.length > 0, de = R(() => C.map((e) => ({
 		key: e.id,
 		label: e.label,
 		icon: /* @__PURE__ */ H("span", {
 			style: P,
-			className: c("flex items-center", tt.toolIcon),
+			className: c("flex items-center", nt.toolIcon),
 			children: e.icon
 		}),
 		selectable: !0,
@@ -798,9 +800,9 @@ var G = {
 				size: u,
 				stroke: m,
 				style: P,
-				className: c("rtl:scale-x-[-1]", tt.chevronIcon),
+				className: c("rtl:scale-x-[-1]", nt.chevronIcon),
 				"aria-hidden": !0
-			}) } : { children: F }
+			}) } : { children: de }
 		}] : [],
 		...(D ?? []).map((e) => ({
 			key: e.key,
@@ -813,7 +815,7 @@ var G = {
 				size: u,
 				stroke: m,
 				style: P,
-				className: c("rtl:scale-x-[-1]", tt.chevronIcon),
+				className: c("rtl:scale-x-[-1]", nt.chevronIcon),
 				"aria-hidden": !0
 			}) } : {
 				children: [{
@@ -847,7 +849,7 @@ var G = {
 				size: u,
 				stroke: m,
 				style: P,
-				className: c("rtl:scale-x-[-1]", tt.chevronIcon),
+				className: c("rtl:scale-x-[-1]", nt.chevronIcon),
 				"aria-hidden": !0
 			}) : null,
 			onClick: () => j(!0)
@@ -862,7 +864,7 @@ var G = {
 		k,
 		se,
 		T,
-		F,
+		de,
 		D,
 		P
 	]);
@@ -875,7 +877,7 @@ var G = {
 		open: ue ? ae : void 0,
 		onOpenChange: ue ? N : void 0,
 		children: /* @__PURE__ */ H(v, {
-			icon: /* @__PURE__ */ H(de, {
+			icon: /* @__PURE__ */ H(F, {
 				size: p.LG,
 				"aria-hidden": !0,
 				stroke: m
@@ -887,7 +889,7 @@ var G = {
 	});
 	return /* @__PURE__ */ H(V, { children: k ? /* @__PURE__ */ U(V, { children: [
 		/* @__PURE__ */ H(v, {
-			icon: /* @__PURE__ */ H(de, {
+			icon: /* @__PURE__ */ H(F, {
 				size: p.LG,
 				"aria-hidden": !0,
 				stroke: m
@@ -898,7 +900,7 @@ var G = {
 			disabled: y,
 			onClick: () => A(!0)
 		}),
-		/* @__PURE__ */ H(qe, {
+		/* @__PURE__ */ H(Je, {
 			isOpen: ee,
 			title: o,
 			closeLabel: d,
@@ -908,7 +910,7 @@ var G = {
 			className: "pb-4",
 			btnTextClassName: "flex-1"
 		}),
-		se && /* @__PURE__ */ H(et, {
+		se && /* @__PURE__ */ H(tt, {
 			isOpen: ne,
 			onBack: () => {
 				re(!1), A(!0);
@@ -921,7 +923,7 @@ var G = {
 			items: C,
 			onToolToggle: w
 		}),
-		D?.map((e) => /* @__PURE__ */ H(K, {
+		D?.map((e) => /* @__PURE__ */ H(G, {
 			isOpen: M === e.key,
 			title: e.title,
 			closeLabel: d,
@@ -933,7 +935,7 @@ var G = {
 			style: f,
 			children: e.renderOverlay(() => ie(null))
 		}, e.key)),
-		x != null && /* @__PURE__ */ H(Ze, {
+		x != null && /* @__PURE__ */ H(Qe, {
 			isOpen: te,
 			onBack: () => {
 				j(!1), A(!0);
@@ -960,7 +962,7 @@ var G = {
 			saveLabel: x.saveLabel,
 			saveDisabledTooltip: x.saveDisabledTooltip
 		})
-	] }) : /* @__PURE__ */ U(V, { children: [he, x != null && te && /* @__PURE__ */ H(Qe, {
+	] }) : /* @__PURE__ */ U(V, { children: [he, x != null && te && /* @__PURE__ */ H(et, {
 		features: x.features,
 		initialResponseFormat: x.responseFormat ?? a.Markdown,
 		initialSystemPrompt: x.systemPrompt,
@@ -980,13 +982,13 @@ var G = {
 		saveLabel: x.saveLabel,
 		saveDisabledTooltip: x.saveDisabledTooltip
 	})] }) });
-}, rt = {
+}, it = {
 	chip: "_chip_ydmd8_1",
 	chipSelected: "_chipSelected_ydmd8_9",
 	chipIcon: "_chipIcon_ydmd8_16",
 	chipText: "_chipText_ydmd8_19",
 	chipClose: "_chipClose_ydmd8_22"
-}, it = (e) => `Remove ${e}`, at = ({ items: e, onToolToggle: t, onToolDismiss: n, canRemove: r = !0, removeLabel: i = it, typography: a, colors: o }) => e.length === 0 ? null : /* @__PURE__ */ H("div", {
+}, at = (e) => `Remove ${e}`, ot = ({ items: e, onToolToggle: t, onToolDismiss: n, canRemove: r = !0, removeLabel: i = at, typography: a, colors: o }) => e.length === 0 ? null : /* @__PURE__ */ H("div", {
 	className: "flex flex-wrap items-center gap-2",
 	style: s({
 		"--ci-chip-bg": o?.chipBg,
@@ -1002,25 +1004,25 @@ var G = {
 		"--ci-chip-close-hover": o?.chipCloseHover
 	}),
 	children: e.map((e) => /* @__PURE__ */ U("div", {
-		className: c(rt.chip, e.isSelected && rt.chipSelected, "flex min-w-0 items-center gap-1.5 rounded-full border py-1 transition-colors", r ? "pe-1 ps-2" : "px-2"),
+		className: c(it.chip, e.isSelected && it.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__ */ U("button", {
 			type: "button",
 			onClick: () => t(e.id),
 			"aria-pressed": e.isSelected,
 			className: "flex min-w-0 items-center gap-1.5",
 			children: [/* @__PURE__ */ H("span", {
-				className: c(rt.chipIcon, "shrink-0"),
+				className: c(it.chipIcon, "shrink-0"),
 				"aria-hidden": !0,
 				children: e.icon
 			}), /* @__PURE__ */ H("span", {
-				className: c(rt.chipText, a?.fontClassName || "dial-small-paragraph-text", "truncate"),
+				className: c(it.chipText, a?.fontClassName || "dial-small-paragraph-text", "truncate"),
 				children: e.label
 			})]
 		}), r && /* @__PURE__ */ H("button", {
 			type: "button",
 			onClick: () => n(e.id),
 			"aria-label": i(e.label),
-			className: c(rt.chipClose, "flex shrink-0 items-center rounded p-0.5 transition-colors"),
+			className: c(it.chipClose, "flex shrink-0 items-center rounded p-0.5 transition-colors"),
 			children: /* @__PURE__ */ H(me, {
 				size: 12,
 				"aria-hidden": !0,
@@ -1028,7 +1030,7 @@ var G = {
 			})
 		})]
 	}, e.id))
-}), J = {
+}), q = {
 	wrapper: "_wrapper_q1jcl_2",
 	wrapperDisabled: "_wrapperDisabled_q1jcl_9",
 	textarea: "_textarea_q1jcl_13",
@@ -1039,23 +1041,23 @@ var G = {
 	modelSelectorName: "_modelSelectorName_q1jcl_50",
 	modelSelectorVersion: "_modelSelectorVersion_q1jcl_53",
 	modelSelectorButtonDisabled: "_modelSelectorButtonDisabled_q1jcl_62"
-}, ot = {
+}, st = {
 	wrapperError: "_wrapperError_129ri_1",
 	waveformCanvas: "_waveformCanvas_129ri_5",
 	recordingDot: "_recordingDot_129ri_19",
 	"recording-pulse": "_recording-pulse_129ri_1"
-}, st = 3, ct = 4, lt = 200, ut = ({ state: e, analyserNodeRef: t, errorMessage: n, onStop: r, onDiscard: i, attachButton: a, stopLabel: o = "Stop recording", discardLabel: s = "Discard recording", processingLabel: l = "Transcribing audio…", style: u, className: d, embedded: f = !1 }) => {
-	let h = z(null), g = z(new Float32Array(lt)), y = z(0), b = z(0), x = e === Le.Recording, S = e === Le.Error, C = e === Le.Processing, w = I((e) => {
+}, ct = 3, lt = 4, ut = 200, dt = ({ state: e, analyserNodeRef: t, errorMessage: n, onStop: r, onDiscard: i, attachButton: a, stopLabel: o = "Stop recording", discardLabel: s = "Discard recording", processingLabel: l = "Transcribing audio…", style: u, className: d, embedded: f = !1 }) => {
+	let h = z(null), g = z(new Float32Array(ut)), y = z(0), b = z(0), x = e === Re.Recording, S = e === Re.Error, C = e === Re.Processing, w = I((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 / ct)), lt - 1), a = y.current, o = b.current;
+		let i = Math.min(Math.max(1, Math.floor(n / lt)), ut - 1), a = y.current, o = b.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) % lt + lt) % lt, o = g.current[n] ?? 0, s = Math.min(1, o * 6), c = Math.max(3, s * r);
-			t.fillRect(e * ct, (r - c) / 2, st, c);
+			let n = ((a - i + e) % ut + ut) % ut, o = g.current[n] ?? 0, s = Math.min(1, o * 6), c = Math.max(3, s * r);
+			t.fillRect(e * lt, (r - c) / 2, ct, c);
 		}
 		t.restore();
 	}, []);
@@ -1065,8 +1067,8 @@ var G = {
 		if (!e) return;
 		g.current.fill(0), y.current = 0, b.current = 0;
 		let n, r = () => {
-			if (b.current += 1, b.current >= ct) {
-				b.current -= ct;
+			if (b.current += 1, b.current >= lt) {
+				b.current -= lt;
 				let e = t.current;
 				if (e) {
 					let t = new Uint8Array(e.frequencyBinCount);
@@ -1076,7 +1078,7 @@ var G = {
 						let r = (t[e] - 128) / 128;
 						n += r * r;
 					}
-					g.current[y.current % lt] = Math.sqrt(n / t.length), y.current++;
+					g.current[y.current % ut] = Math.sqrt(n / t.length), y.current++;
 				}
 			}
 			w(e), n = requestAnimationFrame(r);
@@ -1132,17 +1134,17 @@ var G = {
 		className: d,
 		children: [/* @__PURE__ */ U("div", {
 			style: u,
-			className: c("flex w-full min-w-0 flex-col justify-center gap-2", !f && J.wrapper, !f && "min-h-[64px] max-w-[748px] rounded-xl border px-3 shadow-md", S && ot.wrapperError),
+			className: c("flex w-full min-w-0 flex-col justify-center gap-2", !f && q.wrapper, !f && "min-h-[64px] max-w-[748px] rounded-xl border px-3 shadow-md", S && st.wrapperError),
 			children: [/* @__PURE__ */ U("div", {
 				className: "flex min-w-0 flex-1 items-center gap-3",
 				children: [x && /* @__PURE__ */ H("span", {
-					className: c(ot.recordingDot, "pointer-events-none block size-[8px] rounded-3xl"),
+					className: c(st.recordingDot, "pointer-events-none block size-[8px] rounded-3xl"),
 					"aria-hidden": !0
 				}), /* @__PURE__ */ H("canvas", {
 					ref: h,
 					height: 26,
 					"aria-hidden": !0,
-					className: c(ot.waveformCanvas, "h-[26px] min-w-0 flex-1")
+					className: c(st.waveformCanvas, "h-[26px] min-w-0 flex-1")
 				})]
 			}), /* @__PURE__ */ U("div", {
 				className: "flex items-center justify-between gap-2",
@@ -1156,7 +1158,7 @@ var G = {
 			})
 		})]
 	});
-}, dt = ({ onSend: e, isDisabled: t = !1, ariaLabel: n = "Send message", sendTooltip: r }) => /* @__PURE__ */ H(T, {
+}, ft = ({ onSend: e, isDisabled: t = !1, ariaLabel: n = "Send message", sendTooltip: r }) => /* @__PURE__ */ H(T, {
 	"aria-label": n,
 	onClick: () => e?.(),
 	disabled: t,
@@ -1166,19 +1168,19 @@ var G = {
 		className: "rtl:scale-x-[-1]",
 		stroke: m
 	})
-}), ft = ({ onStop: e, ariaLabel: t = "Stop streaming" }) => /* @__PURE__ */ H(j, {
-	icon: /* @__PURE__ */ H(F, {
+}), pt = ({ onStop: e, ariaLabel: t = "Stop streaming" }) => /* @__PURE__ */ H(j, {
+	icon: /* @__PURE__ */ H(de, {
 		size: p.LG,
 		stroke: m
 	}),
 	onClick: () => e?.(),
 	"aria-label": t
-}), pt = ({ size: e = 20 }) => /* @__PURE__ */ H(k, {
+}), mt = ({ size: e = 20 }) => /* @__PURE__ */ H(k, {
 	variant: ee.Circular,
 	width: e,
 	height: e,
 	active: !0
-}), mt = ({ loadingLabel: e }) => /* @__PURE__ */ U("span", {
+}), ht = ({ loadingLabel: e }) => /* @__PURE__ */ U("span", {
 	className: "flex min-w-0 flex-1 items-center",
 	children: [/* @__PURE__ */ H(k, {
 		variant: ee.Text,
@@ -1189,24 +1191,24 @@ var G = {
 		className: "sr-only",
 		children: e
 	})]
-}), ht = ({ loadingLabel: e }) => /* @__PURE__ */ H("div", {
+}), gt = ({ loadingLabel: e }) => /* @__PURE__ */ H("div", {
 	role: "status",
 	"aria-label": e,
 	children: Array.from({ length: 7 }).map((e, t) => /* @__PURE__ */ U("div", {
 		className: "flex h-11 items-center gap-3 px-4",
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ H(pt, {}), /* @__PURE__ */ H(mt, {})]
+		children: [/* @__PURE__ */ H(mt, {}), /* @__PURE__ */ H(ht, {})]
 	}, t))
-}), gt = (e) => e.displayName ?? e.id, _t = (e, t) => {
+}), _t = (e) => e.displayName ?? e.id, vt = (e, t) => {
 	let n = t.trim().toLowerCase();
-	return n ? e.filter((e) => gt(e).toLowerCase().includes(n)) : e;
-}, vt = (e, t, r, i = 18, a) => /* @__PURE__ */ H(n, {
+	return n ? e.filter((e) => _t(e).toLowerCase().includes(n)) : e;
+}, yt = (e, t, r, i = 18, a) => /* @__PURE__ */ H(n, {
 	src: e,
 	size: i,
 	labels: { tooltip: a },
 	initialsName: r
-}), yt = { searchHeader: "_searchHeader_1728o_1" }, Y = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, searchHeaderClassName: i = yt.searchHeader, colors: a }) => {
-	let [o, l] = B(""), u = R(() => e?.find((e) => e.id === t), [e, t]), d = r?.loading !== void 0, f = !d && !u && !!t, m = R(() => d ? /* @__PURE__ */ H(pt, { size: p.LG }) : vt(u?.iconUrl, u?.type, u?.displayName ?? u?.id ?? "", p.LG, f ? r?.unavailableTooltip ?? "This deployment is no longer available" : void 0), [
+}), bt = { searchHeader: "_searchHeader_1728o_1" }, xt = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, searchHeaderClassName: i = bt.searchHeader, colors: a }) => {
+	let [o, l] = B(""), u = R(() => e?.find((e) => e.id === t), [e, t]), d = r?.loading !== void 0, f = !d && !u && !!t, m = R(() => d ? /* @__PURE__ */ H(mt, { size: p.LG }) : yt(u?.iconUrl, u?.type, u?.displayName ?? u?.id ?? "", p.LG, f ? r?.unavailableTooltip ?? "This deployment is no longer available" : void 0), [
 		d,
 		u,
 		f,
@@ -1220,8 +1222,8 @@ var G = {
 		menuItems: R(() => {
 			if (d) return Array.from({ length: 7 }, (e, t) => ({
 				key: `__loading-${t}`,
-				icon: /* @__PURE__ */ H(pt, {}),
-				label: /* @__PURE__ */ H(mt, { loadingLabel: t === 0 ? r?.loading : void 0 }),
+				icon: /* @__PURE__ */ H(mt, {}),
+				label: /* @__PURE__ */ H(ht, { loadingLabel: t === 0 ? r?.loading : void 0 }),
 				disabled: !0
 			}));
 			if (!e || e.length === 0) {
@@ -1232,17 +1234,17 @@ var G = {
 					disabled: !0
 				}] : [];
 			}
-			return _t(e, o).map((e) => ({
+			return vt(e, o).map((e) => ({
 				key: e.id,
 				label: /* @__PURE__ */ H(y, {
-					text: gt(e),
+					text: _t(e),
 					query: o,
 					maxLines: 1
 				}),
-				icon: vt(e.iconUrl, e.type, e.displayName ?? e.id),
+				icon: yt(e.iconUrl, e.type, e.displayName ?? e.id),
 				mark: b.Check,
 				checked: e.id === t,
-				className: c(G.modelMenuItem, e.id === t && G.modelMenuItemSelected),
+				className: c(W.modelMenuItem, e.id === t && W.modelMenuItemSelected),
 				onClick: () => n?.(e.id)
 			}));
 		}, [
@@ -1255,7 +1257,7 @@ var G = {
 		]),
 		menuHeader: R(() => !d && e && e.length > 0 ? /* @__PURE__ */ H("div", {
 			style: s({ "--ms-search-header-bg": a?.searchHeaderBackground }),
-			className: c("sticky top-0 z-10 pb-1 pe-2 pt-2", i, G.modelMenuSearch),
+			className: c("sticky top-0 z-10 pb-1 pe-2 pt-2", i, W.modelMenuSearch),
 			children: /* @__PURE__ */ H(O, {
 				value: o,
 				placeholder: r?.searchPlaceholder ?? "Search",
@@ -1275,8 +1277,8 @@ var G = {
 			e || l("");
 		}
 	};
-}, bt = typeof window < "u" ? ve : L;
-function xt(e) {
+}, J = typeof window < "u" ? ve : L;
+function Y(e) {
 	if (e !== void 0) switch (typeof e) {
 		case "number": return e;
 		case "string":
@@ -1286,13 +1288,13 @@ function xt(e) {
 }
 function St({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
 	let { styleHeight: s, styleWidth: c } = R(() => ({
-		styleHeight: xt(o?.height),
-		styleWidth: xt(o?.width)
+		styleHeight: Y(o?.height),
+		styleWidth: Y(o?.width)
 	}), [o?.height, o?.width]), [l, u] = B({
 		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 bt(() => {
+	return J(() => {
 		if (i === null || d) return;
 		let t = new ResizeObserver((e) => {
 			for (let t of e) {
@@ -1325,7 +1327,7 @@ function Ct(e) {
 	let t = z(() => {
 		throw Error("Cannot call during render.");
 	});
-	return bt(() => {
+	return J(() => {
 		t.current = e;
 	}, [e]), I((e) => t.current?.(e), [t]);
 }
@@ -1339,7 +1341,7 @@ function Tt(e = !1) {
 	}
 	return wt;
 }
-function X({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
+function Et({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
 	if (t === "horizontal" && n) switch (Tt()) {
 		case "negative": return -r;
 		case "positive-descending":
@@ -1351,26 +1353,26 @@ function X({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
 	}
 	return r;
 }
-function Z(e, t = "Assertion error") {
+function X(e, t = "Assertion error") {
 	if (!e) throw console.error(t), Error(t);
 }
-function Q(e, t) {
+function Z(e, t) {
 	if (e === t) return !0;
-	if (!!e != !!t || (Z(e !== void 0), Z(t !== void 0), Object.keys(e).length !== Object.keys(t).length)) return !1;
+	if (!!e != !!t || (X(e !== void 0), X(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 Et({ cachedBounds: e, itemCount: t, itemSize: n }) {
+function Q({ cachedBounds: e, itemCount: t, itemSize: n }) {
 	if (t === 0) return 0;
 	if (typeof n == "number") return t * n;
 	{
 		let n = e.get(e.size === 0 ? 0 : e.size - 1);
-		return Z(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
+		return X(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
 	}
 }
 function Dt({ 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 = Et({
+	let s = Q({
 		cachedBounds: t,
 		itemCount: r,
 		itemSize: i
@@ -1405,7 +1407,7 @@ function kt({ itemCount: e, itemProps: t, itemSize: n }) {
 	let r = /* @__PURE__ */ new Map();
 	return {
 		get(i) {
-			for (Z(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
+			for (X(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
 				let e = r.size, a;
 				switch (typeof n) {
 					case "function":
@@ -1421,14 +1423,14 @@ function kt({ itemCount: e, itemProps: t, itemSize: n }) {
 				});
 				else {
 					let t = r.get(e - 1);
-					Z(t !== void 0, `Unexpected bounds cache miss for index ${i}`), r.set(e, {
+					X(t !== void 0, `Unexpected bounds cache miss for index ${i}`), r.set(e, {
 						scrollOffset: t.scrollOffset + t.size,
 						size: a
 					});
 				}
 			}
 			let a = r.get(i);
-			return Z(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
+			return X(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
 		},
 		set(e, t) {
 			r.set(e, t);
@@ -1453,7 +1455,7 @@ function jt({ containerSize: e, itemSize: t }) {
 	let n;
 	switch (typeof t) {
 		case "string":
-			Z(t.endsWith("%"), `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`), Z(e !== void 0, "Container size must be defined if a percentage item size is specified"), n = e * parseInt(t) / 100;
+			X(t.endsWith("%"), `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`), X(e !== void 0, "Container size must be defined if a percentage item size is specified"), n = e * parseInt(t) / 100;
 			break;
 		default:
 			n = t;
@@ -1503,7 +1505,7 @@ function Mt({ 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 = I(() => Et({
+	}, C = I(() => Q({
 		cachedBounds: h,
 		itemCount: a,
 		itemSize: m
@@ -1513,7 +1515,7 @@ function Mt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		m
 	]), w = I((t) => Ot({
 		cachedBounds: h,
-		containerScrollOffset: X({
+		containerScrollOffset: Et({
 			containerElement: e,
 			direction: r,
 			isRtl: i,
@@ -1531,19 +1533,19 @@ function Mt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		a,
 		l
 	]);
-	return bt(() => {
+	return J(() => {
 		v(w((r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0));
 	}, [
 		e,
 		r,
 		w
-	]), bt(() => {
+	]), J(() => {
 		if (!e) return;
 		let t = () => {
 			v((t) => {
 				let { scrollLeft: n, scrollTop: o } = e, s = Ot({
 					cachedBounds: h,
-					containerScrollOffset: X({
+					containerScrollOffset: Et({
 						containerElement: e,
 						direction: r,
 						isRtl: i,
@@ -1553,7 +1555,7 @@ function Mt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 					itemCount: a,
 					overscanCount: l
 				});
-				return Q(s, t) ? t : s;
+				return Z(s, t) ? t : s;
 			});
 		};
 		return e.addEventListener("scroll", t), () => {
@@ -1580,14 +1582,14 @@ function Mt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 				itemSize: m
 			});
 			if (e) {
-				if (s = X({
+				if (s = Et({
 					containerElement: e,
 					direction: r,
 					isRtl: i,
 					scrollOffset: s
 				}), typeof e.scrollTo != "function") {
 					let e = w(s);
-					Q(_, e) || v(e);
+					Z(_, e) || v(e);
 				}
 				return s;
 			}
@@ -1603,7 +1605,7 @@ function Nt(e) {
 }
 function Pt(e, t) {
 	let { ariaAttributes: n, style: r, ...i } = e, { ariaAttributes: a, style: o, ...s } = t;
-	return Q(n, a) && Q(r, o) && Q(i, s);
+	return Z(n, a) && Z(r, o) && Z(i, s);
 }
 function Ft(e) {
 	return typeof e == "object" && !!e && "getAverageRowHeight" in e && typeof e.getAverageRowHeight == "function";
@@ -1636,7 +1638,7 @@ function Lt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 				top: r
 			});
 		}
-	}), [g, x]), bt(() => {
+	}), [g, x]), J(() => {
 		if (!g) return;
 		let e = Array.from(g.children).filter((e, t) => {
 			if (e.hasAttribute("aria-hidden")) return !1;
@@ -1725,7 +1727,7 @@ var Rt = {
 	checkIcon: "_checkIcon_1tiyp_19",
 	stateLabel: "_stateLabel_1tiyp_23"
 }, zt = 44, Bt = 8, Vt = ({ index: e, style: t, ariaAttributes: n, items: r, selectedDeploymentId: i, labelClassName: a, query: o, onSelect: s }) => {
-	let l = r[e], u = vt(l.iconUrl, l.type, l.displayName ?? l.id, p.SM), f = l.id === i;
+	let l = r[e], u = yt(l.iconUrl, l.type, l.displayName ?? l.id, p.SM), f = l.id === i;
 	return /* @__PURE__ */ H("div", {
 		style: t,
 		...n,
@@ -1759,7 +1761,7 @@ var Rt = {
 	L(() => {
 		e || y("");
 	}, [e]);
-	let b = a && a.length > 0, x = u !== void 0, S = !b && !x ? d ?? f : void 0, C = b ? _t(a, v) : [], w = (e) => {
+	let b = a && a.length > 0, x = u !== void 0, S = !b && !x ? d ?? f : void 0, C = b ? vt(a, v) : [], w = (e) => {
 		l(e), i();
 	}, T = s({
 		"--ci-sheet-divider": _?.divider,
@@ -1769,14 +1771,14 @@ var Rt = {
 		"--ci-sheet-icon": _?.itemIcon,
 		"--ci-check-icon": _?.checkIcon
 	});
-	return /* @__PURE__ */ H(K, {
+	return /* @__PURE__ */ H(G, {
 		isOpen: e,
 		title: t,
 		closeLabel: n,
 		onClose: i,
 		style: p,
 		titleClassName: m,
-		className: c("max-h-[80dvh]", G.modelMenu),
+		className: c("max-h-[80dvh]", W.modelMenu),
 		colors: _?.shell,
 		children: /* @__PURE__ */ U("div", {
 			className: "contents",
@@ -1789,7 +1791,7 @@ var Rt = {
 					size: g.Standard,
 					onChange: (e) => y(e ?? "")
 				})
-			}), /* @__PURE__ */ H("div", { className: c(Rt.divider, "h-px flex-shrink-0") })] }), x ? /* @__PURE__ */ H(ht, { loadingLabel: u }) : S ? /* @__PURE__ */ H("div", {
+			}), /* @__PURE__ */ H("div", { className: c(Rt.divider, "h-px flex-shrink-0") })] }), x ? /* @__PURE__ */ H(gt, { loadingLabel: u }) : S ? /* @__PURE__ */ H("div", {
 				role: "list",
 				className: c(Rt.stateLabel, h, "px-4 py-4"),
 				children: S
@@ -1811,7 +1813,7 @@ var Rt = {
 		})
 	});
 }, Ut = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, isStreaming: i, isMobile: a, isDisabled: s = !1, style: l, modelPickerOverlay: u, isPickerOpen: d, onPickerToggle: f, onPickerOpenChange: g }) => {
-	let [_, y] = B(!1), { selectorIcon: b, selectorAriaLabel: x, selectedLabel: S, selectedVersion: C, menuItems: w, menuHeader: T, onOpenChange: E } = Y({
+	let [_, y] = B(!1), { selectorIcon: b, selectorAriaLabel: x, selectedLabel: S, selectedVersion: C, menuItems: w, menuHeader: T, onOpenChange: E } = xt({
 		deployments: e,
 		selectedDeploymentId: t,
 		onDeploymentChange: n,
@@ -1820,30 +1822,33 @@ var Rt = {
 	if (!e) return null;
 	let D = i || s ? "pointer-events-none opacity-50 cursor-not-allowed" : void 0, O = /* @__PURE__ */ H(P, {
 		size: p.SM,
-		className: J.modelSelectorCaret,
+		className: c(q.modelSelectorCaret, W.modelSelectorCaret),
 		"aria-hidden": !0,
 		stroke: m
+	}), k = /* @__PURE__ */ H("span", {
+		className: c("flex shrink-0 items-center", W.modelSelectorIcon),
+		children: b
 	});
 	if (a) return /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H(M, {
 		tooltip: S,
 		children: /* @__PURE__ */ H(v, {
 			icon: /* @__PURE__ */ U("div", {
 				className: "flex items-center gap-1",
-				children: [b, O]
+				children: [k, O]
 			}),
 			"aria-label": x,
 			onClick: () => {
 				s || y(!0);
 			},
-			className: c("w-[50px]", J.modelSelectorButton, D, G.modelSelectorButton)
+			className: c("w-[50px]", q.modelSelectorButton, D, W.modelSelectorButton)
 		})
-	}), u ? /* @__PURE__ */ H(K, {
+	}), u ? /* @__PURE__ */ H(G, {
 		isOpen: _,
 		title: r?.ariaLabel ?? "Select model",
 		closeLabel: r?.closeLabel ?? "Close",
 		onClose: () => y(!1),
 		style: l,
-		className: G.modelMenu,
+		className: W.modelMenu,
 		children: u(() => y(!1))
 	}) : /* @__PURE__ */ H(Ht, {
 		isOpen: _,
@@ -1869,26 +1874,26 @@ var Rt = {
 			trigger: [],
 			outsideClosable: !0,
 			renderOverlay: () => u(() => g?.(!1)),
-			listClassName: c("!w-[368px] !bg-layer-raised", G.modelMenu),
+			listClassName: c("!w-[368px] !bg-layer-raised", W.modelMenu),
 			children: /* @__PURE__ */ H(M, {
 				tooltip: e,
 				children: /* @__PURE__ */ U("button", {
 					type: "button",
 					"aria-label": x,
 					"aria-disabled": s || void 0,
-					className: c("flex min-w-0 items-center gap-1.5 rounded-full py-1.5 pe-2 ps-1.5", J.modelSelectorButton, D, s && J.modelSelectorButtonDisabled, G.modelSelectorButton),
+					className: c("flex min-w-0 items-center gap-1.5 rounded-full py-1.5 pe-2 ps-1.5", q.modelSelectorButton, D, s && q.modelSelectorButtonDisabled, W.modelSelectorButton),
 					onClick: () => {
 						!i && !s && f?.();
 					},
 					children: [
-						b,
+						k,
 						/* @__PURE__ */ U("span", {
 							className: "flex min-w-0 max-w-[180px] items-baseline gap-1",
 							children: [/* @__PURE__ */ H("span", {
-								className: c("dial-small-text max-w-[180px] shrink-0 truncate", J.modelSelectorName),
+								className: c("dial-small-text max-w-[180px] shrink-0 truncate", q.modelSelectorName),
 								children: S
 							}), C && /* @__PURE__ */ H("span", {
-								className: c("dial-tiny-text min-w-0 truncate", J.modelSelectorVersion),
+								className: c("dial-tiny-text min-w-0 truncate", q.modelSelectorVersion),
 								children: C
 							})]
 						}),
@@ -1907,7 +1912,7 @@ var Rt = {
 			placement: "bottom-end",
 			matchReferenceWidth: !1,
 			maxDropdownHeight: o,
-			listClassName: c("!w-[240px]", G.modelMenu),
+			listClassName: c("!w-[240px]", W.modelMenu),
 			disabled: s,
 			onOpenChange: s ? void 0 : E,
 			children: /* @__PURE__ */ H(M, {
@@ -1916,14 +1921,14 @@ var Rt = {
 					type: "button",
 					"aria-label": x,
 					"aria-disabled": s || void 0,
-					className: c("flex items-center gap-1 rounded-full p-1.5", J.modelSelectorButton, s && J.modelSelectorButtonDisabled, G.modelSelectorButton),
-					children: [b, O]
+					className: c("flex items-center gap-1 rounded-full p-1.5", q.modelSelectorButton, s && q.modelSelectorButtonDisabled, W.modelSelectorButton),
+					children: [k, O]
 				})
 			})
 		})
 	});
-}, Wt = ({ message: e = "", messageRevision: t, textInsertion: n, onSend: r, onUploadAttachment: i, onStop: a, isStreaming: o = !1, onChange: d, onAttachmentsChange: f, placeholder: g = "Type a message...", ariaLabel: y, attachLabel: b = "Attach file", fileAccept: x, addMenuTitle: S = "Add", menuTitle: C = "Menu", menuCloseLabel: w = "Close", removeLabel: T, retryLabel: E, uploadingLabel: D, sendLabel: O, sendTooltip: k, emptyMessageTooltip: ee, stopLabel: A, micLabel: te = "Dictate", recordVoiceLabel: j = "Record voice", stopRecordingLabel: ne, discardRecordingLabel: re, colors: M, typography: ie, className: ae, pendingDropFiles: N = [], onDropFilesConsumed: P, pendingAttachments: oe = [], onPendingAttachmentsConsumed: le, pasteTextThreshold: ue = 4e3, maxMessageLength: F = 5e4, deployments: de, selectedDeploymentId: fe, onDeploymentChange: pe, modelSelectorLabels: me, initialAttachments: he = [], hideAddButton: ge = !1, hideAttachFile: _e = !1, hideActionBar: ve = !1, actionRowLayout: ye = Ge.Stacked, renderFooterActions: xe, isInputDisabled: W = !1, isModelSelectorDisabled: Ce = !1, isSendDisabled: we = !1, isAudioMessageSupported: Te = !1, isVoiceRecordingSupported: K = Te, onTranscribeAudio: Ee, transcribingLabel: Oe, voiceErrorLabel: Ae, sendOnEnter: je = We.Enter, prefixAttachments: Pe = [], onRemovePrefixAttachment: Fe, chatSettings: ze, toolsMenuItems: Be, onToolToggle: Ve, canRemoveTools: He = !0, toolsMenuTitle: Ke, toolsBackLabel: qe, toolsChipLabels: Je, menuOverlays: Ye, inlineStartSlot: Xe, onInlineStartRemove: Ze, commandMenu: q, autoFocus: Qe = !1, messageHistory: $e, onDialFileSystemClick: et, dialFileSystemLabel: tt, validateAttachment: rt, onAttachmentClick: it, modelPickerOverlay: ot, maximumAttachmentsAmount: st, onAttachmentsLimitExceeded: ct, isAttachmentsEnabled: lt = !0, isTextAttachmentsAllowed: pt = !0, usageLimitsSlot: mt, onMessageTooLong: ht }) => {
-	let gt = l(), [_t, vt] = B(!1), yt = Me($e), Y = Xe != null, [bt, xt] = B(null), [St, Ct] = B(0), wt = R(() => s({
+}, Wt = ({ message: e = "", messageRevision: t, textInsertion: n, onSend: r, onUploadAttachment: i, onStop: a, isStreaming: o = !1, onChange: d, onAttachmentsChange: f, placeholder: g = "Type a message...", ariaLabel: y, attachLabel: b = "Attach file", fileAccept: x, addMenuTitle: S = "Add", menuTitle: C = "Menu", menuCloseLabel: w = "Close", removeLabel: T, retryLabel: E, uploadingLabel: D, sendLabel: O, sendTooltip: k, emptyMessageTooltip: ee, stopLabel: A, micLabel: te = "Dictate", recordVoiceLabel: j = "Record voice", stopRecordingLabel: ne, discardRecordingLabel: re, colors: M, typography: ie, attachmentTray: ae, className: N, pendingDropFiles: P = [], onDropFilesConsumed: oe, pendingAttachments: le = [], onPendingAttachmentsConsumed: ue, pasteTextThreshold: de = 4e3, maxMessageLength: F = 5e4, deployments: fe, selectedDeploymentId: pe, onDeploymentChange: me, modelSelectorLabels: he, initialAttachments: ge = [], hideAddButton: _e = !1, hideAttachFile: ve = !1, hideActionBar: ye = !1, actionRowLayout: xe = Ke.Stacked, isInlineActionRowAllowedBelowDesktop: Se = !1, renderFooterActions: we, isInputDisabled: Te = !1, isModelSelectorDisabled: Ee = !1, isSendDisabled: G = !1, isAudioMessageSupported: De = !1, isVoiceRecordingSupported: ke = De, onTranscribeAudio: je, transcribingLabel: Me, voiceErrorLabel: Fe, sendOnEnter: Ie = Ge.Enter, prefixAttachments: Be = [], onRemovePrefixAttachment: Ve, chatSettings: He, toolsMenuItems: Ue, onToolToggle: qe, canRemoveTools: Je = !0, toolsMenuTitle: Ye, toolsBackLabel: Xe, toolsChipLabels: Ze, menuOverlays: Qe, inlineStartSlot: $e, onInlineStartRemove: et, commandMenu: K, autoFocus: tt = !1, messageHistory: nt, onDialFileSystemClick: it, dialFileSystemLabel: at, validateAttachment: st, onAttachmentClick: ct, modelPickerOverlay: lt, maximumAttachmentsAmount: ut, onAttachmentsLimitExceeded: mt, isAttachmentsEnabled: ht = !0, isTextAttachmentsAllowed: gt = !0, usageLimitsSlot: _t, onMessageTooLong: vt }) => {
+	let yt = l(), [bt, xt] = B(!1), J = Ne(nt), Y = $e != null, [St, Ct] = B(null), [wt, Tt] = B(0), Et = R(() => s({
 		"--ci-bg": M?.background,
 		"--ci-text": M?.text,
 		"--ci-border": M?.border,
@@ -1938,333 +1943,334 @@ var Rt = {
 		"--ci-voice-error": M?.voiceError,
 		"--ci-voice-waveform": M?.voiceWaveform,
 		"--ci-voice-accent": M?.voiceAccent,
-		"--ci-first-line-indent": Y ? `calc(${St}px + 4px)` : void 0
+		"--ci-first-line-indent": Y ? `calc(${wt}px + 4px)` : void 0
 	}), [
 		M,
 		Y,
-		St
-	]), Tt = R(() => et ? [{
+		wt
+	]), X = R(() => it ? [{
 		key: "dial-fs",
-		label: tt ?? "DIAL file system",
+		label: at ?? "DIAL file system",
 		icon: /* @__PURE__ */ H(se, {
 			size: u,
 			"aria-hidden": !0,
 			stroke: m
 		}),
-		onClick: et
-	}] : [], [et, tt]), { message: X, setMessage: Z, textareaRef: Q } = Ne({
+		onClick: it
+	}] : [], [it, at]), { message: Z, setMessage: Q, textareaRef: Dt } = Pe({
 		messageProp: e,
 		messageRevision: t
-	}), { handleUndoKeyDown: Et } = Ie({
+	}), { handleUndoKeyDown: Ot } = Le({
 		insertion: n,
-		textareaRef: Q
-	}), { isMenuOpen: Dt, query: Ot, dismiss: kt, handleValueChange: At } = ke({
-		config: q,
-		message: X
-	}), jt = q?.emptyQueryHint != null, Mt = jt && Dt && Ot === "", Nt = I((e) => {
-		if (q == null || (kt(), !e?.consumeQuery)) return;
-		Q.current?.focus();
-		let t = `${q.triggerPrefix}${Ot}`;
-		if (!X.startsWith(t)) return;
-		let n = X.slice(t.length);
-		Z(n), yt.notifyChange(), d?.(n);
+		textareaRef: Dt
+	}), { isMenuOpen: kt, query: At, dismiss: jt, handleValueChange: Mt } = Ae({
+		config: K,
+		message: Z
+	}), Nt = K?.emptyQueryHint != null, Pt = Nt && kt && At === "", Ft = I((e) => {
+		if (K == null || (jt(), !e?.consumeQuery)) return;
+		Dt.current?.focus();
+		let t = `${K.triggerPrefix}${At}`;
+		if (!Z.startsWith(t)) return;
+		let n = Z.slice(t.length);
+		Q(n), J.notifyChange(), d?.(n);
 	}, [
-		q,
-		kt,
-		Ot,
-		X,
+		K,
+		jt,
+		At,
 		Z,
-		yt,
+		Q,
+		J,
 		d,
-		Q
+		Dt
 	]);
 	L(() => {
-		if (bt == null) return;
+		if (St == null) return;
 		let e = new ResizeObserver((e) => {
 			let t = e[0];
-			t != null && Ct(t.contentRect.width);
+			t != null && Tt(t.contentRect.width);
 		});
-		return e.observe(bt), () => e.disconnect();
-	}, [bt]);
-	let { attachments: Pt, buildAttachments: Ft, addAttachments: It, resetAttachments: Lt, handleRemove: Rt, handleRetry: zt, handleExpand: Bt, hasBlockedAttachments: Vt } = De({
-		initialAttachments: he,
+		return e.observe(St), () => e.disconnect();
+	}, [St]);
+	let { attachments: It, buildAttachments: Lt, addAttachments: Rt, resetAttachments: zt, handleRemove: Bt, handleRetry: Vt, handleExpand: Ht, hasBlockedAttachments: Wt } = Oe({
+		initialAttachments: ge,
 		onUploadAttachment: i,
 		onAttachmentsChange: f,
-		validateAttachment: rt,
-		pendingDropFiles: N,
-		onDropFilesConsumed: P,
-		pendingAttachments: oe,
-		onPendingAttachmentsConsumed: le,
+		validateAttachment: st,
+		pendingDropFiles: P,
+		onDropFilesConsumed: oe,
+		pendingAttachments: le,
+		onPendingAttachmentsConsumed: ue,
 		onExpandPastedText: I((e) => {
-			Z((t) => t ? `${t}\n${e}` : e);
-		}, [Z]),
-		maximumAttachmentsAmount: st,
-		baseAttachmentsAmount: Pe.length,
-		onAttachmentsLimitExceeded: ct
-	}), Ht = I((e) => {
-		It(Ft([e]));
-	}, [It, Ft]), Wt = z(!1), Gt = z(X);
-	Gt.current = X;
-	let [Kt, qt] = B({
+			Q((t) => t ? `${t}\n${e}` : e);
+		}, [Q]),
+		maximumAttachmentsAmount: ut,
+		baseAttachmentsAmount: Be.length,
+		onAttachmentsLimitExceeded: mt
+	}), Gt = I((e) => {
+		Rt(Lt([e]));
+	}, [Rt, Lt]), Kt = z(!1), qt = z(Z);
+	qt.current = Z;
+	let [Jt, Yt] = B({
 		text: "",
 		revision: 0
-	}), { state: Jt, analyserNodeRef: Yt, errorMessage: Xt, startRecording: Zt, stopRecording: Qt, discardRecording: $t } = Ue({
-		onAttachAudio: Ht,
-		onTranscribeAudio: Ee,
+	}), { state: Xt, analyserNodeRef: Zt, errorMessage: Qt, startRecording: $t, stopRecording: en, discardRecording: tn } = We({
+		onAttachAudio: Gt,
+		onTranscribeAudio: je,
 		onTranscript: I((e) => {
 			let t = e.trim();
 			if (t) {
-				let e = Gt.current, n = `${e}${e && !/\s$/.test(e) ? " " : ""}${t}`;
-				Gt.current = n, Z(n), qt((e) => ({
+				let e = qt.current, n = `${e}${e && !/\s$/.test(e) ? " " : ""}${t}`;
+				qt.current = n, Q(n), Yt((e) => ({
 					text: t,
 					revision: e.revision + 1
-				})), yt.notifyChange(), d?.(n);
+				})), J.notifyChange(), d?.(n);
 			}
-			Wt.current = !0;
+			Kt.current = !0;
 		}, [
-			Z,
-			yt,
+			Q,
+			J,
 			d
 		]),
-		errorLabel: Ae
-	}), $ = Jt === Le.Recording || Jt === Le.Processing;
+		errorLabel: Fe
+	}), $ = Xt === Re.Recording || Xt === Re.Processing;
 	L(() => {
-		(Jt === Le.Error || Jt === Le.Idle && Wt.current) && (Wt.current = !1, Q.current?.focus());
-	}, [Jt, Q]);
-	let en = z(null), tn = z(null), nn = lt && pt, { handlePaste: rn } = Se(It, nn ? ue : Infinity), an = I((e) => {
-		if (!nn) {
+		(Xt === Re.Error || Xt === Re.Idle && Kt.current) && (Kt.current = !1, Dt.current?.focus());
+	}, [Xt, Dt]);
+	let nn = z(null), rn = z(null), an = ht && gt, { handlePaste: on } = Ce(Rt, an ? de : Infinity), sn = I((e) => {
+		if (!an) {
 			let t = e.clipboardData.getData("text/plain");
-			t.length >= F && ht?.(t.length, F);
+			t.length >= F && vt?.(t.length, F);
 		}
-		rn(e);
+		on(e);
 	}, [
-		nn,
+		an,
 		F,
-		ht,
-		rn
-	]), on = X.trim().length > 0 || Pt.length > 0 || Y, sn = on && !Vt && !we && !$, [cn, ln] = B([]);
+		vt,
+		on
+	]), cn = Z.trim().length > 0 || It.length > 0 || Y, ln = cn && !Wt && !G && !$, [un, dn] = B([]);
 	L(() => {
-		ln([]);
-	}, [(Be ?? []).map((e) => e.id).join("|")]);
-	let un = R(() => {
-		let e = Be ?? [];
-		return He ? e.filter((e) => e.isSelected || !cn.includes(e.id)) : e;
+		dn([]);
+	}, [(Ue ?? []).map((e) => e.id).join("|")]);
+	let fn = R(() => {
+		let e = Ue ?? [];
+		return Je ? e.filter((e) => e.isSelected || !un.includes(e.id)) : e;
 	}, [
-		Be,
-		cn,
-		He
-	]), dn = I((e) => {
-		ln((t) => t.includes(e) ? t : [...t, e]), Be?.find((t) => t.id === e)?.isSelected && Ve?.(e);
-	}, [Be, Ve]), fn = de === void 0 || fe != null, pn = Te && !o, mn = async () => {
-		if (we || $) return;
-		if (X.length >= F) {
-			ht?.(X.length, F);
+		Ue,
+		un,
+		Je
+	]), pn = I((e) => {
+		dn((t) => t.includes(e) ? t : [...t, e]), Ue?.find((t) => t.id === e)?.isSelected && qe?.(e);
+	}, [Ue, qe]), mn = fe === void 0 || pe != null, hn = De && !o, gn = async () => {
+		if (G || $) return;
+		if (Z.length >= F) {
+			vt?.(Z.length, F);
 			return;
 		}
-		let e = X, t = Pt;
-		Z(""), yt.reset();
+		let e = Z, t = It;
+		Q(""), J.reset();
 		try {
 			await r?.(e, t), t.forEach((e) => {
 				e.previewUrl && URL.revokeObjectURL(e.previewUrl), e.playUrl && URL.revokeObjectURL(e.playUrl);
-			}), Lt([]);
+			}), zt([]);
 		} catch {
-			Z(e), Lt(t);
+			Q(e), zt(t);
 		}
-	}, hn = (e) => {
-		if (!$ && !Et(e)) {
-			if (!e.nativeEvent.isComposing && !W && !o) {
+	}, _n = (e) => {
+		if (!$ && !Ot(e)) {
+			if (!e.nativeEvent.isComposing && !Te && !o) {
 				if (e.key === "ArrowUp" || e.key === "ArrowDown") {
-					let t = e.currentTarget.selectionStart ?? 0, n = yt.navigate(e.key === "ArrowUp" ? "up" : "down", X, t);
+					let t = e.currentTarget.selectionStart ?? 0, n = J.navigate(e.key === "ArrowUp" ? "up" : "down", Z, t);
 					if (n !== null) {
-						e.preventDefault(), Z(n);
+						e.preventDefault(), Q(n);
 						return;
 					}
 				}
-				if (e.key === "Backspace" && Y && Ze != null && e.currentTarget.selectionStart === 0 && e.currentTarget.selectionEnd === 0) {
-					e.preventDefault(), Ze();
+				if (e.key === "Backspace" && Y && et != null && e.currentTarget.selectionStart === 0 && e.currentTarget.selectionEnd === 0) {
+					e.preventDefault(), et();
 					return;
 				}
 			}
-			e.key === "Enter" && (je === We.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey) && (e.preventDefault(), !o && sn && fn && !W && mn());
+			e.key === "Enter" && (Ie === Ge.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey) && (e.preventDefault(), !o && ln && mn && !Te && gn());
 		}
-	}, gn = (e) => {
+	}, vn = (e) => {
 		let t = Array.from(e.target.files ?? []);
 		if (t.length === 0) return;
-		let n = Ft(t);
-		e.target.value = "", It(n);
-	}, _n = /* @__PURE__ */ H("textarea", {
-		className: c(J.textarea, Y && J.textareaIndented, ie?.fontClassName || "dial-body-paragraph-text", "max-h-[272px] w-full resize-none overflow-y-auto border-0 bg-transparent outline-none [field-sizing:content]", "disabled:cursor-not-allowed"),
-		ref: Q,
-		autoFocus: Qe,
-		value: X,
+		let n = Lt(t);
+		e.target.value = "", Rt(n);
+	}, yn = /* @__PURE__ */ H("textarea", {
+		className: c(q.textarea, Y && q.textareaIndented, ie?.fontClassName || "dial-body-paragraph-text", "max-h-[272px] w-full resize-none overflow-y-auto border-0 bg-transparent outline-none [field-sizing:content]", "disabled:cursor-not-allowed"),
+		ref: Dt,
+		autoFocus: tt,
+		value: Z,
 		onChange: (e) => {
-			Z(e.target.value), yt.notifyChange();
+			Q(e.target.value), J.notifyChange();
 			let t = e.nativeEvent instanceof InputEvent ? e.nativeEvent : void 0;
-			At(e.target.value, t?.isComposing ?? !1, t?.inputType), d?.(e.target.value);
+			Mt(e.target.value, t?.isComposing ?? !1, t?.inputType), d?.(e.target.value);
 		},
-		onKeyDown: hn,
-		onPaste: an,
+		onKeyDown: _n,
+		onPaste: sn,
 		placeholder: Y ? void 0 : g,
 		"aria-label": y,
-		disabled: W,
+		disabled: Te,
 		readOnly: $,
 		rows: 1
-	}), vn = q == null ? _n : /* @__PURE__ */ H(h, {
+	}), bn = K == null ? yn : /* @__PURE__ */ H(h, {
 		className: "w-full",
-		open: Dt,
+		open: kt,
 		onOpenChange: (e) => {
-			e || kt();
+			e || jt();
 		},
 		placement: "top-start",
 		trigger: [],
 		initialFocus: -1,
 		matchReferenceWidth: !1,
-		outsidePressIgnoreRef: Q,
+		outsidePressIgnoreRef: Dt,
 		renderOverlay: () => {
-			let e = q.renderMenu({
-				query: Ot,
-				close: Nt
+			let e = K.renderMenu({
+				query: At,
+				close: Ft
 			});
-			return q.menuLabel == null ? e : /* @__PURE__ */ H("div", {
+			return K.menuLabel == null ? e : /* @__PURE__ */ H("div", {
 				role: "group",
-				"aria-label": q.menuLabel,
+				"aria-label": K.menuLabel,
 				children: e
 			});
 		},
-		children: _n
-	}), yn = Y || jt ? /* @__PURE__ */ U("div", {
+		children: yn
+	}), xn = Y || Nt ? /* @__PURE__ */ U("div", {
 		className: "relative w-full",
 		children: [
 			Y && /* @__PURE__ */ H("div", {
-				ref: xt,
+				ref: Ct,
 				className: "absolute start-0 top-0",
-				children: Xe
+				children: $e
 			}),
-			Mt && q != null && /* @__PURE__ */ U("span", {
-				className: c(J.commandHint, "pointer-events-none absolute start-[var(--ci-first-line-indent,0px)] top-0", ie?.fontClassName || "dial-body-paragraph-text"),
+			Pt && K != null && /* @__PURE__ */ U("span", {
+				className: c(q.commandHint, "pointer-events-none absolute start-[var(--ci-first-line-indent,0px)] top-0", ie?.fontClassName || "dial-body-paragraph-text"),
 				"aria-hidden": !0,
 				children: [/* @__PURE__ */ H("span", {
 					className: "invisible",
-					children: q.triggerPrefix
-				}), q.emptyQueryHint]
+					children: K.triggerPrefix
+				}), K.emptyQueryHint]
 			}),
-			vn
+			bn
 		]
-	}) : vn, bn = ge ? void 0 : /* @__PURE__ */ H(nt, {
-		onAttachClick: _e ? void 0 : () => en.current?.click(),
+	}) : bn, Sn = _e ? void 0 : /* @__PURE__ */ H(rt, {
+		onAttachClick: ve ? void 0 : () => nn.current?.click(),
 		attachLabel: b,
 		addMenuTitle: S,
 		menuTitle: C,
 		menuCloseLabel: w,
-		style: wt,
-		isDisabled: W || $,
-		chatSettings: ze,
-		extraMenuItems: Tt,
-		onRecordVoice: K && lt && !o && !$ ? () => Zt(Re.Attachment) : void 0,
+		style: Et,
+		isDisabled: Te || $,
+		chatSettings: He,
+		extraMenuItems: X,
+		onRecordVoice: ke && ht && !o && !$ ? () => $t(ze.Attachment) : void 0,
 		recordVoiceLabel: j,
-		toolsMenuItems: He ? Be : void 0,
-		onToolToggle: Ve,
-		toolsMenuTitle: Ke,
-		toolsBackLabel: qe,
-		menuOverlays: Ye
-	}), xn = ye === Ge.Inline && !gt, Sn = bn && /* @__PURE__ */ H("div", {
-		className: c("flex", G.addCluster),
-		children: bn
-	}), Cn = un.length > 0 && Ve != null && /* @__PURE__ */ H("div", {
-		className: c("min-w-0 flex-1", G.toolsChips),
-		children: /* @__PURE__ */ H(at, {
-			items: un,
-			onToolToggle: Ve,
-			onToolDismiss: dn,
-			canRemove: He,
-			removeLabel: Je?.removeLabel
+		toolsMenuItems: Je ? Ue : void 0,
+		onToolToggle: qe,
+		toolsMenuTitle: Ye,
+		toolsBackLabel: Xe,
+		menuOverlays: Qe
+	}), Cn = xe === Ke.Inline && (!yt || Se), wn = Sn && /* @__PURE__ */ H("div", {
+		className: c("flex", W.addCluster),
+		children: Sn
+	}), Tn = fn.length > 0 && qe != null && /* @__PURE__ */ H("div", {
+		className: c("min-w-0 flex-1", W.toolsChips),
+		children: /* @__PURE__ */ H(ot, {
+			items: fn,
+			onToolToggle: qe,
+			onToolDismiss: pn,
+			canRemove: Je,
+			removeLabel: Ze?.removeLabel
 		})
 	});
 	return /* @__PURE__ */ U("div", {
-		ref: tn,
-		style: wt,
-		className: c(J.wrapper, W && J.wrapperDisabled, W && "cursor-not-allowed", "flex w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border", "focus-within:outline focus-within:-outline-offset-1 active:outline active:-outline-offset-1", Pt.length > 6 ? "py-4 ps-4" : "p-4", ae, G.wrapper),
+		ref: rn,
+		style: Et,
+		className: c(q.wrapper, Te && q.wrapperDisabled, Te && "cursor-not-allowed", "flex w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border", "focus-within:outline focus-within:-outline-offset-1 active:outline active:-outline-offset-1", It.length > 6 ? "py-4 ps-4" : "p-4", N, W.wrapper),
 		children: [
-			(Pe.length > 0 || Pt.length > 0) && /* @__PURE__ */ H(be, {
-				attachments: [...Pe, ...Pt],
+			(Be.length > 0 || It.length > 0) && /* @__PURE__ */ H(be, {
+				attachments: [...Be, ...It],
 				onRemove: (e) => {
-					Pe.some((t) => t.id === e) ? Fe?.(e) : Rt(e);
+					Be.some((t) => t.id === e) ? Ve?.(e) : Bt(e);
 				},
-				onRetry: zt,
-				onExpand: Bt,
+				onRetry: Vt,
+				onExpand: Ht,
 				labels: {
 					removeLabel: T,
 					retryLabel: E,
 					uploadingLabel: D
 				},
-				onAttachmentClick: it == null ? void 0 : (e) => {
-					let t = [...Pe, ...Pt].find((t) => t.id === e);
-					t != null && it(t);
+				styles: ae,
+				onAttachmentClick: ct == null ? void 0 : (e) => {
+					let t = [...Be, ...It].find((t) => t.id === e);
+					t != null && ct(t);
 				}
 			}),
-			!ge && /* @__PURE__ */ H("input", {
-				ref: en,
+			!_e && /* @__PURE__ */ H("input", {
+				ref: nn,
 				type: "file",
 				multiple: !0,
 				accept: x,
 				className: "sr-only",
 				"aria-hidden": !0,
 				tabIndex: -1,
-				onChange: gn
+				onChange: vn
 			}),
-			Xt && /* @__PURE__ */ H(_, {
-				text: Xt,
+			Qt && /* @__PURE__ */ H(_, {
+				text: Qt,
 				className: "min-w-0 break-words px-1"
 			}),
-			$ && /* @__PURE__ */ H(ut, {
+			$ && /* @__PURE__ */ H(dt, {
 				embedded: !0,
-				state: Jt,
-				analyserNodeRef: Yt,
-				errorMessage: Xt,
-				onStop: Qt,
-				onDiscard: $t,
-				attachButton: bn,
+				state: Xt,
+				analyserNodeRef: Zt,
+				errorMessage: Qt,
+				onStop: en,
+				onDiscard: tn,
+				attachButton: Sn,
 				stopLabel: ne,
 				discardLabel: re,
-				processingLabel: Oe
+				processingLabel: Me
 			}),
-			!$ && ve && yn,
-			!$ && !ve && xn && Cn && /* @__PURE__ */ H("div", {
+			!$ && ye && xn,
+			!$ && !ye && Cn && Tn && /* @__PURE__ */ H("div", {
 				className: "flex",
-				children: Cn
+				children: Tn
 			}),
-			!$ && !ve && /* @__PURE__ */ U("div", {
-				className: c("flex items-center gap-2", xn ? "flex-nowrap" : "flex-wrap", G.actionRow),
+			!$ && !ye && /* @__PURE__ */ U("div", {
+				className: c("flex items-center gap-2", Cn ? "flex-nowrap" : "flex-wrap", W.actionRow),
 				children: [
-					xn && Sn,
+					Cn && wn,
 					/* @__PURE__ */ H("div", {
-						className: c("flex min-w-0 items-center self-stretch", xn ? "flex-1" : "w-full", G.textareaWrap),
-						children: yn
+						className: c("flex min-w-0 items-center self-stretch", Cn ? "flex-1" : "w-full", W.textareaWrap),
+						children: xn
 					}),
-					!xn && Sn,
-					!xn && Cn,
+					!Cn && wn,
+					!Cn && Tn,
 					/* @__PURE__ */ H("div", {
-						className: c("ms-auto flex flex-shrink-0 items-center gap-2", G.footerActions),
-						children: xe ? xe({
-							canSend: sn,
-							onSend: mn
+						className: c("ms-auto flex flex-shrink-0 items-center gap-2", W.footerActions),
+						children: we ? we({
+							canSend: ln,
+							onSend: gn
 						}) : /* @__PURE__ */ U(V, { children: [
-							mt,
+							_t,
 							/* @__PURE__ */ H(Ut, {
-								deployments: de,
-								selectedDeploymentId: fe,
-								onDeploymentChange: pe,
-								modelSelectorLabels: me,
+								deployments: fe,
+								selectedDeploymentId: pe,
+								onDeploymentChange: me,
+								modelSelectorLabels: he,
 								isStreaming: o,
-								isMobile: gt,
-								isDisabled: Ce,
-								style: wt,
-								modelPickerOverlay: ot,
-								isPickerOpen: _t,
-								onPickerToggle: () => vt((e) => !e),
-								onPickerOpenChange: vt
+								isMobile: yt,
+								isDisabled: Ee,
+								style: Et,
+								modelPickerOverlay: lt,
+								isPickerOpen: bt,
+								onPickerToggle: () => xt((e) => !e),
+								onPickerOpenChange: xt
 							}),
-							pn && /* @__PURE__ */ H(v, {
+							hn && /* @__PURE__ */ H(v, {
 								icon: /* @__PURE__ */ H(ce, {
 									size: p.LG,
 									stroke: m,
@@ -2273,17 +2279,17 @@ var Rt = {
 								"aria-label": te,
 								tooltipProps: { tooltip: te },
 								className: "size-[40px] flex-shrink-0 mobile:min-h-11 mobile:min-w-11",
-								onClick: () => Zt(Re.Dictation),
-								disabled: W || o
+								onClick: () => $t(ze.Dictation),
+								disabled: Te || o
 							}),
-							o && a ? /* @__PURE__ */ H(ft, {
+							o && a ? /* @__PURE__ */ H(pt, {
 								onStop: a,
 								ariaLabel: A
-							}) : !o && /* @__PURE__ */ H(dt, {
-								onSend: mn,
-								isDisabled: !fn || !sn,
+							}) : !o && /* @__PURE__ */ H(ft, {
+								onSend: gn,
+								isDisabled: !mn || !ln,
 								ariaLabel: O,
-								sendTooltip: on ? k : ee ?? k
+								sendTooltip: cn ? k : ee ?? k
 							})
 						] })
 					})
@@ -2294,7 +2300,7 @@ var Rt = {
 				role: "status",
 				"aria-live": "polite",
 				"aria-atomic": "true",
-				children: /* @__PURE__ */ H("span", { children: Kt.text }, Kt.revision)
+				children: /* @__PURE__ */ H("span", { children: Jt.text }, Jt.revision)
 			})
 		]
 	});
@@ -2302,7 +2308,7 @@ var Rt = {
 	welcome: "_welcome_1icyo_1",
 	description: "_description_1icyo_5"
 }, Kt = ({ isStreaming: e = !1, placeholder: t = "Type a prompt or use \"/\" to select one", welcomeText: n, descriptionText: r, styles: i, className: a, inputClassName: o, isInputDisabled: l = !1, ...u }) => {
-	let { colors: d, typography: f } = i ?? {};
+	let { colors: d, typography: f, attachmentTray: p } = i ?? {};
 	return /* @__PURE__ */ U("div", {
 		style: s({
 			"--ci-welcome-color": d?.welcomeText,
@@ -2327,7 +2333,8 @@ var Rt = {
 				...u,
 				className: o,
 				colors: d?.input,
-				typography: f?.input
+				typography: f?.input,
+				attachmentTray: p
 			})
 		})]
 	});
@@ -2336,7 +2343,7 @@ var Rt = {
 	L(() => {
 		C?.length && (le(C), T?.());
 	}, [C, T]);
-	let [ue, F] = B(e ?? ""), [de, fe] = B([]), [pe, me] = B(r), he = de.some((e) => e.status === i.Loading || e.status === i.Error), ge = (ue.trim().length > 0 || de.length > 0 || pe.length > 0) && !he, _e = (e) => {
+	let [ue, de] = B(e ?? ""), [F, fe] = B([]), [pe, me] = B(r), he = F.some((e) => e.status === i.Loading || e.status === i.Error), ge = (ue.trim().length > 0 || F.length > 0 || pe.length > 0) && !he, _e = (e) => {
 		me((t) => t.filter((t) => t.id !== e));
 	}, ve = I((e, t) => {
 		o(e, pe, t);
@@ -2346,12 +2353,12 @@ var Rt = {
 				P?.(ue.length, N);
 				return;
 			}
-			ve(ue, de);
+			ve(ue, F);
 		}
 	}, be = I(() => le([]), []), xe = I((e) => {
 		let t = Array.from(e.target.files ?? []);
 		t.length !== 0 && (e.target.value = "", le(t));
-	}, []), W = R(() => j ? [{
+	}, []), Se = R(() => j ? [{
 		key: "dial-fs",
 		label: ne ?? "DIAL file system",
 		icon: /* @__PURE__ */ H(se, {
@@ -2373,7 +2380,7 @@ var Rt = {
 			onDropFilesConsumed: be,
 			onSend: ve,
 			onUploadAttachment: s,
-			onChange: F,
+			onChange: de,
 			onAttachmentsChange: fe,
 			removeLabel: p,
 			retryLabel: h,
@@ -2405,13 +2412,13 @@ var Rt = {
 					"aria-hidden": !0,
 					tabIndex: -1,
 					onChange: xe
-				}), /* @__PURE__ */ H(nt, {
+				}), /* @__PURE__ */ H(rt, {
 					onAttachClick: () => oe.current?.click(),
 					attachLabel: v,
 					addMenuTitle: _,
 					menuTitle: y,
 					menuCloseLabel: b,
-					extraMenuItems: W
+					extraMenuItems: Se
 				})] })
 			}), /* @__PURE__ */ U("div", {
 				className: "flex gap-2",
@@ -2428,4 +2435,4 @@ var Rt = {
 	});
 };
 //#endregion
-export { Ge as ActionRowLayout, K as BottomSheetShell, G as CONVERSATION_INPUT_CLASS, Qe as ChatSettingsModal, Kt as ConversationInput, qt as EditMessageInput, Wt as Input, We as SendOnEnter };
+export { Ke as ActionRowLayout, G as BottomSheetShell, W as CONVERSATION_INPUT_CLASS, et as ChatSettingsModal, Kt as ConversationInput, qt as EditMessageInput, Wt as Input, Ge as SendOnEnter };