@epam/ai-dial-conversation-input 1.3.0-dev.273 → 1.3.0-dev.276

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, LiveRegion as w, LiveRegionElement as T, LiveRegionPoliteness as E, MenuItemMark as D, NeutralButton as O, NeutralIconButton as k, Notification as ee, NotificationType as A, NotificationVariant as te, Popup as j, PopupSize as ne, PrimaryButton as M, PrimaryIconButton as re, RadioGroup as ie, RadioGroupOrientation as ae, Search as oe, Skeleton as N, SkeletonVariant as se, Slider as P, Spinner as ce, Textarea as le, TextareaResize as ue, ToggleChip as de, Tooltip as fe } from "@epam/ai-dial-ui-kit";
-import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
-import { AttachmentTray as pe, MAX_UPLOADS_PER_MINUTE as me, generateAttachmentId as he, useClipboardPaste as ge } from "@epam/ai-dial-attachment-input";
-import { IconArrowNarrowRight as _e, IconCheck as ve, IconChevronDown as ye, IconChevronRight as be, IconFile as xe, IconMicrophone as Se, IconPaperclip as Ce, IconPlayerStop as we, IconPlus as Te, IconSettings as Ee, IconTool as De, IconX as Oe } from "@tabler/icons-react";
-import { createElement as ke, forwardRef as Ae, memo as je, useCallback as R, useEffect as z, useId as Me, useImperativeHandle as Ne, useLayoutEffect as Pe, useMemo as B, useRef as V, useState as H } 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, LiveRegion as w, LiveRegionElement as T, LiveRegionPoliteness as E, MenuItemMark as D, NeutralButton as O, NeutralIconButton as k, Notification as ee, NotificationType as A, NotificationVariant as j, Popup as M, PopupSize as N, PrimaryButton as P, PrimaryIconButton as te, RadioGroup as F, RadioGroupOrientation as ne, Search as re, Skeleton as I, SkeletonVariant as L, Slider as R, Spinner as ie, Textarea as ae, TextareaResize as oe, ToggleChip as se, Tooltip as ce } from "@epam/ai-dial-ui-kit";
+import { Fragment as le, jsx as z, jsxs as B } from "react/jsx-runtime";
+import { AttachmentTray as ue, MAX_UPLOADS_PER_MINUTE as de, generateAttachmentId as fe, useClipboardPaste as pe } from "@epam/ai-dial-attachment-input";
+import { IconArrowNarrowRight as me, IconCheck as he, IconChevronDown as ge, IconChevronRight as _e, IconFile as ve, IconMicrophone as ye, IconPaperclip as be, IconPlayerStop as xe, IconPlus as Se, IconSettings as Ce, IconTool as we, IconX as Te } from "@tabler/icons-react";
+import { Fragment as Ee, createElement as De, forwardRef as Oe, memo as ke, useCallback as V, useEffect as H, useId as Ae, useImperativeHandle as je, useLayoutEffect as Me, useMemo as U, useRef as W, useState as G, useSyncExternalStore as Ne } from "react";
 //#region src/constants/public-class-names.ts
