@epam/ai-dial-conversation-input 1.3.0-dev.108 → 1.3.0-dev.112

package/index.js

@@ -1,11 +1,11 @@
 import { AttachmentErrorReason as e, AttachmentType as t, DeploymentIcon as n, MIME_TYPE_EXT_MAP as r, RESIZABLE_TEXTAREA_CLASS_NAME as i, RequestStatus as a, ResponseFormat as o, SELECT_LIST_MAX_HEIGHT_PX as s, buildCssVars as c, mergeClasses as l, normalizeMimeType as u, useIsMobile as d } from "@epam/ai-dial-chat-shared";
-import { BASE_ICON_SIZE as f, BottomSheet as p, Button as m, ButtonVariant as h, CloseButton as g, DIAL_ICON_SIZE as _, DIAL_KIT_ICON_STROKE as v, Dropdown as y, ElementSize as b, ErrorText as x, GhostIconButton as S, Highlight as C, MenuItemMark as w, NeutralButton as T, NeutralIconButton as E, Popup as D, PopupSize as ee, PrimaryButton as te, PrimaryIconButton as O, RadioGroup as k, RadioGroupOrientation as A, Search as j, Skeleton as ne, SkeletonVariant as re, Slider as ie, Spinner as ae, Textarea as oe, TextareaResize as M, Tooltip as N } from "@epam/ai-dial-ui-kit";
-import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
-import { AttachmentTray as se, MAX_UPLOADS_PER_MINUTE as ce, generateAttachmentId as le, useClipboardPaste as ue } from "@epam/ai-dial-attachment-input";
-import { IconAlertCircleFilled as de, IconAlertTriangleFilled as fe, IconArrowNarrowRight as pe, IconCheck as me, IconChevronDown as he, IconChevronRight as ge, IconFile as _e, IconMicrophone as ve, IconPaperclip as ye, IconPlayerStop as be, IconPlus as xe, IconSettings as Se, IconTool as Ce, IconX as we } from "@tabler/icons-react";
-import { createElement as Te, forwardRef as Ee, memo as De, useCallback as L, useEffect as R, useId as Oe, useImperativeHandle as ke, useLayoutEffect as Ae, useMemo as z, useRef as B, useState as V } from "react";
+import { BASE_ICON_SIZE as f, BottomSheet as p, Button as m, ButtonVariant as h, CloseButton as g, DIAL_ICON_SIZE as _, DIAL_KIT_ICON_STROKE as v, Dropdown as y, ElementSize as b, ErrorText as x, GhostIconButton as S, Highlight as C, MenuItemMark as w, NeutralButton as T, NeutralIconButton as E, Popup as D, PopupSize as ee, PrimaryButton as O, PrimaryIconButton as k, RadioGroup as A, RadioGroupOrientation as j, Search as M, Skeleton as te, SkeletonVariant as ne, Slider as re, Spinner as ie, Textarea as ae, TextareaResize as N, Tooltip as P } from "@epam/ai-dial-ui-kit";
+import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
+import { AttachmentTray as oe, MAX_UPLOADS_PER_MINUTE as se, generateAttachmentId as ce, useClipboardPaste as le } from "@epam/ai-dial-attachment-input";
+import { IconAlertCircleFilled as ue, IconAlertTriangleFilled as de, IconArrowNarrowRight as fe, IconCheck as pe, IconChevronDown as me, IconChevronRight as he, IconFile as ge, IconMicrophone as _e, IconPaperclip as ve, IconPlayerStop as ye, IconPlus as be, IconSettings as xe, IconTool as Se, IconX as Ce } from "@tabler/icons-react";
+import { createElement as we, forwardRef as Te, memo as Ee, useCallback as R, useEffect as z, useId as De, useImperativeHandle as Oe, useLayoutEffect as ke, useMemo as B, useRef as V, useState as H } from "react";
 //#region src/constants/public-class-names.ts