-var U = {
+var K = {
 	wrapper: "dial-ci-wrapper",
 	actionRow: "dial-ci-action-row",
 	textareaWrap: "dial-ci-textarea-wrap",
@@ -20,7 +20,7 @@ var U = {
 	modelMenuItem: "dial-ci-model-menu-item",
 	modelMenuItemSelected: "dial-ci-model-menu-item-selected",
 	usageBanner: "dial-ci-usage-banner"
-}, W = {
+}, Pe = {
 	backdrop: "_backdrop_1ym62_8",
 	sheet: "_sheet_1ym62_12",
 	title: "_title_1ym62_16",
@@ -32,7 +32,7 @@ var U = {
 		"--ci-sheet-text": f?.sheetText,
 		"--ci-sheet-divider": f?.divider
 	});
-	return /* @__PURE__ */ I(p, {
+	return /* @__PURE__ */ z(p, {
 		open: e,
 		onClose: r,
 		title: t,
@@ -48,11 +48,11 @@ var U = {
 			...v,
 			...g
 		},
-		className: l(W.sheet, d),
-		overlayClassName: l(W.backdrop, h),
+		className: l(Pe.sheet, d),
+		overlayClassName: l(Pe.backdrop, h),
 		portalId: m,
-		headerClassName: W.divider,
-		titleClassName: l(W.title, u),
+		headerClassName: Pe.divider,
+		titleClassName: l(Pe.title, u),
 		children: _
 	});
 }, Ie = async (e, t, n) => {
@@ -60,18 +60,18 @@ var U = {
 	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);
 }, Le = ({ 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(() => {
+	let [g, _] = G(n), v = W(g);
+	H(() => {
 		v.current = g;
-	}, [g]), z(() => () => {
+	}, [g]), H(() => () => {
 		v.current.forEach((e) => {
 			e.previewUrl && URL.revokeObjectURL(e.previewUrl), e.playUrl && URL.revokeObjectURL(e.playUrl);
 		});
 	}, []);
-	let y = R((e) => e.map((e) => {
+	let y = V((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: he(),
+			id: fe(),
 			name: e.name,
 			contentType: e.type,
 			file: e,
@@ -80,22 +80,22 @@ var U = {
 			previewUrl: i,
 			playUrl: o
 		};
-	}), []), b = V(i);
-	z(() => {
+	}), []), b = W(i);
+	H(() => {
 		b.current = i;
 	}, [i]);
-	let x = V(!0), S = R((e) => {
+	let x = W(!0), S = V((e) => {
 		_((t) => {
 			let n = e(t);
 			return n === t ? t : n;
 		});
 	}, []);
-	z(() => {
+	H(() => {
 		x.current ? x.current = !1 : b.current?.(g);
 	}, [g]);
-	let C = R((e) => {
+	let C = V((e) => {
 		_(e);
-	}, []), w = R(async (t) => {
+	}, []), w = V(async (t) => {
 		if (r) {
 			S((e) => e.map((e) => e.id === t.id ? {
 				...e,
@@ -118,7 +118,7 @@ var U = {
 				} : e));
 			}
 		}
-	}, [r, S]), T = R((e, t = !0) => {
+	}, [r, S]), T = V((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)) {
@@ -139,7 +139,7 @@ var U = {
 						status: a.Error,
 						errorReason: n
 					} : e));
-				}), Ie(e, me, w);
+				}), Ie(e, de, w);
 			}
 		}
 	}, [
@@ -149,8 +149,8 @@ var U = {
 		S,
 		w,
 		o
-	]), E = V(/* @__PURE__ */ new WeakSet());
-	z(() => {
+	]), E = W(/* @__PURE__ */ new WeakSet());
+	H(() => {
 		if (s.length === 0) {
 			E.current = /* @__PURE__ */ new WeakSet();
 			return;
@@ -163,13 +163,13 @@ var U = {
 		l,
 		c,
 		s
-	]), z(() => {
+	]), H(() => {
 		u.length !== 0 && (T(u, !1), d?.());
 	}, [
 		T,
 		d,
 		u
-	]), z(() => {
+	]), H(() => {
 		if (!o) return;
 		let t = !1, n = [], r = v.current.map((r) => {
 			if (r.status === a.Loading) return r;
@@ -196,7 +196,7 @@ var U = {
 		S,
 		w
 	]);
-	let D = R((e) => {
+	let D = V((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);
@@ -208,11 +208,11 @@ var U = {
 		addAttachments: T,
 		resetAttachments: C,
 		handleRemove: D,
-		handleRetry: R((e) => {
+		handleRetry: V((e) => {
 			let t = g.find((t) => t.id === e);
 			t && w(t);
 		}, [g, w]),
-		handleExpand: R(async (e) => {
+		handleExpand: V(async (e) => {
 			let n = g.find((t) => t.id === e);
 			if (!n || n.type !== t.Pasted) return;
 			let r = await n.file.text();
@@ -238,17 +238,17 @@ var U = {
 }, Be = (e, t) => e.startsWith(t) && !e.slice(t.length).includes(t), Ve = "[role=\"option\"]:not([aria-disabled=\"true\"])", He = /* @__PURE__ */ function(e) {
 	return e.Next = "next", e.Previous = "previous", e;
 }({}), Ue = ({ config: e, message: t }) => {
-	let [n, r] = H(!1), [i, a] = H(null), [o, s] = H(null), c = V(null);
+	let [n, r] = G(!1), [i, a] = G(null), [o, s] = G(null), c = W(null);
 	c.current = i;
 	let l = e != null && i != null && i <= t.length ? (() => {
 		let n = t.slice(i, Re(t, i));
 		return Be(n, e.triggerPrefix) ? n.slice(e.triggerPrefix.length) : "";
-	})() : "", u = R((t, n, i) => {
+	})() : "", u = V((t, n, i) => {
 		if (e == null || i) return;
 		let { start: c, end: l } = ze(t, n), u = t.slice(c, l);
 		Be(u, e.triggerPrefix) ? (a(c), u === e.triggerPrefix || o !== c ? (r(!0), s(null)) : r(!1)) : (r(!1), s(null), a(null));
 	}, [e, o]);
-	z(() => {
+	H(() => {
 		if (e == null) {
 			r(!1), s(null), a(null);
 			return;
@@ -258,11 +258,11 @@ var U = {
 		let i = Math.min(n, t.length);
 		Be(t.slice(i, Re(t, i)), e.triggerPrefix) || (r(!1), s(null), a(null));
 	}, [e, t]);
-	let d = R(() => {
+	let d = V(() => {
 		r(!1), s(i);
-	}, [i]), f = R(() => {
+	}, [i]), f = V(() => {
 		r(!1);
-	}, []), p = R((n) => {
+	}, []), p = V((n) => {
 		if (e == null) return;
 		let { start: i, end: s } = ze(t, n);
 		Be(t.slice(i, s), e.triggerPrefix) ? (a(i), r(o !== i)) : (a(null), r(!1));
@@ -270,11 +270,11 @@ var U = {
 		e,
 		t,
 		o
-	]), m = Me(), h = V(null), [g, _] = H(null);
-	z(() => {
+	]), m = Ae(), h = W(null), [g, _] = G(null);
+	H(() => {
 		_(null);
 	}, [n, l]);
-	let v = R(() => Array.from(h.current?.querySelectorAll(Ve) ?? []), []), y = R((e) => {
+	let v = V(() => Array.from(h.current?.querySelectorAll(Ve) ?? []), []), y = V((e) => {
 		let t = v();
 		if (t.length === 0) {
 			_(null);
@@ -282,7 +282,7 @@ var U = {
 		}
 		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 = R(() => v().find((e) => e.id === g) ?? null, [v, g]);
+	}, [v, g]), b = V(() => v().find((e) => e.id === g) ?? null, [v, g]);
 	return {
 		isMenuOpen: n,
 		query: l,
@@ -298,17 +298,17 @@ var U = {
 		getActiveOption: b
 	};
 }, We = (e, t) => !e.slice(0, t).includes("\n"), Ge = (e, t) => !e.slice(t).includes("\n"), Ke = (e) => {
-	let t = V(e);
+	let t = W(e);
 	t.current = e;
-	let n = V(-1), r = V(""), i = R((e, i, a) => {
+	let n = W(-1), r = W(""), i = V((e, i, a) => {
 		let o = t.current;
 		return !o || o.length === 0 ? null : e === "up" ? !We(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 || !Ge(i, a) ? null : n.current < o.length - 1 ? (n.current += 1, o[n.current]) : (n.current = -1, r.current);
-	}, []), a = R(() => {
+	}, []), a = V(() => {
 		n.current = -1, r.current = "";
-	}, []), o = R(() => {
+	}, []), o = V(() => {
 		n.current = -1, r.current = "";
 	}, []);
-	return B(() => ({
+	return U(() => ({
 		navigate: i,
 		notifyChange: a,
 		reset: o
@@ -322,11 +322,11 @@ var U = {
 		if (n <= t) return;
 		let r = t;
 		o.filter((e) => e.offset >= t && e.offset <= n).forEach((t) => {
-			t.offset > r && s.push(/* @__PURE__ */ I("span", {
+			t.offset > r && s.push(/* @__PURE__ */ z("span", {
 				"aria-hidden": !0,
 				children: e.slice(r, t.offset)
 			}, `text-${l++}`)), s.push(t.node), r = t.offset;
-		}), r < n && s.push(/* @__PURE__ */ I("span", {
+		}), r < n && s.push(/* @__PURE__ */ z("span", {
 			"aria-hidden": !0,
 			children: e.slice(r, n)
 		}, `text-${l++}`));
@@ -334,10 +334,10 @@ var U = {
 	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__ */ I("span", {
+		s.push(t.render ? /* @__PURE__ */ z("span", {
 			className: "pointer-events-auto",
 			children: t.render()
-		}, `range-${n}`) : /* @__PURE__ */ I("span", {
+		}, `range-${n}`) : /* @__PURE__ */ z("span", {
 			"aria-hidden": !0,
 			className: t.isUnsupported ? i : r,
 			children: a
@@ -360,12 +360,12 @@ var U = {
 	let a = document.createRange();
 	return a.setStart(r.node, r.offset), a.setEnd(i.node, i.offset), a;
 }, Xe = ({ textareaRef: e, message: t, isMirrorActive: n }) => {
-	let r = V(null), [i, a] = H([]), o = R(() => {
+	let r = W(null), [i, a] = G([]), o = V(() => {
 		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 = R(() => {
+	}, [e]), s = V(() => {
 		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 : []);
@@ -379,14 +379,14 @@ var U = {
 		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 Pe(() => {
+	return Me(() => {
 		n && o(), s();
 	}, [
 		n,
 		o,
 		s,
 		t
-	]), z(() => {
+	]), H(() => {
 		if (!n) return;
 		let t = e.current;
 		if (t == null || typeof ResizeObserver > "u") return;
@@ -406,8 +406,8 @@ var U = {
 		syncMirrorToTextarea: o
 	};
 }, Ze = ({ messageProp: e, messageRevision: t }) => {
-	let [n, r] = H(e), i = V(null);
-	return z(() => {
+	let [n, r] = G(e), i = W(null);
+	return H(() => {
 		r(e);
 	}, [e, t]), {
 		message: n,
@@ -418,16 +418,16 @@ var U = {
 	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 }));
 }, $e = (e) => e.key.toLowerCase() === "z" && (e.ctrlKey || e.metaKey) && !e.shiftKey && !e.altKey, et = ({ insertion: e, textareaRef: t }) => {
-	let n = e?.revision, r = V(e?.text);
+	let n = e?.revision, r = W(e?.text);
 	r.current = e?.text;
-	let i = V(n), a = V(null), o = V(!1);
-	return z(() => {
+	let i = W(n), a = W(null), o = W(!1);
+	return H(() => {
 		document.activeElement === t.current && (o.current = !0);
 		let e = (e) => {
 			e.target === t.current && (o.current = !0);
 		};
 		return document.addEventListener("focusin", e), () => document.removeEventListener("focusin", e);
-	}, [t]), z(() => {
+	}, [t]), H(() => {
 		if (n === i.current) return;
 		i.current = n;
 		let e = r.current;
@@ -462,7 +462,7 @@ var U = {
 	"audio/ogg;codecs=opus",
 	"audio/webm"
 ], it = 100, at = 100, ot = .01, st = ({ 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({
+	let [a, o] = G("idle"), [s, c] = G(null), l = W(null), d = W(null), f = W({
 		onAttachAudio: e,
 		onTranscribeAudio: t,
 		onTranscript: n,
@@ -474,7 +474,7 @@ var U = {
 		onTranscript: n,
 		errorLabel: i
 	};
-	let p = R((e = "dictation") => {
+	let p = V((e = "dictation") => {
 		if (d.current) return;
 		let t = { controller: new AbortController() };
 		d.current = t, c(null), o("recording");
@@ -545,10 +545,10 @@ var U = {
 				x(e);
 			}
 		})();
-	}, []), m = R(() => d.current?.stop?.(), []), h = R(() => {
+	}, []), m = V(() => d.current?.stop?.(), []), h = V(() => {
 		d.current?.controller.abort(), d.current = null, c(null), o("idle");
 	}, []);
-	return z(() => () => {
+	return H(() => () => {
 		d.current?.controller.abort(), d.current = null;
 	}, []), {
 		state: a,
@@ -574,7 +574,7 @@ var U = {
 		"--ci-sheet-item-active": f?.itemActiveBg,
 		"--ci-sheet-icon": f?.itemIcon
 	});
-	return /* @__PURE__ */ I(Fe, {
+	return /* @__PURE__ */ z(Fe, {
 		isOpen: e,
 		title: t,
 		closeLabel: n,
@@ -583,23 +583,23 @@ var U = {
 		className: o,
 		titleClassName: s,
 		colors: f?.shell,
-		children: /* @__PURE__ */ I("ul", {
+		children: /* @__PURE__ */ z("ul", {
 			role: "list",
 			className: "flex flex-col",
 			style: h,
-			children: a.map(({ key: e, label: t, icon: n, iconAfter: r, onClick: i }) => /* @__PURE__ */ I("li", { children: /* @__PURE__ */ I(m, {
+			children: a.map(({ key: e, label: t, icon: n, iconAfter: r, onClick: i }) => /* @__PURE__ */ z("li", { children: /* @__PURE__ */ z(m, {
 				type: "button",
 				className: l(ut.item, "w-full gap-3 px-4 py-[10px] text-start"),
-				iconBefore: /* @__PURE__ */ I("span", {
+				iconBefore: /* @__PURE__ */ z("span", {
 					className: ut.itemIcon,
 					children: n
 				}),
-				iconAfter: r ? /* @__PURE__ */ I("span", {
+				iconAfter: r ? /* @__PURE__ */ z("span", {
 					className: "ms-auto",
 					children: r
 				}) : null,
 				textClassName: d,
-				label: /* @__PURE__ */ I("span", {
+				label: /* @__PURE__ */ z("span", {
 					className: u,
 					children: t
 				}),
@@ -608,8 +608,8 @@ var U = {
 		})
 	});
 }, ft = ({ 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(() => {
+	let [s, c] = G(t), [l, u] = G(n), [d, f] = G(r), p = W(o);
+	H(() => {
 		o && !p.current && (c(t), u(n), f(r)), p.current = o;
 	}, [
 		o,
@@ -626,7 +626,7 @@ var U = {
 		setResponseFormat: c,
 		setSystemPrompt: u,
 		setTemperature: f,
-		handleSubmit: R(() => {
+		handleSubmit: V(() => {
 			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();
@@ -640,17 +640,17 @@ var U = {
 			a
 		])
 	};
-}, pt = { label: "_label_14i7c_1" }, mt = ({ 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 = [
+}, pt = { label: "_label_14i7c_1" }, q = ({ 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, pt.label, "gap-1");
-	return /* @__PURE__ */ L("div", {
+	return /* @__PURE__ */ B("div", {
 		className: "flex flex-col gap-4 px-6 pb-3",
 		style: S,
 		children: [
-			e.responseFormat && /* @__PURE__ */ I(ie, {
+			e.responseFormat && /* @__PURE__ */ z(F, {
 				id: "response-format",
 				labelProps: {
 					label: d,
@@ -658,7 +658,7 @@ var U = {
 					caption: f
 				},
 				optionsClassName: "mb-2",
-				orientation: ae.Column,
+				orientation: ne.Column,
 				value: t ?? o.Markdown,
 				items: [{
 					value: o.Markdown,
@@ -669,18 +669,18 @@ var U = {
 				}],
 				onChange: (e) => a(e)
 			}),
-			e.systemPrompt && /* @__PURE__ */ I(le, {
+			e.systemPrompt && /* @__PURE__ */ z(ae, {
 				value: n,
 				placeholder: g,
 				className: i,
-				resize: ue.Vertical,
+				resize: oe.Vertical,
 				labelProps: {
 					className: C,
 					label: h
 				},
 				onChange: (e) => s(e ?? "")
 			}),
-			e.temperature && /* @__PURE__ */ I(P, {
+			e.temperature && /* @__PURE__ */ z(R, {
 				labelProps: {
 					label: _,
 					className: C,
@@ -697,7 +697,7 @@ var U = {
 			})
 		]
 	});
-}, ht = ({ 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 }) => {
+}, mt = ({ 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: O, setSystemPrompt: k, setTemperature: ee, handleSubmit: A } = ft({
 		isOpen: e,
 		features: o,
@@ -707,7 +707,7 @@ var U = {
 		onSave: d,
 		onClose: r
 	});
-	return /* @__PURE__ */ L(Fe, {
+	return /* @__PURE__ */ B(Fe, {
 		isOpen: e,
 		title: f,
 		closeLabel: i,
@@ -715,7 +715,7 @@ var U = {
 		onBack: t,
 		backLabel: n,
 		style: a,
-		children: [/* @__PURE__ */ I(mt, {
+		children: [/* @__PURE__ */ z(q, {
 			features: o,
 			responseFormat: w,
 			systemPrompt: T,
@@ -732,13 +732,13 @@ var U = {
 			temperatureLabel: y,
 			temperatureLabels: b,
 			temperatureHint: x
-		}), /* @__PURE__ */ I("div", {
+		}), /* @__PURE__ */ z("div", {
 			className: l("px-6 py-4 mobile:pb-8"),
-			children: /* @__PURE__ */ I(fe, {
+			children: /* @__PURE__ */ z(ce, {
 				tooltip: C,
 				hideTooltip: D || !C,
 				triggerClassName: "w-full",
-				children: /* @__PURE__ */ I(M, {
+				children: /* @__PURE__ */ z(P, {
 					label: S,
 					onClick: A,
 					disabled: !D,
@@ -747,7 +747,7 @@ var U = {
 			})
 		})]
 	});
-}, G = { modal: "_modal_kl0h0_1" }, gt = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, title: o = "Chat settings", titleClassName: s = "dial-h1-text", responseFormatLabel: l, responseFormatHint: u, responseFormatMarkdownLabel: d, responseFormatPlainTextLabel: f, systemPromptLabel: p, systemPromptTooltip: m, temperatureLabel: g, temperatureLabels: _, temperatureHint: v, saveLabel: y = "Apply changes", saveDisabledTooltip: b, backgroundClassName: x = G.modal, colors: S }) => {
+}, ht = { modal: "_modal_kl0h0_1" }, gt = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, title: o = "Chat settings", titleClassName: s = "dial-h1-text", responseFormatLabel: l, responseFormatHint: u, responseFormatMarkdownLabel: d, responseFormatPlainTextLabel: f, systemPromptLabel: p, systemPromptTooltip: m, temperatureLabel: g, temperatureLabels: _, temperatureHint: v, saveLabel: y = "Apply changes", saveDisabledTooltip: b, backgroundClassName: x = ht.modal, colors: S }) => {
 	let { responseFormat: C, systemPrompt: w, temperature: T, canSubmit: E, setResponseFormat: D, setSystemPrompt: O, setTemperature: k, handleSubmit: ee } = ft({
 		features: e,
 		initialResponseFormat: t,
@@ -756,11 +756,11 @@ var U = {
 		onSave: i,
 		onClose: a
 	});
-	return /* @__PURE__ */ I(j, {
+	return /* @__PURE__ */ z(M, {
 		open: !0,
 		header: o,
 		titleClassName: s,
-		size: ne.Sm,
+		size: N.Sm,
 		onClose: a,
 		className: x,
 		overlayStyle: c({ "--csm-bg": S?.background }),
@@ -774,7 +774,7 @@ var U = {
 				hideTooltip: E
 			} : void 0
 		}],
-		children: /* @__PURE__ */ I(mt, {
+		children: /* @__PURE__ */ z(q, {
 			features: e,
 			responseFormat: C,
 			systemPrompt: w,
@@ -801,7 +801,7 @@ var U = {
 		"--tbs-icon-text": p?.iconText,
 		"--tbs-selected-icon-text": p?.selectedIconText
 	});
-	return /* @__PURE__ */ I(Fe, {
+	return /* @__PURE__ */ z(Fe, {
 		isOpen: e,
 		title: o,
 		closeLabel: i,
@@ -809,30 +809,30 @@ var U = {
 		onBack: t,
 		backLabel: n,
 		style: a,
-		children: /* @__PURE__ */ I("ul", {
+		children: /* @__PURE__ */ z("ul", {
 			role: "menu",
 			className: "flex flex-col pb-4",
 			style: h,
-			children: s.map((e) => /* @__PURE__ */ I("li", {
+			children: s.map((e) => /* @__PURE__ */ z("li", {
 				role: "none",
-				children: /* @__PURE__ */ I(m, {
+				children: /* @__PURE__ */ z(m, {
 					type: "button",
 					role: "menuitemcheckbox",
 					"aria-checked": e.isSelected,
 					className: "w-full gap-3 px-4 py-[10px] text-start",
-					iconBefore: /* @__PURE__ */ I("span", {
+					iconBefore: /* @__PURE__ */ z("span", {
 						className: l("flex items-center", _t.icon),
 						children: e.icon
 					}),
-					iconAfter: e.isSelected ? /* @__PURE__ */ I("span", {
+					iconAfter: e.isSelected ? /* @__PURE__ */ z("span", {
 						className: l("ms-auto", _t.selectedIcon),
-						children: /* @__PURE__ */ I(ve, {
+						children: /* @__PURE__ */ z(he, {
 							size: f,
 							"aria-hidden": !0,
 							stroke: v
 						})
 					}) : null,
-					label: /* @__PURE__ */ I("span", {
+					label: /* @__PURE__ */ z("span", {
 						className: d,
 						children: e.label
 					}),
@@ -845,14 +845,14 @@ var U = {
 	toolIcon: "_toolIcon_ma5s5_1",
 	chevronIcon: "_chevronIcon_ma5s5_5"
 }, bt = ({ 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: b = [], onToolToggle: x, toolsMenuTitle: C = "Tools", toolsBackLabel: w = "Back", menuOverlays: T, getCaretPosition: E, colors: O }) => {
-	let k = d(), [ee, A] = H(!1), [te, j] = H(!1), [ne, M] = H(!1), [re, ie] = H(null), [ae, oe] = H(!1), N = B(() => c({
+	let k = d(), [ee, A] = G(!1), [j, M] = G(!1), [N, P] = G(!1), [te, F] = G(null), [ne, re] = G(!1), I = U(() => c({
 		"--aab-tool-icon": O?.toolIcon,
 		"--aab-chevron-icon": O?.chevronIcon
-	}), [O?.toolIcon, O?.chevronIcon]), se = b.length > 0 && x != null, P = T != null && T.length > 0, ce = B(() => b.map((e) => ({
+	}), [O?.toolIcon, O?.chevronIcon]), L = b.length > 0 && x != null, R = T != null && T.length > 0, ie = U(() => b.map((e) => ({
 		key: e.id,
 		label: e.label,
-		icon: /* @__PURE__ */ I("span", {
-			style: N,
+		icon: /* @__PURE__ */ z("span", {
+			style: I,
 			className: l("flex items-center", yt.toolIcon),
 			children: e.icon
 		}),
@@ -863,12 +863,12 @@ var U = {
 	})), [
 		b,
 		x,
-		N
-	]), le = B(() => [
+		I
+	]), ae = U(() => [
 		...e == null ? [] : [{
 			key: "attach",
 			label: r,
-			icon: /* @__PURE__ */ I(Ce, {
+			icon: /* @__PURE__ */ z(be, {
 				size: f,
 				"aria-hidden": !0,
 				stroke: v
@@ -876,36 +876,36 @@ var U = {
 			onClick: e
 		}],
 		...g ?? [],
-		...se ? [{
+		...L ? [{
 			key: "tools",
 			label: C,
-			icon: /* @__PURE__ */ I(De, {
+			icon: /* @__PURE__ */ z(we, {
 				size: f,
 				"aria-hidden": !0,
 				stroke: v
 			}),
 			onClick: k ? () => {
-				M(!0), A(!1);
+				P(!0), A(!1);
 			} : () => void 0,
-			...k ? { iconAfter: /* @__PURE__ */ I(be, {
+			...k ? { iconAfter: /* @__PURE__ */ z(_e, {
 				size: f,
 				stroke: v,
-				style: N,
+				style: I,
 				className: l("rtl:scale-x-[-1]", yt.chevronIcon),
 				"aria-hidden": !0
-			}) } : { children: ce }
+			}) } : { children: ie }
 		}] : [],
 		...(T ?? []).map((e) => ({
 			key: e.key,
 			label: e.title,
 			icon: e.icon,
 			onClick: k ? () => {
-				ie(e.key), A(!1);
+				F(e.key), A(!1);
 			} : () => void 0,
-			...k ? { iconAfter: /* @__PURE__ */ I(be, {
+			...k ? { iconAfter: /* @__PURE__ */ z(_e, {
 				size: f,
 				stroke: v,
-				style: N,
+				style: I,
 				className: l("rtl:scale-x-[-1]", yt.chevronIcon),
 				"aria-hidden": !0
 			}) } : {
@@ -913,37 +913,37 @@ var U = {
 					key: `${e.key}-panel`,
 					label: ""
 				}],
-				renderSubMenu: () => e.renderOverlay(() => oe(!1), E?.() ?? 0)
+				renderSubMenu: () => e.renderOverlay(() => re(!1), E?.() ?? 0)
 			}
 		})),
 		...t == null ? [] : [{
 			key: "record-voice",
 			label: n,
-			icon: /* @__PURE__ */ I(Se, {
+			icon: /* @__PURE__ */ z(ye, {
 				size: f,
 				"aria-hidden": !0,
 				stroke: v
 			}),
 			onClick: () => {
-				A(!1), oe(!1), t();
+				A(!1), re(!1), t();
 			}
 		}],
 		...h == null ? [] : [{
 			key: "chat-settings",
 			label: h.menuItemLabel ?? "Chat settings",
-			icon: /* @__PURE__ */ I(Ee, {
+			icon: /* @__PURE__ */ z(Ce, {
 				size: f,
 				"aria-hidden": !0,
 				stroke: v
 			}),
-			iconAfter: k ? /* @__PURE__ */ I(be, {
+			iconAfter: k ? /* @__PURE__ */ z(_e, {
 				size: f,
 				stroke: v,
-				style: N,
+				style: I,
 				className: l("rtl:scale-x-[-1]", yt.chevronIcon),
 				"aria-hidden": !0
 			}) : null,
-			onClick: () => j(!0)
+			onClick: () => M(!0)
 		}]
 	], [
 		r,
@@ -953,25 +953,25 @@ var U = {
 		h,
 		g,
 		k,
-		se,
+		L,
 		C,
-		ce,
+		ie,
 		T,
 		E,
-		N
+		I
 	]);
-	if (le.length === 0) return null;
-	let ue = /* @__PURE__ */ I(y, {
+	if (ae.length === 0) return null;
+	let oe = /* @__PURE__ */ z(y, {
 		matchReferenceWidth: !1,
 		placement: "bottom-start",
 		listClassName: p,
 		overlayContentClassName: "flex flex-col gap-1",
-		items: le,
+		items: ae,
 		disabled: m,
-		open: P ? ae : void 0,
-		onOpenChange: P ? oe : void 0,
-		children: /* @__PURE__ */ I(S, {
-			icon: /* @__PURE__ */ I(Te, {
+		open: R ? ne : void 0,
+		onOpenChange: R ? re : void 0,
+		children: /* @__PURE__ */ z(S, {
+			icon: /* @__PURE__ */ z(Se, {
 				size: _.LG,
 				"aria-hidden": !0,
 				stroke: v
@@ -981,9 +981,9 @@ var U = {
 			disabled: m
 		})
 	});
-	return /* @__PURE__ */ I(F, { children: k ? /* @__PURE__ */ L(F, { children: [
-		/* @__PURE__ */ I(S, {
-			icon: /* @__PURE__ */ I(Te, {
+	return /* @__PURE__ */ z(le, { children: k ? /* @__PURE__ */ B(le, { children: [
+		/* @__PURE__ */ z(S, {
+			icon: /* @__PURE__ */ z(Se, {
 				size: _.LG,
 				"aria-hidden": !0,
 				stroke: v
@@ -993,52 +993,52 @@ var U = {
 			disabled: m,
 			onClick: () => A(!0)
 		}),
-		/* @__PURE__ */ I(dt, {
+		/* @__PURE__ */ z(dt, {
 			isOpen: ee,
 			title: a,
 			closeLabel: s,
 			onClose: () => A(!1),
 			style: u,
-			items: le,
+			items: ae,
 			className: "pb-4",
 			btnTextClassName: "flex-1"
 		}),
-		se && /* @__PURE__ */ I(vt, {
-			isOpen: ne,
+		L && /* @__PURE__ */ z(vt, {
+			isOpen: N,
 			onBack: () => {
-				M(!1), A(!0);
+				P(!1), A(!0);
 			},
 			backLabel: w,
-			onClose: () => M(!1),
+			onClose: () => P(!1),
 			closeLabel: s,
 			style: u,
 			title: C,
 			items: b,
 			onToolToggle: x
 		}),
-		T?.map((e) => /* @__PURE__ */ I(Fe, {
-			isOpen: re === e.key,
+		T?.map((e) => /* @__PURE__ */ z(Fe, {
+			isOpen: te === e.key,
 			title: e.title,
 			closeLabel: s,
 			onBack: () => {
-				ie(null), A(!0);
+				F(null), A(!0);
 			},
 			backLabel: e.backLabel ?? "Back",
-			onClose: () => ie(null),
+			onClose: () => F(null),
 			style: u,
-			children: /* @__PURE__ */ I("div", {
+			children: /* @__PURE__ */ z("div", {
 				role: "menu",
 				"aria-label": e.title,
-				children: e.renderOverlay(() => ie(null), E?.() ?? 0)
+				children: e.renderOverlay(() => F(null), E?.() ?? 0)
 			})
 		}, e.key)),
-		h != null && /* @__PURE__ */ I(ht, {
-			isOpen: te,
+		h != null && /* @__PURE__ */ z(mt, {
+			isOpen: j,
 			onBack: () => {
-				j(!1), A(!0);
+				M(!1), A(!0);
 			},
 			backLabel: h.backLabel ?? "Back",
-			onClose: () => j(!1),
+			onClose: () => M(!1),
 			closeLabel: s,
 			style: u,
 			features: h.features,
@@ -1059,13 +1059,13 @@ var U = {
 			saveLabel: h.saveLabel,
 			saveDisabledTooltip: h.saveDisabledTooltip
 		})
-	] }) : /* @__PURE__ */ L(F, { children: [ue, h != null && te && /* @__PURE__ */ I(gt, {
+	] }) : /* @__PURE__ */ B(le, { children: [oe, h != null && j && /* @__PURE__ */ z(gt, {
 		features: h.features,
 		initialResponseFormat: h.responseFormat ?? o.Markdown,
 		initialSystemPrompt: h.systemPrompt,
 		initialTemperature: h.temperature,
 		onSave: h.onSave,
-		onClose: () => j(!1),
+		onClose: () => M(!1),
 		title: h.title,
 		responseFormatLabel: h.responseFormatLabel,
 		responseFormatHint: h.responseFormatHint,
@@ -1103,50 +1103,50 @@ var U = {
 		"--ci-chip-state-text": u?.chipStateText,
 		"--ci-chip-close": u?.chipClose,
 		"--ci-chip-close-hover": u?.chipCloseHover
-	}), p = (e) => /* @__PURE__ */ I("span", {
+	}), p = (e) => /* @__PURE__ */ z("span", {
 		className: l(xt.chipIcon, "flex shrink-0"),
 		children: e.icon
-	}), m = (e) => /* @__PURE__ */ L("span", {
+	}), m = (e) => /* @__PURE__ */ B("span", {
 		className: "flex min-w-0 items-center",
-		children: [/* @__PURE__ */ L("span", {
+		children: [/* @__PURE__ */ B("span", {
 			className: l(xt.chipText, s?.fontClassName || "dial-small-paragraph-text", "truncate"),
-			children: [e.label, d && /* @__PURE__ */ I("span", {
+			children: [e.label, d && /* @__PURE__ */ z("span", {
 				"aria-hidden": !0,
 				children: ":"
 			})]
-		}), d && /* @__PURE__ */ I("span", {
+		}), d && /* @__PURE__ */ z("span", {
 			className: l(xt.chipState, s?.stateClassName || "dial-tiny-lead-text", "ms-1 shrink-0"),
 			"aria-hidden": !0,
 			children: e.isSelected ? a : o
 		})]
 	});
-	return /* @__PURE__ */ I("div", {
+	return /* @__PURE__ */ z("div", {
 		className: "flex flex-wrap items-center gap-2",
 		style: f,
-		children: e.map((e) => r ? /* @__PURE__ */ L("div", {
+		children: e.map((e) => r ? /* @__PURE__ */ B("div", {
 			className: l(xt.chip, e.isSelected && xt.chipSelected, "flex min-w-0 items-center gap-1.5 rounded-full border py-1 ps-2 pe-1 transition-colors"),
-			children: [/* @__PURE__ */ L("button", {
+			children: [/* @__PURE__ */ B("button", {
 				type: "button",
 				onClick: () => t(e.id),
 				"aria-pressed": e.isSelected,
 				className: "flex min-w-0 items-center gap-1.5",
-				children: [/* @__PURE__ */ I("span", {
+				children: [/* @__PURE__ */ z("span", {
 					className: "flex shrink-0",
 					"aria-hidden": !0,
 					children: p(e)
 				}), m(e)]
-			}), /* @__PURE__ */ I("button", {
+			}), /* @__PURE__ */ z("button", {
 				type: "button",
 				onClick: () => n(e.id),
 				"aria-label": i(e.label),
 				className: l(xt.chipClose, "flex shrink-0 items-center rounded p-0.5 transition-colors"),
-				children: /* @__PURE__ */ I(Oe, {
+				children: /* @__PURE__ */ z(Te, {
 					size: 12,
 					"aria-hidden": !0,
 					stroke: v
 				})
 			})]
-		}, e.id) : /* @__PURE__ */ I(de, {
+		}, e.id) : /* @__PURE__ */ z(se, {
 			icon: p(e),
 			label: m(e),
 			isSelected: e.isSelected,
@@ -1154,7 +1154,7 @@ var U = {
 			className: l(xt.chip, e.isSelected && xt.chipSelected, "h-auto min-w-0 gap-1.5 border px-2 py-1 transition-colors")
 		}, e.id))
 	});
-}, K = {
+}, J = {
 	wrapper: "_wrapper_13067_2",
 	wrapperDisabled: "_wrapperDisabled_13067_9",
 	textarea: "_textarea_13067_13",
@@ -1174,7 +1174,7 @@ var U = {
 	recordingDot: "_recordingDot_18zb5_15",
 	"recording-pulse": "_recording-pulse_18zb5_1"
 }, Tt = 3, Et = 4, Dt = 200, Ot = ({ 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(Dt)), m = V(0), h = V(0), g = e === tt.Recording, y = e === tt.Processing, b = R((e) => {
+	let f = W(null), p = W(new Float32Array(Dt)), m = W(0), h = W(0), g = e === tt.Recording, y = e === tt.Processing, b = V((e) => {
 		let t = e.getContext("2d");
 		if (!t) return;
 		e.width = e.clientWidth || 200, e.height = e.clientHeight || 32;
@@ -1188,7 +1188,7 @@ var U = {
 		}
 		t.restore();
 	}, []);
-	z(() => {
+	H(() => {
 		if (!g) return;
 		let e = f.current;
 		if (!e) return;
@@ -1217,7 +1217,7 @@ var U = {
 		g,
 		t,
 		b
-	]), z(() => {
+	]), H(() => {
 		let e = f.current;
 		if (!e) return;
 		let t = new ResizeObserver(() => {
@@ -1225,11 +1225,11 @@ var U = {
 		});
 		return t.observe(e), () => t.disconnect();
 	}, [b]);
-	let x = /* @__PURE__ */ L("div", {
+	let x = /* @__PURE__ */ B("div", {
 		className: "flex shrink-0 items-center justify-end gap-1",
 		children: [
-			/* @__PURE__ */ I(k, {
-				icon: /* @__PURE__ */ I(Oe, {
+			/* @__PURE__ */ z(k, {
+				icon: /* @__PURE__ */ z(Te, {
 					size: _.LG,
 					"aria-hidden": !0,
 					stroke: v
@@ -1238,8 +1238,8 @@ var U = {
 				className: "mobile:min-h-11 mobile:min-w-11",
 				onClick: r
 			}),
-			g && /* @__PURE__ */ I(re, {
-				icon: /* @__PURE__ */ I(ve, {
+			g && /* @__PURE__ */ z(te, {
+				icon: /* @__PURE__ */ z(he, {
 					size: _.LG,
 					"aria-hidden": !0,
 					stroke: v
@@ -1249,80 +1249,80 @@ var U = {
 				"aria-label": a,
 				className: "mobile:min-h-11 mobile:min-w-11"
 			}),
-			y && /* @__PURE__ */ I("span", {
+			y && /* @__PURE__ */ z("span", {
 				className: "flex size-[40px] shrink-0 items-center justify-center mobile:min-h-11 mobile:min-w-11",
-				children: /* @__PURE__ */ I(ce, {
+				children: /* @__PURE__ */ z(ie, {
 					size: 20,
 					ariaLabel: s
 				})
 			})
 		]
 	});
-	return /* @__PURE__ */ I("div", {
+	return /* @__PURE__ */ z("div", {
 		className: u,
-		children: /* @__PURE__ */ L("div", {
+		children: /* @__PURE__ */ B("div", {
 			style: c,
-			className: l("flex w-full min-w-0 flex-col justify-center gap-2", !d && K.wrapper, !d && "min-h-[64px] max-w-[748px] rounded-xl border px-3 shadow-md"),
-			children: [/* @__PURE__ */ L("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__ */ B("div", {
 				className: "flex min-w-0 flex-1 items-center gap-3",
-				children: [g && /* @__PURE__ */ I("span", {
+				children: [g && /* @__PURE__ */ z("span", {
 					className: l(wt.recordingDot, "pointer-events-none block size-[8px] rounded-3xl"),
 					"aria-hidden": !0
-				}), /* @__PURE__ */ I("canvas", {
+				}), /* @__PURE__ */ z("canvas", {
 					ref: f,
 					height: 26,
 					"aria-hidden": !0,
 					className: l(wt.waveformCanvas, "h-[26px] min-w-0 flex-1")
 				})]
-			}), /* @__PURE__ */ L("div", {
+			}), /* @__PURE__ */ B("div", {
 				className: "flex items-center justify-between gap-2",
-				children: [i ?? /* @__PURE__ */ I("span", { "aria-hidden": !0 }), x]
+				children: [i ?? /* @__PURE__ */ z("span", { "aria-hidden": !0 }), x]
 			})]
 		})
 	});
-}, kt = ({ onSend: e, isDisabled: t = !1, ariaLabel: n = "Send message", sendTooltip: r }) => /* @__PURE__ */ I(re, {
+}, kt = ({ onSend: e, isDisabled: t = !1, ariaLabel: n = "Send message", sendTooltip: r }) => /* @__PURE__ */ z(te, {
 	"aria-label": n,
 	onClick: () => e?.(),
 	disabled: t,
 	tooltipProps: r ? { tooltip: r } : void 0,
-	icon: /* @__PURE__ */ I(_e, {
+	icon: /* @__PURE__ */ z(me, {
 		size: _.LG,
 		className: "rtl:scale-x-[-1]",
 		stroke: v
 	})
-}), At = ({ onStop: e, ariaLabel: t = "Stop streaming" }) => /* @__PURE__ */ I(k, {
-	icon: /* @__PURE__ */ I(we, {
+}), At = ({ onStop: e, ariaLabel: t = "Stop streaming" }) => /* @__PURE__ */ z(k, {
+	icon: /* @__PURE__ */ z(xe, {
 		size: _.LG,
 		stroke: v
 	}),
 	onClick: () => e?.(),
 	"aria-label": t
-}), jt = ({ size: e = 20 }) => /* @__PURE__ */ I(N, {
-	variant: se.Circular,
+}), jt = ({ size: e = 20 }) => /* @__PURE__ */ z(I, {
+	variant: L.Circular,
 	width: e,
 	height: e,
 	active: !0
-}), Mt = ({ loadingLabel: e }) => /* @__PURE__ */ L("span", {
+}), Mt = ({ loadingLabel: e }) => /* @__PURE__ */ B("span", {
 	className: "flex min-w-0 flex-1 items-center",
-	children: [/* @__PURE__ */ I(N, {
-		variant: se.Text,
+	children: [/* @__PURE__ */ z(I, {
+		variant: L.Text,
 		width: "100%",
 		height: 16,
 		active: !0
-	}), e && /* @__PURE__ */ I("span", {
+	}), e && /* @__PURE__ */ z("span", {
 		className: "sr-only",
 		children: e
 	})]
-}), Nt = () => /* @__PURE__ */ I("div", {
+}), Nt = () => /* @__PURE__ */ z("div", {
 	"aria-hidden": "true",
-	children: Array.from({ length: 7 }).map((e, t) => /* @__PURE__ */ L("div", {
+	children: Array.from({ length: 7 }).map((e, t) => /* @__PURE__ */ B("div", {
 		className: "flex h-11 items-center gap-3 px-4",
-		children: [/* @__PURE__ */ I(jt, {}), /* @__PURE__ */ I(Mt, {})]
+		children: [/* @__PURE__ */ z(jt, {}), /* @__PURE__ */ z(Mt, {})]
 	}, t))
 }), Pt = (e) => e.displayName ?? e.id, Ft = (e, t) => {
 	let n = t.trim().toLowerCase();
 	return n ? e.filter((e) => Pt(e).toLowerCase().includes(n)) : e;
-}, It = (e, t, r, i = 18, a) => /* @__PURE__ */ I(n, {
+}, It = (e, t, r, i = 18, a) => /* @__PURE__ */ z(n, {
 	src: e,
 	size: i,
 	labels: { tooltip: a },
@@ -1335,16 +1335,16 @@ var U = {
 	selectedItemText: "_selectedItemText_1u7db_26",
 	checkIcon: "_checkIcon_1u7db_30"
 }, Rt = ({ 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(jt, { size: _.LG }) : It(s?.iconUrl, s?.type, s?.displayName ?? s?.id ?? "", _.LG, d ? r?.unavailableTooltip ?? "This deployment is no longer available" : void 0), [
+	let [a, o] = G(""), s = U(() => e?.find((e) => e.id === t), [e, t]), u = r?.loading !== void 0, d = !u && !s && !!t, f = U(() => u ? /* @__PURE__ */ z(jt, { size: _.LG }) : It(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 = B(() => {
+	]), p = s?.displayName ?? s?.id, m = s?.displayVersion, h = p ? `${r?.ariaLabel ?? "Select model"}: ${p}` : r?.ariaLabel ?? "Select model", g = U(() => {
 		if (u) return Array.from({ length: 7 }, (e, t) => ({
 			key: `__loading-${t}`,
-			icon: /* @__PURE__ */ I(jt, {}),
-			label: /* @__PURE__ */ I(Mt, { loadingLabel: t === 0 ? r?.loading : void 0 }),
+			icon: /* @__PURE__ */ z(jt, {}),
+			label: /* @__PURE__ */ z(Mt, { loadingLabel: t === 0 ? r?.loading : void 0 }),
 			disabled: !0
 		}));
 		if (!e || e.length === 0) {
@@ -1360,7 +1360,7 @@ var U = {
 			let r = e.id === t;
 			return {
 				key: e.id,
-				label: /* @__PURE__ */ I(C, {
+				label: /* @__PURE__ */ z(C, {
 					text: Pt(e),
 					query: a,
 					maxLines: 1
@@ -1368,7 +1368,7 @@ var U = {
 				icon: It(e.iconUrl, e.type, e.displayName ?? e.id),
 				mark: D.Check,
 				checked: r,
-				className: l(o?.itemText && Lt.itemText, o?.itemHoverBackground && Lt.itemHover, r && o?.selectedItemBackground && Lt.selectedItemBackground, r && o?.selectedItemText && Lt.selectedItemText, r && o?.checkIcon && Lt.checkIcon, i?.itemClassName, r && i?.selectedItemClassName, U.modelMenuItem, r && U.modelMenuItemSelected),
+				className: l(o?.itemText && Lt.itemText, o?.itemHoverBackground && Lt.itemHover, r && o?.selectedItemBackground && Lt.selectedItemBackground, r && o?.selectedItemText && Lt.selectedItemText, r && o?.checkIcon && Lt.checkIcon, i?.itemClassName, r && i?.selectedItemClassName, K.modelMenuItem, r && K.modelMenuItemSelected),
 				onClick: () => n?.(e.id)
 			};
 		});
@@ -1382,7 +1382,7 @@ var U = {
 		i?.itemClassName,
 		i?.selectedItemClassName,
 		i?.colors
-	]), v = B(() => c({
+	]), v = U(() => c({
 		"--ms-item-text": i?.colors?.itemText,
 		"--ms-item-hover-bg": i?.colors?.itemHoverBackground,
 		"--ms-selected-item-bg": i?.colors?.selectedItemBackground,
@@ -1395,10 +1395,10 @@ var U = {
 		selectedLabel: p,
 		selectedVersion: m,
 		menuItems: g,
-		menuHeader: B(() => !u && e && e.length > 0 ? /* @__PURE__ */ I("div", {
+		menuHeader: U(() => !u && e && e.length > 0 ? /* @__PURE__ */ z("div", {
 			style: c({ "--ms-search-header-bg": i?.colors?.searchHeaderBackground }),
-			className: l("sticky top-0 z-10 pe-2 pt-2 pb-1", Lt.searchHeader, i?.searchHeaderClassName, U.modelMenuSearch),
-			children: /* @__PURE__ */ I(oe, {
+			className: l("sticky top-0 z-10 pe-2 pt-2 pb-1", Lt.searchHeader, i?.searchHeaderClassName, K.modelMenuSearch),
+			children: /* @__PURE__ */ z(re, {
 				value: a,
 				placeholder: r?.searchPlaceholder ?? "Search",
 				size: b.Small,
@@ -1418,24 +1418,46 @@ var U = {
 			e || o("");
 		}
 	};
-}, zt = typeof window < "u" ? Pe : z;
+}, Y = typeof window < "u" ? Me : H;
+function zt(e) {
+	let t = e;
+	for (; t;) {
+		if (t.dir) return t.dir === "rtl";
+		t = t.parentElement;
+	}
+	return !1;
+}
+function X() {
+	return () => {};
+}
+function Z() {
+	return Ne(X, () => !1, () => !0);
+}
+function Q(e) {
+	return e?.ownerDocument.defaultView ?? window;
+}
 function Bt(e) {
+	return Q(e).ResizeObserver ?? (typeof ResizeObserver < "u" ? ResizeObserver : void 0);
+}
+function Vt(e) {
 	if (e !== void 0) switch (typeof e) {
 		case "number": return e;
 		case "string": if (e.endsWith("px")) return parseFloat(e);
 	}
 }
-function Vt({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
-	let { styleHeight: s, styleWidth: c } = B(() => ({
-		styleHeight: Bt(o?.height),
-		styleWidth: Bt(o?.width)
-	}), [o?.height, o?.width]), [l, u] = H({
+function Ht({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
+	let { styleHeight: s, styleWidth: c } = U(() => ({
+		styleHeight: Vt(o?.height),
+		styleWidth: Vt(o?.width)
+	}), [o?.height, o?.width]), [l, u] = G({
 		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 zt(() => {
+	return Y(() => {
 		if (i === null || d) return;
-		let t = new ResizeObserver((e) => {
+		let t = Bt(i);
+		if (!t) return;
+		let n = new t((e) => {
 			for (let t of e) {
 				let { contentRect: e, target: n } = t;
 				i === n && u((t) => t.height === e.height && t.width === e.width ? t : {
@@ -1444,8 +1466,8 @@ function Vt({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 				});
 			}
 		});
-		return t.observe(i, { box: e }), () => {
-			t?.unobserve(i);
+		return n.observe(i, { box: e }), () => {
+			n?.unobserve(i);
 		};
 	}, [
 		e,
@@ -1453,7 +1475,7 @@ function Vt({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 		i,
 		s,
 		c
-	]), B(() => ({
+	]), U(() => ({
 		height: s ?? l.height,
 		width: c ?? l.width
 	}), [
@@ -1462,110 +1484,200 @@ function Vt({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 		c
 	]);
 }
-function Ht(e) {
-	let t = V(() => {
-		throw Error("Cannot call during render.");
+function Ut(e) {
+	let t = W(() => {
+		throw Error("Cannot call an event handler while rendering.");
 	});
-	return zt(() => {
+	return Y(() => {
 		t.current = e;
-	}, [e]), R((e) => t.current?.(e), [t]);
+	}, [e]), V((...e) => t.current?.(...e), [t]);
 }
-var q = null;
-function J(e = !1) {
-	if (q === 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 ? q = "positive-descending" : (e.scrollLeft = 1, q = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), q;
+var $ = /* @__PURE__ */ new WeakMap();
+function Wt(e = !1, t = document) {
+	let n = $.get(t);
+	if (n === void 0 || e) {
+		let e = t.createElement("div"), r = e.style;
+		r.width = "50px", r.height = "50px", r.overflow = "scroll", r.direction = "rtl";
+		let i = t.createElement("div"), a = i.style;
+		a.width = "100px", a.height = "100px", e.appendChild(i), t.body.appendChild(e), e.scrollLeft > 0 ? n = "positive-descending" : (e.scrollLeft = 1, n = e.scrollLeft === 0 ? "negative" : "positive-ascending"), t.body.removeChild(e), $.set(t, n);
 	}
-	return q;
+	return n;
 }
-function Y({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
-	if (t === "horizontal" && n) switch (J()) {
+function Gt({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
+	if (t === "horizontal" && n) switch (Wt(!1, e?.ownerDocument ?? document)) {
 		case "negative": return -r;
 		case "positive-descending": if (e) {
-			let { clientWidth: t, scrollLeft: n, scrollWidth: r } = e;
-			return r - t - n;
+			let { clientWidth: t, scrollWidth: n } = e;
+			return n - t - r;
 		}
 	}
 	return r;
 }
-function Ut(e, t = "Assertion error") {
+function Kt({ container: e, element: t, onChange: n }) {
+	let r = Q(t), i = Bt(t), a = r.MutationObserver ?? (typeof MutationObserver < "u" ? MutationObserver : void 0), o = i ? new i(n) : void 0, s = (e) => !e.isConnected || (e.compareDocumentPosition(t) & Node.DOCUMENT_POSITION_FOLLOWING) !== 0, c = a ? new a((e) => {
+		e.some((e) => Array.from(e.addedNodes).some(s) || e.removedNodes.length > 0 && e.nextSibling !== null && s(e.nextSibling)) && (u(), n());
+	}) : void 0, l = /* @__PURE__ */ new Set(), u = () => {
+		for (let e of l) o?.unobserve(e);
+		l.clear(), c?.disconnect();
+		let n = t;
+		for (; n !== e;) {
+			let e = n.parentElement;
+			if (e === null) break;
+			if (o) for (let e = n.previousElementSibling; e !== null; e = e.previousElementSibling) l.add(e), o.observe(e);
+			c?.observe(e, { childList: !0 }), n = e;
+		}
+	};
+	return u(), () => {
+		o?.disconnect(), c?.disconnect();
+	};
+}
+function qt(e) {
+	return e.window === e;
+}
+function Jt(e, t) {
+	return t === "window" ? e ? Q(e) : null : t ?? null;
+}
+function Yt(e, t) {
+	return qt(e) ? t === "vertical" ? e.scrollY : e.scrollX : t === "vertical" ? e.scrollTop : e.scrollLeft;
+}
+function Xt(e, t) {
+	let n = qt(e) ? e.document.scrollingElement ?? e.document.documentElement : e;
+	return t === "vertical" ? n.scrollHeight - n.clientHeight : n.scrollWidth - n.clientWidth;
+}
+function Zt(e, t) {
+	let { overflowX: n, overflowY: r } = Q(e).getComputedStyle(e), i = t === "vertical" ? r : n;
+	return i === "visible" || i === "clip" ? !1 : t === "vertical" ? e.scrollHeight - e.clientHeight > 1 : e.scrollWidth - e.clientWidth > 1;
+}
+function Qt({ containerElement: e, direction: t, isRtl: n, scrollTarget: r }) {
+	let i = t === "vertical", a, o;
+	if (qt(r)) {
+		let { documentElement: e } = r.document;
+		a = 0, o = i ? e.clientHeight : e.clientWidth;
+	} else {
+		let e = r.getBoundingClientRect();
+		a = i ? e.top + r.clientTop : e.left + r.clientLeft, o = i ? r.clientHeight : r.clientWidth;
+	}
+	let s = a + o, c = e.getBoundingClientRect(), l = i ? c.top + e.clientTop : c.left + e.clientLeft, u = i ? e.clientHeight : e.clientWidth, d = l + u, f = Gt({
+		containerElement: e,
+		direction: t,
+		isRtl: n,
+		scrollOffset: i ? e.scrollTop : e.scrollLeft
+	}), p = !i && n ? d - s : a - l, m = p + o, h = Math.max(0, p), g = Math.min(u, m);
+	return {
+		offset: f + h,
+		size: Math.max(0, g - h),
+		viewportOffset: f + p,
+		viewportSize: o
+	};
+}
+function $t({ direction: e, isRtl: t, scrollTarget: n, viewportSize: r }) {
+	let i = qt(n) ? n.document.documentElement : n, a = Q(i).getComputedStyle(i), o = (e) => {
+		let t = parseFloat(e ?? "");
+		return !Number.isFinite(t) || t < 0 ? 0 : e.endsWith("px") ? t : e.endsWith("%") ? t * r / 100 : 0;
+	};
+	if (e === "vertical") return {
+		end: o(a.scrollPaddingBottom),
+		start: o(a.scrollPaddingTop)
+	};
+	let s = o(a.scrollPaddingLeft), c = o(a.scrollPaddingRight);
+	return t ? {
+		end: s,
+		start: c
+	} : {
+		end: c,
+		start: s
+	};
+}
+function en(e, t = "Assertion error") {
 	if (!e) throw console.error(t), Error(t);
 }
-function Wt(e, t) {
+function tn(e, t) {
 	if (e === t) return !0;
-	if (!!e != !!t || (Ut(e !== void 0), Ut(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;
+	if (!!e != !!t || (en(e !== void 0), en(t !== void 0), Object.keys(e).length !== Object.keys(t).length)) return !1;
+	for (let n in e) if (!Object.hasOwn(t, n) || !Object.is(t[n], e[n])) return !1;
 	return !0;
 }
-function Gt({ cachedBounds: e, itemCount: t, itemSize: n }) {
+function nn({ 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 Ut(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
+		return en(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
 	}
 }
-function Kt({ 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 = Gt({
+function rn({ align: e, cachedBounds: t, clamp: n = !0, index: r, itemCount: i, itemSize: a, containerScrollOffset: o, containerSize: s }) {
+	if (r < 0 || r >= i) throw RangeError(`Invalid index specified: ${r}`, { cause: `Index ${r} is not within the range of 0 - ${i - 1}` });
+	let c = t.get(r), l = nn({
 		cachedBounds: t,
-		itemCount: r,
-		itemSize: i
-	}), c = t.get(n), l = Math.max(0, Math.min(s - o, c.scrollOffset)), u = Math.max(0, c.scrollOffset - o + c.size);
-	switch (e === "smart" && (e = a >= u && a <= l ? "auto" : "center"), e) {
-		case "start": return l;
-		case "end": return u;
-		case "center": return c.scrollOffset <= o / 2 ? 0 : c.scrollOffset + c.size / 2 >= s - o / 2 ? s - o : c.scrollOffset + c.size / 2 - o / 2;
-		default: return a >= u && a <= l ? a : a < u ? u : l;
+		itemCount: i,
+		itemSize: a
+	}), u = (e) => n ? Math.max(0, Math.min(l - s, e)) : e, d = u(c.scrollOffset), f = n ? Math.max(0, c.scrollOffset - s + c.size) : c.scrollOffset - s + c.size, p = c.size > s ? o >= c.scrollOffset && o <= f : o >= f && o <= c.scrollOffset;
+	switch (e === "smart" && (e = p ? "auto" : "center"), e) {
+		case "start": return d;
+		case "end": return f;
+		case "center": return u(c.scrollOffset + c.size / 2 - s / 2);
+		default: return p ? o : o < f ? f : d;
 	}
 }
-function X({ 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);
-		if (n.scrollOffset + n.size > t) break;
-		u++;
-	}
-	for (o = u, c = Math.max(0, o - i); u < a;) {
-		let r = e.get(u);
-		if (r.scrollOffset + r.size >= t + n) break;
-		u++;
+function an({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCount: r, overscanCount: i }) {
+	let a = r - 1;
+	if (r === 0) return {
+		startIndexVisible: 0,
+		stopIndexVisible: -1,
+		startIndexOverscan: 0,
+		stopIndexOverscan: -1
+	};
+	let o, s, { itemSize: c } = e;
+	if (c !== void 0) c > 0 ? (o = Math.max(0, Math.min(a, Math.floor(t / c))), s = Math.max(o, Math.min(a, Math.ceil((t + n) / c) - 1))) : (o = 0, s = 0);
+	else {
+		let r = 0, i = Math.min(a, Math.max(0, e.size - 1));
+		for (; r < i;) {
+			let n = Math.floor((r + i) / 2), a = e.get(n);
+			a.scrollOffset + a.size > t ? i = n : r = n + 1;
+		}
+		for (; r < a;) {
+			let n = e.get(r);
+			if (n.scrollOffset + n.size > t) break;
+			r++;
+		}
+		for (o = r, s = r; s < a;) {
+			let r = e.get(s);
+			if (r.scrollOffset + r.size >= t + n) break;
+			s++;
+		}
 	}
-	return s = Math.min(a, u), l = Math.min(r - 1, s + i), o < 0 && (o = 0, s = -1, c = 0, l = -1), {
+	return {
 		startIndexVisible: o,
 		stopIndexVisible: s,
-		startIndexOverscan: c,
-		stopIndexOverscan: l
+		startIndexOverscan: Math.max(0, o - i),
+		stopIndexOverscan: Math.min(a, s + i)
 	};
 }
-function qt({ itemCount: e, itemProps: t, itemSize: n }) {
+function on({ itemCount: e, itemProps: t, itemSize: n }) {
 	let r = /* @__PURE__ */ new Map();
 	return {
+		itemSize: typeof n == "number" ? n : void 0,
 		get(i) {
-			for (Ut(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
-				let e = r.size, a;
-				switch (typeof n) {
-					case "function":
-						a = n(e, t);
-						break;
-					case "number": a = n;
-				}
+			if (en(i < e, `Invalid index ${i}`), typeof n == "number") return en(i >= 0, `Invalid index ${i}`), {
+				size: n,
+				scrollOffset: i * n
+			};
+			for (; r.size - 1 < i;) {
+				let e = r.size, a = n(e, t);
 				if (e === 0) r.set(e, {
 					size: a,
 					scrollOffset: 0
 				});
 				else {
 					let t = r.get(e - 1);
-					Ut(t !== void 0, `Unexpected bounds cache miss for index ${i}`), r.set(e, {
+					en(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 Ut(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
+			return en(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
 		},
 		set(e, t) {
 			r.set(e, t);
@@ -1575,8 +1687,8 @@ function qt({ itemCount: e, itemProps: t, itemSize: n }) {
 		}
 	};
 }
-function Jt({ itemCount: e, itemProps: t, itemSize: n }) {
-	return B(() => qt({
+function sn({ itemCount: e, itemProps: t, itemSize: n }) {
+	return U(() => on({
 		itemCount: e,
 		itemProps: t,
 		itemSize: n
@@ -1586,278 +1698,607 @@ function Jt({ itemCount: e, itemProps: t, itemSize: n }) {
 		n
 	]);
 }
-function Yt({ containerSize: e, itemSize: t }) {
+function cn({ containerSize: e, itemSize: t }) {
 	let n;
 	switch (typeof t) {
 		case "string":
-			Ut(t.endsWith("%"), `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`), Ut(e !== void 0, "Container size must be defined if a percentage item size is specified"), n = e * parseInt(t) / 100;
+			en(t.endsWith("%"), `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`), en(e !== void 0, "Container size must be defined if a percentage item size is specified"), n = e * parseFloat(t) / 100;
 			break;
 		default: n = t;
 	}
-	return n;
+	return typeof n == "number" && !(Number.isFinite(n) && n > 0) && (n = 0), n;
 }
-function Xt({ 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 } = Vt({
-		defaultHeight: r === "vertical" ? n : void 0,
-		defaultWidth: r === "horizontal" ? n : void 0,
+function ln({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0, defaultScrollOffset: r = 0, direction: i, isRtl: a = !1, itemCount: o, itemProps: s, itemSize: c, onResize: l, overscanCount: u, scrollElement: d }) {
+	let f = d !== void 0, p = f ? Jt(e, d) : e, { height: m = n, width: h = n } = Ht({
+		defaultHeight: i === "vertical" ? n : void 0,
+		defaultWidth: i === "horizontal" ? n : void 0,
 		element: e,
-		mode: r === "vertical" ? "only-height" : "only-width",
+		mode: i === "vertical" ? "only-height" : "only-width",
 		style: t
-	}), f = V({
+	}), g = W({
 		height: 0,
 		width: 0
-	}), p = r === "vertical" ? u : d, m = Yt({
-		containerSize: p,
-		itemSize: s
+	}), [_, v] = G(n), y = f ? _ : i === "vertical" ? m : h, b = cn({
+		containerSize: y,
+		itemSize: c
 	});
-	Pe(() => {
-		if (typeof c == "function") {
-			let e = f.current;
-			(e.height !== u || e.width !== d) && (c({
-				height: u,
-				width: d
-			}, { ...e }), e.height = u, e.width = d);
+	Y(() => {
+		if (typeof l == "function") {
+			let e = g.current;
+			(e.height !== m || e.width !== h) && (l({
+				height: m,
+				width: h
+			}, { ...e }), e.height = m, e.width = h);
 		}
 	}, [
-		u,
-		c,
-		d
+		m,
+		l,
+		h
 	]);
-	let h = Jt({
-		itemCount: a,
-		itemProps: o,
-		itemSize: m
-	}), g = R((e) => h.get(e), [h]), [_, v] = H(() => X({
-		cachedBounds: h,
-		containerScrollOffset: 0,
-		containerSize: p,
-		itemCount: a,
-		overscanCount: l
-	})), { startIndexVisible: y, startIndexOverscan: b, stopIndexVisible: x, stopIndexOverscan: S } = {
-		startIndexVisible: Math.min(a - 1, _.startIndexVisible),
-		startIndexOverscan: Math.min(a - 1, _.startIndexOverscan),
-		stopIndexVisible: Math.min(a - 1, _.stopIndexVisible),
-		stopIndexOverscan: Math.min(a - 1, _.stopIndexOverscan)
-	}, C = R(() => Gt({
-		cachedBounds: h,
-		itemCount: a,
-		itemSize: m
+	let x = sn({
+		itemCount: o,
+		itemProps: s,
+		itemSize: b
+	}), S = Z(), [C] = G(() => S || f ? 0 : r), w = V((e) => x.get(e), [x]), [T, E] = G(() => an({
+		cachedBounds: x,
+		containerScrollOffset: C,
+		containerSize: y,
+		itemCount: o,
+		overscanCount: u
+	})), { startIndexVisible: D, startIndexOverscan: O, stopIndexVisible: k, stopIndexOverscan: ee } = {
+		startIndexVisible: Math.min(o - 1, T.startIndexVisible),
+		startIndexOverscan: Math.min(o - 1, T.startIndexOverscan),
+		stopIndexVisible: Math.min(o - 1, T.stopIndexVisible),
+		stopIndexOverscan: Math.min(o - 1, T.stopIndexOverscan)
+	}, A = V(() => nn({
+		cachedBounds: x,
+		itemCount: o,
+		itemSize: b
 	}), [
-		h,
-		a,
-		m
-	]), w = R((t) => {
-		let n = Y({
+		x,
+		o,
+		b
+	]), j = V((t) => {
+		let n = Gt({
 			containerElement: e,
-			direction: r,
-			isRtl: i,
+			direction: i,
+			isRtl: a,
 			scrollOffset: t
 		});
-		return X({
-			cachedBounds: h,
+		return an({
+			cachedBounds: x,
 			containerScrollOffset: n,
-			containerSize: p,
-			itemCount: a,
-			overscanCount: l
+			containerSize: y,
+			itemCount: o,
+			overscanCount: u
 		});
 	}, [
-		h,
+		x,
 		e,
-		p,
-		r,
+		y,
 		i,
 		a,
-		l
-	]);
-	return zt(() => {
-		let t = (r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0;
-		v(w(t));
+		o,
+		u
+	]), M = W(!1);
+	Y(() => {
+		if (!e || o === 0 || f || M.current || (M.current = !0, r <= 0)) return;
+		let t = i === "horizontal" && zt(e);
+		if (Gt({
+			containerElement: e,
+			direction: i,
+			isRtl: t,
+			scrollOffset: i === "vertical" ? e.scrollTop : e.scrollLeft
+		}) !== 0) return;
+		let n = Gt({
+			containerElement: e,
+			direction: i,
+			isRtl: t,
+			scrollOffset: r
+		});
+		typeof e.scrollTo == "function" ? e.scrollTo({
+			behavior: "instant",
+			[i === "vertical" ? "top" : "left"]: n
+		}) : i === "vertical" ? e.scrollTop = n : e.scrollLeft = n;
+	}, [e, o]), Y(() => {
+		if (f && e && p) return;
+		let t = e && !f ? j(i === "vertical" ? e.scrollTop : e.scrollLeft) : an({
+			cachedBounds: x,
+			containerScrollOffset: C,
+			containerSize: y,
+			itemCount: o,
+			overscanCount: u
+		});
+		E((e) => tn(t, e) ? e : t);
 	}, [
+		x,
 		e,
-		r,
-		w
-	]), zt(() => {
-		if (!e) return;
+		y,
+		i,
+		j,
+		C,
+		f,
+		o,
+		u,
+		p
+	]), Y(() => {
+		if (!e || f) return;
 		let t = () => {
-			v((t) => {
-				let { scrollLeft: n, scrollTop: o } = e, s = Y({
+			E((t) => {
+				let { scrollLeft: n, scrollTop: r } = e, s = Gt({
 					containerElement: e,
-					direction: r,
-					isRtl: i,
-					scrollOffset: r === "vertical" ? o : n
-				}), c = X({
-					cachedBounds: h,
+					direction: i,
+					isRtl: a,
+					scrollOffset: i === "vertical" ? r : n
+				}), c = an({
+					cachedBounds: x,
 					containerScrollOffset: s,
-					containerSize: p,
-					itemCount: a,
-					overscanCount: l
+					containerSize: y,
+					itemCount: o,
+					overscanCount: u
 				});
-				return Wt(c, t) ? t : c;
+				return tn(c, t) ? t : c;
 			});
 		};
 		return e.addEventListener("scroll", t), () => {
 			e.removeEventListener("scroll", t);
 		};
 	}, [
-		h,
+		x,
 		e,
-		p,
-		r,
+		y,
+		i,
 		a,
-		l
+		f,
+		o,
+		u
+	]);
+	let N = Ut(() => {
+		if (!e || !p) return;
+		let { offset: t, size: n, viewportSize: r } = Qt({
+			containerElement: e,
+			direction: i,
+			isRtl: a,
+			scrollTarget: p
+		});
+		v(r);
+		let s = an({
+			cachedBounds: x,
+			containerScrollOffset: t,
+			containerSize: n,
+			itemCount: o,
+			overscanCount: u
+		});
+		E((e) => tn(s, e) ? e : s);
+	});
+	return Y(() => {
+		f && N();
+	}), Y(() => {
+		if (!f || !e || !p) return;
+		let t = Q(e), n = () => N();
+		p.addEventListener("scroll", n, { passive: !0 }), e.addEventListener("scroll", n, { passive: !0 }), t.addEventListener("resize", n);
+		let r, i = Bt(e);
+		i && !qt(p) && (r = new i(n), r.observe(p));
+		let a = Kt({
+			container: qt(p) ? p.document.documentElement : p,
+			element: e,
+			onChange: n
+		});
+		return () => {
+			p.removeEventListener("scroll", n), e.removeEventListener("scroll", n), t.removeEventListener("resize", n), r?.disconnect(), a();
+		};
+	}, [
+		e,
+		f,
+		p,
+		N
 	]), {
-		getCellBounds: g,
-		getEstimatedSize: C,
-		scrollToIndex: Ht(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
-			let s = Kt({
-				align: t,
-				cachedBounds: h,
-				containerScrollOffset: n,
-				containerSize: p,
-				index: o,
-				itemCount: a,
-				itemSize: m
-			});
-			if (e) {
-				if (s = Y({
+		getCellBounds: w,
+		getEstimatedSize: A,
+		getScrollPositionForIndex: Ut(({ align: t = "auto", index: n }) => {
+			let r = ({ clamp: e, containerScrollOffset: r, containerSize: i, padding: a }) => {
+				if (a.start === 0 && a.end === 0) return rn({
+					align: t,
+					cachedBounds: x,
+					clamp: e,
+					containerScrollOffset: r,
+					containerSize: i,
+					index: n,
+					itemCount: o,
+					itemSize: b
+				});
+				let s = rn({
+					align: t,
+					cachedBounds: x,
+					clamp: !1,
+					containerScrollOffset: r + a.start,
+					containerSize: Math.max(0, i - a.start - a.end),
+					index: n,
+					itemCount: o,
+					itemSize: b
+				}) - a.start;
+				return e ? Math.max(0, Math.min(A() - i, s)) : s;
+			};
+			if (f && e && p && !Zt(e, i)) {
+				let { viewportOffset: t, viewportSize: n } = Qt({
+					containerElement: e,
+					direction: i,
+					isRtl: a,
+					scrollTarget: p
+				}), o = r({
+					clamp: !1,
+					containerScrollOffset: t,
+					containerSize: n,
+					padding: $t({
+						direction: i,
+						isRtl: a,
+						scrollTarget: p,
+						viewportSize: n
+					})
+				}) - t, s = i === "horizontal" && a ? -o : o;
+				return {
+					scrollOffset: Yt(p, i) + s,
+					scrollTarget: p
+				};
+			}
+			let s = e ? i === "vertical" ? e.scrollTop : e.scrollLeft : 0, c = f && e ? i === "vertical" ? e.clientHeight : e.clientWidth : y, l = r({
+				clamp: !0,
+				containerScrollOffset: Gt({
 					containerElement: e,
-					direction: r,
-					isRtl: i,
+					direction: i,
+					isRtl: a,
 					scrollOffset: s
-				}), typeof e.scrollTo != "function") {
-					let e = w(s);
-					Wt(_, e) || v(e);
+				}),
+				containerSize: c,
+				padding: e ? $t({
+					direction: i,
+					isRtl: a,
+					scrollTarget: e,
+					viewportSize: c
+				}) : {
+					end: 0,
+					start: 0
+				}
+			});
+			if (e && (!f || p)) {
+				if (l = Gt({
+					containerElement: e,
+					direction: i,
+					isRtl: a,
+					scrollOffset: l
+				}), !f && typeof e.scrollTo != "function") {
+					let e = j(l);
+					tn(T, e) || E(e);
 				}
-				return s;
+				return {
+					scrollOffset: l,
+					scrollTarget: e
+				};
 			}
 		}),
-		startIndexOverscan: b,
-		startIndexVisible: y,
-		stopIndexOverscan: S,
-		stopIndexVisible: x
+		scrollTarget: p,
+		startIndexOverscan: O,
+		startIndexVisible: D,
+		stopIndexOverscan: ee,
+		stopIndexVisible: k
 	};
 }
-function Zt(e) {
-	return B(() => e, Object.values(e));
+function un(e) {
+	let [t, n] = G(e);
+	return tn(t, e) ? t : (n(e), e);
 }
-function Qt(e, t) {
+function dn(e, t) {
 	let { ariaAttributes: n, style: r, ...i } = e, { ariaAttributes: a, style: o, ...s } = t;
-	return Wt(n, a) && Wt(r, o) && Wt(i, s);
+	return tn(n, a) && tn(r, o) && tn(i, s);
+}
+var fn = "data-react-window-index", pn = "data-index";
+function mn(e) {
+	let t = e.getAttribute(fn) ?? e.getAttribute(pn);
+	return t !== null && /^\d+$/.test(t) ? Number(t) : void 0;
+}
+var hn = 1e3, gn = 500;
+function _n(e) {
+	return 1 - (1 - e) ** 3;
+}
+function vn({ direction: e, element: t, getCellBounds: n, isDynamicSize: r, itemCount: i, itemElements: a, scrollTarget: o, getScrollPositionForIndex: s }) {
+	let c = e === "vertical", l = W(null), u = W(void 0), d = Ut(() => {
+		l.current = null, u.current !== void 0 && (u.current.view.cancelAnimationFrame(u.current.id), u.current = void 0);
+	}), f = Ut(() => {
+		let e = Q(t);
+		u.current = {
+			id: e.requestAnimationFrame(p),
+			view: e
+		};
+	}), p = Ut(() => {
+		u.current = void 0;
+		let o = l.current;
+		if (!o) return;
+		let p = performance.now();
+		if (!t || !r || o.index >= i || o.animation !== void 0 && p >= o.animation.deadline) {
+			d();
+			return;
+		}
+		let m = s({
+			align: o.align,
+			index: o.index
+		});
+		if (m !== void 0) {
+			let { scrollOffset: t, scrollTarget: r } = m, s = Math.max(0, Math.min(t, Xt(r, e)));
+			o.animation === void 0 && (o.animation = {
+				deadline: p + (o.smooth ? gn : 0) + hn,
+				startOffset: Yt(r, e),
+				startTime: p
+			});
+			let l = o.smooth ? (p - o.animation.startTime) / gn : 1;
+			if (l < 1) {
+				let { startOffset: e } = o.animation;
+				o.stableFrames = 0, r.scrollTo({
+					behavior: "instant",
+					[c ? "top" : "left"]: e + (s - e) * _n(l)
+				});
+			} else if (Math.abs(s - Yt(r, e)) > 1) o.stableFrames = 0, r.scrollTo({
+				behavior: "instant",
+				[c ? "top" : "left"]: s
+			});
+			else {
+				let e = a.current;
+				if (!(e.some((e) => mn(e) === o.index) && e.every((e) => {
+					let t = mn(e);
+					if (t === void 0 || t >= i) return !0;
+					let r = c ? e.offsetHeight : e.offsetWidth;
+					return Math.abs(n(t).size - r) <= 1;
+				}))) o.stableFrames = 0;
+				else if (++o.stableFrames >= 2) {
+					d();
+					return;
+				}
+			}
+		}
+		f();
+	});
+	return Y(() => {
+		let e = o ?? t;
+		if (!e) return;
+		let n = (e) => {
+			switch (e.key) {
+				case "ArrowUp":
+				case "ArrowDown":
+				case "ArrowLeft":
+				case "ArrowRight":
+				case "PageUp":
+				case "PageDown":
+				case "Home":
+				case "End":
+				case " ": d();
+			}
+		};
+		return e.addEventListener("wheel", d, { passive: !0 }), e.addEventListener("touchstart", d, { passive: !0 }), e.addEventListener("pointerdown", d), e.addEventListener("keydown", n), () => {
+			d(), e.removeEventListener("wheel", d), e.removeEventListener("touchstart", d), e.removeEventListener("pointerdown", d), e.removeEventListener("keydown", n);
+		};
+	}, [
+		d,
+		t,
+		o
+	]), V(({ align: n = "auto", behavior: i = "auto", index: a }) => {
+		if (r && n === "smart") {
+			let t = s({
+				align: "auto",
+				index: a
+			});
+			n = t === void 0 || t.scrollOffset === Yt(t.scrollTarget, e) ? "auto" : "center";
+		}
+		let o = s({
+			align: n,
+			index: a
+		});
+		if (d(), o && typeof o.scrollTarget.scrollTo == "function") {
+			let { scrollOffset: e, scrollTarget: s } = o;
+			if (r) {
+				let e = i === "smooth" && t?.ownerDocument.visibilityState !== "hidden";
+				if (l.current = {
+					align: n,
+					index: a,
+					smooth: e,
+					stableFrames: 0
+				}, f(), e) return;
+			}
+			s.scrollTo({
+				behavior: r ? "instant" : i,
+				[c ? "top" : "left"]: e
+			});
+		}
+	}, [
+		d,
+		e,
+		t,
+		r,
+		c,
+		f,
+		s
+	]);
+}
+function yn({ callback: e, element: t, enabled: n = !0 }) {
+	let r = Ut(e);
+	H(() => {
+		if (!n || !t) return;
+		let e = Q(t), i = e.requestAnimationFrame(() => {
+			i = e.requestAnimationFrame(r);
+		});
+		return () => {
+			e.cancelAnimationFrame(i);
+		};
+	}, [
+		t,
+		n,
+		r
+	]);
+}
+function bn({ elements: e, isFlowLayout: t, rowCount: n, startIndex: r, stopIndex: i }) {
+	if (r < 0 || i < r) return [];
+	let a = [], o = /* @__PURE__ */ new Set(), s = !0;
+	for (let t of e) {
+		let e = t.getAttribute("aria-posinset");
+		if (e === null) continue;
+		let c = Number(e) - 1;
+		if (!/^\d+$/.test(e) || c < r || c > i || o.has(c) || t.getAttribute("aria-setsize") !== `${n}`) {
+			s = !1;
+			break;
+		}
+		o.add(c), a.push({
+			element: t,
+			index: c
+		});
+	}
+	if (s && a.length > 0) return a;
+	let c = Math.min(e.length, i - r + 1);
+	return (t ? e.slice(e.length - c) : e.slice(0, c)).map((e, t) => ({
+		element: e,
+		index: r + t
+	}));
 }
-function $t(e) {
+function xn(e) {
 	return typeof e == "object" && !!e && "getAverageRowHeight" in e && typeof e.getAverageRowHeight == "function";
 }
-var en = "data-react-window-index";
-function tn({ 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 = Zt(u), h = B(() => je(s, Qt), [s]), [g, _] = H(null), v = $t(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = Xt({
-		containerElement: g,
-		containerStyle: f,
+var Sn = "data-react-window-sizer";
+function Cn({ children: e, className: t, defaultHeight: n = 0, defaultScrollOffset: r = 0, listRef: i, onResize: a, onRowsRendered: o, overscanCount: s = 3, rowComponent: c, rowCount: l, rowHeight: u, rowKey: d, rowProps: f, scrollElement: p, tagName: m = "div", style: h, ...g }) {
+	let _ = un(f), v = U(() => ke(c, dn), [c]), [y, b] = G(null), x = xn(u), S = U(() => x ? (e) => u.getRowHeight(e) ?? u.getAverageRowHeight() : u, [x, u]), C = Z(), [w, T] = G(() => C && x), E = W(u);
+	Y(() => {
+		w && E.current !== u && T(!1);
+	}, [w, u]), yn({
+		callback: () => T(!1),
+		element: y,
+		enabled: w
+	});
+	let { getCellBounds: D, getEstimatedSize: O, scrollTarget: k, getScrollPositionForIndex: ee, startIndexOverscan: A, startIndexVisible: j, stopIndexOverscan: M, stopIndexVisible: N } = ln({
+		containerElement: y,
+		containerStyle: h,
 		defaultContainerSize: n,
+		defaultScrollOffset: r,
+		direction: "vertical",
+		itemCount: l,
+		itemProps: _,
+		itemSize: S,
+		onResize: a,
+		overscanCount: s,
+		scrollElement: p
+	}), P = W([]), te = vn({
 		direction: "vertical",
-		itemCount: c,
-		itemProps: m,
-		itemSize: B(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
-		onResize: i,
-		overscanCount: o
+		element: y,
+		getCellBounds: D,
+		isDynamicSize: x,
+		itemCount: l,
+		itemElements: P,
+		scrollTarget: k,
+		getScrollPositionForIndex: ee
 	});
-	Ne(r, () => ({
+	je(i, () => ({
 		get element() {
-			return g;
+			return y;
 		},
-		scrollToRow({ align: e = "auto", behavior: t = "auto", index: n }) {
-			let r = x({
-				align: e,
-				containerScrollOffset: g?.scrollTop ?? 0,
-				index: n
-			});
-			typeof g?.scrollTo == "function" && g.scrollTo({
-				behavior: t,
-				top: r
-			});
-		}
-	}), [g, x]), zt(() => {
-		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(en, n), !0;
-		});
-		if (v) return l.observeRowElements(e);
+		scrollToRow: te
+	}), [y, te]);
+	let F = w && x && A === 0;
+	Y(() => {
+		if (!y) return;
+		let e = Array.from(y.children).filter((e) => !e.hasAttribute(Sn)), t = bn({
+			elements: e,
+			isFlowLayout: F,
+			rowCount: l,
+			startIndex: A,
+			stopIndex: M
+		}), n = t.map(({ element: e }) => e);
+		if (e.forEach((e) => {
+			n.includes(e) || e.removeAttribute(fn);
+		}), t.forEach(({ element: e, index: t }) => {
+			e.setAttribute(fn, `${t}`);
+		}), P.current = n, x) return u.observeRowElements(n);
 	}, [
-		g,
 		v,
+		y,
+		x,
+		F,
 		l,
-		S,
-		w
-	]), z(() => {
-		S >= 0 && w >= 0 && a && a({
-			startIndex: C,
-			stopIndex: T
+		u,
+		d,
+		_,
+		A,
+		M
+	]), H(() => {
+		A >= 0 && M >= 0 && o && o({
+			startIndex: j,
+			stopIndex: N
 		}, {
-			startIndex: S,
-			stopIndex: w
+			startIndex: A,
+			stopIndex: M
 		});
 	}, [
-		a,
-		S,
-		C,
-		w,
-		T
+		o,
+		A,
+		j,
+		M,
+		N
 	]);
-	let E = B(() => {
+	let ne = U(() => {
 		let e = [];
-		if (c > 0) for (let t = S; t <= w; t++) {
-			let n = y(t);
-			e.push(/* @__PURE__ */ ke(h, {
-				...m,
+		if (l > 0) for (let t = A; t <= M; t++) {
+			let n = D(t);
+			e.push(/* @__PURE__ */ De(v, {
+				..._,
 				ariaAttributes: {
 					"aria-posinset": t + 1,
-					"aria-setsize": c,
+					"aria-setsize": l,
 					role: "listitem"
 				},
-				key: t,
+				key: d ? d(t, _) : t,
 				index: t,
-				style: {
+				style: F ? { width: "100%" } : {
 					position: "absolute",
 					left: 0,
 					transform: `translateY(${n.scrollOffset}px)`,
-					height: v ? void 0 : n.size,
+					height: x ? void 0 : n.size,
 					width: "100%"
 				}
 			}));
 		}
 		return e;
 	}, [
-		h,
-		y,
 		v,
-		c,
-		m,
-		S,
-		w
-	]), D = /* @__PURE__ */ I("div", {
+		D,
+		x,
+		F,
+		l,
+		d,
+		_,
+		A,
+		M
+	]), re = /* @__PURE__ */ z("div", {
 		"aria-hidden": !0,
+		[Sn]: "",
 		style: {
-			height: b(),
+			position: F ? "absolute" : void 0,
+			top: F ? 0 : void 0,
+			height: O(),
 			width: "100%",
 			zIndex: -1
 		}
-	});
-	return ke(d, {
+	}, "sizer"), I = /* @__PURE__ */ z(Ee, { children: e }, "children"), L = /* @__PURE__ */ z(Ee, { children: ne }, "rows");
+	return De(m, {
 		role: "list",
-		...p,
+		...g,
 		className: t,
-		ref: _,
+		ref: b,
 		style: {
 			position: "relative",
-			maxHeight: "100%",
 			flexGrow: 1,
-			overflowY: "auto",
-			...f
+			...p === void 0 && {
+				maxHeight: "100%",
+				overflowY: "auto"
+			},
+			...h
 		}
-	}, E, e, D);
+	}, ...F ? [I, L] : [L, I], re);
 }
-var Z = {
+var wn = /* @__PURE__ */ Object.assign(Cn, { displayName: "List" }), Tn = {
 	search: "_search_5skzl_1",
 	divider: "_divider_5skzl_5",
 	item: "_item_5skzl_9",
@@ -1866,29 +2307,29 @@ var Z = {
 	stateLabel: "_stateLabel_5skzl_27",
 	itemSelectedBackground: "_itemSelectedBackground_5skzl_37",
 	itemSelectedText: "_itemSelectedText_5skzl_41"
-}, nn = 44, rn = 8, an = ({ index: e, style: t, ariaAttributes: n, items: r, selectedDeploymentId: i, labelClassName: a, query: o, itemClassName: s, selectedItemClassName: c, hasSelectedBackground: u, hasSelectedText: d, onSelect: f }) => {
+}, En = 44, Dn = 8, On = ({ 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 = It(p.iconUrl, p.type, p.displayName ?? p.id, _.SM), g = p.id === i;
-	return /* @__PURE__ */ I("div", {
+	return /* @__PURE__ */ z("div", {
 		style: t,
 		...n,
-		children: /* @__PURE__ */ I(m, {
+		children: /* @__PURE__ */ z(m, {
 			type: "button",
 			"aria-current": g ? "true" : void 0,
-			className: l(Z.item, "h-full w-full gap-3 px-4", g && u && Z.itemSelectedBackground, g && d && Z.itemSelectedText, s, g && c, U.modelMenuItem, g && U.modelMenuItemSelected),
-			iconBefore: /* @__PURE__ */ I("span", {
-				className: Z.itemIcon,
+			className: l(Tn.item, "h-full w-full gap-3 px-4", g && u && Tn.itemSelectedBackground, g && d && Tn.itemSelectedText, s, g && c, K.modelMenuItem, g && K.modelMenuItemSelected),
+			iconBefore: /* @__PURE__ */ z("span", {
+				className: Tn.itemIcon,
 				children: h
 			}),
-			label: /* @__PURE__ */ L("span", {
+			label: /* @__PURE__ */ B("span", {
 				className: "flex flex-1 items-center justify-between gap-2",
-				children: [/* @__PURE__ */ I(C, {
+				children: [/* @__PURE__ */ z(C, {
 					text: p.displayName ?? p.id,
 					query: o,
 					maxLines: 1,
 					className: l(a, "min-w-0 flex-1 text-start")
-				}), g && /* @__PURE__ */ I(ve, {
+				}), g && /* @__PURE__ */ z(he, {
 					size: _.SM,
-					className: Z.checkIcon,
+					className: Tn.checkIcon,
 					"aria-hidden": !0,
 					stroke: v
 				})]
@@ -1896,9 +2337,9 @@ var Z = {
 			onClick: () => f(p.id)
 		})
 	});
-}, on = ({ 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(() => {
+}, kn = ({ 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] = G("");
+	H(() => {
 		e || y("");
 	}, [e]);
 	let x = a && a.length > 0, S = u !== void 0, C = !x && !S ? d ?? f : void 0, T = x ? Ft(a, v) : [], E = (e) => {
@@ -1913,44 +2354,44 @@ var Z = {
 		"--ci-sheet-selected-bg": D?.selectedItemBackground,
 		"--ci-sheet-selected-text": D?.selectedItemText
 	});
-	return /* @__PURE__ */ I(Fe, {
+	return /* @__PURE__ */ z(Fe, {
 		isOpen: e,
 		title: t,
 		closeLabel: n,
 		onClose: i,
 		style: p,
 		titleClassName: m,
-		className: l("max-h-[80dvh]", _?.className, U.modelMenu),
+		className: l("max-h-[80dvh]", _?.className, K.modelMenu),
 		colors: g?.shell,
-		children: /* @__PURE__ */ L("div", {
+		children: /* @__PURE__ */ B("div", {
 			className: "contents",
 			style: O,
 			children: [
-				/* @__PURE__ */ I(w, {
+				/* @__PURE__ */ z(w, {
 					visuallyHidden: !0,
 					children: S ? u : null
 				}),
-				x && !S && /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I("div", {
+				x && !S && /* @__PURE__ */ B(le, { children: [/* @__PURE__ */ z("div", {
 					style: c({ "--ci-sheet-search-bg": _?.colors?.searchHeaderBackground }),
-					className: l("shrink-0 px-4 py-[10px]", Z.search, _?.searchHeaderClassName, U.modelMenuSearch),
-					children: /* @__PURE__ */ I(oe, {
+					className: l("shrink-0 px-4 py-[10px]", Tn.search, _?.searchHeaderClassName, K.modelMenuSearch),
+					children: /* @__PURE__ */ z(re, {
 						value: v,
 						placeholder: r,
 						size: b.Standard,
 						onChange: (e) => y(e ?? "")
 					})
-				}), /* @__PURE__ */ I("div", { className: l(Z.divider, "h-px shrink-0") })] }),
-				S ? /* @__PURE__ */ I(Nt, {}) : C ? /* @__PURE__ */ I("div", {
+				}), /* @__PURE__ */ z("div", { className: l(Tn.divider, "h-px shrink-0") })] }),
+				S ? /* @__PURE__ */ z(Nt, {}) : C ? /* @__PURE__ */ z("div", {
 					role: "list",
-					className: l(Z.stateLabel, h, "px-4 py-4"),
+					className: l(Tn.stateLabel, h, "px-4 py-4"),
 					children: C
-				}) : /* @__PURE__ */ I(tn, {
+				}) : /* @__PURE__ */ z(wn, {
 					role: "list",
 					className: "overflow-y-auto",
-					style: { height: Math.min(T.length, rn) * nn },
-					rowComponent: an,
+					style: { height: Math.min(T.length, Dn) * En },
+					rowComponent: On,
 					rowCount: T.length,
-					rowHeight: nn,
+					rowHeight: En,
 					rowProps: {
 						items: T,
 						selectedDeploymentId: o,
@@ -1966,8 +2407,8 @@ var Z = {
 			]
 		})
 	});
-}, sn = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, menuStyles: i, nameClassName: a = "dial-small-text", versionClassName: o = "dial-tiny-text", isStreaming: u, isMobile: d, isDisabled: f = !1, style: p, modelPickerOverlay: h, isPickerOpen: g, onPickerToggle: b, onPickerOpenChange: x }) => {
-	let [C, w] = H(!1), { selectorIcon: T, selectorAriaLabel: E, selectedLabel: D, selectedVersion: O, menuItems: k, menuHeader: ee, menuStyle: A, onOpenChange: te } = Rt({
+}, An = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, menuStyles: i, nameClassName: a = "dial-small-text", versionClassName: o = "dial-tiny-text", isStreaming: u, isMobile: d, isDisabled: f = !1, style: p, modelPickerOverlay: h, isPickerOpen: g, onPickerToggle: b, onPickerOpenChange: x }) => {
+	let [C, w] = G(!1), { selectorIcon: T, selectorAriaLabel: E, selectedLabel: D, selectedVersion: O, menuItems: k, menuHeader: ee, menuStyle: A, onOpenChange: j } = Rt({
 		deployments: e,
 		selectedDeploymentId: t,
 		onDeploymentChange: n,
@@ -1975,36 +2416,36 @@ var Z = {
 		styles: i
 	});
 	if (!e) return null;
-	let j = u || f, ne = j ? "pointer-events-none opacity-50 cursor-not-allowed" : void 0, M = /* @__PURE__ */ I(ye, {
+	let M = u || f, N = M ? "pointer-events-none opacity-50 cursor-not-allowed" : void 0, P = /* @__PURE__ */ z(ge, {
 		size: _.SM,
-		className: l(K.modelSelectorCaret, U.modelSelectorCaret),
+		className: l(J.modelSelectorCaret, K.modelSelectorCaret),
 		"aria-hidden": !0,
 		stroke: v
-	}), re = /* @__PURE__ */ I("span", {
-		className: l("flex shrink-0 items-center", U.modelSelectorIcon),
+	}), te = /* @__PURE__ */ z("span", {
+		className: l("flex shrink-0 items-center", K.modelSelectorIcon),
 		children: T
 	});
-	if (d) return /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(S, {
+	if (d) return /* @__PURE__ */ B(le, { children: [/* @__PURE__ */ z(S, {
 		tooltipProps: { tooltip: D },
-		icon: /* @__PURE__ */ L("div", {
+		icon: /* @__PURE__ */ B("div", {
 			className: "flex items-center gap-1",
-			children: [re, M]
+			children: [te, P]
 		}),
 		"aria-label": E,
-		"aria-disabled": j || void 0,
+		"aria-disabled": M || void 0,
 		onClick: () => {
-			j || w(!0);
+			M || w(!0);
 		},
-		className: l("w-[50px]", K.modelSelectorButton, ne, U.modelSelectorButton)
-	}), h ? /* @__PURE__ */ I(Fe, {
+		className: l("w-[50px]", J.modelSelectorButton, N, K.modelSelectorButton)
+	}), h ? /* @__PURE__ */ z(Fe, {
 		isOpen: C,
 		title: r?.ariaLabel ?? "Select model",
 		closeLabel: r?.closeLabel ?? "Close",
 		onClose: () => w(!1),
 		style: p,
-		className: l(i?.className, U.modelMenu),
+		className: l(i?.className, K.modelMenu),
 		children: h(() => w(!1))
-	}) : /* @__PURE__ */ I(on, {
+	}) : /* @__PURE__ */ z(kn, {
 		isOpen: C,
 		title: r?.ariaLabel ?? "Select model",
 		closeLabel: r?.closeLabel ?? "Close",
@@ -2021,7 +2462,7 @@ var Z = {
 	})] });
 	if (h) {
 		let e = O ? `${D} · ${O}` : D;
-		return /* @__PURE__ */ I(y, {
+		return /* @__PURE__ */ z(y, {
 			placement: "top-end",
 			matchReferenceWidth: !1,
 			open: g,
@@ -2029,394 +2470,394 @@ var Z = {
 			trigger: [],
 			outsideClosable: !0,
 			renderOverlay: () => h(() => x?.(!1)),
-			listClassName: l("w-[368px]!", K.modelOverlayPanel, i?.className, U.modelMenu),
+			listClassName: l("w-[368px]!", J.modelOverlayPanel, i?.className, K.modelMenu),
 			listStyle: c({ "--ci-model-overlay-bg": i?.colors?.overlayBackground }),
-			children: /* @__PURE__ */ I(m, {
+			children: /* @__PURE__ */ z(m, {
 				"aria-label": E,
-				"aria-disabled": j || void 0,
+				"aria-disabled": M || 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", K.modelSelectorButton, ne, j && K.modelSelectorButtonDisabled, U.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, N, M && J.modelSelectorButtonDisabled, K.modelSelectorButton),
 				onClick: () => {
-					j || b?.();
+					M || b?.();
 				},
-				iconBefore: re,
-				iconAfter: M,
+				iconBefore: te,
+				iconAfter: P,
 				textClassName: "min-w-0",
-				label: /* @__PURE__ */ L("span", {
+				label: /* @__PURE__ */ B("span", {
 					className: "flex max-w-[180px] min-w-0 items-baseline gap-1",
-					children: [/* @__PURE__ */ I("span", {
-						className: l("max-w-[180px] shrink-0 truncate", a, K.modelSelectorName),
+					children: [/* @__PURE__ */ z("span", {
+						className: l("max-w-[180px] shrink-0 truncate", a, J.modelSelectorName),
 						children: D
-					}), O && /* @__PURE__ */ I("span", {
-						className: l("min-w-0 truncate", o, K.modelSelectorVersion),
+					}), O && /* @__PURE__ */ z("span", {
+						className: l("min-w-0 truncate", o, J.modelSelectorVersion),
 						children: O
 					})]
 				})
 			})
 		});
 	}
-	return /* @__PURE__ */ I("div", {
-		className: l(ne),
-		"aria-disabled": j || void 0,
-		children: /* @__PURE__ */ I(y, {
+	return /* @__PURE__ */ z("div", {
+		className: l(N),
+		"aria-disabled": M || void 0,
+		children: /* @__PURE__ */ z(y, {
 			items: k,
 			menuHeader: ee,
 			placement: "bottom-end",
 			matchReferenceWidth: !1,
 			maxDropdownHeight: s,
-			listClassName: l("w-[240px]!", i?.className, U.modelMenu),
+			listClassName: l("w-[240px]!", i?.className, K.modelMenu),
 			listStyle: A,
-			disabled: j,
-			onOpenChange: j ? void 0 : te,
-			children: /* @__PURE__ */ I(m, {
+			disabled: M,
+			onOpenChange: M ? void 0 : j,
+			children: /* @__PURE__ */ z(m, {
 				"aria-label": E,
-				"aria-disabled": j || void 0,
+				"aria-disabled": M || void 0,
 				tooltipProps: { tooltip: D },
-				iconBefore: re,
-				iconAfter: M,
-				className: l("h-auto gap-1 rounded-full! border-0! p-1.5", K.modelSelectorButton, j && K.modelSelectorButtonDisabled, U.modelSelectorButton)
+				iconBefore: te,
+				iconAfter: P,
+				className: l("h-auto gap-1 rounded-full! border-0! p-1.5", J.modelSelectorButton, M && J.modelSelectorButtonDisabled, K.modelSelectorButton)
 			})
 		})
 	});
-}, cn = Ae(({ 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: D = "Menu", menuCloseLabel: O = "Close", removeLabel: k, retryLabel: ee, uploadingLabel: A, expandLabel: te, clickLabel: j, sendLabel: ne, sendTooltip: M, emptyMessageTooltip: re, stopLabel: ie, micLabel: ae = "Dictate", recordVoiceLabel: oe = "Record voice", stopRecordingLabel: N, discardRecordingLabel: se, colors: P, typography: ce, attachmentTray: le, modelMenu: ue, className: de, pendingDropFiles: fe = [], onDropFilesConsumed: me, pendingAttachments: he = [], onPendingAttachmentsConsumed: _e, pasteTextThreshold: ve = 4e3, maxMessageLength: ye = 5e4, deployments: be, selectedDeploymentId: Ce, onDeploymentChange: we, modelSelectorLabels: Te, initialAttachments: Ee = [], hideAddButton: De = !1, hideAttachFile: Oe = !1, hideActionBar: ke = !1, actionRowLayout: Ae = lt.Stacked, isInlineActionRowAllowedBelowDesktop: je = !1, renderFooterActions: Me, isInputDisabled: W = !1, isModelSelectorDisabled: Fe = !1, isSendDisabled: Ie = !1, isAudioMessageSupported: Re = !1, isVoiceRecordingSupported: ze = Re, onTranscribeAudio: Be, transcribingLabel: Ve, voiceErrorLabel: We, sendOnEnter: Ge = ct.Enter, prefixAttachments: Je = [], onRemovePrefixAttachment: Ye, chatSettings: $e, toolsMenuItems: rt, onToolToggle: it, canRemoveTools: at = !0, toolsMenuTitle: ot, toolsBackLabel: ut, toolsChipLabels: dt, menuOverlays: ft, activeMentions: pt, onBackspaceAtCaret: mt, caretPositionOverride: ht, commandMenu: G, autoFocus: gt = !1, messageHistory: _t, onDialFileSystemClick: vt, dialFileSystemLabel: yt, validateAttachment: xt, onAttachmentClick: St, modelPickerOverlay: wt, maximumAttachmentsAmount: Tt, onAttachmentsLimitExceeded: Et, isAttachmentsEnabled: Dt = !0, isTextAttachmentsAllowed: jt = !0, usageLimitsSlot: Mt, onMessageTooLong: Nt }, Pt) => {
-	let Ft = d(), [It, Lt] = H(!1), Rt = Ke(_t), zt = pt ?? [], Bt = zt.length > 0, Vt = B(() => c({
-		"--ci-bg": P?.background,
-		"--ci-text": P?.text,
-		"--ci-border": P?.border,
-		"--ci-border-focus": P?.borderFocus,
-		"--ci-placeholder": P?.placeholder,
-		"--ci-text-disabled": P?.textDisabled,
-		"--ci-model-selector-caret-color": P?.modelSelectorCaret,
-		"--ci-model-selector-hover-bg": P?.modelSelectorHoverBg,
-		"--ci-model-selector-disabled-color": P?.modelSelectorDisabled,
-		"--ci-model-selector-name-color": P?.modelSelectorName,
-		"--ci-model-selector-version-color": P?.modelSelectorVersion,
-		"--ci-voice-waveform": P?.voiceWaveform,
-		"--ci-voice-accent": P?.voiceAccent,
-		"--ci-mention-highlight-bg": P?.mentionHighlightBg,
-		"--ci-mention-highlight-text": P?.mentionHighlightText,
-		"--ci-mention-highlight-unsupported-bg": P?.mentionHighlightUnsupportedBg,
-		"--ci-mention-highlight-unsupported-text": P?.mentionHighlightUnsupportedText,
-		"--ci-selection-highlight-bg": P?.selectionHighlightBg
-	}), [P]), Ht = B(() => vt ? [{
+}, jn = Oe(({ 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: D = "Menu", menuCloseLabel: O = "Close", removeLabel: k, retryLabel: ee, uploadingLabel: A, expandLabel: j, clickLabel: M, sendLabel: N, sendTooltip: P, emptyMessageTooltip: te, stopLabel: F, micLabel: ne = "Dictate", recordVoiceLabel: re = "Record voice", stopRecordingLabel: I, discardRecordingLabel: L, colors: R, typography: ie, attachmentTray: ae, modelMenu: oe, className: se, pendingDropFiles: ce = [], onDropFilesConsumed: de, pendingAttachments: fe = [], onPendingAttachmentsConsumed: me, pasteTextThreshold: he = 4e3, maxMessageLength: ge = 5e4, deployments: _e, selectedDeploymentId: be, onDeploymentChange: xe, modelSelectorLabels: Se, initialAttachments: Ce = [], hideAddButton: we = !1, hideAttachFile: Te = !1, hideActionBar: Ee = !1, actionRowLayout: De = lt.Stacked, isInlineActionRowAllowedBelowDesktop: Oe = !1, renderFooterActions: ke, isInputDisabled: Ae = !1, isModelSelectorDisabled: Ne = !1, isSendDisabled: Pe = !1, isAudioMessageSupported: Fe = !1, isVoiceRecordingSupported: Ie = Fe, onTranscribeAudio: Re, transcribingLabel: ze, voiceErrorLabel: Be, sendOnEnter: Ve = ct.Enter, prefixAttachments: We = [], onRemovePrefixAttachment: Ge, chatSettings: Je, toolsMenuItems: Ye, onToolToggle: $e, canRemoveTools: rt = !0, toolsMenuTitle: it, toolsBackLabel: at, toolsChipLabels: ot, menuOverlays: ut, activeMentions: dt, onBackspaceAtCaret: ft, caretPositionOverride: pt, commandMenu: q, autoFocus: mt = !1, messageHistory: ht, onDialFileSystemClick: gt, dialFileSystemLabel: _t, validateAttachment: vt, onAttachmentClick: yt, modelPickerOverlay: xt, maximumAttachmentsAmount: St, onAttachmentsLimitExceeded: wt, isAttachmentsEnabled: Tt = !0, isTextAttachmentsAllowed: Et = !0, usageLimitsSlot: Dt, onMessageTooLong: jt }, Mt) => {
+	let Nt = d(), [Pt, Ft] = G(!1), It = Ke(ht), Lt = dt ?? [], Rt = Lt.length > 0, Y = U(() => c({
+		"--ci-bg": R?.background,
+		"--ci-text": R?.text,
+		"--ci-border": R?.border,
+		"--ci-border-focus": R?.borderFocus,
+		"--ci-placeholder": R?.placeholder,
+		"--ci-text-disabled": R?.textDisabled,
+		"--ci-model-selector-caret-color": R?.modelSelectorCaret,
+		"--ci-model-selector-hover-bg": R?.modelSelectorHoverBg,
+		"--ci-model-selector-disabled-color": R?.modelSelectorDisabled,
+		"--ci-model-selector-name-color": R?.modelSelectorName,
+		"--ci-model-selector-version-color": R?.modelSelectorVersion,
+		"--ci-voice-waveform": R?.voiceWaveform,
+		"--ci-voice-accent": R?.voiceAccent,
+		"--ci-mention-highlight-bg": R?.mentionHighlightBg,
+		"--ci-mention-highlight-text": R?.mentionHighlightText,
+		"--ci-mention-highlight-unsupported-bg": R?.mentionHighlightUnsupportedBg,
+		"--ci-mention-highlight-unsupported-text": R?.mentionHighlightUnsupportedText,
+		"--ci-selection-highlight-bg": R?.selectionHighlightBg
+	}), [R]), zt = U(() => gt ? [{
 		key: "dial-fs",
-		label: yt ?? "DIAL file system",
-		icon: /* @__PURE__ */ I(xe, {
+		label: _t ?? "DIAL file system",
+		icon: /* @__PURE__ */ z(ve, {
 			size: f,
 			"aria-hidden": !0,
 			stroke: v
 		}),
-		onClick: vt
-	}] : [], [vt, yt]), { message: q, setMessage: J, textareaRef: Y } = Ze({
+		onClick: gt
+	}] : [], [gt, _t]), { message: X, setMessage: Z, textareaRef: Q } = Ze({
 		messageProp: e,
 		messageRevision: t
 	});
-	z(() => {
-		let e = Y.current;
+	H(() => {
+		let e = Q.current;
 		e != null && e.value.length !== 0 && document.activeElement === e && e.setSelectionRange(e.value.length, e.value.length);
-	}, [Y]), z(() => {
-		n !== void 0 && Y.current?.focus();
-	}, [n, Y]), Ne(Pt, () => ({ getCaretPosition: () => Y.current?.selectionStart ?? q.length }), [q, Y]);
-	let { handleUndoKeyDown: Ut, markCaretPlaced: Wt } = et({
+	}, [Q]), H(() => {
+		n !== void 0 && Q.current?.focus();
+	}, [n, Q]), je(Mt, () => ({ getCaretPosition: () => Q.current?.selectionStart ?? X.length }), [X, Q]);
+	let { handleUndoKeyDown: Bt, markCaretPlaced: Vt } = et({
 		insertion: r,
-		textareaRef: Y
-	}), { isMenuOpen: Gt, query: Kt, activeWordStart: X, dismiss: qt, closeOnOutsidePress: Jt, handleCaretMove: Yt, handleValueChange: Xt, listboxId: Zt, overlayRef: Qt, activeOptionId: $t, moveActiveOption: en, getActiveOption: tn } = Ue({
-		config: G,
-		message: q
-	}), Z = V(Yt);
-	Z.current = Yt;
-	let nn = () => {
-		Yt(Y.current?.selectionStart ?? q.length);
-	}, rn = V(!1), an = () => {
-		rn.current ? rn.current = !1 : requestAnimationFrame(() => {
-			let e = Y.current;
-			Z.current(e?.selectionStart ?? e?.value.length ?? 0);
+		textareaRef: Q
+	}), { isMenuOpen: Ht, query: Ut, activeWordStart: $, dismiss: Wt, closeOnOutsidePress: Gt, handleCaretMove: Kt, handleValueChange: qt, listboxId: Jt, overlayRef: Yt, activeOptionId: Xt, moveActiveOption: Zt, getActiveOption: Qt } = Ue({
+		config: q,
+		message: X
+	}), $t = W(Kt);
+	$t.current = Kt;
+	let en = () => {
+		Kt(Q.current?.selectionStart ?? X.length);
+	}, tn = W(!1), nn = () => {
+		tn.current ? tn.current = !1 : requestAnimationFrame(() => {
+			let e = Q.current;
+			$t.current(e?.selectionStart ?? e?.value.length ?? 0);
 		});
-	}, on = (e) => {
-		(e.key === "ArrowLeft" || e.key === "ArrowRight" || e.key === "Home" || e.key === "End" || e.key === "PageUp" || e.key === "PageDown") && Yt(e.currentTarget.selectionStart ?? q.length);
-	}, cn = G?.emptyQueryHint != null, ln = G != null && X != null ? X + G.triggerPrefix.length : null, un = ln != null && q.slice(ln).split("\n", 1)[0] !== "", dn = cn && Gt && Kt === "" && ln != null && !un, Q = G != null && Gt ? X ?? 0 : null, fn = V(null), pn = V(null), [mn, hn] = H(null), gn = R(() => {
-		let e = fn.current, t = pn.current;
+	}, rn = (e) => {
+		(e.key === "ArrowLeft" || e.key === "ArrowRight" || e.key === "Home" || e.key === "End" || e.key === "PageUp" || e.key === "PageDown") && Kt(e.currentTarget.selectionStart ?? X.length);
+	}, an = q?.emptyQueryHint != null, on = q != null && $ != null ? $ + q.triggerPrefix.length : null, sn = on != null && X.slice(on).split("\n", 1)[0] !== "", cn = an && Ht && Ut === "" && on != null && !sn, ln = q != null && Ht ? $ ?? 0 : null, un = W(null), dn = W(null), [fn, pn] = G(null), mn = V(() => {
+		let e = un.current, t = dn.current;
 		if (e == null || t == null) {
-			hn(null);
+			pn(null);
 			return;
 		}
 		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect();
-		hn({
+		pn({
 			left: n.left - r.left,
 			top: n.top - r.top
 		});
 	}, []);
-	z(() => {
-		if (Q == null) return;
-		let e = Y.current;
+	H(() => {
+		if (ln == null) return;
+		let e = Q.current;
 		if (e == null || typeof ResizeObserver > "u") return;
-		let t = new ResizeObserver(gn);
+		let t = new ResizeObserver(mn);
 		return t.observe(e), () => t.disconnect();
 	}, [
+		ln,
 		Q,
-		Y,
-		gn
+		mn
 	]);
-	let _n = R((e) => {
-		if (G == null || (qt(), !e?.consumeQuery) || (e.returnFocus !== !1 && Y.current?.focus(), X == null)) return;
-		let t = `${G.triggerPrefix}${Kt}`, n = X + t.length;
-		if (q.slice(X, n) !== t) return;
-		let r = q.slice(0, X) + q.slice(n);
-		J(r), Rt.notifyChange(), u?.(r);
+	let hn = V((e) => {
+		if (q == null || (Wt(), !e?.consumeQuery) || (e.returnFocus !== !1 && Q.current?.focus(), $ == null)) return;
+		let t = `${q.triggerPrefix}${Ut}`, n = $ + t.length;
+		if (X.slice($, n) !== t) return;
+		let r = X.slice(0, $) + X.slice(n);
+		Z(r), It.notifyChange(), u?.(r);
 	}, [
-		G,
-		qt,
-		Kt,
 		q,
+		Wt,
+		Ut,
 		X,
-		J,
-		Rt,
+		$,
+		Z,
+		It,
 		u,
-		Y
-	]), vn = V(void 0);
-	z(() => {
-		ht != null && vn.current !== t && (vn.current = t, Y.current?.setSelectionRange(ht, ht), Wt(), Yt(ht));
-	}, [q]);
-	let yn = V(q);
-	yn.current = q;
-	let { attachments: bn, buildAttachments: xn, addAttachments: Sn, resetAttachments: Cn, handleRemove: wn, handleRetry: Tn, handleExpand: En, hasBlockedAttachments: Dn } = Le({
-		initialAttachments: Ee,
+		Q
+	]), gn = W(void 0);
+	H(() => {
+		pt != null && gn.current !== t && (gn.current = t, Q.current?.setSelectionRange(pt, pt), Vt(), Kt(pt));
+	}, [X]);
+	let _n = W(X);
+	_n.current = X;
+	let { attachments: vn, buildAttachments: yn, addAttachments: bn, resetAttachments: xn, handleRemove: Sn, handleRetry: Cn, handleExpand: wn, hasBlockedAttachments: Tn } = Le({
+		initialAttachments: Ce,
 		onUploadAttachment: a,
 		onAttachmentsChange: p,
-		validateAttachment: xt,
-		pendingDropFiles: fe,
-		onDropFilesConsumed: me,
-		isDropDisabled: W,
-		pendingAttachments: he,
-		onPendingAttachmentsConsumed: _e,
-		onExpandPastedText: R((e) => {
-			let t = yn.current, n = t ? `${t}\n${e}` : e;
-			yn.current = n, J(n), u?.(n);
-		}, [J, u]),
-		maximumAttachmentsAmount: Tt,
-		baseAttachmentsAmount: Je.length,
-		onAttachmentsLimitExceeded: Et
-	}), On = R((e) => {
-		Sn(xn([e]));
-	}, [Sn, xn]), kn = V(!1), [An, jn] = H({
+		validateAttachment: vt,
+		pendingDropFiles: ce,
+		onDropFilesConsumed: de,
+		isDropDisabled: Ae,
+		pendingAttachments: fe,
+		onPendingAttachmentsConsumed: me,
+		onExpandPastedText: V((e) => {
+			let t = _n.current, n = t ? `${t}\n${e}` : e;
+			_n.current = n, Z(n), u?.(n);
+		}, [Z, u]),
+		maximumAttachmentsAmount: St,
+		baseAttachmentsAmount: We.length,
+		onAttachmentsLimitExceeded: wt
+	}), En = V((e) => {
+		bn(yn([e]));
+	}, [bn, yn]), Dn = W(!1), [On, kn] = G({
 		text: "",
 		revision: 0
-	}), { state: Mn, analyserNodeRef: Nn, errorMessage: Pn, startRecording: Fn, stopRecording: In, discardRecording: Ln } = st({
-		onAttachAudio: On,
-		onTranscribeAudio: Be,
-		onTranscript: R((e) => {
+	}), { state: jn, analyserNodeRef: Mn, errorMessage: Nn, startRecording: Pn, stopRecording: Fn, discardRecording: In } = st({
+		onAttachAudio: En,
+		onTranscribeAudio: Re,
+		onTranscript: V((e) => {
 			let t = e.trim();
 			if (t) {
-				let e = yn.current, n = `${e}${e && !/\s$/.test(e) ? " " : ""}${t}`;
-				yn.current = n, J(n), jn((e) => ({
+				let e = _n.current, n = `${e}${e && !/\s$/.test(e) ? " " : ""}${t}`;
+				_n.current = n, Z(n), kn((e) => ({
 					text: t,
 					revision: e.revision + 1
-				})), Rt.notifyChange(), u?.(n);
+				})), It.notifyChange(), u?.(n);
 			}
-			kn.current = !0;
+			Dn.current = !0;
 		}, [
-			J,
-			Rt,
+			Z,
+			It,
 			u
 		]),
-		errorLabel: We
-	}), $ = Mn === tt.Recording || Mn === tt.Processing;
-	z(() => {
-		if (Mn === tt.Error || Mn === tt.Idle && kn.current) {
-			kn.current = !1;
-			let e = Y.current;
+		errorLabel: Be
+	}), Ln = jn === tt.Recording || jn === tt.Processing;
+	H(() => {
+		if (jn === tt.Error || jn === tt.Idle && Dn.current) {
+			Dn.current = !1;
+			let e = Q.current;
 			if (e != null) {
-				rn.current = document.activeElement !== e, e.focus();
+				tn.current = document.activeElement !== e, e.focus();
 				let t = e.value.length;
 				e.setSelectionRange(t, t);
 			}
 		}
-	}, [Mn, Y]);
-	let Rn = V(null), zn = V(null), Bn = Dt && jt, { handlePaste: Vn } = ge(Sn, Bn ? ve : Infinity), Hn = R((e) => {
+	}, [jn, Q]);
+	let Rn = W(null), zn = W(null), Bn = Tt && Et, { handlePaste: Vn } = pe(bn, Bn ? he : Infinity), Hn = V((e) => {
 		if (!Bn) {
 			let t = e.clipboardData.getData("text/plain");
-			t.length >= ye && Nt?.(t.length, ye);
+			t.length >= ge && jt?.(t.length, ge);
 		}
 		if (Vn(e), e.defaultPrevented) return;
 		let t = e.clipboardData.getData("text/plain").replace(/\r\n?/g, "\n");
-		t !== "" && G?.onTextPaste?.(t);
+		t !== "" && q?.onTextPaste?.(t);
 	}, [
 		Bn,
-		ye,
-		Nt,
+		ge,
+		jt,
 		Vn,
-		G
-	]), Un = q.trim().length > 0 || bn.length > 0, Wn = Un && !Dn && !Ie && !$, [Gn, Kn] = H([]), qn = (rt ?? []).map((e) => e.id).join("|");
-	z(() => {
+		q
+	]), Un = X.trim().length > 0 || vn.length > 0, Wn = Un && !Tn && !Pe && !Ln, [Gn, Kn] = G([]), qn = (Ye ?? []).map((e) => e.id).join("|");
+	H(() => {
 		Kn([]);
 	}, [qn]);
-	let Jn = B(() => {
-		let e = rt ?? [];
-		return at ? e.filter((e) => e.isSelected || !Gn.includes(e.id)) : e;
+	let Jn = U(() => {
+		let e = Ye ?? [];
+		return rt ? e.filter((e) => e.isSelected || !Gn.includes(e.id)) : e;
 	}, [
-		rt,
+		Ye,
 		Gn,
-		at
-	]), Yn = R((e) => {
-		Kn((t) => t.includes(e) ? t : [...t, e]), rt?.find((t) => t.id === e)?.isSelected && it?.(e);
-	}, [rt, it]), Xn = be === void 0 || Ce != null, Zn = Re && !s, Qn = async () => {
-		if (Ie || $) return;
-		if (q.length >= ye) {
-			Nt?.(q.length, ye);
+		rt
+	]), Yn = V((e) => {
+		Kn((t) => t.includes(e) ? t : [...t, e]), Ye?.find((t) => t.id === e)?.isSelected && $e?.(e);
+	}, [Ye, $e]), Xn = _e === void 0 || be != null, Zn = Fe && !s, Qn = async () => {
+		if (Pe || Ln) return;
+		if (X.length >= ge) {
+			jt?.(X.length, ge);
 			return;
 		}
-		let e = q, t = bn;
-		J(""), Rt.reset();
+		let e = X, t = vn;
+		Z(""), It.reset();
 		try {
 			await i?.(e, t), t.forEach((e) => {
 				e.previewUrl && URL.revokeObjectURL(e.previewUrl), e.playUrl && URL.revokeObjectURL(e.playUrl);
-			}), Cn([]);
+			}), xn([]);
 		} catch {
-			J(e), Cn(t);
+			Z(e), xn(t);
 		}
-	}, $n = (e) => Ge === ct.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey, er = (e) => {
-		if (!Gt || e.nativeEvent.isComposing) return !1;
-		if (e.key === "Escape") return e.preventDefault(), e.stopPropagation(), qt(), !0;
-		if (e.key === "ArrowDown" || e.key === "ArrowUp") return e.preventDefault(), en(e.key === "ArrowDown" ? He.Next : He.Previous), !0;
+	}, $n = (e) => Ve === ct.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey, er = (e) => {
+		if (!Ht || e.nativeEvent.isComposing) return !1;
+		if (e.key === "Escape") return e.preventDefault(), e.stopPropagation(), Wt(), !0;
+		if (e.key === "ArrowDown" || e.key === "ArrowUp") return e.preventDefault(), Zt(e.key === "ArrowDown" ? He.Next : He.Previous), !0;
 		if (e.key !== "Enter" || e.shiftKey) return !1;
-		let t = tn();
+		let t = Qt();
 		return t == null ? $n(e) ? (e.preventDefault(), !0) : !1 : (e.preventDefault(), t.click(), !0);
 	}, tr = (e) => {
-		if (!$ && !Ut(e) && !er(e)) {
-			if (!e.nativeEvent.isComposing && !W && !s) {
+		if (!Ln && !Bt(e) && !er(e)) {
+			if (!e.nativeEvent.isComposing && !Ae && !s) {
 				if (e.key === "ArrowUp" || e.key === "ArrowDown") {
-					let t = e.currentTarget.selectionStart ?? 0, n = Rt.navigate(e.key === "ArrowUp" ? "up" : "down", q, t);
+					let t = e.currentTarget.selectionStart ?? 0, n = It.navigate(e.key === "ArrowUp" ? "up" : "down", X, t);
 					if (n !== null) {
-						e.preventDefault(), J(n);
+						e.preventDefault(), Z(n);
 						return;
 					}
 				}
-				if (e.key === "Backspace" && mt != null && e.currentTarget.selectionStart === e.currentTarget.selectionEnd && e.currentTarget.selectionStart != null) {
-					let t = mt(e.currentTarget.selectionStart);
+				if (e.key === "Backspace" && ft != null && e.currentTarget.selectionStart === e.currentTarget.selectionEnd && e.currentTarget.selectionStart != null) {
+					let t = ft(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, q.slice(0, t.start) + q.slice(t.start + t.length), t.start);
+						n.setSelectionRange(t.start, t.start + t.length), typeof document.execCommand == "function" && document.execCommand("delete", !1) || Qe(n, X.slice(0, t.start) + X.slice(t.start + t.length), t.start);
 						return;
 					}
 				}
 			}
-			e.key === "Enter" && $n(e) && (e.preventDefault(), !s && Wn && Xn && !W && Qn());
+			e.key === "Enter" && $n(e) && (e.preventDefault(), !s && Wn && Xn && !Ae && Qn());
 		}
 	}, nr = (e) => {
 		let t = Array.from(e.target.files ?? []);
 		if (t.length === 0) return;
-		let n = xn(t);
-		e.target.value = "", Sn(n);
-	}, rr = B(() => {
+		let n = yn(t);
+		e.target.value = "", bn(n);
+	}, rr = U(() => {
 		let e = [];
-		return Q != null && e.push({
-			offset: Q,
-			node: /* @__PURE__ */ I("span", {
-				ref: fn,
+		return ln != null && e.push({
+			offset: ln,
+			node: /* @__PURE__ */ z("span", {
+				ref: un,
 				"aria-hidden": !0,
 				className: "inline-block h-lh w-0 align-text-top"
 			}, "caret-marker")
-		}), dn && G != null && ln != null && e.push({
-			offset: ln,
-			node: /* @__PURE__ */ I("span", {
-				className: K.commandHint,
+		}), cn && q != null && on != null && e.push({
+			offset: on,
+			node: /* @__PURE__ */ z("span", {
+				className: J.commandHint,
 				"aria-hidden": !0,
 				"data-mirror-synthetic": !0,
-				children: G.emptyQueryHint
+				children: q.emptyQueryHint
 			}, "command-hint")
 		}), e;
 	}, [
-		Q,
-		dn,
-		G,
-		ln
-	]), ir = Bt || rr.length > 0, { mirrorRef: ar, selectionRects: or, updateSelectionRects: sr, syncMirrorToTextarea: cr } = Xe({
-		textareaRef: Y,
-		message: q,
+		ln,
+		cn,
+		q,
+		on
+	]), ir = Rt || rr.length > 0, { mirrorRef: ar, selectionRects: or, updateSelectionRects: sr, syncMirrorToTextarea: cr } = Xe({
+		textareaRef: Q,
+		message: X,
 		isMirrorActive: ir
 	});
-	Pe(() => {
-		gn();
+	Me(() => {
+		mn();
 	}, [
-		gn,
-		Q,
-		q
+		mn,
+		ln,
+		X
 	]);
-	let lr = /* @__PURE__ */ I("textarea", {
-		className: l(K.textarea, ir && K.textareaMentionMode, ce?.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: Y,
-		autoFocus: gt,
-		value: q,
+	let lr = /* @__PURE__ */ z("textarea", {
+		className: l(J.textarea, ir && J.textareaMentionMode, ie?.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: Q,
+		autoFocus: mt,
+		value: X,
 		onChange: (e) => {
-			J(e.target.value), Rt.notifyChange();
+			Z(e.target.value), It.notifyChange();
 			let t = e.nativeEvent instanceof InputEvent ? e.nativeEvent : void 0;
-			Xt(e.target.value, e.target.selectionStart ?? e.target.value.length, t?.isComposing ?? !1), u?.(e.target.value);
+			qt(e.target.value, e.target.selectionStart ?? e.target.value.length, t?.isComposing ?? !1), u?.(e.target.value);
 		},
 		onSelect: sr,
 		onScroll: () => {
-			cr(), Q != null && gn();
+			cr(), ln != null && mn();
 		},
-		onFocus: an,
-		onClick: nn,
+		onFocus: nn,
+		onClick: en,
 		onKeyDown: tr,
-		onKeyUp: on,
+		onKeyUp: rn,
 		onPaste: Hn,
 		placeholder: m,
 		"aria-label": h,
-		"aria-autocomplete": G == null ? void 0 : "list",
-		"aria-controls": Gt ? Zt : void 0,
-		"aria-activedescendant": $t ?? void 0,
-		"aria-hidden": Bt ? !0 : void 0,
-		disabled: W,
-		readOnly: $,
+		"aria-autocomplete": q == null ? void 0 : "list",
+		"aria-controls": Ht ? Jt : void 0,
+		"aria-activedescendant": Xt ?? void 0,
+		"aria-hidden": Rt ? !0 : void 0,
+		disabled: Ae,
+		readOnly: Ln,
 		rows: 1
-	}), ur = /* @__PURE__ */ L(F, { children: [lr, G != null && /* @__PURE__ */ I("div", {
+	}), ur = /* @__PURE__ */ B(le, { children: [lr, q != null && /* @__PURE__ */ z("div", {
 		"aria-hidden": !0,
-		className: l("pointer-events-none absolute", ce?.fontClassName || "dial-body-paragraph-text"),
+		className: l("pointer-events-none absolute", ie?.fontClassName || "dial-body-paragraph-text"),
 		style: {
-			left: mn?.left ?? 0,
-			top: mn?.top ?? 0
+			left: fn?.left ?? 0,
+			top: fn?.top ?? 0
 		},
-		children: /* @__PURE__ */ I(y, {
-			open: Gt,
+		children: /* @__PURE__ */ z(y, {
+			open: Ht,
 			onOpenChange: (e) => {
-				e || Jt();
+				e || Gt();
 			},
 			placement: "top-start",
 			trigger: [],
 			initialFocus: -1,
 			matchReferenceWidth: !1,
-			outsidePressIgnoreRef: Y,
+			outsidePressIgnoreRef: Q,
 			renderOverlay: () => {
-				let e = G.menuLabel != null;
-				return /* @__PURE__ */ I("div", {
-					ref: Qt,
+				let e = q.menuLabel != null;
+				return /* @__PURE__ */ z("div", {
+					ref: Yt,
 					role: e ? "group" : void 0,
-					"aria-label": G.menuLabel,
-					children: G.renderMenu({
-						query: Kt,
-						caretPosition: X ?? 0,
-						close: _n,
-						listboxId: Zt,
-						activeOptionId: $t
+					"aria-label": q.menuLabel,
+					children: q.renderMenu({
+						query: Ut,
+						caretPosition: $ ?? 0,
+						close: hn,
+						listboxId: Jt,
+						activeOptionId: Xt
 					})
 				});
 			},
-			children: /* @__PURE__ */ I("span", {
+			children: /* @__PURE__ */ z("span", {
 				"aria-hidden": !0,
 				className: "inline-block h-lh w-0"
 			})
 		})
-	})] }), dr = /* @__PURE__ */ L("div", {
-		ref: pn,
+	})] }), dr = /* @__PURE__ */ B("div", {
+		ref: dn,
 		className: "relative -ms-1 -me-1 w-[calc(100%+8px)]",
-		children: [ir && /* @__PURE__ */ L("div", {
+		children: [ir && /* @__PURE__ */ B("div", {
 			ref: ar,
-			className: l(K.textarea, ce?.fontClassName || "dial-body-paragraph-text", "pointer-events-none absolute inset-0 z-10 max-h-[272px] w-full overflow-hidden ps-1 pe-1 wrap-anywhere whitespace-pre-wrap"),
-			children: [qe(q, zt, rr, K.mentionHighlight, K.mentionHighlightUnsupported), or.map((e, t) => /* @__PURE__ */ I("div", {
+			className: l(J.textarea, ie?.fontClassName || "dial-body-paragraph-text", "pointer-events-none absolute inset-0 z-10 max-h-[272px] w-full overflow-hidden ps-1 pe-1 wrap-anywhere whitespace-pre-wrap"),
+			children: [qe(X, Lt, rr, J.mentionHighlight, J.mentionHighlightUnsupported), or.map((e, t) => /* @__PURE__ */ z("div", {
 				"aria-hidden": !0,
-				className: l("pointer-events-none absolute rounded-sm", K.selectionHighlight),
+				className: l("pointer-events-none absolute rounded-sm", J.selectionHighlight),
 				style: {
 					left: e.left,
 					top: e.top,
@@ -2425,68 +2866,68 @@ var Z = {
 				}
 			}, `selection-${t}`))]
 		}), ur]
-	}), fr = De ? void 0 : /* @__PURE__ */ I(bt, {
-		onAttachClick: Oe ? void 0 : () => Rn.current?.click(),
+	}), fr = we ? void 0 : /* @__PURE__ */ z(bt, {
+		onAttachClick: Te ? void 0 : () => Rn.current?.click(),
 		attachLabel: g,
 		addMenuTitle: C,
 		menuTitle: D,
 		menuCloseLabel: O,
-		style: Vt,
-		isDisabled: W || $,
-		chatSettings: $e,
-		extraMenuItems: Ht,
-		onRecordVoice: ze && Dt && !s && !$ ? () => Fn(nt.Attachment) : void 0,
-		recordVoiceLabel: oe,
-		toolsMenuItems: at ? rt : void 0,
-		onToolToggle: it,
-		toolsMenuTitle: ot,
-		toolsBackLabel: ut,
-		menuOverlays: ft,
-		getCaretPosition: () => Y.current?.selectionStart ?? q.length
-	}), pr = Ae === lt.Inline && (!Ft || je), mr = fr && /* @__PURE__ */ I("div", {
-		className: l("flex", U.addCluster),
+		style: Y,
+		isDisabled: Ae || Ln,
+		chatSettings: Je,
+		extraMenuItems: zt,
+		onRecordVoice: Ie && Tt && !s && !Ln ? () => Pn(nt.Attachment) : void 0,
+		recordVoiceLabel: re,
+		toolsMenuItems: rt ? Ye : void 0,
+		onToolToggle: $e,
+		toolsMenuTitle: it,
+		toolsBackLabel: at,
+		menuOverlays: ut,
+		getCaretPosition: () => Q.current?.selectionStart ?? X.length
+	}), pr = De === lt.Inline && (!Nt || Oe), mr = fr && /* @__PURE__ */ z("div", {
+		className: l("flex", K.addCluster),
 		children: fr
-	}), hr = Jn.length > 0 && it != null && /* @__PURE__ */ I("div", {
-		className: l("min-w-0", pr ? "flex-1" : "max-w-full flex-[1_0_auto]", U.toolsChips),
-		children: /* @__PURE__ */ I(Ct, {
+	}), hr = Jn.length > 0 && $e != null && /* @__PURE__ */ z("div", {
+		className: l("min-w-0", pr ? "flex-1" : "max-w-full flex-[1_0_auto]", K.toolsChips),
+		children: /* @__PURE__ */ z(Ct, {
 			items: Jn,
-			onToolToggle: it,
+			onToolToggle: $e,
 			onToolDismiss: Yn,
-			canRemove: at,
-			removeLabel: dt?.removeLabel,
-			stateOnLabel: dt?.stateOnLabel,
-			stateOffLabel: dt?.stateOffLabel
+			canRemove: rt,
+			removeLabel: ot?.removeLabel,
+			stateOnLabel: ot?.stateOnLabel,
+			stateOffLabel: ot?.stateOffLabel
 		})
 	});
-	return /* @__PURE__ */ L("div", {
+	return /* @__PURE__ */ B("div", {
 		ref: zn,
-		style: Vt,
-		className: l(K.wrapper, W && K.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, U.wrapper),
+		style: Y,
+		className: l(J.wrapper, Ae && J.wrapperDisabled, Ae && "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", se, K.wrapper),
 		children: [
-			(Je.length > 0 || bn.length > 0) && /* @__PURE__ */ I(pe, {
-				attachments: [...Je, ...bn],
+			(We.length > 0 || vn.length > 0) && /* @__PURE__ */ z(ue, {
+				attachments: [...We, ...vn],
 				onRemove: (e) => {
-					Je.some((t) => t.id === e) ? Ye?.(e) : wn(e);
+					We.some((t) => t.id === e) ? Ge?.(e) : Sn(e);
 				},
-				onRetry: Tn,
-				onExpand: En,
+				onRetry: Cn,
+				onExpand: wn,
 				labels: {
 					removeLabel: k,
 					retryLabel: ee,
 					uploadingLabel: A,
-					expandLabel: te,
-					clickLabel: j
+					expandLabel: j,
+					clickLabel: M
 				},
 				styles: {
-					...le,
-					className: l(bn.length > 6 && "-me-4", le?.className)
+					...ae,
+					className: l(vn.length > 6 && "-me-4", ae?.className)
 				},
-				onAttachmentClick: St == null ? void 0 : (e) => {
-					let t = [...Je, ...bn].find((t) => t.id === e);
-					t != null && St(t);
+				onAttachmentClick: yt == null ? void 0 : (e) => {
+					let t = [...We, ...vn].find((t) => t.id === e);
+					t != null && yt(t);
 				}
 			}),
-			!De && /* @__PURE__ */ I("input", {
+			!we && /* @__PURE__ */ z("input", {
 				ref: Rn,
 				type: "file",
 				multiple: !0,
@@ -2496,128 +2937,128 @@ var Z = {
 				tabIndex: -1,
 				onChange: nr
 			}),
-			/* @__PURE__ */ I(w, {
+			/* @__PURE__ */ z(w, {
 				politeness: E.Assertive,
 				className: "min-w-0 px-1 wrap-break-word",
-				children: Pn && /* @__PURE__ */ I(x, { text: Pn })
+				children: Nn && /* @__PURE__ */ z(x, { text: Nn })
 			}),
-			$ && /* @__PURE__ */ I(Ot, {
+			Ln && /* @__PURE__ */ z(Ot, {
 				embedded: !0,
-				state: Mn,
-				analyserNodeRef: Nn,
-				onStop: In,
-				onDiscard: Ln,
+				state: jn,
+				analyserNodeRef: Mn,
+				onStop: Fn,
+				onDiscard: In,
 				attachButton: fr,
-				stopLabel: N,
-				discardLabel: se,
-				processingLabel: Ve
+				stopLabel: I,
+				discardLabel: L,
+				processingLabel: ze
 			}),
-			!$ && ke && dr,
-			!$ && !ke && pr && hr && /* @__PURE__ */ I("div", {
+			!Ln && Ee && dr,
+			!Ln && !Ee && pr && hr && /* @__PURE__ */ z("div", {
 				className: "flex",
 				children: hr
 			}),
-			!$ && !ke && /* @__PURE__ */ L("div", {
-				className: l("flex items-center gap-2", pr ? "flex-nowrap" : "flex-wrap", U.actionRow),
+			!Ln && !Ee && /* @__PURE__ */ B("div", {
+				className: l("flex items-center gap-2", pr ? "flex-nowrap" : "flex-wrap", K.actionRow),
 				children: [
 					pr && mr,
-					/* @__PURE__ */ I("div", {
-						className: l("flex min-w-0 items-center self-stretch", pr ? "flex-1" : "w-full", U.textareaWrap),
+					/* @__PURE__ */ z("div", {
+						className: l("flex min-w-0 items-center self-stretch", pr ? "flex-1" : "w-full", K.textareaWrap),
 						children: dr
 					}),
 					!pr && mr,
 					!pr && hr,
-					/* @__PURE__ */ I("div", {
-						className: l("ms-auto flex shrink-0 items-center gap-2", U.footerActions),
-						children: Me ? Me({
+					/* @__PURE__ */ z("div", {
+						className: l("ms-auto flex shrink-0 items-center gap-2", K.footerActions),
+						children: ke ? ke({
 							canSend: Wn,
 							onSend: Qn
-						}) : /* @__PURE__ */ L(F, { children: [
-							Mt,
-							/* @__PURE__ */ I(sn, {
-								deployments: be,
-								selectedDeploymentId: Ce,
-								onDeploymentChange: we,
-								modelSelectorLabels: Te,
-								menuStyles: ue,
-								nameClassName: ce?.modelSelectorNameClassName,
-								versionClassName: ce?.modelSelectorVersionClassName,
+						}) : /* @__PURE__ */ B(le, { children: [
+							Dt,
+							/* @__PURE__ */ z(An, {
+								deployments: _e,
+								selectedDeploymentId: be,
+								onDeploymentChange: xe,
+								modelSelectorLabels: Se,
+								menuStyles: oe,
+								nameClassName: ie?.modelSelectorNameClassName,
+								versionClassName: ie?.modelSelectorVersionClassName,
 								isStreaming: s,
-								isMobile: Ft,
-								isDisabled: Fe,
-								style: Vt,
-								modelPickerOverlay: wt,
-								isPickerOpen: It,
-								onPickerToggle: () => Lt((e) => !e),
-								onPickerOpenChange: Lt
+								isMobile: Nt,
+								isDisabled: Ne,
+								style: Y,
+								modelPickerOverlay: xt,
+								isPickerOpen: Pt,
+								onPickerToggle: () => Ft((e) => !e),
+								onPickerOpenChange: Ft
 							}),
-							Zn && /* @__PURE__ */ I(S, {
-								icon: /* @__PURE__ */ I(Se, {
+							Zn && /* @__PURE__ */ z(S, {
+								icon: /* @__PURE__ */ z(ye, {
 									size: _.LG,
 									stroke: v,
 									"aria-hidden": !0
 								}),
-								"aria-label": ae,
-								tooltipProps: { tooltip: ae },
+								"aria-label": ne,
+								tooltipProps: { tooltip: ne },
 								className: "shrink-0",
-								onClick: () => Fn(nt.Dictation),
-								disabled: W || s
+								onClick: () => Pn(nt.Dictation),
+								disabled: Ae || s
 							}),
-							s && o ? /* @__PURE__ */ I(At, {
+							s && o ? /* @__PURE__ */ z(At, {
 								onStop: o,
-								ariaLabel: ie
-							}) : !s && /* @__PURE__ */ I(kt, {
+								ariaLabel: F
+							}) : !s && /* @__PURE__ */ z(kt, {
 								onSend: Qn,
 								isDisabled: !Xn || !Wn,
-								ariaLabel: ne,
-								sendTooltip: Un ? M : re ?? M
+								ariaLabel: N,
+								sendTooltip: Un ? P : te ?? P
 							})
 						] })
 					})
 				]
 			}),
-			/* @__PURE__ */ I(w, {
+			/* @__PURE__ */ z(w, {
 				visuallyHidden: !0,
 				atomic: !0,
 				as: T.Span,
-				children: /* @__PURE__ */ I("span", { children: An.text }, An.revision)
+				children: /* @__PURE__ */ z("span", { children: On.text }, On.revision)
 			})
 		]
 	});
 });
-cn.displayName = "Input";
-var ln = {
+jn.displayName = "Input";
+var Mn = {
 	welcome: "_welcome_1icyo_1",
 	description: "_description_1icyo_5"
-}, un = ({ 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 }) => {
+}, Nn = ({ 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 ?? {}, _ = c({
 		"--ci-welcome-color": p?.welcomeText,
 		"--ci-description-color": p?.descriptionText
 	});
-	return /* @__PURE__ */ L("div", {
+	return /* @__PURE__ */ B("div", {
 		style: _,
 		className: l("relative flex w-full flex-col items-center gap-9 px-4 py-5 desktop:p-5", s),
 		children: [
-			n && /* @__PURE__ */ L("div", {
+			n && /* @__PURE__ */ B("div", {
 				className: "flex max-w-full flex-col items-center gap-4 text-center",
-				children: [/* @__PURE__ */ I("h1", {
-					className: l(ln.welcome, "m-0 max-w-full wrap-anywhere", m?.welcomeClassName || "dial-display2-text"),
+				children: [/* @__PURE__ */ z("h1", {
+					className: l(Mn.welcome, "m-0 max-w-full wrap-anywhere", m?.welcomeClassName || "dial-display2-text"),
 					children: n
-				}), r && /* @__PURE__ */ I("p", {
-					className: l(ln.description, "m-0 max-w-[540px]", m?.descriptionClassName || "dial-body-paragraph-text"),
+				}), r && /* @__PURE__ */ z("p", {
+					className: l(Mn.description, "m-0 max-w-[540px]", m?.descriptionClassName || "dial-body-paragraph-text"),
 					children: r
 				})]
 			}),
-			i != null && /* @__PURE__ */ I("div", {
+			i != null && /* @__PURE__ */ z("div", {
 				className: "flex w-full max-w-[700px] flex-col items-center empty:hidden",
 				children: i
 			}),
-			/* @__PURE__ */ L("div", {
+			/* @__PURE__ */ B("div", {
 				className: l("relative w-full", n ? "max-w-[700px]" : "max-w-[748px]"),
-				children: [a != null && /* @__PURE__ */ I("div", {
+				children: [a != null && /* @__PURE__ */ z("div", {
 					className: "mb-2",
 					children: a
-				}), /* @__PURE__ */ I(cn, {
+				}), /* @__PURE__ */ z(jn, {
 					placeholder: t,
 					isStreaming: e,
 					isInputDisabled: d,
@@ -2631,36 +3072,36 @@ var ln = {
 			})
 		]
 	});
-}, dn = ({ message: e, messageRevision: t, onChange: n, activeMentions: r, onBackspaceAtCaret: i, caretPositionOverride: o, commandMenu: s, menuOverlays: c, sendOnEnter: u, initialAttachments: d = [], onCancel: p, onSave: m, onUploadAttachment: h, cancelLabel: g = "Cancel", saveLabel: _ = "Save & Submit", ariaLabel: y, removeLabel: b, retryLabel: x, uploadingLabel: S, expandLabel: C, clickLabel: w, addMenuTitle: T = "Add", attachLabel: E = "Attach file", menuTitle: D = "Menu", menuCloseLabel: k = "Close", className: ee, pendingDropFiles: A, onDropFilesConsumed: te, validateAttachment: j, isAttachmentsEnabled: ne, isTextAttachmentsAllowed: re, hideAttachFile: ie = !1, fileAccept: ae, maximumAttachmentsAmount: oe, onAttachmentsLimitExceeded: N, onDialFileSystemClick: se, dialFileSystemLabel: P, pendingAttachments: ce, onPendingAttachmentsConsumed: le, onAttachmentClick: ue, pasteTextThreshold: de, maxMessageLength: fe = 5e4, onMessageTooLong: F }) => {
-	let pe = V(null), me = V(null), [he, ge] = H([]);
-	z(() => {
-		A?.length && (ge(A), te?.());
-	}, [A, te]);
-	let [_e, ve] = H(e ?? ""), [ye, be] = H([]), [Se, Ce] = H(d), we = ye.some((e) => e.status === a.Loading || e.status === a.Error), Te = (_e.trim().length > 0 || ye.length > 0 || Se.length > 0) && !we, Ee = (e) => {
-		Ce((t) => t.filter((t) => t.id !== e));
-	}, De = R((e, t) => {
-		m(e, Se, t);
-	}, [Se, m]), Oe = () => {
-		Te && (_e.length >= fe ? F?.(_e.length, fe) : De(_e, ye));
-	}, ke = R(() => ge([]), []), Ae = R((e) => {
-		ve(e), n?.(e);
-	}, [n]), je = R((e) => {
+}, Pn = ({ message: e, messageRevision: t, onChange: n, activeMentions: r, onBackspaceAtCaret: i, caretPositionOverride: o, commandMenu: s, menuOverlays: c, sendOnEnter: u, initialAttachments: d = [], onCancel: p, onSave: m, onUploadAttachment: h, cancelLabel: g = "Cancel", saveLabel: _ = "Save & Submit", ariaLabel: y, removeLabel: b, retryLabel: x, uploadingLabel: S, expandLabel: C, clickLabel: w, addMenuTitle: T = "Add", attachLabel: E = "Attach file", menuTitle: D = "Menu", menuCloseLabel: k = "Close", className: ee, pendingDropFiles: A, onDropFilesConsumed: j, validateAttachment: M, isAttachmentsEnabled: N, isTextAttachmentsAllowed: te, hideAttachFile: F = !1, fileAccept: ne, maximumAttachmentsAmount: re, onAttachmentsLimitExceeded: I, onDialFileSystemClick: L, dialFileSystemLabel: R, pendingAttachments: ie, onPendingAttachmentsConsumed: ae, onAttachmentClick: oe, pasteTextThreshold: se, maxMessageLength: ce = 5e4, onMessageTooLong: le }) => {
+	let ue = W(null), de = W(null), [fe, pe] = G([]);
+	H(() => {
+		A?.length && (pe(A), j?.());
+	}, [A, j]);
+	let [me, he] = G(e ?? ""), [ge, _e] = G([]), [ye, be] = G(d), xe = ge.some((e) => e.status === a.Loading || e.status === a.Error), Se = (me.trim().length > 0 || ge.length > 0 || ye.length > 0) && !xe, Ce = (e) => {
+		be((t) => t.filter((t) => t.id !== e));
+	}, we = V((e, t) => {
+		m(e, ye, t);
+	}, [ye, m]), Te = () => {
+		Se && (me.length >= ce ? le?.(me.length, ce) : we(me, ge));
+	}, Ee = V(() => pe([]), []), De = V((e) => {
+		he(e), n?.(e);
+	}, [n]), Oe = V((e) => {
 		let t = Array.from(e.target.files ?? []);
-		t.length !== 0 && (e.target.value = "", ge(t));
-	}, []), Me = B(() => se ? [{
+		t.length !== 0 && (e.target.value = "", pe(t));
+	}, []), ke = U(() => L ? [{
 		key: "dial-fs",
-		label: P ?? "DIAL file system",
-		icon: /* @__PURE__ */ I(xe, {
+		label: R ?? "DIAL file system",
+		icon: /* @__PURE__ */ z(ve, {
 			size: f,
 			"aria-hidden": !0,
 			stroke: v
 		}),
-		onClick: se
-	}] : [], [se, P]);
-	return /* @__PURE__ */ L("div", {
+		onClick: L
+	}] : [], [L, R]);
+	return /* @__PURE__ */ B("div", {
 		className: l("flex w-full flex-col gap-2", ee),
-		children: [/* @__PURE__ */ I(cn, {
-			ref: me,
+		children: [/* @__PURE__ */ z(jn, {
+			ref: de,
 			message: e,
 			messageRevision: t,
 			activeMentions: r,
@@ -2670,108 +3111,108 @@ var ln = {
 			ariaLabel: y,
 			hideActionBar: !0,
 			sendOnEnter: u,
-			pendingDropFiles: he,
-			onDropFilesConsumed: ke,
-			onSend: De,
+			pendingDropFiles: fe,
+			onDropFilesConsumed: Ee,
+			onSend: we,
 			onUploadAttachment: h,
-			onChange: Ae,
-			onAttachmentsChange: be,
+			onChange: De,
+			onAttachmentsChange: _e,
 			removeLabel: b,
 			retryLabel: x,
 			uploadingLabel: S,
 			expandLabel: C,
 			clickLabel: w,
 			className: "max-w-full",
-			prefixAttachments: Se,
-			onRemovePrefixAttachment: Ee,
-			validateAttachment: j,
-			isAttachmentsEnabled: ne,
-			isTextAttachmentsAllowed: re,
-			maximumAttachmentsAmount: oe,
-			onAttachmentsLimitExceeded: N,
-			pendingAttachments: ce,
-			onPendingAttachmentsConsumed: le,
-			onAttachmentClick: ue,
-			pasteTextThreshold: de,
-			maxMessageLength: fe,
-			onMessageTooLong: F
-		}), /* @__PURE__ */ L("div", {
+			prefixAttachments: ye,
+			onRemovePrefixAttachment: Ce,
+			validateAttachment: M,
+			isAttachmentsEnabled: N,
+			isTextAttachmentsAllowed: te,
+			maximumAttachmentsAmount: re,
+			onAttachmentsLimitExceeded: I,
+			pendingAttachments: ie,
+			onPendingAttachmentsConsumed: ae,
+			onAttachmentClick: oe,
+			pasteTextThreshold: se,
+			maxMessageLength: ce,
+			onMessageTooLong: le
+		}), /* @__PURE__ */ B("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ L("div", {
+			children: [/* @__PURE__ */ B("div", {
 				className: "flex",
-				children: [!ie && /* @__PURE__ */ I("input", {
-					ref: pe,
+				children: [!F && /* @__PURE__ */ z("input", {
+					ref: ue,
 					type: "file",
 					multiple: !0,
-					accept: ae,
+					accept: ne,
 					className: "sr-only",
 					"aria-hidden": !0,
 					tabIndex: -1,
-					onChange: je
-				}), (!ie || (c?.length ?? 0) > 0) && /* @__PURE__ */ I(bt, {
-					onAttachClick: ie ? void 0 : () => pe.current?.click(),
+					onChange: Oe
+				}), (!F || (c?.length ?? 0) > 0) && /* @__PURE__ */ z(bt, {
+					onAttachClick: F ? void 0 : () => ue.current?.click(),
 					attachLabel: E,
 					addMenuTitle: T,
 					menuTitle: D,
 					menuCloseLabel: k,
-					extraMenuItems: Me,
+					extraMenuItems: ke,
 					menuOverlays: c,
-					getCaretPosition: () => me.current?.getCaretPosition() ?? 0
+					getCaretPosition: () => de.current?.getCaretPosition() ?? 0
 				})]
-			}), /* @__PURE__ */ L("div", {
+			}), /* @__PURE__ */ B("div", {
 				className: "flex gap-2",
-				children: [/* @__PURE__ */ I(O, {
+				children: [/* @__PURE__ */ z(O, {
 					label: g,
 					onClick: p
-				}), /* @__PURE__ */ I(M, {
+				}), /* @__PURE__ */ z(P, {
 					label: _,
-					onClick: Oe,
-					disabled: !Te
+					onClick: Te,
+					disabled: !Se
 				})]
 			})]
 		})]
 	});
-}, Q = /* @__PURE__ */ function(e) {
+}, Fn = /* @__PURE__ */ function(e) {
 	return e.Warning = "warning", e.Reached = "reached", e;
-}({}), fn = { banner: "_banner_180n6_2" }, pn = {
-	[Q.Warning]: te.Warning,
-	[Q.Reached]: te.Error
-}, mn = ({ 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, colors: u }) => {
-	let d = /* @__PURE__ */ I("span", {
+}({}), In = { banner: "_banner_180n6_2" }, Ln = {
+	[Fn.Warning]: j.Warning,
+	[Fn.Reached]: j.Error
+}, Rn = ({ 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, colors: u }) => {
+	let d = /* @__PURE__ */ z("span", {
 		className: a,
 		children: t
-	}), f = n != null && /* @__PURE__ */ L(F, { children: [
+	}), f = n != null && /* @__PURE__ */ B(le, { children: [
 		" ",
-		/* @__PURE__ */ I("time", {
+		/* @__PURE__ */ z("time", {
 			dateTime: n.isoValue,
 			"aria-hidden": n.ariaLabel != null || void 0,
 			className: o,
 			children: n.label
 		}),
-		n.ariaLabel != null && /* @__PURE__ */ I("span", {
+		n.ariaLabel != null && /* @__PURE__ */ z("span", {
 			className: "sr-only",
 			children: n.ariaLabel
 		})
 	] });
-	return /* @__PURE__ */ I(ee, {
+	return /* @__PURE__ */ z(ee, {
 		role: "status",
-		variant: pn[e],
+		variant: Ln[e],
 		type: A.SectionMessage,
 		title: f ? d : void 0,
 		message: f || d,
-		className: l(fn.banner, U.usageBanner, s),
+		className: l(In.banner, K.usageBanner, s),
 		style: c({ "--ci-usage-banner-bg": u?.background }),
-		children: r != null && /* @__PURE__ */ I(g, {
+		children: r != null && /* @__PURE__ */ z(g, {
 			className: "shrink-0 self-start",
 			ariaLabel: i,
 			onClose: () => r()
 		})
 	});
-}, hn = (e) => {
-	let [t, n] = H({
+}, zn = (e) => {
+	let [t, n] = G({
 		text: e?.text,
 		revision: e?.revision ?? 0
-	}), r = R((e) => {
+	}), r = V((e) => {
 		n((t) => ({
 			text: e,
 			revision: t.revision + 1
@@ -2782,11 +3223,11 @@ var ln = {
 		messageRevision: t.revision,
 		seedMessage: r
 	};
-}, gn = (e, t) => {
-	let n = V(e), r = V(t);
-	r.current = t, z(() => {
+}, Bn = (e, t) => {
+	let n = W(e), r = W(t);
+	r.current = t, H(() => {
 		e !== n.current && (n.current = e, r.current());
 	}, [e]);
 };
 //#endregion
-export { lt as ActionRowLayout, Fe as BottomSheetShell, U as CONVERSATION_INPUT_CLASS, gt as ChatSettingsModal, un as ConversationInput, dn as EditMessageInput, cn as Input, ct as SendOnEnter, Q as UsageLimitBannerSeverity, mn as UsageLimitBannerView, hn as useComposerSeed, gn as useComposerSeedSource };
+export { lt as ActionRowLayout, Fe as BottomSheetShell, K as CONVERSATION_INPUT_CLASS, gt as ChatSettingsModal, Nn as ConversationInput, Pn as EditMessageInput, jn as Input, ct as SendOnEnter, Fn as UsageLimitBannerSeverity, Rn as UsageLimitBannerView, zn as useComposerSeed, Bn as useComposerSeedSource };