-var H = {
+var U = {
 	wrapper: "dial-ci-wrapper",
 	actionRow: "dial-ci-action-row",
 	textareaWrap: "dial-ci-textarea-wrap",
@@ -20,19 +20,19 @@ var H = {
 	modelMenuItem: "dial-ci-model-menu-item",
 	modelMenuItemSelected: "dial-ci-model-menu-item-selected",
 	usageBanner: "dial-ci-usage-banner"
-}, je = {
+}, Ae = {
 	backdrop: "_backdrop_1ym62_8",
 	sheet: "_sheet_1ym62_12",
 	title: "_title_1ym62_16",
 	divider: "_divider_1ym62_20"
-}, U = ({ isOpen: e, title: t, closeLabel: n, onClose: r, onBack: i, backLabel: a, "aria-label": o, style: s, titleClassName: u = "dial-body-semi-text", className: d, colors: f, portalId: m, overlayClassName: h, overlayStyle: g, children: _ }) => {
+}, W = ({ isOpen: e, title: t, closeLabel: n, onClose: r, onBack: i, backLabel: a, "aria-label": o, style: s, titleClassName: u = "dial-body-semi-text", className: d, colors: f, portalId: m, overlayClassName: h, overlayStyle: g, children: _ }) => {
 	let v = c({
 		"--ci-backdrop": f?.backdrop,
 		"--ci-sheet-bg": f?.sheetBg,
 		"--ci-sheet-text": f?.sheetText,
 		"--ci-sheet-divider": f?.divider
 	});
-	return /* @__PURE__ */ F(p, {
+	return /* @__PURE__ */ I(p, {
 		open: e,
 		onClose: r,
 		title: t,
@@ -48,30 +48,30 @@ var H = {
 			...v,
 			...g
 		},
-		className: l(je.sheet, d),
-		overlayClassName: l(je.backdrop, h),
+		className: l(Ae.sheet, d),
+		overlayClassName: l(Ae.backdrop, h),
 		portalId: m,
-		headerClassName: je.divider,
-		titleClassName: l(je.title, u),
+		headerClassName: Ae.divider,
+		titleClassName: l(Ae.title, u),
 		children: _
 	});
-}, W = async (e, t, n) => {
+}, G = 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);
-}, Me = ({ initialAttachments: n, onUploadAttachment: r, onAttachmentsChange: i, validateAttachment: o, pendingDropFiles: s, onDropFilesConsumed: c, isDropDisabled: l = !1, pendingAttachments: u, onPendingAttachmentsConsumed: d, onExpandPastedText: f, maximumAttachmentsAmount: p, baseAttachmentsAmount: m = 0, onAttachmentsLimitExceeded: h }) => {
-	let [g, _] = V(n), v = B(g);
-	R(() => {
+}, je = ({ initialAttachments: n, onUploadAttachment: r, onAttachmentsChange: i, validateAttachment: o, pendingDropFiles: s, onDropFilesConsumed: c, isDropDisabled: l = !1, pendingAttachments: u, onPendingAttachmentsConsumed: d, onExpandPastedText: f, maximumAttachmentsAmount: p, baseAttachmentsAmount: m = 0, onAttachmentsLimitExceeded: h }) => {
+	let [g, _] = H(n), v = V(g);
+	z(() => {
 		v.current = g;
-	}, [g]), R(() => () => {
+	}, [g]), z(() => () => {
 		v.current.forEach((e) => {
 			e.previewUrl && URL.revokeObjectURL(e.previewUrl), e.playUrl && URL.revokeObjectURL(e.playUrl);
 		});
 	}, []);
-	let y = L((e) => e.map((e) => {
+	let y = R((e) => e.map((e) => {
 		let n = e.type.startsWith("image/"), r = e.type.startsWith("audio/"), i = n ? URL.createObjectURL(e) : void 0, o = r ? URL.createObjectURL(e) : void 0;
 		return {
-			id: le(),
+			id: ce(),
 			name: e.name,
 			contentType: e.type,
 			file: e,
@@ -80,26 +80,26 @@ var H = {
 			previewUrl: i,
 			playUrl: o
 		};
-	}), []), b = B(i);
-	R(() => {
+	}), []), b = V(i);
+	z(() => {
 		b.current = i;
 	}, [i]);
-	let x = B(!0), S = L((e) => {
+	let x = V(!0), S = R((e) => {
 		_((t) => {
 			let n = e(t);
 			return n === t ? t : n;
 		});
 	}, []);
-	R(() => {
+	z(() => {
 		if (x.current) {
 			x.current = !1;
 			return;
 		}
 		b.current?.(g);
 	}, [g]);
-	let C = L((e) => {
+	let C = R((e) => {
 		_(e);
-	}, []), w = L(async (t) => {
+	}, []), w = R(async (t) => {
 		if (r) {
 			S((e) => e.map((e) => e.id === t.id ? {
 				...e,
@@ -122,7 +122,7 @@ var H = {
 				} : e));
 			}
 		}
-	}, [r, S]), T = L((e, t = !0) => {
+	}, [r, S]), T = R((e, t = !0) => {
 		let n = new Set(v.current.map((e) => e.id)), r = e.filter((e) => !n.has(e.id));
 		if (r.length !== 0) {
 			if (p != null && p > 0 && Number.isFinite(p)) {
@@ -143,7 +143,7 @@ var H = {
 						status: a.Error,
 						errorReason: n
 					} : e));
-				}), W(e, ce, w);
+				}), G(e, se, w);
 			}
 		}
 	}, [
@@ -153,8 +153,8 @@ var H = {
 		S,
 		w,
 		o
-	]), E = B(/* @__PURE__ */ new WeakSet());
-	R(() => {
+	]), E = V(/* @__PURE__ */ new WeakSet());
+	z(() => {
 		if (s.length === 0) {
 			E.current = /* @__PURE__ */ new WeakSet();
 			return;
@@ -167,13 +167,13 @@ var H = {
 		l,
 		c,
 		s
-	]), R(() => {
+	]), z(() => {
 		u.length !== 0 && (T(u, !1), d?.());
 	}, [
 		T,
 		d,
 		u
-	]), R(() => {
+	]), z(() => {
 		if (!o) return;
 		let t = !1, n = [], r = v.current.map((r) => {
 			if (r.status === a.Loading) return r;
@@ -200,7 +200,7 @@ var H = {
 		S,
 		w
 	]);
-	let D = L((e) => {
+	let D = R((e) => {
 		S((t) => {
 			let n = t.find((t) => t.id === e);
 			return n?.previewUrl && URL.revokeObjectURL(n.previewUrl), n?.playUrl && URL.revokeObjectURL(n.playUrl), t.filter((t) => t.id !== e);
@@ -212,11 +212,11 @@ var H = {
 		addAttachments: T,
 		resetAttachments: C,
 		handleRemove: D,
-		handleRetry: L((e) => {
+		handleRetry: R((e) => {
 			let t = g.find((t) => t.id === e);
 			t && w(t);
 		}, [g, w]),
-		handleExpand: L(async (e) => {
+		handleExpand: R(async (e) => {
 			let n = g.find((t) => t.id === e);
 			if (!n || n.type !== t.Pasted) return;
 			let r = await n.file.text();
@@ -228,29 +228,29 @@ var H = {
 		]),
 		hasBlockedAttachments: g.some((e) => e.status === a.Loading || e.status === a.Error)
 	};
-}, Ne = (e, t) => {
+}, Me = (e, t) => {
 	let n = t;
 	for (; n < e.length && !/\s/.test(e[n]);) n++;
 	return n;
-}, Pe = (e, t) => {
+}, Ne = (e, t) => {
 	let n = t;
 	for (; n > 0 && !/\s/.test(e[n - 1]);) n--;
 	return {
 		start: n,
-		end: Ne(e, n)
+		end: Me(e, n)
 	};
-}, Fe = (e, t) => e.startsWith(t) && !e.slice(t.length).includes(t), Ie = "[role=\"option\"]:not([aria-disabled=\"true\"])", Le = /* @__PURE__ */ function(e) {
+}, Pe = (e, t) => e.startsWith(t) && !e.slice(t.length).includes(t), Fe = "[role=\"option\"]:not([aria-disabled=\"true\"])", Ie = /* @__PURE__ */ function(e) {
 	return e.Next = "next", e.Previous = "previous", e;
-}({}), Re = ({ config: e, message: t }) => {
-	let [n, r] = V(!1), [i, a] = V(null), [o, s] = V(null), c = B(null);
+}({}), Le = ({ config: e, message: t }) => {
+	let [n, r] = H(!1), [i, a] = H(null), [o, s] = H(null), c = V(null);
 	c.current = i;
 	let l = e != null && i != null && i <= t.length ? (() => {
-		let n = t.slice(i, Ne(t, i));
-		return Fe(n, e.triggerPrefix) ? n.slice(e.triggerPrefix.length) : "";
-	})() : "", u = L((t, n, i) => {
+		let n = t.slice(i, Me(t, i));
+		return Pe(n, e.triggerPrefix) ? n.slice(e.triggerPrefix.length) : "";
+	})() : "", u = R((t, n, i) => {
 		if (e == null || i) return;
-		let { start: c, end: l } = Pe(t, n), u = t.slice(c, l);
-		if (!Fe(u, e.triggerPrefix)) {
+		let { start: c, end: l } = Ne(t, n), u = t.slice(c, l);
+		if (!Pe(u, e.triggerPrefix)) {
 			r(!1), s(null), a(null);
 			return;
 		}
@@ -260,7 +260,7 @@ var H = {
 		}
 		r(!1);
 	}, [e, o]);
-	R(() => {
+	z(() => {
 		if (e == null) {
 			r(!1), s(null), a(null);
 			return;
@@ -268,16 +268,16 @@ var H = {
 		let n = c.current;
 		if (n == null) return;
 		let i = Math.min(n, t.length);
-		Fe(t.slice(i, Ne(t, i)), e.triggerPrefix) || (r(!1), s(null), a(null));
+		Pe(t.slice(i, Me(t, i)), e.triggerPrefix) || (r(!1), s(null), a(null));
 	}, [e, t]);
-	let d = L(() => {
+	let d = R(() => {
 		r(!1), s(i);
-	}, [i]), f = L(() => {
+	}, [i]), f = R(() => {
 		r(!1);
-	}, []), p = L((n) => {
+	}, []), p = R((n) => {
 		if (e == null) return;
-		let { start: i, end: s } = Pe(t, n);
-		if (!Fe(t.slice(i, s), e.triggerPrefix)) {
+		let { start: i, end: s } = Ne(t, n);
+		if (!Pe(t.slice(i, s), e.triggerPrefix)) {
 			a(null), r(!1);
 			return;
 		}
@@ -286,11 +286,11 @@ var H = {
 		e,
 		t,
 		o
-	]), m = Oe(), h = B(null), [g, _] = V(null);
-	R(() => {
+	]), m = De(), h = V(null), [g, _] = H(null);
+	z(() => {
 		_(null);
 	}, [n, l]);
-	let v = L(() => Array.from(h.current?.querySelectorAll(Ie) ?? []), []), y = L((e) => {
+	let v = R(() => Array.from(h.current?.querySelectorAll(Fe) ?? []), []), y = R((e) => {
 		let t = v();
 		if (t.length === 0) {
 			_(null);
@@ -298,7 +298,7 @@ var H = {
 		}
 		let n = t.findIndex((e) => e.id === g), r = t[e === "next" ? (n + 1) % t.length : (n <= 0 ? t.length : n) - 1];
 		_(r.id), r.scrollIntoView?.({ block: "nearest" });
-	}, [v, g]), b = L(() => v().find((e) => e.id === g) ?? null, [v, g]);
+	}, [v, g]), b = R(() => v().find((e) => e.id === g) ?? null, [v, g]);
 	return {
 		isMenuOpen: n,
 		query: l,
@@ -313,18 +313,18 @@ var H = {
 		moveActiveOption: y,
 		getActiveOption: b
 	};
-}, ze = (e, t) => !e.slice(0, t).includes("\n"), Be = (e, t) => !e.slice(t).includes("\n"), Ve = (e) => {
-	let t = B(e);
+}, Re = (e, t) => !e.slice(0, t).includes("\n"), ze = (e, t) => !e.slice(t).includes("\n"), Be = (e) => {
+	let t = V(e);
 	t.current = e;
-	let n = B(-1), r = B(""), i = L((e, i, a) => {
+	let n = V(-1), r = V(""), i = R((e, i, a) => {
 		let o = t.current;
-		return !o || o.length === 0 ? null : e === "up" ? !ze(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 || !Be(i, a) ? null : n.current < o.length - 1 ? (n.current += 1, o[n.current]) : (n.current = -1, r.current);
-	}, []), a = L(() => {
+		return !o || o.length === 0 ? null : e === "up" ? !Re(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 || !ze(i, a) ? null : n.current < o.length - 1 ? (n.current += 1, o[n.current]) : (n.current = -1, r.current);
+	}, []), a = R(() => {
 		n.current = -1, r.current = "";
-	}, []), o = L(() => {
+	}, []), o = R(() => {
 		n.current = -1, r.current = "";
 	}, []);
-	return z(() => ({
+	return B(() => ({
 		navigate: i,
 		notifyChange: a,
 		reset: o
@@ -333,16 +333,16 @@ var H = {
 		a,
 		o
 	]);
-}, He = (e, t, n, r, i) => {
+}, Ve = (e, t, n, r, i) => {
 	let a = [...t].sort((e, t) => e.start - t.start), o = [...n].sort((e, t) => e.offset - t.offset), s = [], c = 0, l = 0, u = (t, n) => {
 		if (n <= t) return;
 		let r = t;
 		o.filter((e) => e.offset >= t && e.offset <= n).forEach((t) => {
-			t.offset > r && s.push(/* @__PURE__ */ F("span", {
+			t.offset > r && s.push(/* @__PURE__ */ I("span", {
 				"aria-hidden": !0,
 				children: e.slice(r, t.offset)
 			}, `text-${l++}`)), s.push(t.node), r = t.offset;
-		}), r < n && s.push(/* @__PURE__ */ F("span", {
+		}), r < n && s.push(/* @__PURE__ */ I("span", {
 			"aria-hidden": !0,
 			children: e.slice(r, n)
 		}, `text-${l++}`));
@@ -350,16 +350,16 @@ var H = {
 	return a.forEach((t, n) => {
 		if (u(c, t.start), t.start + t.length <= c) return;
 		let a = e.slice(t.start, t.start + t.length);
-		s.push(t.render ? /* @__PURE__ */ F("span", {
+		s.push(t.render ? /* @__PURE__ */ I("span", {
 			className: "pointer-events-auto",
 			children: t.render()
-		}, `range-${n}`) : /* @__PURE__ */ F("span", {
+		}, `range-${n}`) : /* @__PURE__ */ I("span", {
 			"aria-hidden": !0,
 			className: t.isUnsupported ? i : r,
 			children: a
 		}, `range-${n}`)), c = Math.max(c, t.start + t.length);
 	}), u(c, e.length), s;
-}, Ue = (e, t) => {
+}, He = (e, t) => {
 	let n = document.createTreeWalker(e, NodeFilter.SHOW_TEXT, { acceptNode: (e) => e.parentElement?.closest("[data-mirror-synthetic]") == null ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT }), r = 0;
 	for (let e = n.nextNode(); e != null; e = n.nextNode()) {
 		let n = e.textContent?.length ?? 0;
@@ -370,24 +370,24 @@ var H = {
 		r += n;
 	}
 	return null;
-}, We = (e, t, n) => {
-	let r = Ue(e, t), i = Ue(e, n);
+}, Ue = (e, t, n) => {
+	let r = He(e, t), i = He(e, n);
 	if (r == null || i == null) return null;
 	let a = document.createRange();
 	return a.setStart(r.node, r.offset), a.setEnd(i.node, i.offset), a;
-}, Ge = ({ textareaRef: e, message: t, isMirrorActive: n }) => {
-	let r = B(null), [i, a] = V([]), o = L(() => {
+}, We = ({ textareaRef: e, message: t, isMirrorActive: n }) => {
+	let r = V(null), [i, a] = H([]), o = R(() => {
 		let t = e.current, n = r.current;
 		if (t == null || n == null) return;
 		let i = t.offsetWidth > t.clientWidth;
 		n.style.scrollbarGutter = i ? "stable" : "", n.scrollTop = t.scrollTop;
-	}, [e]), s = L(() => {
+	}, [e]), s = R(() => {
 		let t = e.current, i = r.current, o = t?.selectionStart, s = t?.selectionEnd;
 		if (!n || t == null || i == null || o == null || s == null || o === s) {
 			a((e) => e.length === 0 ? e : []);
 			return;
 		}
-		let c = We(i, o, s);
+		let c = Ue(i, o, s);
 		if (c == null) {
 			a((e) => e.length === 0 ? e : []);
 			return;
@@ -395,14 +395,14 @@ var H = {
 		let l = i.getBoundingClientRect();
 		a(Array.from(c.getClientRects()).map((e) => new DOMRect(e.left - l.left, e.top - l.top + i.scrollTop, e.width, e.height)));
 	}, [n, e]);
-	return Ae(() => {
+	return ke(() => {
 		n && o(), s();
 	}, [
 		n,
 		o,
 		s,
 		t
-	]), R(() => {
+	]), z(() => {
 		if (!n) return;
 		let t = e.current;
 		if (t == null || typeof ResizeObserver > "u") return;
@@ -421,23 +421,23 @@ var H = {
 		updateSelectionRects: s,
 		syncMirrorToTextarea: o
 	};
-}, Ke = ({ messageProp: e, messageRevision: t }) => {
-	let [n, r] = V(e), i = B(null);
-	return R(() => {
+}, Ge = ({ messageProp: e, messageRevision: t }) => {
+	let [n, r] = H(e), i = V(null);
+	return z(() => {
 		r(e);
 	}, [e, t]), {
 		message: n,
 		setMessage: r,
 		textareaRef: i
 	};
-}, qe = (e, t, n, r = n) => {
+}, Ke = (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 }));
-}, Je = (e) => e.key.toLowerCase() === "z" && (e.ctrlKey || e.metaKey) && !e.shiftKey && !e.altKey, Ye = ({ insertion: e, textareaRef: t }) => {
-	let n = e?.revision, r = B(e?.text);
+}, qe = (e) => e.key.toLowerCase() === "z" && (e.ctrlKey || e.metaKey) && !e.shiftKey && !e.altKey, Je = ({ insertion: e, textareaRef: t }) => {
+	let n = e?.revision, r = V(e?.text);
 	r.current = e?.text;
-	let i = B(n), a = B(null);
-	return R(() => {
+	let i = V(n), a = V(null);
+	return z(() => {
 		if (n === i.current) return;
 		i.current = n;
 		let e = r.current;
@@ -447,7 +447,7 @@ var H = {
 			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)}`;
-			qe(n, l, s + e.length), a.current = {
+			Ke(n, l, s + e.length), a.current = {
 				insertedValue: l,
 				previousValue: r,
 				previousSelectionStart: s,
@@ -456,18 +456,18 @@ var H = {
 		});
 	}, [n, t]), { handleUndoKeyDown: (e) => {
 		let n = a.current, r = t.current;
-		return n == null || r == null || !Je(e) || (a.current = null, r.value !== n.insertedValue) ? !1 : (e.preventDefault(), qe(r, n.previousValue, n.previousSelectionStart, n.previousSelectionEnd), !0);
+		return n == null || r == null || !qe(e) || (a.current = null, r.value !== n.insertedValue) ? !1 : (e.preventDefault(), Ke(r, n.previousValue, n.previousSelectionStart, n.previousSelectionEnd), !0);
 	} };
-}, Xe = /* @__PURE__ */ function(e) {
+}, Ye = /* @__PURE__ */ function(e) {
 	return e.Idle = "idle", e.Recording = "recording", e.Processing = "processing", e.Error = "error", e;
-}({}), Ze = /* @__PURE__ */ function(e) {
+}({}), Xe = /* @__PURE__ */ function(e) {
 	return e.Dictation = "dictation", e.Attachment = "attachment", e;
-}({}), Qe = [
+}({}), Ze = [
 	"audio/webm;codecs=opus",
 	"audio/ogg;codecs=opus",
 	"audio/webm"
-], $e = 100, et = 100, tt = .01, nt = ({ onAttachAudio: e, onTranscribeAudio: t, onTranscript: n, errorLabel: i = "Voice input failed" }) => {
-	let [a, o] = V("idle"), [s, c] = V(null), l = B(null), d = B(null), f = B({
+], Qe = 100, $e = 100, et = .01, tt = ({ onAttachAudio: e, onTranscribeAudio: t, onTranscript: n, errorLabel: i = "Voice input failed" }) => {
+	let [a, o] = H("idle"), [s, c] = H(null), l = V(null), d = V(null), f = V({
 		onAttachAudio: e,
 		onTranscribeAudio: t,
 		onTranscript: n,
@@ -479,7 +479,7 @@ var H = {
 		onTranscript: n,
 		errorLabel: i
 	};
-	let p = L((e = "dictation") => {
+	let p = R((e = "dictation") => {
 		if (d.current) return;
 		let t = { controller: new AbortController() };
 		d.current = t, c(null), o("recording");
@@ -497,7 +497,7 @@ var H = {
 			n.aborted || (t.controller.abort(), d.current = null, c(e instanceof Error ? e.message : f.current.errorLabel), o("error"));
 		}, S = () => {
 			if (!a || n.aborted) return;
-			let e = Qe.find((e) => MediaRecorder.isTypeSupported(e)), t = new MediaRecorder(a, e ? { mimeType: e } : void 0);
+			let e = Ze.find((e) => MediaRecorder.isTypeSupported(e)), t = new MediaRecorder(a, e ? { mimeType: e } : void 0);
 			p = t;
 			let s = Date.now(), c = !1, d = !1, S = new Uint8Array(l.current?.fftSize ?? 256), C = async () => {
 				if (!(g || n.aborted)) {
@@ -505,7 +505,7 @@ var H = {
 					try {
 						let a = t.mimeType || e || "audio/webm", l = new Blob(_, { type: a });
 						_.length = 0, y();
-						let p = Date.now() - s >= et;
+						let p = Date.now() - s >= $e;
 						if (l.size && (!i || p && (!c || d))) {
 							let e = u(a), t = r[e] ?? e.split("/")[1] ?? "webm", s = new File([l], "voice-" + crypto.randomUUID() + "." + t, { type: a });
 							if (i) {
@@ -531,8 +531,8 @@ var H = {
 				e.getByteTimeDomainData(S), c = !0;
 				let t = 0;
 				for (let e of S) t += ((e - 128) / 128) ** 2;
-				Math.sqrt(t / S.length) >= tt && (d = !0, v());
-			}, $e));
+				Math.sqrt(t / S.length) >= et && (d = !0, v());
+			}, Qe));
 		};
 		t.stop = () => {
 			h || n.aborted || (h = !0, v(), o("processing"), p?.state === "recording" && p.stop());
@@ -550,10 +550,10 @@ var H = {
 				x(e);
 			}
 		})();
-	}, []), m = L(() => d.current?.stop?.(), []), h = L(() => {
+	}, []), m = R(() => d.current?.stop?.(), []), h = R(() => {
 		d.current?.controller.abort(), d.current = null, c(null), o("idle");
 	}, []);
-	return R(() => () => {
+	return z(() => () => {
 		d.current?.controller.abort(), d.current = null;
 	}, []), {
 		state: a,
@@ -563,14 +563,14 @@ var H = {
 		stopRecording: m,
 		discardRecording: h
 	};
-}, rt = /* @__PURE__ */ function(e) {
+}, nt = /* @__PURE__ */ function(e) {
 	return e.Enter = "enter", e.MetaEnter = "meta-enter", e;
-}({}), it = /* @__PURE__ */ function(e) {
+}({}), rt = /* @__PURE__ */ function(e) {
 	return e.Stacked = "stacked", e.Inline = "inline", e;
-}({}), at = {
+}({}), it = {
 	item: "_item_1sr2n_1",
 	itemIcon: "_itemIcon_1sr2n_11"
-}, ot = ({ isOpen: e, title: t, closeLabel: n, onClose: r, style: i, items: a, className: o, titleClassName: s = "dial-body-semi-text", itemLabelClassName: u = "dial-small-text", btnTextClassName: d = "", colors: f }) => {
+}, at = ({ isOpen: e, title: t, closeLabel: n, onClose: r, style: i, items: a, className: o, titleClassName: s = "dial-body-semi-text", itemLabelClassName: u = "dial-small-text", btnTextClassName: d = "", colors: f }) => {
 	let p = (e) => {
 		e(), r();
 	}, h = c({
@@ -579,7 +579,7 @@ var H = {
 		"--ci-sheet-item-active": f?.itemActiveBg,
 		"--ci-sheet-icon": f?.itemIcon
 	});
-	return /* @__PURE__ */ F(U, {
+	return /* @__PURE__ */ I(W, {
 		isOpen: e,
 		title: t,
 		closeLabel: n,
@@ -588,23 +588,23 @@ var H = {
 		className: o,
 		titleClassName: s,
 		colors: f?.shell,
-		children: /* @__PURE__ */ F("ul", {
+		children: /* @__PURE__ */ I("ul", {
 			role: "list",
 			className: "flex flex-col",
 			style: h,
-			children: a.map(({ key: e, label: t, icon: n, iconAfter: r, onClick: i }) => /* @__PURE__ */ F("li", { children: /* @__PURE__ */ F(m, {
+			children: a.map(({ key: e, label: t, icon: n, iconAfter: r, onClick: i }) => /* @__PURE__ */ I("li", { children: /* @__PURE__ */ I(m, {
 				type: "button",
-				className: l(at.item, "w-full gap-3 px-4 py-[10px] text-start"),
-				iconBefore: /* @__PURE__ */ F("span", {
-					className: at.itemIcon,
+				className: l(it.item, "w-full gap-3 px-4 py-[10px] text-start"),
+				iconBefore: /* @__PURE__ */ I("span", {
+					className: it.itemIcon,
 					children: n
 				}),
-				iconAfter: r ? /* @__PURE__ */ F("span", {
+				iconAfter: r ? /* @__PURE__ */ I("span", {
 					className: "ms-auto",
 					children: r
 				}) : null,
 				textClassName: d,
-				label: /* @__PURE__ */ F("span", {
+				label: /* @__PURE__ */ I("span", {
 					className: u,
 					children: t
 				}),
@@ -612,9 +612,9 @@ var H = {
 			}) }, e))
 		})
 	});
-}, st = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, isOpen: o }) => {
-	let [s, c] = V(t), [l, u] = V(n), [d, f] = V(r), p = B(o);
-	R(() => {
+}, ot = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, isOpen: o }) => {
+	let [s, c] = H(t), [l, u] = H(n), [d, f] = H(r), p = V(o);
+	z(() => {
 		o && !p.current && (c(t), u(n), f(r)), p.current = o;
 	}, [
 		o,
@@ -631,7 +631,7 @@ var H = {
 		setResponseFormat: c,
 		setSystemPrompt: u,
 		setTemperature: f,
-		handleSubmit: L(() => {
+		handleSubmit: R(() => {
 			if (!m) return;
 			let t = {};
 			e.responseFormat && s != null && (t.responseFormat = s), e.systemPrompt && (t.systemPrompt = l), e.temperature && (t.temperature = d), i(t), a();
@@ -645,17 +645,17 @@ var H = {
 			a
 		])
 	};
-}, ct = { label: "_label_14i7c_1" }, lt = ({ features: e, responseFormat: t, systemPrompt: n, temperature: r, onResponseFormatChange: a, onSystemPromptChange: s, 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 = [
+}, st = { label: "_label_14i7c_1" }, ct = ({ features: e, responseFormat: t, systemPrompt: n, temperature: r, onResponseFormatChange: a, onSystemPromptChange: s, 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 = c({ "--csf-label-text": x?.labelText }), C = l(b, ct.label, "gap-1");
-	return /* @__PURE__ */ I("div", {
+	let S = c({ "--csf-label-text": x?.labelText }), C = l(b, st.label, "gap-1");
+	return /* @__PURE__ */ L("div", {
 		className: "flex flex-col gap-4 px-6 pb-3",
 		style: S,
 		children: [
-			e.responseFormat && /* @__PURE__ */ F(k, {
+			e.responseFormat && /* @__PURE__ */ I(A, {
 				id: "response-format",
 				labelProps: {
 					label: d,
@@ -663,7 +663,7 @@ var H = {
 					caption: f
 				},
 				optionsClassName: "mb-2",
-				orientation: A.Column,
+				orientation: j.Column,
 				value: t ?? o.Markdown,
 				items: [{
 					value: o.Markdown,
@@ -674,18 +674,18 @@ var H = {
 				}],
 				onChange: (e) => a(e)
 			}),
-			e.systemPrompt && /* @__PURE__ */ F(oe, {
+			e.systemPrompt && /* @__PURE__ */ I(ae, {
 				value: n,
 				placeholder: g,
 				className: i,
-				resize: M.Vertical,
+				resize: N.Vertical,
 				labelProps: {
 					className: C,
 					label: h
 				},
 				onChange: (e) => s(e ?? "")
 			}),
-			e.temperature && /* @__PURE__ */ F(ie, {
+			e.temperature && /* @__PURE__ */ I(re, {
 				labelProps: {
 					label: _,
 					className: C,
@@ -702,8 +702,8 @@ var H = {
 			})
 		]
 	});
-}, ut = ({ isOpen: e, onBack: t, backLabel: n, onClose: r, closeLabel: i, style: a, features: o, initialResponseFormat: s, initialSystemPrompt: c, 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: w, systemPrompt: T, temperature: E, canSubmit: D, setResponseFormat: ee, setSystemPrompt: O, setTemperature: k, handleSubmit: A } = st({
+}, lt = ({ isOpen: e, onBack: t, backLabel: n, onClose: r, closeLabel: i, style: a, features: o, initialResponseFormat: s, initialSystemPrompt: c, 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: w, systemPrompt: T, temperature: E, canSubmit: D, setResponseFormat: ee, setSystemPrompt: k, setTemperature: A, handleSubmit: j } = ot({
 		isOpen: e,
 		features: o,
 		initialResponseFormat: s,
@@ -712,7 +712,7 @@ var H = {
 		onSave: d,
 		onClose: r
 	});
-	return /* @__PURE__ */ I(U, {
+	return /* @__PURE__ */ L(W, {
 		isOpen: e,
 		title: f,
 		closeLabel: i,
@@ -720,14 +720,14 @@ var H = {
 		onBack: t,
 		backLabel: n,
 		style: a,
-		children: [/* @__PURE__ */ F(lt, {
+		children: [/* @__PURE__ */ I(ct, {
 			features: o,
 			responseFormat: w,
 			systemPrompt: T,
 			temperature: E,
 			onResponseFormatChange: ee,
-			onSystemPromptChange: O,
-			onTemperatureChange: k,
+			onSystemPromptChange: k,
+			onTemperatureChange: A,
 			responseFormatLabel: p,
 			responseFormatHint: m,
 			responseFormatMarkdownLabel: h,
@@ -737,23 +737,23 @@ var H = {
 			temperatureLabel: y,
 			temperatureLabels: b,
 			temperatureHint: x
-		}), /* @__PURE__ */ F("div", {
+		}), /* @__PURE__ */ I("div", {
 			className: l("px-6 py-4 mobile:pb-8"),
-			children: /* @__PURE__ */ F(N, {
+			children: /* @__PURE__ */ I(P, {
 				tooltip: C,
 				hideTooltip: D || !C,
 				triggerClassName: "w-full",
-				children: /* @__PURE__ */ F(te, {
+				children: /* @__PURE__ */ I(O, {
 					label: S,
-					onClick: A,
+					onClick: j,
 					disabled: !D,
 					className: "w-full"
 				})
 			})
 		})]
 	});
-}, dt = { modal: "_modal_kl0h0_1" }, ft = ({ 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: g, temperatureHint: _, saveLabel: v = "Apply changes", saveDisabledTooltip: y, backgroundClassName: b = dt.modal }) => {
-	let { responseFormat: x, systemPrompt: S, temperature: C, canSubmit: w, setResponseFormat: T, setSystemPrompt: E, setTemperature: te, handleSubmit: O } = st({
+}, ut = { modal: "_modal_kl0h0_1" }, dt = ({ 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: g, temperatureHint: _, saveLabel: v = "Apply changes", saveDisabledTooltip: y, backgroundClassName: b = ut.modal }) => {
+	let { responseFormat: x, systemPrompt: S, temperature: C, canSubmit: w, setResponseFormat: T, setSystemPrompt: E, setTemperature: O, handleSubmit: k } = ot({
 		features: e,
 		initialResponseFormat: t,
 		initialSystemPrompt: n,
@@ -761,7 +761,7 @@ var H = {
 		onSave: i,
 		onClose: a
 	});
-	return /* @__PURE__ */ F(D, {
+	return /* @__PURE__ */ I(D, {
 		open: !0,
 		header: o,
 		titleClassName: s,
@@ -771,21 +771,21 @@ var H = {
 		mainButtons: [{
 			label: v,
 			variant: h.Primary,
-			onClick: O,
+			onClick: k,
 			disabled: !w,
 			tooltipProps: y ? {
 				tooltip: y,
 				hideTooltip: w
 			} : void 0
 		}],
-		children: /* @__PURE__ */ F(lt, {
+		children: /* @__PURE__ */ I(ct, {
 			features: e,
 			responseFormat: x,
 			systemPrompt: S,
 			temperature: C,
 			onResponseFormatChange: T,
 			onSystemPromptChange: E,
-			onTemperatureChange: te,
+			onTemperatureChange: O,
 			responseFormatLabel: c,
 			responseFormatHint: l,
 			responseFormatMarkdownLabel: u,
@@ -797,10 +797,10 @@ var H = {
 			temperatureHint: _
 		})
 	});
-}, G = {
+}, K = {
 	icon: "_icon_1fv6z_1",
 	selectedIcon: "_selectedIcon_1fv6z_5"
-}, pt = ({ isOpen: e, onBack: t, backLabel: n = "Back", onClose: r, closeLabel: i = "Close", style: a, title: o = "Tools", items: s, onToolToggle: u, itemLabelClassName: d = "dial-small-text", colors: p }) => /* @__PURE__ */ F(U, {
+}, ft = ({ isOpen: e, onBack: t, backLabel: n = "Back", onClose: r, closeLabel: i = "Close", style: a, title: o = "Tools", items: s, onToolToggle: u, itemLabelClassName: d = "dial-small-text", colors: p }) => /* @__PURE__ */ I(W, {
 	isOpen: e,
 	title: o,
 	closeLabel: i,
@@ -808,33 +808,33 @@ var H = {
 	onBack: t,
 	backLabel: n,
 	style: a,
-	children: /* @__PURE__ */ F("ul", {
+	children: /* @__PURE__ */ I("ul", {
 		role: "menu",
 		className: "flex flex-col pb-4",
 		style: c({
 			"--tbs-icon-text": p?.iconText,
 			"--tbs-selected-icon-text": p?.selectedIconText
 		}),
-		children: s.map((e) => /* @__PURE__ */ F("li", {
+		children: s.map((e) => /* @__PURE__ */ I("li", {
 			role: "none",
-			children: /* @__PURE__ */ F(m, {
+			children: /* @__PURE__ */ I(m, {
 				type: "button",
 				role: "menuitemcheckbox",
 				"aria-checked": e.isSelected,
 				className: "w-full gap-3 px-4 py-[10px] text-start",
-				iconBefore: /* @__PURE__ */ F("span", {
-					className: l("flex items-center", G.icon),
+				iconBefore: /* @__PURE__ */ I("span", {
+					className: l("flex items-center", K.icon),
 					children: e.icon
 				}),
-				iconAfter: e.isSelected ? /* @__PURE__ */ F("span", {
-					className: l("ms-auto", G.selectedIcon),
-					children: /* @__PURE__ */ F(me, {
+				iconAfter: e.isSelected ? /* @__PURE__ */ I("span", {
+					className: l("ms-auto", K.selectedIcon),
+					children: /* @__PURE__ */ I(pe, {
 						size: f,
 						"aria-hidden": !0,
 						stroke: v
 					})
 				}) : null,
-				label: /* @__PURE__ */ F("span", {
+				label: /* @__PURE__ */ I("span", {
 					className: d,
 					children: e.label
 				}),
@@ -842,19 +842,19 @@ var H = {
 			})
 		}, e.id))
 	})
-}), mt = {
+}), pt = {
 	toolIcon: "_toolIcon_ma5s5_1",
 	chevronIcon: "_chevronIcon_ma5s5_5"
-}, ht = ({ onAttachClick: e, onRecordVoice: t, recordVoiceLabel: n = "Record voice", attachLabel: r, addMenuTitle: i, menuTitle: a, menuCloseLabel: s, style: u, listClassName: p = "w-[240px]", isDisabled: m = !1, chatSettings: h, extraMenuItems: g, toolsMenuItems: x = [], onToolToggle: C, toolsMenuTitle: T = "Tools", toolsBackLabel: E = "Back", menuOverlays: D, getCaretPosition: ee, colors: te }) => {
-	let O = d(), [k, A] = V(!1), [j, ne] = V(!1), [re, ie] = V(!1), [ae, oe] = V(null), [M, N] = V(!1), se = z(() => c({
-		"--aab-tool-icon": te?.toolIcon,
-		"--aab-chevron-icon": te?.chevronIcon
-	}), [te?.toolIcon, te?.chevronIcon]), ce = x.length > 0 && C != null, le = D != null && D.length > 0, ue = z(() => x.map((e) => ({
+}, mt = ({ onAttachClick: e, onRecordVoice: t, recordVoiceLabel: n = "Record voice", attachLabel: r, addMenuTitle: i, menuTitle: a, menuCloseLabel: s, style: u, listClassName: p = "w-[240px]", isDisabled: m = !1, chatSettings: h, extraMenuItems: g, toolsMenuItems: x = [], onToolToggle: C, toolsMenuTitle: T = "Tools", toolsBackLabel: E = "Back", menuOverlays: D, getCaretPosition: ee, colors: O }) => {
+	let k = d(), [A, j] = H(!1), [M, te] = H(!1), [ne, re] = H(!1), [ie, ae] = H(null), [N, P] = H(!1), oe = B(() => c({
+		"--aab-tool-icon": O?.toolIcon,
+		"--aab-chevron-icon": O?.chevronIcon
+	}), [O?.toolIcon, O?.chevronIcon]), se = x.length > 0 && C != null, ce = D != null && D.length > 0, le = B(() => x.map((e) => ({
 		key: e.id,
 		label: e.label,
-		icon: /* @__PURE__ */ F("span", {
-			style: se,
-			className: l("flex items-center", mt.toolIcon),
+		icon: /* @__PURE__ */ I("span", {
+			style: oe,
+			className: l("flex items-center", pt.toolIcon),
 			children: e.icon
 		}),
 		selectable: !0,
@@ -864,12 +864,12 @@ var H = {
 	})), [
 		x,
 		C,
-		se
-	]), de = z(() => [
+		oe
+	]), ue = B(() => [
 		...e == null ? [] : [{
 			key: "attach",
 			label: r,
-			icon: /* @__PURE__ */ F(ye, {
+			icon: /* @__PURE__ */ I(ve, {
 				size: f,
 				"aria-hidden": !0,
 				stroke: v
@@ -877,74 +877,74 @@ var H = {
 			onClick: e
 		}],
 		...g ?? [],
-		...ce ? [{
+		...se ? [{
 			key: "tools",
 			label: T,
-			icon: /* @__PURE__ */ F(Ce, {
+			icon: /* @__PURE__ */ I(Se, {
 				size: f,
 				"aria-hidden": !0,
 				stroke: v
 			}),
-			onClick: O ? () => {
-				ie(!0), A(!1);
+			onClick: k ? () => {
+				re(!0), j(!1);
 			} : () => void 0,
-			...O ? { iconAfter: /* @__PURE__ */ F(ge, {
+			...k ? { iconAfter: /* @__PURE__ */ I(he, {
 				size: f,
 				stroke: v,
-				style: se,
-				className: l("rtl:scale-x-[-1]", mt.chevronIcon),
+				style: oe,
+				className: l("rtl:scale-x-[-1]", pt.chevronIcon),
 				"aria-hidden": !0
-			}) } : { children: ue }
+			}) } : { children: le }
 		}] : [],
 		...(D ?? []).map((e) => ({
 			key: e.key,
 			label: e.title,
 			icon: e.icon,
-			onClick: O ? () => {
-				oe(e.key), A(!1);
+			onClick: k ? () => {
+				ae(e.key), j(!1);
 			} : () => void 0,
-			...O ? { iconAfter: /* @__PURE__ */ F(ge, {
+			...k ? { iconAfter: /* @__PURE__ */ I(he, {
 				size: f,
 				stroke: v,
-				style: se,
-				className: l("rtl:scale-x-[-1]", mt.chevronIcon),
+				style: oe,
+				className: l("rtl:scale-x-[-1]", pt.chevronIcon),
 				"aria-hidden": !0
 			}) } : {
 				children: [{
 					key: `${e.key}-panel`,
 					label: ""
 				}],
-				renderSubMenu: () => e.renderOverlay(() => N(!1), ee?.() ?? 0)
+				renderSubMenu: () => e.renderOverlay(() => P(!1), ee?.() ?? 0)
 			}
 		})),
 		...t == null ? [] : [{
 			key: "record-voice",
 			label: n,
-			icon: /* @__PURE__ */ F(ve, {
+			icon: /* @__PURE__ */ I(_e, {
 				size: f,
 				"aria-hidden": !0,
 				stroke: v
 			}),
 			onClick: () => {
-				A(!1), N(!1), t();
+				j(!1), P(!1), t();
 			}
 		}],
 		...h == null ? [] : [{
 			key: "chat-settings",
 			label: h.menuItemLabel ?? "Chat settings",
-			icon: /* @__PURE__ */ F(Se, {
+			icon: /* @__PURE__ */ I(xe, {
 				size: f,
 				"aria-hidden": !0,
 				stroke: v
 			}),
-			iconAfter: O ? /* @__PURE__ */ F(ge, {
+			iconAfter: k ? /* @__PURE__ */ I(he, {
 				size: f,
 				stroke: v,
-				style: se,
-				className: l("rtl:scale-x-[-1]", mt.chevronIcon),
+				style: oe,
+				className: l("rtl:scale-x-[-1]", pt.chevronIcon),
 				"aria-hidden": !0
 			}) : null,
-			onClick: () => ne(!0)
+			onClick: () => te(!0)
 		}]
 	], [
 		r,
@@ -953,26 +953,26 @@ var H = {
 		n,
 		h,
 		g,
-		O,
-		ce,
+		k,
+		se,
 		T,
-		ue,
+		le,
 		D,
 		ee,
-		se
+		oe
 	]);
-	if (de.length === 0) return null;
-	let fe = /* @__PURE__ */ F(y, {
+	if (ue.length === 0) return null;
+	let de = /* @__PURE__ */ I(y, {
 		matchReferenceWidth: !1,
 		placement: "bottom-start",
 		listClassName: p,
 		overlayContentClassName: "flex flex-col gap-1",
-		items: de,
+		items: ue,
 		disabled: m,
-		open: le ? M : void 0,
-		onOpenChange: le ? N : void 0,
-		children: /* @__PURE__ */ F(S, {
-			icon: /* @__PURE__ */ F(xe, {
+		open: ce ? N : void 0,
+		onOpenChange: ce ? P : void 0,
+		children: /* @__PURE__ */ I(S, {
+			icon: /* @__PURE__ */ I(be, {
 				size: _.LG,
 				"aria-hidden": !0,
 				stroke: v
@@ -982,9 +982,9 @@ var H = {
 			disabled: m
 		})
 	});
-	return /* @__PURE__ */ F(P, { children: O ? /* @__PURE__ */ I(P, { children: [
-		/* @__PURE__ */ F(S, {
-			icon: /* @__PURE__ */ F(xe, {
+	return /* @__PURE__ */ I(F, { children: k ? /* @__PURE__ */ L(F, { children: [
+		/* @__PURE__ */ I(S, {
+			icon: /* @__PURE__ */ I(be, {
 				size: _.LG,
 				"aria-hidden": !0,
 				stroke: v
@@ -993,54 +993,54 @@ var H = {
 			size: b.Large,
 			tooltipProps: { tooltip: i },
 			disabled: m,
-			onClick: () => A(!0)
+			onClick: () => j(!0)
 		}),
-		/* @__PURE__ */ F(ot, {
-			isOpen: k,
+		/* @__PURE__ */ I(at, {
+			isOpen: A,
 			title: a,
 			closeLabel: s,
-			onClose: () => A(!1),
+			onClose: () => j(!1),
 			style: u,
-			items: de,
+			items: ue,
 			className: "pb-4",
 			btnTextClassName: "flex-1"
 		}),
-		ce && /* @__PURE__ */ F(pt, {
-			isOpen: re,
+		se && /* @__PURE__ */ I(ft, {
+			isOpen: ne,
 			onBack: () => {
-				ie(!1), A(!0);
+				re(!1), j(!0);
 			},
 			backLabel: E,
-			onClose: () => ie(!1),
+			onClose: () => re(!1),
 			closeLabel: s,
 			style: u,
 			title: T,
 			items: x,
 			onToolToggle: C
 		}),
-		D?.map((e) => /* @__PURE__ */ F(U, {
-			isOpen: ae === e.key,
+		D?.map((e) => /* @__PURE__ */ I(W, {
+			isOpen: ie === e.key,
 			title: e.title,
 			closeLabel: s,
 			onBack: () => {
-				oe(null), A(!0);
+				ae(null), j(!0);
 			},
 			backLabel: e.backLabel ?? "Back",
-			onClose: () => oe(null),
+			onClose: () => ae(null),
 			style: u,
-			children: /* @__PURE__ */ F("div", {
+			children: /* @__PURE__ */ I("div", {
 				role: "menu",
 				"aria-label": e.title,
-				children: e.renderOverlay(() => oe(null), ee?.() ?? 0)
+				children: e.renderOverlay(() => ae(null), ee?.() ?? 0)
 			})
 		}, e.key)),
-		h != null && /* @__PURE__ */ F(ut, {
-			isOpen: j,
+		h != null && /* @__PURE__ */ I(lt, {
+			isOpen: M,
 			onBack: () => {
-				ne(!1), A(!0);
+				te(!1), j(!0);
 			},
 			backLabel: h.backLabel ?? "Back",
-			onClose: () => ne(!1),
+			onClose: () => te(!1),
 			closeLabel: s,
 			style: u,
 			features: h.features,
@@ -1061,13 +1061,13 @@ var H = {
 			saveLabel: h.saveLabel,
 			saveDisabledTooltip: h.saveDisabledTooltip
 		})
-	] }) : /* @__PURE__ */ I(P, { children: [fe, h != null && j && /* @__PURE__ */ F(ft, {
+	] }) : /* @__PURE__ */ L(F, { children: [de, h != null && M && /* @__PURE__ */ I(dt, {
 		features: h.features,
 		initialResponseFormat: h.responseFormat ?? o.Markdown,
 		initialSystemPrompt: h.systemPrompt,
 		initialTemperature: h.temperature,
 		onSave: h.onSave,
-		onClose: () => ne(!1),
+		onClose: () => te(!1),
 		title: h.title,
 		responseFormatLabel: h.responseFormatLabel,
 		responseFormatHint: h.responseFormatHint,
@@ -1081,17 +1081,17 @@ var H = {
 		saveLabel: h.saveLabel,
 		saveDisabledTooltip: h.saveDisabledTooltip
 	})] }) });
-}, K = {
+}, q = {
 	chip: "_chip_1lvv5_1",
 	chipSelected: "_chipSelected_1lvv5_9",
 	chipIcon: "_chipIcon_1lvv5_16",
 	chipText: "_chipText_1lvv5_19",
 	chipState: "_chipState_1lvv5_22",
 	chipClose: "_chipClose_1lvv5_25"
-}, gt = (e) => `Remove ${e}`, _t = ({ items: e, onToolToggle: t, onToolDismiss: n, canRemove: r = !0, removeLabel: i = gt, stateOnLabel: a, stateOffLabel: o, typography: s, colors: u }) => {
+}, ht = (e) => `Remove ${e}`, gt = ({ items: e, onToolToggle: t, onToolDismiss: n, canRemove: r = !0, removeLabel: i = ht, stateOnLabel: a, stateOffLabel: o, typography: s, colors: u }) => {
 	if (e.length === 0) return null;
 	let d = !!(a && o);
-	return /* @__PURE__ */ F("div", {
+	return /* @__PURE__ */ I("div", {
 		className: "flex flex-wrap items-center gap-2",
 		style: c({
 			"--ci-chip-bg": u?.chipBg,
@@ -1107,38 +1107,38 @@ var H = {
 			"--ci-chip-close": u?.chipClose,
 			"--ci-chip-close-hover": u?.chipCloseHover
 		}),
-		children: e.map((e) => /* @__PURE__ */ I("div", {
-			className: l(K.chip, e.isSelected && K.chipSelected, "flex min-w-0 items-center gap-1.5 rounded-full border py-1 transition-colors", r ? "ps-2 pe-1" : "px-2"),
-			children: [/* @__PURE__ */ I("button", {
+		children: e.map((e) => /* @__PURE__ */ L("div", {
+			className: l(q.chip, e.isSelected && q.chipSelected, "flex min-w-0 items-center gap-1.5 rounded-full border py-1 transition-colors", r ? "ps-2 pe-1" : "px-2"),
+			children: [/* @__PURE__ */ L("button", {
 				type: "button",
 				onClick: () => t(e.id),
 				"aria-pressed": e.isSelected,
 				className: "flex min-w-0 items-center gap-1.5",
 				children: [
-					/* @__PURE__ */ F("span", {
-						className: l(K.chipIcon, "shrink-0"),
+					/* @__PURE__ */ I("span", {
+						className: l(q.chipIcon, "shrink-0"),
 						"aria-hidden": !0,
 						children: e.icon
 					}),
-					/* @__PURE__ */ I("span", {
-						className: l(K.chipText, s?.fontClassName || "dial-small-paragraph-text", "truncate"),
-						children: [e.label, d && /* @__PURE__ */ F("span", {
+					/* @__PURE__ */ L("span", {
+						className: l(q.chipText, s?.fontClassName || "dial-small-paragraph-text", "truncate"),
+						children: [e.label, d && /* @__PURE__ */ I("span", {
 							"aria-hidden": !0,
 							children: ":"
 						})]
 					}),
-					d && /* @__PURE__ */ F("span", {
-						className: l(K.chipState, s?.fontClassName || "dial-small-paragraph-text", "ms-1 shrink-0 tracking-wider uppercase"),
+					d && /* @__PURE__ */ I("span", {
+						className: l(q.chipState, s?.fontClassName || "dial-small-paragraph-text", "ms-1 shrink-0 tracking-wider uppercase"),
 						"aria-hidden": !0,
 						children: e.isSelected ? a : o
 					})
 				]
-			}), r && /* @__PURE__ */ F("button", {
+			}), r && /* @__PURE__ */ I("button", {
 				type: "button",
 				onClick: () => n(e.id),
 				"aria-label": i(e.label),
-				className: l(K.chipClose, "flex shrink-0 items-center rounded p-0.5 transition-colors"),
-				children: /* @__PURE__ */ F(we, {
+				className: l(q.chipClose, "flex shrink-0 items-center rounded p-0.5 transition-colors"),
+				children: /* @__PURE__ */ I(Ce, {
 					size: 12,
 					"aria-hidden": !0,
 					stroke: v
@@ -1146,7 +1146,7 @@ var H = {
 			})]
 		}, e.id))
 	});
-}, q = {
+}, J = {
 	wrapper: "_wrapper_19a9k_2",
 	wrapperDisabled: "_wrapperDisabled_19a9k_9",
 	textarea: "_textarea_19a9k_13",
@@ -1159,33 +1159,33 @@ var H = {
 	modelSelectorName: "_modelSelectorName_19a9k_72",
 	modelSelectorVersion: "_modelSelectorVersion_19a9k_75",
 	modelSelectorButtonDisabled: "_modelSelectorButtonDisabled_19a9k_84"
-}, vt = {
+}, _t = {
 	waveformCanvas: "_waveformCanvas_18zb5_1",
 	recordingDot: "_recordingDot_18zb5_15",
 	"recording-pulse": "_recording-pulse_18zb5_1"
-}, yt = 3, bt = 4, xt = 200, St = ({ state: e, analyserNodeRef: t, onStop: n, onDiscard: r, attachButton: i, stopLabel: a = "Stop recording", discardLabel: o = "Discard recording", processingLabel: s = "Transcribing audio…", style: c, className: u, embedded: d = !1 }) => {
-	let f = B(null), p = B(new Float32Array(xt)), m = B(0), h = B(0), g = e === Xe.Recording, y = e === Xe.Processing, b = L((e) => {
+}, vt = 3, yt = 4, bt = 200, xt = ({ state: e, analyserNodeRef: t, onStop: n, onDiscard: r, attachButton: i, stopLabel: a = "Stop recording", discardLabel: o = "Discard recording", processingLabel: s = "Transcribing audio…", style: c, className: u, embedded: d = !1 }) => {
+	let f = V(null), p = V(new Float32Array(bt)), m = V(0), h = V(0), g = e === Ye.Recording, y = e === Ye.Processing, b = R((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 / bt)), xt - 1), a = m.current, o = h.current;
+		let i = Math.min(Math.max(1, Math.floor(n / yt)), bt - 1), a = m.current, o = h.current;
 		t.save(), t.beginPath(), t.rect(0, 0, n, r), t.clip(), t.translate(-o, 0);
 		for (let e = 0; e <= i; e++) {
-			let n = ((a - i + e) % xt + xt) % xt, o = p.current[n] ?? 0, s = Math.min(1, o * 6), c = Math.max(3, s * r);
-			t.fillRect(e * bt, (r - c) / 2, yt, c);
+			let n = ((a - i + e) % bt + bt) % bt, o = p.current[n] ?? 0, s = Math.min(1, o * 6), c = Math.max(3, s * r);
+			t.fillRect(e * yt, (r - c) / 2, vt, c);
 		}
 		t.restore();
 	}, []);
-	R(() => {
+	z(() => {
 		if (!g) return;
 		let e = f.current;
 		if (!e) return;
 		p.current.fill(0), m.current = 0, h.current = 0;
 		let n, r = () => {
-			if (h.current += 1, h.current >= bt) {
-				h.current -= bt;
+			if (h.current += 1, h.current >= yt) {
+				h.current -= yt;
 				let e = t.current;
 				if (e) {
 					let t = new Uint8Array(e.frequencyBinCount);
@@ -1195,7 +1195,7 @@ var H = {
 						let r = (t[e] - 128) / 128;
 						n += r * r;
 					}
-					p.current[m.current % xt] = Math.sqrt(n / t.length), m.current++;
+					p.current[m.current % bt] = Math.sqrt(n / t.length), m.current++;
 				}
 			}
 			b(e), n = requestAnimationFrame(r);
@@ -1207,7 +1207,7 @@ var H = {
 		g,
 		t,
 		b
-	]), R(() => {
+	]), z(() => {
 		let e = f.current;
 		if (!e) return;
 		let t = new ResizeObserver(() => {
@@ -1215,11 +1215,11 @@ var H = {
 		});
 		return t.observe(e), () => t.disconnect();
 	}, [b]);
-	let x = /* @__PURE__ */ I("div", {
+	let x = /* @__PURE__ */ L("div", {
 		className: "flex shrink-0 items-center justify-end gap-1",
 		children: [
-			/* @__PURE__ */ F(E, {
-				icon: /* @__PURE__ */ F(we, {
+			/* @__PURE__ */ I(E, {
+				icon: /* @__PURE__ */ I(Ce, {
 					size: _.LG,
 					"aria-hidden": !0,
 					stroke: v
@@ -1228,8 +1228,8 @@ var H = {
 				className: "mobile:min-h-11 mobile:min-w-11",
 				onClick: r
 			}),
-			g && /* @__PURE__ */ F(O, {
-				icon: /* @__PURE__ */ F(me, {
+			g && /* @__PURE__ */ I(k, {
+				icon: /* @__PURE__ */ I(pe, {
 					size: _.LG,
 					"aria-hidden": !0,
 					stroke: v
@@ -1239,104 +1239,104 @@ var H = {
 				"aria-label": a,
 				className: "mobile:min-h-11 mobile:min-w-11"
 			}),
-			y && /* @__PURE__ */ F("span", {
+			y && /* @__PURE__ */ I("span", {
 				className: "flex size-[40px] shrink-0 items-center justify-center mobile:min-h-11 mobile:min-w-11",
-				children: /* @__PURE__ */ F(ae, {
+				children: /* @__PURE__ */ I(ie, {
 					size: 20,
 					ariaLabel: s
 				})
 			})
 		]
 	});
-	return /* @__PURE__ */ F("div", {
+	return /* @__PURE__ */ I("div", {
 		className: u,
-		children: /* @__PURE__ */ I("div", {
+		children: /* @__PURE__ */ L("div", {
 			style: c,
-			className: l("flex w-full min-w-0 flex-col justify-center gap-2", !d && q.wrapper, !d && "min-h-[64px] max-w-[748px] rounded-xl border px-3 shadow-md"),
-			children: [/* @__PURE__ */ I("div", {
+			className: l("flex w-full min-w-0 flex-col justify-center gap-2", !d && J.wrapper, !d && "min-h-[64px] max-w-[748px] rounded-xl border px-3 shadow-md"),
+			children: [/* @__PURE__ */ L("div", {
 				className: "flex min-w-0 flex-1 items-center gap-3",
-				children: [g && /* @__PURE__ */ F("span", {
-					className: l(vt.recordingDot, "pointer-events-none block size-[8px] rounded-3xl"),
+				children: [g && /* @__PURE__ */ I("span", {
+					className: l(_t.recordingDot, "pointer-events-none block size-[8px] rounded-3xl"),
 					"aria-hidden": !0
-				}), /* @__PURE__ */ F("canvas", {
+				}), /* @__PURE__ */ I("canvas", {
 					ref: f,
 					height: 26,
 					"aria-hidden": !0,
-					className: l(vt.waveformCanvas, "h-[26px] min-w-0 flex-1")
+					className: l(_t.waveformCanvas, "h-[26px] min-w-0 flex-1")
 				})]
-			}), /* @__PURE__ */ I("div", {
+			}), /* @__PURE__ */ L("div", {
 				className: "flex items-center justify-between gap-2",
-				children: [i ?? /* @__PURE__ */ F("span", { "aria-hidden": !0 }), x]
+				children: [i ?? /* @__PURE__ */ I("span", { "aria-hidden": !0 }), x]
 			})]
 		})
 	});
-}, Ct = ({ onSend: e, isDisabled: t = !1, ariaLabel: n = "Send message", sendTooltip: r }) => /* @__PURE__ */ F(O, {
+}, St = ({ onSend: e, isDisabled: t = !1, ariaLabel: n = "Send message", sendTooltip: r }) => /* @__PURE__ */ I(k, {
 	"aria-label": n,
 	onClick: () => e?.(),
 	disabled: t,
 	tooltipProps: r ? { tooltip: r } : void 0,
-	icon: /* @__PURE__ */ F(pe, {
+	icon: /* @__PURE__ */ I(fe, {
 		size: _.LG,
 		className: "rtl:scale-x-[-1]",
 		stroke: v
 	})
-}), wt = ({ onStop: e, ariaLabel: t = "Stop streaming" }) => /* @__PURE__ */ F(E, {
-	icon: /* @__PURE__ */ F(be, {
+}), Ct = ({ onStop: e, ariaLabel: t = "Stop streaming" }) => /* @__PURE__ */ I(E, {
+	icon: /* @__PURE__ */ I(ye, {
 		size: _.LG,
 		stroke: v
 	}),
 	onClick: () => e?.(),
 	"aria-label": t
-}), Tt = ({ size: e = 20 }) => /* @__PURE__ */ F(ne, {
-	variant: re.Circular,
+}), wt = ({ size: e = 20 }) => /* @__PURE__ */ I(te, {
+	variant: ne.Circular,
 	width: e,
 	height: e,
 	active: !0
-}), Et = ({ loadingLabel: e }) => /* @__PURE__ */ I("span", {
+}), Tt = ({ loadingLabel: e }) => /* @__PURE__ */ L("span", {
 	className: "flex min-w-0 flex-1 items-center",
-	children: [/* @__PURE__ */ F(ne, {
-		variant: re.Text,
+	children: [/* @__PURE__ */ I(te, {
+		variant: ne.Text,
 		width: "100%",
 		height: 16,
 		active: !0
-	}), e && /* @__PURE__ */ F("span", {
+	}), e && /* @__PURE__ */ I("span", {
 		className: "sr-only",
 		children: e
 	})]
-}), Dt = ({ loadingLabel: e }) => /* @__PURE__ */ F("div", {
+}), Et = ({ loadingLabel: e }) => /* @__PURE__ */ I("div", {
 	role: "status",
 	"aria-label": e,
-	children: Array.from({ length: 7 }).map((e, t) => /* @__PURE__ */ I("div", {
+	children: Array.from({ length: 7 }).map((e, t) => /* @__PURE__ */ L("div", {
 		className: "flex h-11 items-center gap-3 px-4",
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ F(Tt, {}), /* @__PURE__ */ F(Et, {})]
+		children: [/* @__PURE__ */ I(wt, {}), /* @__PURE__ */ I(Tt, {})]
 	}, t))
-}), Ot = (e) => e.displayName ?? e.id, kt = (e, t) => {
+}), Dt = (e) => e.displayName ?? e.id, Ot = (e, t) => {
 	let n = t.trim().toLowerCase();
-	return n ? e.filter((e) => Ot(e).toLowerCase().includes(n)) : e;
-}, At = (e, t, r, i = 18, a) => /* @__PURE__ */ F(n, {
+	return n ? e.filter((e) => Dt(e).toLowerCase().includes(n)) : e;
+}, kt = (e, t, r, i = 18, a) => /* @__PURE__ */ I(n, {
 	src: e,
 	size: i,
 	labels: { tooltip: a },
 	initialsName: r
-}), jt = {
+}), At = {
 	searchHeader: "_searchHeader_1u7db_1",
 	itemText: "_itemText_1u7db_13",
 	itemHover: "_itemHover_1u7db_17",
 	selectedItemBackground: "_selectedItemBackground_1u7db_22",
 	selectedItemText: "_selectedItemText_1u7db_26",
 	checkIcon: "_checkIcon_1u7db_30"
-}, Mt = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, styles: i }) => {
-	let [a, o] = V(""), s = z(() => e?.find((e) => e.id === t), [e, t]), u = r?.loading !== void 0, d = !u && !s && !!t, f = z(() => u ? /* @__PURE__ */ F(Tt, { size: _.LG }) : At(s?.iconUrl, s?.type, s?.displayName ?? s?.id ?? "", _.LG, d ? r?.unavailableTooltip ?? "This deployment is no longer available" : void 0), [
+}, jt = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, styles: i }) => {
+	let [a, o] = H(""), s = B(() => e?.find((e) => e.id === t), [e, t]), u = r?.loading !== void 0, d = !u && !s && !!t, f = B(() => u ? /* @__PURE__ */ I(wt, { size: _.LG }) : kt(s?.iconUrl, s?.type, s?.displayName ?? s?.id ?? "", _.LG, d ? r?.unavailableTooltip ?? "This deployment is no longer available" : void 0), [
 		u,
 		s,
 		d,
 		r?.unavailableTooltip
-	]), p = s?.displayName ?? s?.id, m = s?.displayVersion, h = p ? `${r?.ariaLabel ?? "Select model"}: ${p}` : r?.ariaLabel ?? "Select model", g = z(() => {
+	]), p = s?.displayName ?? s?.id, m = s?.displayVersion, h = p ? `${r?.ariaLabel ?? "Select model"}: ${p}` : r?.ariaLabel ?? "Select model", g = B(() => {
 		if (u) return Array.from({ length: 7 }, (e, t) => ({
 			key: `__loading-${t}`,
-			icon: /* @__PURE__ */ F(Tt, {}),
-			label: /* @__PURE__ */ F(Et, { loadingLabel: t === 0 ? r?.loading : void 0 }),
+			icon: /* @__PURE__ */ I(wt, {}),
+			label: /* @__PURE__ */ I(Tt, { loadingLabel: t === 0 ? r?.loading : void 0 }),
 			disabled: !0
 		}));
 		if (!e || e.length === 0) {
@@ -1348,19 +1348,19 @@ var H = {
 			}] : [];
 		}
 		let o = i?.colors;
-		return kt(e, a).map((e) => {
+		return Ot(e, a).map((e) => {
 			let r = e.id === t;
 			return {
 				key: e.id,
-				label: /* @__PURE__ */ F(C, {
-					text: Ot(e),
+				label: /* @__PURE__ */ I(C, {
+					text: Dt(e),
 					query: a,
 					maxLines: 1
 				}),
-				icon: At(e.iconUrl, e.type, e.displayName ?? e.id),
+				icon: kt(e.iconUrl, e.type, e.displayName ?? e.id),
 				mark: w.Check,
 				checked: r,
-				className: l(o?.itemText && jt.itemText, o?.itemHoverBackground && jt.itemHover, r && o?.selectedItemBackground && jt.selectedItemBackground, r && o?.selectedItemText && jt.selectedItemText, r && o?.checkIcon && jt.checkIcon, i?.itemClassName, r && i?.selectedItemClassName, H.modelMenuItem, r && H.modelMenuItemSelected),
+				className: l(o?.itemText && At.itemText, o?.itemHoverBackground && At.itemHover, r && o?.selectedItemBackground && At.selectedItemBackground, r && o?.selectedItemText && At.selectedItemText, r && o?.checkIcon && At.checkIcon, i?.itemClassName, r && i?.selectedItemClassName, U.modelMenuItem, r && U.modelMenuItemSelected),
 				onClick: () => n?.(e.id)
 			};
 		});
@@ -1374,7 +1374,7 @@ var H = {
 		i?.itemClassName,
 		i?.selectedItemClassName,
 		i?.colors
-	]), v = z(() => c({
+	]), v = B(() => c({
 		"--ms-item-text": i?.colors?.itemText,
 		"--ms-item-hover-bg": i?.colors?.itemHoverBackground,
 		"--ms-selected-item-bg": i?.colors?.selectedItemBackground,
@@ -1387,10 +1387,10 @@ var H = {
 		selectedLabel: p,
 		selectedVersion: m,
 		menuItems: g,
-		menuHeader: z(() => !u && e && e.length > 0 ? /* @__PURE__ */ F("div", {
+		menuHeader: B(() => !u && e && e.length > 0 ? /* @__PURE__ */ I("div", {
 			style: c({ "--ms-search-header-bg": i?.colors?.searchHeaderBackground }),
-			className: l("sticky top-0 z-10 pe-2 pt-2 pb-1", jt.searchHeader, i?.searchHeaderClassName, H.modelMenuSearch),
-			children: /* @__PURE__ */ F(j, {
+			className: l("sticky top-0 z-10 pe-2 pt-2 pb-1", At.searchHeader, i?.searchHeaderClassName, U.modelMenuSearch),
+			children: /* @__PURE__ */ I(M, {
 				value: a,
 				placeholder: r?.searchPlaceholder ?? "Search",
 				size: b.Small,
@@ -1410,8 +1410,8 @@ var H = {
 			e || o("");
 		}
 	};
-}, Nt = typeof window < "u" ? Ae : R;
-function Pt(e) {
+}, Mt = typeof window < "u" ? ke : z;
+function Nt(e) {
 	if (e !== void 0) switch (typeof e) {
 		case "number": return e;
 		case "string":
@@ -1419,15 +1419,15 @@ function Pt(e) {
 			break;
 	}
 }
-function Ft({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
-	let { styleHeight: s, styleWidth: c } = z(() => ({
-		styleHeight: Pt(o?.height),
-		styleWidth: Pt(o?.width)
-	}), [o?.height, o?.width]), [l, u] = V({
+function Pt({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
+	let { styleHeight: s, styleWidth: c } = B(() => ({
+		styleHeight: Nt(o?.height),
+		styleWidth: Nt(o?.width)
+	}), [o?.height, o?.width]), [l, u] = H({
 		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 Nt(() => {
+	return Mt(() => {
 		if (i === null || d) return;
 		let t = new ResizeObserver((e) => {
 			for (let t of e) {
@@ -1447,7 +1447,7 @@ function Ft({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 		i,
 		s,
 		c
-	]), z(() => ({
+	]), B(() => ({
 		height: s ?? l.height,
 		width: c ?? l.width
 	}), [
@@ -1456,26 +1456,26 @@ function Ft({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 		c
 	]);
 }
-function It(e) {
-	let t = B(() => {
+function Ft(e) {
+	let t = V(() => {
 		throw Error("Cannot call during render.");
 	});
-	return Nt(() => {
+	return Mt(() => {
 		t.current = e;
-	}, [e]), L((e) => t.current?.(e), [t]);
+	}, [e]), R((e) => t.current?.(e), [t]);
 }
-var Lt = null;
-function Rt(e = !1) {
-	if (Lt === null || e) {
+var It = null;
+function Lt(e = !1) {
+	if (It === 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 ? Lt = "positive-descending" : (e.scrollLeft = 1, Lt = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), Lt;
+		return r.width = "100px", r.height = "100px", e.appendChild(n), document.body.appendChild(e), e.scrollLeft > 0 ? It = "positive-descending" : (e.scrollLeft = 1, It = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), It;
 	}
-	return Lt;
+	return It;
 }
-function J({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
-	if (t === "horizontal" && n) switch (Rt()) {
+function Y({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
+	if (t === "horizontal" && n) switch (Lt()) {
 		case "negative": return -r;
 		case "positive-descending":
 			if (e) {
@@ -1486,26 +1486,26 @@ function J({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
 	}
 	return r;
 }
-function Y(e, t = "Assertion error") {
+function X(e, t = "Assertion error") {
 	if (!e) throw console.error(t), Error(t);
 }
-function X(e, t) {
+function Z(e, t) {
 	if (e === t) return !0;
-	if (!!e != !!t || (Y(e !== void 0), Y(t !== void 0), Object.keys(e).length !== Object.keys(t).length)) return !1;
+	if (!!e != !!t || (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 zt({ cachedBounds: e, itemCount: t, itemSize: n }) {
+function Rt({ cachedBounds: e, itemCount: t, itemSize: n }) {
 	if (t === 0) return 0;
 	if (typeof n == "number") return t * n;
 	{
 		let n = e.get(e.size === 0 ? 0 : e.size - 1);
-		return Y(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
+		return X(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
 	}
 }
-function Bt({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, containerScrollOffset: a, containerSize: o }) {
+function zt({ 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 = zt({
+	let s = Rt({
 		cachedBounds: t,
 		itemCount: r,
 		itemSize: i
@@ -1517,7 +1517,7 @@ function Bt({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, co
 		default: return a >= u && a <= l ? a : a < u ? u : l;
 	}
 }
-function Vt({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCount: r, overscanCount: i }) {
+function Bt({ 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);
@@ -1536,11 +1536,11 @@ function Vt({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemC
 		stopIndexOverscan: l
 	};
 }
-function Z({ itemCount: e, itemProps: t, itemSize: n }) {
+function Q({ itemCount: e, itemProps: t, itemSize: n }) {
 	let r = /* @__PURE__ */ new Map();
 	return {
 		get(i) {
-			for (Y(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
+			for (X(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
 				let e = r.size, a;
 				switch (typeof n) {
 					case "function":
@@ -1556,14 +1556,14 @@ function Z({ itemCount: e, itemProps: t, itemSize: n }) {
 				});
 				else {
 					let t = r.get(e - 1);
-					Y(t !== void 0, `Unexpected bounds cache miss for index ${i}`), r.set(e, {
+					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 Y(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);
@@ -1573,8 +1573,8 @@ function Z({ itemCount: e, itemProps: t, itemSize: n }) {
 		}
 	};
 }
-function Ht({ itemCount: e, itemProps: t, itemSize: n }) {
-	return z(() => Z({
+function Vt({ itemCount: e, itemProps: t, itemSize: n }) {
+	return B(() => Q({
 		itemCount: e,
 		itemProps: t,
 		itemSize: n
@@ -1584,11 +1584,11 @@ function Ht({ itemCount: e, itemProps: t, itemSize: n }) {
 		n
 	]);
 }
-function Ut({ containerSize: e, itemSize: t }) {
+function Ht({ containerSize: e, itemSize: t }) {
 	let n;
 	switch (typeof t) {
 		case "string":
-			Y(t.endsWith("%"), `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`), Y(e !== void 0, "Container size must be defined if a percentage item size is specified"), n = e * parseInt(t) / 100;
+			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;
@@ -1596,21 +1596,21 @@ function Ut({ 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 Ut({ 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 } = Pt({
 		defaultHeight: r === "vertical" ? n : void 0,
 		defaultWidth: r === "horizontal" ? n : void 0,
 		element: e,
 		mode: r === "vertical" ? "only-height" : "only-width",
 		style: t
-	}), f = B({
+	}), f = V({
 		height: 0,
 		width: 0
-	}), p = r === "vertical" ? u : d, m = Ut({
+	}), p = r === "vertical" ? u : d, m = Ht({
 		containerSize: p,
 		itemSize: s
 	});
-	Ae(() => {
+	ke(() => {
 		if (typeof c == "function") {
 			let e = f.current;
 			(e.height !== u || e.width !== d) && (c({
@@ -1623,11 +1623,11 @@ function Wt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		c,
 		d
 	]);
-	let h = Ht({
+	let h = Vt({
 		itemCount: a,
 		itemProps: o,
 		itemSize: m
-	}), g = L((e) => h.get(e), [h]), [_, v] = V(() => Vt({
+	}), g = R((e) => h.get(e), [h]), [_, v] = H(() => Bt({
 		cachedBounds: h,
 		containerScrollOffset: 0,
 		containerSize: p,
@@ -1638,7 +1638,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 = L(() => zt({
+	}, C = R(() => Rt({
 		cachedBounds: h,
 		itemCount: a,
 		itemSize: m
@@ -1646,9 +1646,9 @@ function Wt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		h,
 		a,
 		m
-	]), w = L((t) => Vt({
+	]), w = R((t) => Bt({
 		cachedBounds: h,
-		containerScrollOffset: J({
+		containerScrollOffset: Y({
 			containerElement: e,
 			direction: r,
 			isRtl: i,
@@ -1666,19 +1666,19 @@ function Wt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		a,
 		l
 	]);
-	return Nt(() => {
+	return Mt(() => {
 		v(w((r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0));
 	}, [
 		e,
 		r,
 		w
-	]), Nt(() => {
+	]), Mt(() => {
 		if (!e) return;
 		let t = () => {
 			v((t) => {
-				let { scrollLeft: n, scrollTop: o } = e, s = Vt({
+				let { scrollLeft: n, scrollTop: o } = e, s = Bt({
 					cachedBounds: h,
-					containerScrollOffset: J({
+					containerScrollOffset: Y({
 						containerElement: e,
 						direction: r,
 						isRtl: i,
@@ -1688,7 +1688,7 @@ function Wt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 					itemCount: a,
 					overscanCount: l
 				});
-				return X(s, t) ? t : s;
+				return Z(s, t) ? t : s;
 			});
 		};
 		return e.addEventListener("scroll", t), () => {
@@ -1704,8 +1704,8 @@ function Wt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 	]), {
 		getCellBounds: g,
 		getEstimatedSize: C,
-		scrollToIndex: It(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
-			let s = Bt({
+		scrollToIndex: Ft(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
+			let s = zt({
 				align: t,
 				cachedBounds: h,
 				containerScrollOffset: n,
@@ -1715,14 +1715,14 @@ function Wt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 				itemSize: m
 			});
 			if (e) {
-				if (s = J({
+				if (s = Y({
 					containerElement: e,
 					direction: r,
 					isRtl: i,
 					scrollOffset: s
 				}), typeof e.scrollTo != "function") {
 					let e = w(s);
-					X(_, e) || v(e);
+					Z(_, e) || v(e);
 				}
 				return s;
 			}
@@ -1733,30 +1733,30 @@ function Wt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		stopIndexVisible: x
 	};
 }
-function Gt(e) {
-	return z(() => e, Object.values(e));
+function Wt(e) {
+	return B(() => e, Object.values(e));
 }
-function Kt(e, t) {
+function Gt(e, t) {
 	let { ariaAttributes: n, style: r, ...i } = e, { ariaAttributes: a, style: o, ...s } = t;
-	return X(n, a) && X(r, o) && X(i, s);
+	return Z(n, a) && Z(r, o) && Z(i, s);
 }
-function qt(e) {
+function Kt(e) {
 	return typeof e == "object" && !!e && "getAverageRowHeight" in e && typeof e.getAverageRowHeight == "function";
 }
-var Jt = "data-react-window-index";
-function Yt({ 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 = Gt(u), h = z(() => De(s, Kt), [s]), [g, _] = V(null), v = qt(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = Wt({
+var qt = "data-react-window-index";
+function Jt({ 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 = Wt(u), h = B(() => Ee(s, Gt), [s]), [g, _] = H(null), v = Kt(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = Ut({
 		containerElement: g,
 		containerStyle: f,
 		defaultContainerSize: n,
 		direction: "vertical",
 		itemCount: c,
 		itemProps: m,
-		itemSize: z(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
+		itemSize: B(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
 		onResize: i,
 		overscanCount: o
 	});
-	ke(r, () => ({
+	Oe(r, () => ({
 		get element() {
 			return g;
 		},
@@ -1771,12 +1771,12 @@ function Yt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 				top: r
 			});
 		}
-	}), [g, x]), Nt(() => {
+	}), [g, x]), Mt(() => {
 		if (!g) return;
 		let e = Array.from(g.children).filter((e, t) => {
 			if (e.hasAttribute("aria-hidden")) return !1;
 			let n = `${S + t}`;
-			return e.setAttribute(Jt, n), !0;
+			return e.setAttribute(qt, n), !0;
 		});
 		if (v) return l.observeRowElements(e);
 	}, [
@@ -1785,7 +1785,7 @@ function Yt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		l,
 		S,
 		w
-	]), R(() => {
+	]), z(() => {
 		S >= 0 && w >= 0 && a && a({
 			startIndex: C,
 			stopIndex: T
@@ -1800,11 +1800,11 @@ function Yt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		w,
 		T
 	]);
-	let E = z(() => {
+	let E = B(() => {
 		let e = [];
 		if (c > 0) for (let t = S; t <= w; t++) {
 			let n = y(t);
-			e.push(/* @__PURE__ */ Te(h, {
+			e.push(/* @__PURE__ */ we(h, {
 				...m,
 				ariaAttributes: {
 					"aria-posinset": t + 1,
@@ -1831,7 +1831,7 @@ function Yt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		m,
 		S,
 		w
-	]), D = /* @__PURE__ */ F("div", {
+	]), D = /* @__PURE__ */ I("div", {
 		"aria-hidden": !0,
 		style: {
 			height: b(),
@@ -1839,7 +1839,7 @@ function Yt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 			zIndex: -1
 		}
 	});
-	return Te(d, {
+	return we(d, {
 		role: "list",
 		...p,
 		className: t,
@@ -1853,7 +1853,7 @@ function Yt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		}
 	}, E, e, D);
 }
-var Xt = {
+var Yt = {
 	search: "_search_5skzl_1",
 	divider: "_divider_5skzl_5",
 	item: "_item_5skzl_9",
@@ -1862,29 +1862,29 @@ var Xt = {
 	stateLabel: "_stateLabel_5skzl_27",
 	itemSelectedBackground: "_itemSelectedBackground_5skzl_37",
 	itemSelectedText: "_itemSelectedText_5skzl_41"
-}, Zt = 44, Qt = 8, $t = ({ index: e, style: t, ariaAttributes: n, items: r, selectedDeploymentId: i, labelClassName: a, query: o, itemClassName: s, selectedItemClassName: c, hasSelectedBackground: u, hasSelectedText: d, onSelect: f }) => {
-	let p = r[e], h = At(p.iconUrl, p.type, p.displayName ?? p.id, _.SM), g = p.id === i;
-	return /* @__PURE__ */ F("div", {
+}, Xt = 44, Zt = 8, Qt = ({ index: e, style: t, ariaAttributes: n, items: r, selectedDeploymentId: i, labelClassName: a, query: o, itemClassName: s, selectedItemClassName: c, hasSelectedBackground: u, hasSelectedText: d, onSelect: f }) => {
+	let p = r[e], h = kt(p.iconUrl, p.type, p.displayName ?? p.id, _.SM), g = p.id === i;
+	return /* @__PURE__ */ I("div", {
 		style: t,
 		...n,
-		children: /* @__PURE__ */ F(m, {
+		children: /* @__PURE__ */ I(m, {
 			type: "button",
 			"aria-current": g ? "true" : void 0,
-			className: l(Xt.item, "h-full w-full gap-3 px-4", g && u && Xt.itemSelectedBackground, g && d && Xt.itemSelectedText, s, g && c, H.modelMenuItem, g && H.modelMenuItemSelected),
-			iconBefore: /* @__PURE__ */ F("span", {
-				className: Xt.itemIcon,
+			className: l(Yt.item, "h-full w-full gap-3 px-4", g && u && Yt.itemSelectedBackground, g && d && Yt.itemSelectedText, s, g && c, U.modelMenuItem, g && U.modelMenuItemSelected),
+			iconBefore: /* @__PURE__ */ I("span", {
+				className: Yt.itemIcon,
 				children: h
 			}),
-			label: /* @__PURE__ */ I("span", {
+			label: /* @__PURE__ */ L("span", {
 				className: "flex flex-1 items-center justify-between gap-2",
-				children: [/* @__PURE__ */ F(C, {
+				children: [/* @__PURE__ */ I(C, {
 					text: p.displayName ?? p.id,
 					query: o,
 					maxLines: 1,
 					className: l(a, "min-w-0 flex-1 text-start")
-				}), g && /* @__PURE__ */ F(me, {
+				}), g && /* @__PURE__ */ I(pe, {
 					size: _.SM,
-					className: Xt.checkIcon,
+					className: Yt.checkIcon,
 					"aria-hidden": !0,
 					stroke: v
 				})]
@@ -1892,12 +1892,12 @@ var Xt = {
 			onClick: () => f(p.id)
 		})
 	});
-}, en = ({ isOpen: e, title: t, closeLabel: n, searchPlaceholder: r = "Search", onClose: i, deployments: a, selectedDeploymentId: o, onSelect: s, loadingLabel: u, errorLabel: d, emptyLabel: f, style: p, titleClassName: m = "dial-body-semi-text", labelClassName: h = "dial-small-text", colors: g, menuStyles: _ }) => {
-	let [v, y] = V("");
-	R(() => {
+}, $t = ({ isOpen: e, title: t, closeLabel: n, searchPlaceholder: r = "Search", onClose: i, deployments: a, selectedDeploymentId: o, onSelect: s, loadingLabel: u, errorLabel: d, emptyLabel: f, style: p, titleClassName: m = "dial-body-semi-text", labelClassName: h = "dial-small-text", colors: g, menuStyles: _ }) => {
+	let [v, y] = H("");
+	z(() => {
 		e || y("");
 	}, [e]);
-	let x = a && a.length > 0, S = u !== void 0, C = !x && !S ? d ?? f : void 0, w = x ? kt(a, v) : [], T = (e) => {
+	let x = a && a.length > 0, S = u !== void 0, C = !x && !S ? d ?? f : void 0, w = x ? Ot(a, v) : [], T = (e) => {
 		s(e), i();
 	}, E = _?.colors, D = c({
 		"--ci-sheet-divider": g?.divider,
@@ -1909,38 +1909,38 @@ var Xt = {
 		"--ci-sheet-selected-bg": E?.selectedItemBackground,
 		"--ci-sheet-selected-text": E?.selectedItemText
 	});
-	return /* @__PURE__ */ F(U, {
+	return /* @__PURE__ */ I(W, {
 		isOpen: e,
 		title: t,
 		closeLabel: n,
 		onClose: i,
 		style: p,
 		titleClassName: m,
-		className: l("max-h-[80dvh]", _?.className, H.modelMenu),
+		className: l("max-h-[80dvh]", _?.className, U.modelMenu),
 		colors: g?.shell,
-		children: /* @__PURE__ */ I("div", {
+		children: /* @__PURE__ */ L("div", {
 			className: "contents",
 			style: D,
-			children: [x && !S && /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F("div", {
+			children: [x && !S && /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I("div", {
 				style: c({ "--ci-sheet-search-bg": _?.colors?.searchHeaderBackground }),
-				className: l("flex-shrink-0 px-4 py-[10px]", Xt.search, _?.searchHeaderClassName, H.modelMenuSearch),
-				children: /* @__PURE__ */ F(j, {
+				className: l("flex-shrink-0 px-4 py-[10px]", Yt.search, _?.searchHeaderClassName, U.modelMenuSearch),
+				children: /* @__PURE__ */ I(M, {
 					value: v,
 					placeholder: r,
 					size: b.Standard,
 					onChange: (e) => y(e ?? "")
 				})
-			}), /* @__PURE__ */ F("div", { className: l(Xt.divider, "h-px flex-shrink-0") })] }), S ? /* @__PURE__ */ F(Dt, { loadingLabel: u }) : C ? /* @__PURE__ */ F("div", {
+			}), /* @__PURE__ */ I("div", { className: l(Yt.divider, "h-px flex-shrink-0") })] }), S ? /* @__PURE__ */ I(Et, { loadingLabel: u }) : C ? /* @__PURE__ */ I("div", {
 				role: "list",
-				className: l(Xt.stateLabel, h, "px-4 py-4"),
+				className: l(Yt.stateLabel, h, "px-4 py-4"),
 				children: C
-			}) : /* @__PURE__ */ F(Yt, {
+			}) : /* @__PURE__ */ I(Jt, {
 				role: "list",
 				className: "overflow-y-auto",
-				style: { height: Math.min(w.length, Qt) * Zt },
-				rowComponent: $t,
+				style: { height: Math.min(w.length, Zt) * Xt },
+				rowComponent: Qt,
 				rowCount: w.length,
-				rowHeight: Zt,
+				rowHeight: Xt,
 				rowProps: {
 					items: w,
 					selectedDeploymentId: o,
@@ -1955,8 +1955,8 @@ var Xt = {
 			})]
 		})
 	});
-}, tn = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, menuStyles: i, isStreaming: a, isMobile: o, isDisabled: c = !1, style: u, modelPickerOverlay: d, isPickerOpen: f, onPickerToggle: p, onPickerOpenChange: h }) => {
-	let [g, b] = V(!1), { selectorIcon: x, selectorAriaLabel: C, selectedLabel: w, selectedVersion: T, menuItems: E, menuHeader: D, menuStyle: ee, onOpenChange: te } = Mt({
+}, en = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, menuStyles: i, isStreaming: a, isMobile: o, isDisabled: c = !1, style: u, modelPickerOverlay: d, isPickerOpen: f, onPickerToggle: p, onPickerOpenChange: h }) => {
+	let [g, b] = H(!1), { selectorIcon: x, selectorAriaLabel: C, selectedLabel: w, selectedVersion: T, menuItems: E, menuHeader: D, menuStyle: ee, onOpenChange: O } = jt({
 		deployments: e,
 		selectedDeploymentId: t,
 		onDeploymentChange: n,
@@ -1964,36 +1964,36 @@ var Xt = {
 		styles: i
 	});
 	if (!e) return null;
-	let O = a || c, k = O ? "pointer-events-none opacity-50 cursor-not-allowed" : void 0, A = /* @__PURE__ */ F(he, {
+	let k = a || c, A = k ? "pointer-events-none opacity-50 cursor-not-allowed" : void 0, j = /* @__PURE__ */ I(me, {
 		size: _.SM,
-		className: l(q.modelSelectorCaret, H.modelSelectorCaret),
+		className: l(J.modelSelectorCaret, U.modelSelectorCaret),
 		"aria-hidden": !0,
 		stroke: v
-	}), j = /* @__PURE__ */ F("span", {
-		className: l("flex shrink-0 items-center", H.modelSelectorIcon),
+	}), M = /* @__PURE__ */ I("span", {
+		className: l("flex shrink-0 items-center", U.modelSelectorIcon),
 		children: x
 	});
-	if (o) return /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(S, {
+	if (o) return /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(S, {
 		tooltipProps: { tooltip: w },
-		icon: /* @__PURE__ */ I("div", {
+		icon: /* @__PURE__ */ L("div", {
 			className: "flex items-center gap-1",
-			children: [j, A]
+			children: [M, j]
 		}),
 		"aria-label": C,
-		"aria-disabled": O || void 0,
+		"aria-disabled": k || void 0,
 		onClick: () => {
-			O || b(!0);
+			k || b(!0);
 		},
-		className: l("w-[50px]", q.modelSelectorButton, k, H.modelSelectorButton)
-	}), d ? /* @__PURE__ */ F(U, {
+		className: l("w-[50px]", J.modelSelectorButton, A, U.modelSelectorButton)
+	}), d ? /* @__PURE__ */ I(W, {
 		isOpen: g,
 		title: r?.ariaLabel ?? "Select model",
 		closeLabel: r?.closeLabel ?? "Close",
 		onClose: () => b(!1),
 		style: u,
-		className: l(i?.className, H.modelMenu),
+		className: l(i?.className, U.modelMenu),
 		children: d(() => b(!1))
-	}) : /* @__PURE__ */ F(en, {
+	}) : /* @__PURE__ */ I($t, {
 		isOpen: g,
 		title: r?.ariaLabel ?? "Select model",
 		closeLabel: r?.closeLabel ?? "Close",
@@ -2010,7 +2010,7 @@ var Xt = {
 	})] });
 	if (d) {
 		let e = T ? `${w} · ${T}` : w;
-		return /* @__PURE__ */ F(y, {
+		return /* @__PURE__ */ I(y, {
 			placement: "top-end",
 			matchReferenceWidth: !1,
 			open: f,
@@ -2018,376 +2018,388 @@ var Xt = {
 			trigger: [],
 			outsideClosable: !0,
 			renderOverlay: () => d(() => h?.(!1)),
-			listClassName: l("!w-[368px] !bg-layer-raised", i?.className, H.modelMenu),
-			children: /* @__PURE__ */ F(m, {
+			listClassName: l("!w-[368px] !bg-layer-raised", i?.className, U.modelMenu),
+			children: /* @__PURE__ */ I(m, {
 				"aria-label": C,
-				"aria-disabled": O || void 0,
+				"aria-disabled": k || void 0,
 				tooltipProps: { tooltip: e },
-				className: l("h-auto min-w-0 gap-1.5 !rounded-full !border-0 px-0 py-1.5 ps-1.5 pe-2", q.modelSelectorButton, k, O && q.modelSelectorButtonDisabled, H.modelSelectorButton),
+				className: l("h-auto min-w-0 gap-1.5 !rounded-full !border-0 px-0 py-1.5 ps-1.5 pe-2", J.modelSelectorButton, A, k && J.modelSelectorButtonDisabled, U.modelSelectorButton),
 				onClick: () => {
-					O || p?.();
+					k || p?.();
 				},
-				iconBefore: j,
-				iconAfter: A,
+				iconBefore: M,
+				iconAfter: j,
 				textClassName: "min-w-0",
-				label: /* @__PURE__ */ I("span", {
+				label: /* @__PURE__ */ L("span", {
 					className: "flex max-w-[180px] min-w-0 items-baseline gap-1",
-					children: [/* @__PURE__ */ F("span", {
-						className: l("dial-small-text max-w-[180px] shrink-0 truncate", q.modelSelectorName),
+					children: [/* @__PURE__ */ I("span", {
+						className: l("dial-small-text max-w-[180px] shrink-0 truncate", J.modelSelectorName),
 						children: w
-					}), T && /* @__PURE__ */ F("span", {
-						className: l("dial-tiny-text min-w-0 truncate", q.modelSelectorVersion),
+					}), T && /* @__PURE__ */ I("span", {
+						className: l("dial-tiny-text min-w-0 truncate", J.modelSelectorVersion),
 						children: T
 					})]
 				})
 			})
 		});
 	}
-	return /* @__PURE__ */ F("div", {
-		className: l(k),
-		"aria-disabled": O || void 0,
-		children: /* @__PURE__ */ F(y, {
+	return /* @__PURE__ */ I("div", {
+		className: l(A),
+		"aria-disabled": k || void 0,
+		children: /* @__PURE__ */ I(y, {
 			items: E,
 			menuHeader: D,
 			placement: "bottom-end",
 			matchReferenceWidth: !1,
 			maxDropdownHeight: s,
-			listClassName: l("!w-[240px]", i?.className, H.modelMenu),
+			listClassName: l("!w-[240px]", i?.className, U.modelMenu),
 			listStyle: ee,
-			disabled: O,
-			onOpenChange: O ? void 0 : te,
-			children: /* @__PURE__ */ F(m, {
+			disabled: k,
+			onOpenChange: k ? void 0 : O,
+			children: /* @__PURE__ */ I(m, {
 				"aria-label": C,
-				"aria-disabled": O || void 0,
+				"aria-disabled": k || void 0,
 				tooltipProps: { tooltip: w },
-				iconBefore: j,
-				iconAfter: A,
-				className: l("h-auto gap-1 !rounded-full !border-0 p-1.5", q.modelSelectorButton, O && q.modelSelectorButtonDisabled, H.modelSelectorButton)
+				iconBefore: M,
+				iconAfter: j,
+				className: l("h-auto gap-1 !rounded-full !border-0 p-1.5", J.modelSelectorButton, k && J.modelSelectorButtonDisabled, U.modelSelectorButton)
 			})
 		})
 	});
-}, nn = Ee(({ message: e = "", messageRevision: t, focusRequestId: n, textInsertion: r, onSend: i, onUploadAttachment: a, onStop: o, isStreaming: s = !1, onChange: u, onAttachmentsChange: p, placeholder: m = "Type a message...", ariaLabel: h, attachLabel: g = "Attach file", fileAccept: b, addMenuTitle: C = "Add", menuTitle: w = "Menu", menuCloseLabel: T = "Close", removeLabel: E, retryLabel: D, uploadingLabel: ee, expandLabel: te, clickLabel: O, sendLabel: k, sendTooltip: A, emptyMessageTooltip: j, stopLabel: ne, micLabel: re = "Dictate", recordVoiceLabel: ie = "Record voice", stopRecordingLabel: ae, discardRecordingLabel: oe, colors: M, typography: N, attachmentTray: ce, modelMenu: le, className: de, pendingDropFiles: fe = [], onDropFilesConsumed: pe, pendingAttachments: me = [], onPendingAttachmentsConsumed: he, pasteTextThreshold: ge = 4e3, maxMessageLength: ye = 5e4, deployments: be, selectedDeploymentId: xe, onDeploymentChange: Se, modelSelectorLabels: Ce, initialAttachments: we = [], hideAddButton: Te = !1, hideAttachFile: Ee = !1, hideActionBar: De = !1, actionRowLayout: Oe = it.Stacked, isInlineActionRowAllowedBelowDesktop: je = !1, renderFooterActions: U, isInputDisabled: W = !1, isModelSelectorDisabled: Ne = !1, isSendDisabled: Pe = !1, isAudioMessageSupported: Fe = !1, isVoiceRecordingSupported: Ie = Fe, onTranscribeAudio: ze, transcribingLabel: Be, voiceErrorLabel: Ue, sendOnEnter: We = rt.Enter, prefixAttachments: Je = [], onRemovePrefixAttachment: Qe, chatSettings: $e, toolsMenuItems: et, onToolToggle: tt, canRemoveTools: at = !0, toolsMenuTitle: ot, toolsBackLabel: st, toolsChipLabels: ct, menuOverlays: lt, activeMentions: ut, onBackspaceAtCaret: dt, caretPositionOverride: ft, commandMenu: G, autoFocus: pt = !1, messageHistory: mt, onDialFileSystemClick: K, dialFileSystemLabel: gt, validateAttachment: vt, onAttachmentClick: yt, modelPickerOverlay: bt, maximumAttachmentsAmount: xt, onAttachmentsLimitExceeded: Tt, isAttachmentsEnabled: Et = !0, isTextAttachmentsAllowed: Dt = !0, usageLimitsSlot: Ot, onMessageTooLong: kt }, At) => {
-	let jt = d(), [Mt, Nt] = V(!1), Pt = Ve(mt), Ft = ut ?? [], It = Ft.length > 0, Lt = z(() => c({
-		"--ci-bg": M?.background,
-		"--ci-text": M?.text,
-		"--ci-border": M?.border,
-		"--ci-border-focus": M?.borderFocus,
-		"--ci-placeholder": M?.placeholder,
-		"--ci-text-disabled": M?.textDisabled,
-		"--ci-model-selector-caret-color": M?.modelSelectorCaret,
-		"--ci-model-selector-hover-bg": M?.modelSelectorHoverBg,
-		"--ci-model-selector-disabled-color": M?.modelSelectorDisabled,
-		"--ci-model-selector-name-color": M?.modelSelectorName,
-		"--ci-model-selector-version-color": M?.modelSelectorVersion,
-		"--ci-voice-waveform": M?.voiceWaveform,
-		"--ci-voice-accent": M?.voiceAccent,
-		"--ci-mention-highlight-bg": M?.mentionHighlightBg,
-		"--ci-mention-highlight-text": M?.mentionHighlightText,
-		"--ci-mention-highlight-unsupported-bg": M?.mentionHighlightUnsupportedBg,
-		"--ci-mention-highlight-unsupported-text": M?.mentionHighlightUnsupportedText
-	}), [M]), Rt = z(() => K ? [{
+}, tn = Te(({ message: e = "", messageRevision: t, focusRequestId: n, textInsertion: r, onSend: i, onUploadAttachment: a, onStop: o, isStreaming: s = !1, onChange: u, onAttachmentsChange: p, placeholder: m = "Type a message...", ariaLabel: h, attachLabel: g = "Attach file", fileAccept: b, addMenuTitle: C = "Add", menuTitle: w = "Menu", menuCloseLabel: T = "Close", removeLabel: E, retryLabel: D, uploadingLabel: ee, expandLabel: O, clickLabel: k, sendLabel: A, sendTooltip: j, emptyMessageTooltip: M, stopLabel: te, micLabel: ne = "Dictate", recordVoiceLabel: re = "Record voice", stopRecordingLabel: ie, discardRecordingLabel: ae, colors: N, typography: P, attachmentTray: se, modelMenu: ce, className: ue, pendingDropFiles: de = [], onDropFilesConsumed: fe, pendingAttachments: pe = [], onPendingAttachmentsConsumed: me, pasteTextThreshold: he = 4e3, maxMessageLength: ve = 5e4, deployments: ye, selectedDeploymentId: be, onDeploymentChange: xe, modelSelectorLabels: Se, initialAttachments: Ce = [], hideAddButton: we = !1, hideAttachFile: Te = !1, hideActionBar: Ee = !1, actionRowLayout: De = rt.Stacked, isInlineActionRowAllowedBelowDesktop: Ae = !1, renderFooterActions: W, isInputDisabled: G = !1, isModelSelectorDisabled: Me = !1, isSendDisabled: Ne = !1, isAudioMessageSupported: Pe = !1, isVoiceRecordingSupported: Fe = Pe, onTranscribeAudio: Re, transcribingLabel: ze, voiceErrorLabel: He, sendOnEnter: Ue = nt.Enter, prefixAttachments: qe = [], onRemovePrefixAttachment: Ze, chatSettings: Qe, toolsMenuItems: $e, onToolToggle: et, canRemoveTools: it = !0, toolsMenuTitle: at, toolsBackLabel: ot, toolsChipLabels: st, menuOverlays: ct, activeMentions: lt, onBackspaceAtCaret: ut, caretPositionOverride: dt, commandMenu: K, autoFocus: ft = !1, messageHistory: pt, onDialFileSystemClick: q, dialFileSystemLabel: ht, validateAttachment: _t, onAttachmentClick: vt, modelPickerOverlay: yt, maximumAttachmentsAmount: bt, onAttachmentsLimitExceeded: wt, isAttachmentsEnabled: Tt = !0, isTextAttachmentsAllowed: Et = !0, usageLimitsSlot: Dt, onMessageTooLong: Ot }, kt) => {
+	let At = d(), [jt, Mt] = H(!1), Nt = Be(pt), Pt = lt ?? [], Ft = Pt.length > 0, It = B(() => c({
+		"--ci-bg": N?.background,
+		"--ci-text": N?.text,
+		"--ci-border": N?.border,
+		"--ci-border-focus": N?.borderFocus,
+		"--ci-placeholder": N?.placeholder,
+		"--ci-text-disabled": N?.textDisabled,
+		"--ci-model-selector-caret-color": N?.modelSelectorCaret,
+		"--ci-model-selector-hover-bg": N?.modelSelectorHoverBg,
+		"--ci-model-selector-disabled-color": N?.modelSelectorDisabled,
+		"--ci-model-selector-name-color": N?.modelSelectorName,
+		"--ci-model-selector-version-color": N?.modelSelectorVersion,
+		"--ci-voice-waveform": N?.voiceWaveform,
+		"--ci-voice-accent": N?.voiceAccent,
+		"--ci-mention-highlight-bg": N?.mentionHighlightBg,
+		"--ci-mention-highlight-text": N?.mentionHighlightText,
+		"--ci-mention-highlight-unsupported-bg": N?.mentionHighlightUnsupportedBg,
+		"--ci-mention-highlight-unsupported-text": N?.mentionHighlightUnsupportedText
+	}), [N]), Lt = B(() => q ? [{
 		key: "dial-fs",
-		label: gt ?? "DIAL file system",
-		icon: /* @__PURE__ */ F(_e, {
+		label: ht ?? "DIAL file system",
+		icon: /* @__PURE__ */ I(ge, {
 			size: f,
 			"aria-hidden": !0,
 			stroke: v
 		}),
-		onClick: K
-	}] : [], [K, gt]), { message: J, setMessage: Y, textareaRef: X } = Ke({
+		onClick: q
+	}] : [], [q, ht]), { message: Y, setMessage: X, textareaRef: Z } = Ge({
 		messageProp: e,
 		messageRevision: t
 	});
-	R(() => {
-		n !== void 0 && X.current?.focus();
-	}, [n, X]), ke(At, () => ({ getCaretPosition: () => X.current?.selectionStart ?? J.length }), [J, X]);
-	let { handleUndoKeyDown: zt } = Ye({
+	z(() => {
+		n !== void 0 && Z.current?.focus();
+	}, [n, Z]), Oe(kt, () => ({ getCaretPosition: () => Z.current?.selectionStart ?? Y.length }), [Y, Z]);
+	let { handleUndoKeyDown: Rt } = Je({
 		insertion: r,
-		textareaRef: X
-	}), { isMenuOpen: Bt, query: Vt, activeWordStart: Z, dismiss: Ht, closeOnOutsidePress: Ut, handleCaretMove: Wt, handleValueChange: Gt, listboxId: Kt, overlayRef: qt, activeOptionId: Jt, moveActiveOption: Yt, getActiveOption: Xt } = Re({
-		config: G,
-		message: J
-	}), Zt = B(Wt);
-	Zt.current = Wt;
-	let Qt = () => {
-		Wt(X.current?.selectionStart ?? J.length);
-	}, $t = () => {
+		textareaRef: Z
+	}), { isMenuOpen: zt, query: Bt, activeWordStart: Q, dismiss: Vt, closeOnOutsidePress: Ht, handleCaretMove: Ut, handleValueChange: Wt, listboxId: Gt, overlayRef: Kt, activeOptionId: qt, moveActiveOption: Jt, getActiveOption: Yt } = Le({
+		config: K,
+		message: Y
+	}), Xt = V(Ut);
+	Xt.current = Ut;
+	let Zt = () => {
+		Ut(Z.current?.selectionStart ?? Y.length);
+	}, Qt = V(!1), $t = () => {
+		if (Qt.current) {
+			Qt.current = !1;
+			return;
+		}
 		requestAnimationFrame(() => {
-			let e = X.current;
-			Zt.current(e?.selectionStart ?? e?.value.length ?? 0);
+			let e = Z.current;
+			Xt.current(e?.selectionStart ?? e?.value.length ?? 0);
 		});
-	}, en = (e) => {
-		e.key !== "ArrowLeft" && e.key !== "ArrowRight" && e.key !== "Home" && e.key !== "End" && e.key !== "PageUp" && e.key !== "PageDown" || Wt(e.currentTarget.selectionStart ?? J.length);
-	}, nn = G?.emptyQueryHint != null, rn = G != null && Z != null ? Z + G.triggerPrefix.length : null, an = rn != null && J.slice(rn).split("\n", 1)[0] !== "", on = nn && Bt && Vt === "" && rn != null && !an, Q = G != null && Bt ? Z ?? 0 : null, sn = B(null), cn = B(null), [ln, un] = V(null), dn = L(() => {
-		let e = sn.current, t = cn.current;
+	}, tn = (e) => {
+		e.key !== "ArrowLeft" && e.key !== "ArrowRight" && e.key !== "Home" && e.key !== "End" && e.key !== "PageUp" && e.key !== "PageDown" || Ut(e.currentTarget.selectionStart ?? Y.length);
+	}, nn = K?.emptyQueryHint != null, rn = K != null && Q != null ? Q + K.triggerPrefix.length : null, an = rn != null && Y.slice(rn).split("\n", 1)[0] !== "", on = nn && zt && Bt === "" && rn != null && !an, sn = K != null && zt ? Q ?? 0 : null, cn = V(null), ln = V(null), [un, dn] = H(null), fn = R(() => {
+		let e = cn.current, t = ln.current;
 		if (e == null || t == null) {
-			un(null);
+			dn(null);
 			return;
 		}
 		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect();
-		un({
+		dn({
 			left: n.left - r.left,
 			top: n.top - r.top
 		});
 	}, []);
-	R(() => {
-		if (Q == null) return;
-		let e = X.current;
+	z(() => {
+		if (sn == null) return;
+		let e = Z.current;
 		if (e == null || typeof ResizeObserver > "u") return;
-		let t = new ResizeObserver(dn);
+		let t = new ResizeObserver(fn);
 		return t.observe(e), () => t.disconnect();
 	}, [
-		Q,
-		X,
-		dn
+		sn,
+		Z,
+		fn
 	]);
-	let fn = L((e) => {
-		if (G == null || (Ht(), !e?.consumeQuery) || (e.returnFocus !== !1 && X.current?.focus(), Z == null)) return;
-		let t = `${G.triggerPrefix}${Vt}`, n = Z + t.length;
-		if (J.slice(Z, n) !== t) return;
-		let r = J.slice(0, Z) + J.slice(n);
-		Y(r), Pt.notifyChange(), u?.(r);
+	let pn = R((e) => {
+		if (K == null || (Vt(), !e?.consumeQuery) || (e.returnFocus !== !1 && Z.current?.focus(), Q == null)) return;
+		let t = `${K.triggerPrefix}${Bt}`, n = Q + t.length;
+		if (Y.slice(Q, n) !== t) return;
+		let r = Y.slice(0, Q) + Y.slice(n);
+		X(r), Nt.notifyChange(), u?.(r);
 	}, [
-		G,
-		Ht,
+		K,
 		Vt,
-		J,
-		Z,
+		Bt,
 		Y,
-		Pt,
+		Q,
+		X,
+		Nt,
 		u,
-		X
-	]), pn = B(void 0);
-	R(() => {
-		ft == null || pn.current === t || (pn.current = t, X.current?.setSelectionRange(ft, ft), Wt(ft));
-	}, [J]);
-	let mn = B(J);
-	mn.current = J;
-	let { attachments: hn, buildAttachments: gn, addAttachments: _n, resetAttachments: vn, handleRemove: yn, handleRetry: bn, handleExpand: xn, hasBlockedAttachments: Sn } = Me({
-		initialAttachments: we,
+		Z
+	]), mn = V(void 0);
+	z(() => {
+		dt == null || mn.current === t || (mn.current = t, Z.current?.setSelectionRange(dt, dt), Ut(dt));
+	}, [Y]);
+	let hn = V(Y);
+	hn.current = Y;
+	let { attachments: gn, buildAttachments: _n, addAttachments: vn, resetAttachments: yn, handleRemove: bn, handleRetry: xn, handleExpand: Sn, hasBlockedAttachments: Cn } = je({
+		initialAttachments: Ce,
 		onUploadAttachment: a,
 		onAttachmentsChange: p,
-		validateAttachment: vt,
-		pendingDropFiles: fe,
-		onDropFilesConsumed: pe,
-		isDropDisabled: W,
-		pendingAttachments: me,
-		onPendingAttachmentsConsumed: he,
-		onExpandPastedText: L((e) => {
-			let t = mn.current, n = t ? `${t}\n${e}` : e;
-			mn.current = n, Y(n), u?.(n);
-		}, [Y, u]),
-		maximumAttachmentsAmount: xt,
-		baseAttachmentsAmount: Je.length,
-		onAttachmentsLimitExceeded: Tt
-	}), Cn = L((e) => {
-		_n(gn([e]));
-	}, [_n, gn]), wn = B(!1), [Tn, En] = V({
+		validateAttachment: _t,
+		pendingDropFiles: de,
+		onDropFilesConsumed: fe,
+		isDropDisabled: G,
+		pendingAttachments: pe,
+		onPendingAttachmentsConsumed: me,
+		onExpandPastedText: R((e) => {
+			let t = hn.current, n = t ? `${t}\n${e}` : e;
+			hn.current = n, X(n), u?.(n);
+		}, [X, u]),
+		maximumAttachmentsAmount: bt,
+		baseAttachmentsAmount: qe.length,
+		onAttachmentsLimitExceeded: wt
+	}), wn = R((e) => {
+		vn(_n([e]));
+	}, [vn, _n]), Tn = V(!1), [En, Dn] = H({
 		text: "",
 		revision: 0
-	}), { state: Dn, analyserNodeRef: On, errorMessage: kn, startRecording: An, stopRecording: jn, discardRecording: Mn } = nt({
-		onAttachAudio: Cn,
-		onTranscribeAudio: ze,
-		onTranscript: L((e) => {
+	}), { state: On, analyserNodeRef: kn, errorMessage: An, startRecording: jn, stopRecording: Mn, discardRecording: Nn } = tt({
+		onAttachAudio: wn,
+		onTranscribeAudio: Re,
+		onTranscript: R((e) => {
 			let t = e.trim();
 			if (t) {
-				let e = mn.current, n = `${e}${e && !/\s$/.test(e) ? " " : ""}${t}`;
-				mn.current = n, Y(n), En((e) => ({
+				let e = hn.current, n = `${e}${e && !/\s$/.test(e) ? " " : ""}${t}`;
+				hn.current = n, X(n), Dn((e) => ({
 					text: t,
 					revision: e.revision + 1
-				})), Pt.notifyChange(), u?.(n);
+				})), Nt.notifyChange(), u?.(n);
 			}
-			wn.current = !0;
+			Tn.current = !0;
 		}, [
-			Y,
-			Pt,
+			X,
+			Nt,
 			u
 		]),
-		errorLabel: Ue
-	}), $ = Dn === Xe.Recording || Dn === Xe.Processing;
-	R(() => {
-		(Dn === Xe.Error || Dn === Xe.Idle && wn.current) && (wn.current = !1, X.current?.focus());
-	}, [Dn, X]);
-	let Nn = B(null), Pn = B(null), Fn = Et && Dt, { handlePaste: In } = ue(_n, Fn ? ge : Infinity), Ln = L((e) => {
-		if (!Fn) {
+		errorLabel: He
+	}), $ = On === Ye.Recording || On === Ye.Processing;
+	z(() => {
+		if (On === Ye.Error || On === Ye.Idle && Tn.current) {
+			Tn.current = !1;
+			let e = Z.current;
+			if (e != null) {
+				Qt.current = document.activeElement !== e, e.focus();
+				let t = e.value.length;
+				e.setSelectionRange(t, t);
+			}
+		}
+	}, [On, Z]);
+	let Pn = V(null), Fn = V(null), In = Tt && Et, { handlePaste: Ln } = le(vn, In ? he : Infinity), Rn = R((e) => {
+		if (!In) {
 			let t = e.clipboardData.getData("text/plain");
-			t.length >= ye && kt?.(t.length, ye);
+			t.length >= ve && Ot?.(t.length, ve);
 		}
-		if (In(e), e.defaultPrevented) return;
+		if (Ln(e), e.defaultPrevented) return;
 		let t = e.clipboardData.getData("text/plain").replace(/\r\n?/g, "\n");
-		t !== "" && G?.onTextPaste?.(t);
+		t !== "" && K?.onTextPaste?.(t);
 	}, [
-		Fn,
-		ye,
-		kt,
 		In,
-		G
-	]), Rn = J.trim().length > 0 || hn.length > 0, zn = Rn && !Sn && !Pe && !$, [Bn, Vn] = V([]);
-	R(() => {
-		Vn([]);
-	}, [(et ?? []).map((e) => e.id).join("|")]);
-	let Hn = z(() => {
-		let e = et ?? [];
-		return at ? e.filter((e) => e.isSelected || !Bn.includes(e.id)) : e;
+		ve,
+		Ot,
+		Ln,
+		K
+	]), zn = Y.trim().length > 0 || gn.length > 0, Bn = zn && !Cn && !Ne && !$, [Vn, Hn] = H([]);
+	z(() => {
+		Hn([]);
+	}, [($e ?? []).map((e) => e.id).join("|")]);
+	let Un = B(() => {
+		let e = $e ?? [];
+		return it ? e.filter((e) => e.isSelected || !Vn.includes(e.id)) : e;
 	}, [
-		et,
-		Bn,
-		at
-	]), Un = L((e) => {
-		Vn((t) => t.includes(e) ? t : [...t, e]), et?.find((t) => t.id === e)?.isSelected && tt?.(e);
-	}, [et, tt]), Wn = be === void 0 || xe != null, Gn = Fe && !s, Kn = async () => {
-		if (Pe || $) return;
-		if (J.length >= ye) {
-			kt?.(J.length, ye);
+		$e,
+		Vn,
+		it
+	]), Wn = R((e) => {
+		Hn((t) => t.includes(e) ? t : [...t, e]), $e?.find((t) => t.id === e)?.isSelected && et?.(e);
+	}, [$e, et]), Gn = ye === void 0 || be != null, Kn = Pe && !s, qn = async () => {
+		if (Ne || $) return;
+		if (Y.length >= ve) {
+			Ot?.(Y.length, ve);
 			return;
 		}
-		let e = J, t = hn;
-		Y(""), Pt.reset();
+		let e = Y, t = gn;
+		X(""), Nt.reset();
 		try {
 			await i?.(e, t), t.forEach((e) => {
 				e.previewUrl && URL.revokeObjectURL(e.previewUrl), e.playUrl && URL.revokeObjectURL(e.playUrl);
-			}), vn([]);
+			}), yn([]);
 		} catch {
-			Y(e), vn(t);
+			X(e), yn(t);
 		}
-	}, qn = (e) => We === rt.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey, Jn = (e) => {
-		if (!Bt || e.nativeEvent.isComposing) return !1;
-		if (e.key === "Escape") return e.preventDefault(), e.stopPropagation(), Ht(), !0;
-		if (e.key === "ArrowDown" || e.key === "ArrowUp") return e.preventDefault(), Yt(e.key === "ArrowDown" ? Le.Next : Le.Previous), !0;
+	}, Jn = (e) => Ue === nt.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey, Yn = (e) => {
+		if (!zt || e.nativeEvent.isComposing) return !1;
+		if (e.key === "Escape") return e.preventDefault(), e.stopPropagation(), Vt(), !0;
+		if (e.key === "ArrowDown" || e.key === "ArrowUp") return e.preventDefault(), Jt(e.key === "ArrowDown" ? Ie.Next : Ie.Previous), !0;
 		if (e.key !== "Enter" || e.shiftKey) return !1;
-		let t = Xt();
-		return t == null ? qn(e) ? (e.preventDefault(), !0) : !1 : (e.preventDefault(), t.click(), !0);
-	}, Yn = (e) => {
-		if (!$ && !zt(e) && !Jn(e)) {
-			if (!e.nativeEvent.isComposing && !W && !s) {
+		let t = Yt();
+		return t == null ? Jn(e) ? (e.preventDefault(), !0) : !1 : (e.preventDefault(), t.click(), !0);
+	}, Xn = (e) => {
+		if (!$ && !Rt(e) && !Yn(e)) {
+			if (!e.nativeEvent.isComposing && !G && !s) {
 				if (e.key === "ArrowUp" || e.key === "ArrowDown") {
-					let t = e.currentTarget.selectionStart ?? 0, n = Pt.navigate(e.key === "ArrowUp" ? "up" : "down", J, t);
+					let t = e.currentTarget.selectionStart ?? 0, n = Nt.navigate(e.key === "ArrowUp" ? "up" : "down", Y, t);
 					if (n !== null) {
-						e.preventDefault(), Y(n);
+						e.preventDefault(), X(n);
 						return;
 					}
 				}
-				if (e.key === "Backspace" && dt != null && e.currentTarget.selectionStart === e.currentTarget.selectionEnd && e.currentTarget.selectionStart != null) {
-					let t = dt(e.currentTarget.selectionStart);
+				if (e.key === "Backspace" && ut != null && e.currentTarget.selectionStart === e.currentTarget.selectionEnd && e.currentTarget.selectionStart != null) {
+					let t = ut(e.currentTarget.selectionStart);
 					if (t != null) {
 						e.preventDefault();
 						let n = e.currentTarget;
-						n.setSelectionRange(t.start, t.start + t.length), typeof document.execCommand == "function" && document.execCommand("delete", !1) || qe(n, J.slice(0, t.start) + J.slice(t.start + t.length), t.start);
+						n.setSelectionRange(t.start, t.start + t.length), typeof document.execCommand == "function" && document.execCommand("delete", !1) || Ke(n, Y.slice(0, t.start) + Y.slice(t.start + t.length), t.start);
 						return;
 					}
 				}
 			}
-			e.key === "Enter" && qn(e) && (e.preventDefault(), !s && zn && Wn && !W && Kn());
+			e.key === "Enter" && Jn(e) && (e.preventDefault(), !s && Bn && Gn && !G && qn());
 		}
-	}, Xn = (e) => {
+	}, Zn = (e) => {
 		let t = Array.from(e.target.files ?? []);
 		if (t.length === 0) return;
-		let n = gn(t);
-		e.target.value = "", _n(n);
-	}, Zn = z(() => {
+		let n = _n(t);
+		e.target.value = "", vn(n);
+	}, Qn = B(() => {
 		let e = [];
-		return Q != null && e.push({
-			offset: Q,
-			node: /* @__PURE__ */ F("span", {
-				ref: sn,
+		return sn != null && e.push({
+			offset: sn,
+			node: /* @__PURE__ */ I("span", {
+				ref: cn,
 				"aria-hidden": !0,
 				className: "inline-block h-lh w-0 align-text-top"
 			}, "caret-marker")
-		}), on && G != null && rn != null && e.push({
+		}), on && K != null && rn != null && e.push({
 			offset: rn,
-			node: /* @__PURE__ */ F("span", {
-				className: q.commandHint,
+			node: /* @__PURE__ */ I("span", {
+				className: J.commandHint,
 				"aria-hidden": !0,
 				"data-mirror-synthetic": !0,
-				children: G.emptyQueryHint
+				children: K.emptyQueryHint
 			}, "command-hint")
 		}), e;
 	}, [
-		Q,
+		sn,
 		on,
-		G,
+		K,
 		rn
-	]), Qn = It || Zn.length > 0, { mirrorRef: $n, selectionRects: er, updateSelectionRects: tr, syncMirrorToTextarea: nr } = Ge({
-		textareaRef: X,
-		message: J,
-		isMirrorActive: Qn
+	]), $n = Ft || Qn.length > 0, { mirrorRef: er, selectionRects: tr, updateSelectionRects: nr, syncMirrorToTextarea: rr } = We({
+		textareaRef: Z,
+		message: Y,
+		isMirrorActive: $n
 	});
-	Ae(() => {
-		dn();
+	ke(() => {
+		fn();
 	}, [
-		dn,
-		Q,
-		J
+		fn,
+		sn,
+		Y
 	]);
-	let rr = /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F("textarea", {
-		className: l(q.textarea, Qn && q.textareaMentionMode, N?.fontClassName || "dial-body-paragraph-text", "relative z-0 [field-sizing:content] max-h-[272px] w-full resize-none overflow-y-auto border-0 bg-transparent ps-1 pe-1 outline-hidden", "disabled:cursor-not-allowed"),
-		ref: X,
-		autoFocus: pt,
-		value: J,
+	let ir = /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I("textarea", {
+		className: l(J.textarea, $n && J.textareaMentionMode, P?.fontClassName || "dial-body-paragraph-text", "relative z-0 [field-sizing:content] max-h-[272px] w-full resize-none overflow-y-auto border-0 bg-transparent ps-1 pe-1 outline-hidden", "disabled:cursor-not-allowed"),
+		ref: Z,
+		autoFocus: ft,
+		value: Y,
 		onChange: (e) => {
-			Y(e.target.value), Pt.notifyChange();
+			X(e.target.value), Nt.notifyChange();
 			let t = e.nativeEvent instanceof InputEvent ? e.nativeEvent : void 0;
-			Gt(e.target.value, e.target.selectionStart ?? e.target.value.length, t?.isComposing ?? !1), u?.(e.target.value);
+			Wt(e.target.value, e.target.selectionStart ?? e.target.value.length, t?.isComposing ?? !1), u?.(e.target.value);
 		},
-		onSelect: tr,
+		onSelect: nr,
 		onScroll: () => {
-			nr(), Q != null && dn();
+			rr(), sn != null && fn();
 		},
 		onFocus: $t,
-		onClick: Qt,
-		onKeyDown: Yn,
-		onKeyUp: en,
-		onPaste: Ln,
+		onClick: Zt,
+		onKeyDown: Xn,
+		onKeyUp: tn,
+		onPaste: Rn,
 		placeholder: m,
 		"aria-label": h,
-		"aria-autocomplete": G == null ? void 0 : "list",
-		"aria-controls": Bt ? Kt : void 0,
-		"aria-activedescendant": Jt ?? void 0,
-		"aria-hidden": It ? !0 : void 0,
-		disabled: W,
+		"aria-autocomplete": K == null ? void 0 : "list",
+		"aria-controls": zt ? Gt : void 0,
+		"aria-activedescendant": qt ?? void 0,
+		"aria-hidden": Ft ? !0 : void 0,
+		disabled: G,
 		readOnly: $,
 		rows: 1
-	}), G != null && /* @__PURE__ */ F("div", {
+	}), K != null && /* @__PURE__ */ I("div", {
 		"aria-hidden": !0,
-		className: l("pointer-events-none absolute", N?.fontClassName || "dial-body-paragraph-text"),
+		className: l("pointer-events-none absolute", P?.fontClassName || "dial-body-paragraph-text"),
 		style: {
-			left: ln?.left ?? 0,
-			top: ln?.top ?? 0
+			left: un?.left ?? 0,
+			top: un?.top ?? 0
 		},
-		children: /* @__PURE__ */ F(y, {
-			open: Bt,
+		children: /* @__PURE__ */ I(y, {
+			open: zt,
 			onOpenChange: (e) => {
-				e || Ut();
+				e || Ht();
 			},
 			placement: "top-start",
 			trigger: [],
 			initialFocus: -1,
 			matchReferenceWidth: !1,
-			outsidePressIgnoreRef: X,
-			renderOverlay: () => /* @__PURE__ */ F("div", {
-				ref: qt,
-				role: G.menuLabel == null ? void 0 : "group",
-				"aria-label": G.menuLabel,
-				children: G.renderMenu({
-					query: Vt,
-					caretPosition: Z ?? 0,
-					close: fn,
-					listboxId: Kt,
-					activeOptionId: Jt
+			outsidePressIgnoreRef: Z,
+			renderOverlay: () => /* @__PURE__ */ I("div", {
+				ref: Kt,
+				role: K.menuLabel == null ? void 0 : "group",
+				"aria-label": K.menuLabel,
+				children: K.renderMenu({
+					query: Bt,
+					caretPosition: Q ?? 0,
+					close: pn,
+					listboxId: Gt,
+					activeOptionId: qt
 				})
 			}),
-			children: /* @__PURE__ */ F("span", {
+			children: /* @__PURE__ */ I("span", {
 				"aria-hidden": !0,
 				className: "inline-block h-lh w-0"
 			})
 		})
-	})] }), ir = /* @__PURE__ */ I("div", {
-		ref: cn,
+	})] }), ar = /* @__PURE__ */ L("div", {
+		ref: ln,
 		className: "relative -ms-1 -me-1 w-[calc(100%+8px)]",
-		children: [Qn && /* @__PURE__ */ I("div", {
-			ref: $n,
-			className: l(q.textarea, N?.fontClassName || "dial-body-paragraph-text", "pointer-events-none absolute inset-0 z-10 max-h-[272px] w-full overflow-hidden ps-1 pe-1 [overflow-wrap:anywhere] whitespace-pre-wrap"),
-			children: [He(J, Ft, Zn, q.mentionHighlight, q.mentionHighlightUnsupported), er.map((e, t) => /* @__PURE__ */ F("div", {
+		children: [$n && /* @__PURE__ */ L("div", {
+			ref: er,
+			className: l(J.textarea, P?.fontClassName || "dial-body-paragraph-text", "pointer-events-none absolute inset-0 z-10 max-h-[272px] w-full overflow-hidden ps-1 pe-1 [overflow-wrap:anywhere] whitespace-pre-wrap"),
+			children: [Ve(Y, Pt, Qn, J.mentionHighlight, J.mentionHighlightUnsupported), tr.map((e, t) => /* @__PURE__ */ I("div", {
 				"aria-hidden": !0,
 				className: "pointer-events-none absolute rounded-sm bg-control-accent-alpha-active",
 				style: {
@@ -2397,198 +2409,198 @@ var Xt = {
 					height: e.height
 				}
 			}, `selection-${t}`))]
-		}), rr]
-	}), ar = Te ? void 0 : /* @__PURE__ */ F(ht, {
-		onAttachClick: Ee ? void 0 : () => Nn.current?.click(),
+		}), ir]
+	}), or = we ? void 0 : /* @__PURE__ */ I(mt, {
+		onAttachClick: Te ? void 0 : () => Pn.current?.click(),
 		attachLabel: g,
 		addMenuTitle: C,
 		menuTitle: w,
 		menuCloseLabel: T,
-		style: Lt,
-		isDisabled: W || $,
-		chatSettings: $e,
-		extraMenuItems: Rt,
-		onRecordVoice: Ie && Et && !s && !$ ? () => An(Ze.Attachment) : void 0,
-		recordVoiceLabel: ie,
-		toolsMenuItems: at ? et : void 0,
-		onToolToggle: tt,
-		toolsMenuTitle: ot,
-		toolsBackLabel: st,
-		menuOverlays: lt,
-		getCaretPosition: () => X.current?.selectionStart ?? J.length
-	}), or = Oe === it.Inline && (!jt || je), sr = ar && /* @__PURE__ */ F("div", {
-		className: l("flex", H.addCluster),
-		children: ar
-	}), cr = Hn.length > 0 && tt != null && /* @__PURE__ */ F("div", {
-		className: l("min-w-0 flex-1", H.toolsChips),
-		children: /* @__PURE__ */ F(_t, {
-			items: Hn,
-			onToolToggle: tt,
-			onToolDismiss: Un,
-			canRemove: at,
-			removeLabel: ct?.removeLabel,
-			stateOnLabel: ct?.stateOnLabel,
-			stateOffLabel: ct?.stateOffLabel
+		style: It,
+		isDisabled: G || $,
+		chatSettings: Qe,
+		extraMenuItems: Lt,
+		onRecordVoice: Fe && Tt && !s && !$ ? () => jn(Xe.Attachment) : void 0,
+		recordVoiceLabel: re,
+		toolsMenuItems: it ? $e : void 0,
+		onToolToggle: et,
+		toolsMenuTitle: at,
+		toolsBackLabel: ot,
+		menuOverlays: ct,
+		getCaretPosition: () => Z.current?.selectionStart ?? Y.length
+	}), sr = De === rt.Inline && (!At || Ae), cr = or && /* @__PURE__ */ I("div", {
+		className: l("flex", U.addCluster),
+		children: or
+	}), lr = Un.length > 0 && et != null && /* @__PURE__ */ I("div", {
+		className: l("min-w-0 flex-1", U.toolsChips),
+		children: /* @__PURE__ */ I(gt, {
+			items: Un,
+			onToolToggle: et,
+			onToolDismiss: Wn,
+			canRemove: it,
+			removeLabel: st?.removeLabel,
+			stateOnLabel: st?.stateOnLabel,
+			stateOffLabel: st?.stateOffLabel
 		})
 	});
-	return /* @__PURE__ */ I("div", {
-		ref: Pn,
-		style: Lt,
-		className: l(q.wrapper, W && q.wrapperDisabled, W && "cursor-not-allowed", "flex w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border", "p-4 focus-within:outline focus-within:-outline-offset-1 active:outline active:-outline-offset-1", de, H.wrapper),
+	return /* @__PURE__ */ L("div", {
+		ref: Fn,
+		style: It,
+		className: l(J.wrapper, G && J.wrapperDisabled, G && "cursor-not-allowed", "flex w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border", "p-4 focus-within:outline focus-within:-outline-offset-1 active:outline active:-outline-offset-1", ue, U.wrapper),
 		children: [
-			(Je.length > 0 || hn.length > 0) && /* @__PURE__ */ F(se, {
-				attachments: [...Je, ...hn],
+			(qe.length > 0 || gn.length > 0) && /* @__PURE__ */ I(oe, {
+				attachments: [...qe, ...gn],
 				onRemove: (e) => {
-					Je.some((t) => t.id === e) ? Qe?.(e) : yn(e);
+					qe.some((t) => t.id === e) ? Ze?.(e) : bn(e);
 				},
-				onRetry: bn,
-				onExpand: xn,
+				onRetry: xn,
+				onExpand: Sn,
 				labels: {
 					removeLabel: E,
 					retryLabel: D,
 					uploadingLabel: ee,
-					expandLabel: te,
-					clickLabel: O
+					expandLabel: O,
+					clickLabel: k
 				},
 				styles: {
-					...ce,
-					className: l(hn.length > 6 && "-me-4", ce?.className)
+					...se,
+					className: l(gn.length > 6 && "-me-4", se?.className)
 				},
-				onAttachmentClick: yt == null ? void 0 : (e) => {
-					let t = [...Je, ...hn].find((t) => t.id === e);
-					t != null && yt(t);
+				onAttachmentClick: vt == null ? void 0 : (e) => {
+					let t = [...qe, ...gn].find((t) => t.id === e);
+					t != null && vt(t);
 				}
 			}),
-			!Te && /* @__PURE__ */ F("input", {
-				ref: Nn,
+			!we && /* @__PURE__ */ I("input", {
+				ref: Pn,
 				type: "file",
 				multiple: !0,
 				accept: b,
 				className: "sr-only",
 				"aria-hidden": !0,
 				tabIndex: -1,
-				onChange: Xn
+				onChange: Zn
 			}),
-			kn && /* @__PURE__ */ F(x, {
-				text: kn,
+			An && /* @__PURE__ */ I(x, {
+				text: An,
 				className: "min-w-0 px-1 wrap-break-word"
 			}),
-			$ && /* @__PURE__ */ F(St, {
+			$ && /* @__PURE__ */ I(xt, {
 				embedded: !0,
-				state: Dn,
-				analyserNodeRef: On,
-				onStop: jn,
-				onDiscard: Mn,
-				attachButton: ar,
-				stopLabel: ae,
-				discardLabel: oe,
-				processingLabel: Be
+				state: On,
+				analyserNodeRef: kn,
+				onStop: Mn,
+				onDiscard: Nn,
+				attachButton: or,
+				stopLabel: ie,
+				discardLabel: ae,
+				processingLabel: ze
 			}),
-			!$ && De && ir,
-			!$ && !De && or && cr && /* @__PURE__ */ F("div", {
+			!$ && Ee && ar,
+			!$ && !Ee && sr && lr && /* @__PURE__ */ I("div", {
 				className: "flex",
-				children: cr
+				children: lr
 			}),
-			!$ && !De && /* @__PURE__ */ I("div", {
-				className: l("flex items-center gap-2", or ? "flex-nowrap" : "flex-wrap", H.actionRow),
+			!$ && !Ee && /* @__PURE__ */ L("div", {
+				className: l("flex items-center gap-2", sr ? "flex-nowrap" : "flex-wrap", U.actionRow),
 				children: [
-					or && sr,
-					/* @__PURE__ */ F("div", {
-						className: l("flex min-w-0 items-center self-stretch", or ? "flex-1" : "w-full", H.textareaWrap),
-						children: ir
+					sr && cr,
+					/* @__PURE__ */ I("div", {
+						className: l("flex min-w-0 items-center self-stretch", sr ? "flex-1" : "w-full", U.textareaWrap),
+						children: ar
 					}),
-					!or && sr,
-					!or && cr,
-					/* @__PURE__ */ F("div", {
-						className: l("ms-auto flex flex-shrink-0 items-center gap-2", H.footerActions),
-						children: U ? U({
-							canSend: zn,
-							onSend: Kn
-						}) : /* @__PURE__ */ I(P, { children: [
-							Ot,
-							/* @__PURE__ */ F(tn, {
-								deployments: be,
-								selectedDeploymentId: xe,
-								onDeploymentChange: Se,
-								modelSelectorLabels: Ce,
-								menuStyles: le,
+					!sr && cr,
+					!sr && lr,
+					/* @__PURE__ */ I("div", {
+						className: l("ms-auto flex flex-shrink-0 items-center gap-2", U.footerActions),
+						children: W ? W({
+							canSend: Bn,
+							onSend: qn
+						}) : /* @__PURE__ */ L(F, { children: [
+							Dt,
+							/* @__PURE__ */ I(en, {
+								deployments: ye,
+								selectedDeploymentId: be,
+								onDeploymentChange: xe,
+								modelSelectorLabels: Se,
+								menuStyles: ce,
 								isStreaming: s,
-								isMobile: jt,
-								isDisabled: Ne,
-								style: Lt,
-								modelPickerOverlay: bt,
-								isPickerOpen: Mt,
-								onPickerToggle: () => Nt((e) => !e),
-								onPickerOpenChange: Nt
+								isMobile: At,
+								isDisabled: Me,
+								style: It,
+								modelPickerOverlay: yt,
+								isPickerOpen: jt,
+								onPickerToggle: () => Mt((e) => !e),
+								onPickerOpenChange: Mt
 							}),
-							Gn && /* @__PURE__ */ F(S, {
-								icon: /* @__PURE__ */ F(ve, {
+							Kn && /* @__PURE__ */ I(S, {
+								icon: /* @__PURE__ */ I(_e, {
 									size: _.LG,
 									stroke: v,
 									"aria-hidden": !0
 								}),
-								"aria-label": re,
-								tooltipProps: { tooltip: re },
+								"aria-label": ne,
+								tooltipProps: { tooltip: ne },
 								className: "size-[40px] shrink-0 mobile:min-h-11 mobile:min-w-11",
-								onClick: () => An(Ze.Dictation),
-								disabled: W || s
+								onClick: () => jn(Xe.Dictation),
+								disabled: G || s
 							}),
-							s && o ? /* @__PURE__ */ F(wt, {
+							s && o ? /* @__PURE__ */ I(Ct, {
 								onStop: o,
-								ariaLabel: ne
-							}) : !s && /* @__PURE__ */ F(Ct, {
-								onSend: Kn,
-								isDisabled: !Wn || !zn,
-								ariaLabel: k,
-								sendTooltip: Rn ? A : j ?? A
+								ariaLabel: te
+							}) : !s && /* @__PURE__ */ I(St, {
+								onSend: qn,
+								isDisabled: !Gn || !Bn,
+								ariaLabel: A,
+								sendTooltip: zn ? j : M ?? j
 							})
 						] })
 					})
 				]
 			}),
-			/* @__PURE__ */ F("span", {
+			/* @__PURE__ */ I("span", {
 				className: "sr-only",
 				role: "status",
 				"aria-live": "polite",
 				"aria-atomic": "true",
-				children: /* @__PURE__ */ F("span", { children: Tn.text }, Tn.revision)
+				children: /* @__PURE__ */ I("span", { children: En.text }, En.revision)
 			})
 		]
 	});
 });
-nn.displayName = "Input";
-var rn = {
+tn.displayName = "Input";
+var nn = {
 	welcome: "_welcome_1icyo_1",
 	description: "_description_1icyo_5"
-}, an = ({ isStreaming: e = !1, placeholder: t = "Type a prompt or use \"/\" to select one", welcomeText: n, descriptionText: r, belowWelcomeSlot: i, aboveInputSlot: a, styles: o, className: s, inputClassName: u, isInputDisabled: d = !1, ...f }) => {
+}, rn = ({ isStreaming: e = !1, placeholder: t = "Type a prompt or use \"/\" to select one", welcomeText: n, descriptionText: r, belowWelcomeSlot: i, aboveInputSlot: a, styles: o, className: s, inputClassName: u, isInputDisabled: d = !1, ...f }) => {
 	let { colors: p, typography: m, attachmentTray: h, modelMenu: g } = o ?? {};
-	return /* @__PURE__ */ I("div", {
+	return /* @__PURE__ */ L("div", {
 		style: c({
 			"--ci-welcome-color": p?.welcomeText,
 			"--ci-description-color": p?.descriptionText
 		}),
 		className: l("relative flex w-full flex-col items-center gap-9 px-4 py-5 desktop:p-5", s),
 		children: [
-			n && /* @__PURE__ */ I("div", {
+			n && /* @__PURE__ */ L("div", {
 				className: "flex flex-col items-center gap-4 text-center",
-				children: [/* @__PURE__ */ F("h1", {
-					className: l(rn.welcome, "m-0", m?.welcomeClassName || "dial-display2-text"),
+				children: [/* @__PURE__ */ I("h1", {
+					className: l(nn.welcome, "m-0", m?.welcomeClassName || "dial-display2-text"),
 					children: n
-				}), r && /* @__PURE__ */ F("p", {
-					className: l(rn.description, "m-0 max-w-[540px]", m?.descriptionClassName || "dial-body-paragraph-text"),
+				}), r && /* @__PURE__ */ I("p", {
+					className: l(nn.description, "m-0 max-w-[540px]", m?.descriptionClassName || "dial-body-paragraph-text"),
 					children: r
 				})]
 			}),
-			i != null && /* @__PURE__ */ F("div", {
+			i != null && /* @__PURE__ */ I("div", {
 				className: "flex w-full max-w-[700px] flex-col items-center empty:hidden",
 				children: i
 			}),
-			/* @__PURE__ */ I("div", {
+			/* @__PURE__ */ L("div", {
 				className: l("relative w-full", n ? "max-w-[700px]" : "max-w-[748px]"),
-				children: [a != null && /* @__PURE__ */ F("div", {
+				children: [a != null && /* @__PURE__ */ I("div", {
 					className: "mb-2",
 					children: a
-				}), /* @__PURE__ */ F(nn, {
+				}), /* @__PURE__ */ I(tn, {
 					placeholder: t,
 					isStreaming: e,
 					isInputDisabled: d,
@@ -2602,42 +2614,42 @@ var rn = {
 			})
 		]
 	});
-}, on = ({ message: e, messageRevision: t, onChange: n, activeMentions: r, onBackspaceAtCaret: i, caretPositionOverride: o, commandMenu: s, menuOverlays: c, initialAttachments: u = [], onCancel: d, onSave: p, onUploadAttachment: m, cancelLabel: h = "Cancel", saveLabel: g = "Save & Submit", ariaLabel: _, removeLabel: y, retryLabel: b, uploadingLabel: x, expandLabel: S, clickLabel: C, addMenuTitle: w = "Add", attachLabel: E = "Attach file", menuTitle: D = "Menu", menuCloseLabel: ee = "Close", className: O, pendingDropFiles: k, onDropFilesConsumed: A, validateAttachment: j, isAttachmentsEnabled: ne, isTextAttachmentsAllowed: re, hideAttachFile: ie = !1, fileAccept: ae, maximumAttachmentsAmount: oe, onAttachmentsLimitExceeded: M, onDialFileSystemClick: N, dialFileSystemLabel: P, pendingAttachments: se, onPendingAttachmentsConsumed: ce, onAttachmentClick: le, pasteTextThreshold: ue, maxMessageLength: de = 5e4, onMessageTooLong: fe }) => {
-	let pe = B(null), me = B(null), [he, ge] = V([]);
-	R(() => {
-		k?.length && (ge(k), A?.());
-	}, [k, A]);
-	let [ve, ye] = V(e ?? ""), [be, xe] = V([]), [Se, Ce] = V(u), we = be.some((e) => e.status === a.Loading || e.status === a.Error), Te = (ve.trim().length > 0 || be.length > 0 || Se.length > 0) && !we, Ee = (e) => {
-		Ce((t) => t.filter((t) => t.id !== e));
-	}, De = L((e, t) => {
-		p(e, Se, t);
-	}, [Se, p]), Oe = () => {
-		if (Te) {
-			if (ve.length >= de) {
-				fe?.(ve.length, de);
+}, an = ({ message: e, messageRevision: t, onChange: n, activeMentions: r, onBackspaceAtCaret: i, caretPositionOverride: o, commandMenu: s, menuOverlays: c, initialAttachments: u = [], onCancel: d, onSave: p, onUploadAttachment: m, cancelLabel: h = "Cancel", saveLabel: g = "Save & Submit", ariaLabel: _, removeLabel: y, retryLabel: b, uploadingLabel: x, expandLabel: S, clickLabel: C, addMenuTitle: w = "Add", attachLabel: E = "Attach file", menuTitle: D = "Menu", menuCloseLabel: ee = "Close", className: k, pendingDropFiles: A, onDropFilesConsumed: j, validateAttachment: M, isAttachmentsEnabled: te, isTextAttachmentsAllowed: ne, hideAttachFile: re = !1, fileAccept: ie, maximumAttachmentsAmount: ae, onAttachmentsLimitExceeded: N, onDialFileSystemClick: P, dialFileSystemLabel: F, pendingAttachments: oe, onPendingAttachmentsConsumed: se, onAttachmentClick: ce, pasteTextThreshold: le, maxMessageLength: ue = 5e4, onMessageTooLong: de }) => {
+	let fe = V(null), pe = V(null), [me, he] = H([]);
+	z(() => {
+		A?.length && (he(A), j?.());
+	}, [A, j]);
+	let [_e, ve] = H(e ?? ""), [ye, be] = H([]), [xe, Se] = H(u), Ce = ye.some((e) => e.status === a.Loading || e.status === a.Error), we = (_e.trim().length > 0 || ye.length > 0 || xe.length > 0) && !Ce, Te = (e) => {
+		Se((t) => t.filter((t) => t.id !== e));
+	}, Ee = R((e, t) => {
+		p(e, xe, t);
+	}, [xe, p]), De = () => {
+		if (we) {
+			if (_e.length >= ue) {
+				de?.(_e.length, ue);
 				return;
 			}
-			De(ve, be);
+			Ee(_e, ye);
 		}
-	}, ke = L(() => ge([]), []), Ae = L((e) => {
-		ye(e), n?.(e);
-	}, [n]), H = L((e) => {
+	}, Oe = R(() => he([]), []), ke = R((e) => {
+		ve(e), n?.(e);
+	}, [n]), U = R((e) => {
 		let t = Array.from(e.target.files ?? []);
-		t.length !== 0 && (e.target.value = "", ge(t));
-	}, []), je = z(() => N ? [{
+		t.length !== 0 && (e.target.value = "", he(t));
+	}, []), Ae = B(() => P ? [{
 		key: "dial-fs",
-		label: P ?? "DIAL file system",
-		icon: /* @__PURE__ */ F(_e, {
+		label: F ?? "DIAL file system",
+		icon: /* @__PURE__ */ I(ge, {
 			size: f,
 			"aria-hidden": !0,
 			stroke: v
 		}),
-		onClick: N
-	}] : [], [N, P]);
-	return /* @__PURE__ */ I("div", {
-		className: l("flex w-full flex-col gap-2", O),
-		children: [/* @__PURE__ */ F(nn, {
-			ref: me,
+		onClick: P
+	}] : [], [P, F]);
+	return /* @__PURE__ */ L("div", {
+		className: l("flex w-full flex-col gap-2", k),
+		children: [/* @__PURE__ */ I(tn, {
+			ref: pe,
 			message: e,
 			messageRevision: t,
 			activeMentions: r,
@@ -2646,119 +2658,119 @@ var rn = {
 			commandMenu: s,
 			ariaLabel: _,
 			hideActionBar: !0,
-			pendingDropFiles: he,
-			onDropFilesConsumed: ke,
-			onSend: De,
+			pendingDropFiles: me,
+			onDropFilesConsumed: Oe,
+			onSend: Ee,
 			onUploadAttachment: m,
-			onChange: Ae,
-			onAttachmentsChange: xe,
+			onChange: ke,
+			onAttachmentsChange: be,
 			removeLabel: y,
 			retryLabel: b,
 			uploadingLabel: x,
 			expandLabel: S,
 			clickLabel: C,
 			className: "max-w-full",
-			prefixAttachments: Se,
-			onRemovePrefixAttachment: Ee,
-			validateAttachment: j,
-			isAttachmentsEnabled: ne,
-			isTextAttachmentsAllowed: re,
-			maximumAttachmentsAmount: oe,
-			onAttachmentsLimitExceeded: M,
-			pendingAttachments: se,
-			onPendingAttachmentsConsumed: ce,
-			onAttachmentClick: le,
-			pasteTextThreshold: ue,
-			maxMessageLength: de,
-			onMessageTooLong: fe
-		}), /* @__PURE__ */ I("div", {
+			prefixAttachments: xe,
+			onRemovePrefixAttachment: Te,
+			validateAttachment: M,
+			isAttachmentsEnabled: te,
+			isTextAttachmentsAllowed: ne,
+			maximumAttachmentsAmount: ae,
+			onAttachmentsLimitExceeded: N,
+			pendingAttachments: oe,
+			onPendingAttachmentsConsumed: se,
+			onAttachmentClick: ce,
+			pasteTextThreshold: le,
+			maxMessageLength: ue,
+			onMessageTooLong: de
+		}), /* @__PURE__ */ L("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ I("div", {
+			children: [/* @__PURE__ */ L("div", {
 				className: "flex",
-				children: [!ie && /* @__PURE__ */ F("input", {
-					ref: pe,
+				children: [!re && /* @__PURE__ */ I("input", {
+					ref: fe,
 					type: "file",
 					multiple: !0,
-					accept: ae,
+					accept: ie,
 					className: "sr-only",
 					"aria-hidden": !0,
 					tabIndex: -1,
-					onChange: H
-				}), (!ie || (c?.length ?? 0) > 0) && /* @__PURE__ */ F(ht, {
-					onAttachClick: ie ? void 0 : () => pe.current?.click(),
+					onChange: U
+				}), (!re || (c?.length ?? 0) > 0) && /* @__PURE__ */ I(mt, {
+					onAttachClick: re ? void 0 : () => fe.current?.click(),
 					attachLabel: E,
 					addMenuTitle: w,
 					menuTitle: D,
 					menuCloseLabel: ee,
-					extraMenuItems: je,
+					extraMenuItems: Ae,
 					menuOverlays: c,
-					getCaretPosition: () => me.current?.getCaretPosition() ?? 0
+					getCaretPosition: () => pe.current?.getCaretPosition() ?? 0
 				})]
-			}), /* @__PURE__ */ I("div", {
+			}), /* @__PURE__ */ L("div", {
 				className: "flex gap-2",
-				children: [/* @__PURE__ */ F(T, {
+				children: [/* @__PURE__ */ I(T, {
 					label: h,
 					onClick: d
-				}), /* @__PURE__ */ F(te, {
+				}), /* @__PURE__ */ I(O, {
 					label: g,
-					onClick: Oe,
-					disabled: !Te
+					onClick: De,
+					disabled: !we
 				})]
 			})]
 		})]
 	});
-}, Q = /* @__PURE__ */ function(e) {
+}, on = /* @__PURE__ */ function(e) {
 	return e.Warning = "warning", e.Reached = "reached", e;
 }({}), sn = {
-	[Q.Warning]: {
-		Icon: fe,
+	[on.Warning]: {
+		Icon: de,
 		className: "text-warning"
 	},
-	[Q.Reached]: {
-		Icon: de,
+	[on.Reached]: {
+		Icon: ue,
 		className: "text-error"
 	}
 }, cn = ({ severity: e, limitText: t, reset: n, onClose: r, closeAriaLabel: i = "Close notification", limitTextClassName: a = "dial-small-paragraph-semi-text", resetTextClassName: o = "dial-small-paragraph-text", className: s }) => {
 	let { Icon: c, className: u } = sn[e];
-	return /* @__PURE__ */ I("div", {
+	return /* @__PURE__ */ L("div", {
 		role: "status",
-		className: l("relative flex items-center justify-between gap-3 rounded-xl border border-transparent bg-layer-sunken p-3 text-primary", H.usageBanner, s),
-		children: [/* @__PURE__ */ I("div", {
+		className: l("relative flex items-center justify-between gap-3 rounded-xl border border-transparent bg-layer-sunken p-3 text-primary", U.usageBanner, s),
+		children: [/* @__PURE__ */ L("div", {
 			className: "flex min-w-0 flex-1 items-start gap-3",
-			children: [/* @__PURE__ */ F("span", {
+			children: [/* @__PURE__ */ I("span", {
 				"aria-hidden": "true",
 				className: l("flex shrink-0", u),
-				children: /* @__PURE__ */ F(c, { size: 24 })
-			}), /* @__PURE__ */ I("div", {
+				children: /* @__PURE__ */ I(c, { size: 24 })
+			}), /* @__PURE__ */ L("div", {
 				className: "flex min-w-0 flex-row flex-wrap items-baseline gap-x-1 wrap-break-word text-primary",
-				children: [/* @__PURE__ */ F("span", {
+				children: [/* @__PURE__ */ I("span", {
 					className: a,
 					children: t
-				}), n != null && /* @__PURE__ */ I(P, { children: [
+				}), n != null && /* @__PURE__ */ L(F, { children: [
 					" ",
-					/* @__PURE__ */ F("time", {
+					/* @__PURE__ */ I("time", {
 						dateTime: n.isoValue,
 						"aria-hidden": n.ariaLabel != null || void 0,
 						className: o,
 						children: n.label
 					}),
-					n.ariaLabel != null && /* @__PURE__ */ F("span", {
+					n.ariaLabel != null && /* @__PURE__ */ I("span", {
 						className: "sr-only",
 						children: n.ariaLabel
 					})
 				] })]
 			})]
-		}), r != null && /* @__PURE__ */ F(g, {
+		}), r != null && /* @__PURE__ */ I(g, {
 			className: "shrink-0 self-start",
 			ariaLabel: i,
 			onClose: () => r()
 		})]
 	});
 }, ln = (e) => {
-	let [t, n] = V({
+	let [t, n] = H({
 		text: e?.text,
 		revision: e?.revision ?? 0
-	}), r = L((e) => {
+	}), r = R((e) => {
 		n((t) => ({
 			text: e,
 			revision: t.revision + 1
@@ -2770,10 +2782,10 @@ var rn = {
 		seedMessage: r
 	};
 }, un = (e, t) => {
-	let n = B(e), r = B(t);
-	r.current = t, R(() => {
+	let n = V(e), r = V(t);
+	r.current = t, z(() => {
 		e !== n.current && (n.current = e, r.current());
 	}, [e]);
 };
 //#endregion
-export { it as ActionRowLayout, U as BottomSheetShell, H as CONVERSATION_INPUT_CLASS, ft as ChatSettingsModal, an as ConversationInput, on as EditMessageInput, nn as Input, rt as SendOnEnter, Q as UsageLimitBannerSeverity, cn as UsageLimitBannerView, ln as useComposerSeed, un as useComposerSeedSource };
+export { rt as ActionRowLayout, W as BottomSheetShell, U as CONVERSATION_INPUT_CLASS, dt as ChatSettingsModal, rn as ConversationInput, an as EditMessageInput, tn as Input, nt as SendOnEnter, on as UsageLimitBannerSeverity, cn as UsageLimitBannerView, ln as useComposerSeed, un as useComposerSeedSource };