@epam/ai-dial-conversation-input 1.2.0-dev.233 → 1.2.0-dev.240

package/index.js

@@ -1,12 +1,12 @@
 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, Button as p, ButtonVariant as m, CloseButton as h, DIAL_ICON_SIZE as g, DIAL_KIT_ICON_STROKE as _, Dropdown as v, ElementSize as y, ErrorText as b, GhostIconButton as x, Highlight as S, MenuItemMark as C, NeutralButton as w, Popup as T, PopupSize as E, PrimaryButton as D, PrimaryIconButton as O, RadioGroup as k, RadioGroupOrientation as A, Search as j, Skeleton as M, SkeletonVariant as ee, Slider as N, Spinner as te, StaticIconButton as ne, Textarea as P, TextareaResize as F, Tooltip as re } from "@epam/ai-dial-ui-kit";
-import { IconArrowLeft as ie, IconArrowNarrowRight as ae, IconCheck as oe, IconChevronDown as se, IconChevronRight as ce, IconFile as le, IconMicrophone as ue, IconPaperclip as de, IconPlayerStopFilled as fe, IconPlaystationSquare as pe, IconPlus as me, IconSettings as he, IconTool as ge, IconX as _e } from "@tabler/icons-react";
-import { createElement as ve, forwardRef as ye, memo as be, useCallback as I, useEffect as L, useId as xe, useImperativeHandle as Se, useLayoutEffect as Ce, useMemo as R, useRef as z, useState as B } from "react";
-import { createPortal as we } from "react-dom";
-import { Fragment as V, jsx as H, jsxs as U } from "react/jsx-runtime";
-import { AttachmentTray as Te, MAX_UPLOADS_PER_MINUTE as Ee, generateAttachmentId as De, useClipboardPaste as Oe } from "@epam/ai-dial-attachment-input";
+import { BASE_ICON_SIZE as f, Button as p, ButtonVariant as m, CloseButton as h, DIAL_ICON_SIZE as g, DIAL_KIT_ICON_STROKE as _, Dropdown as v, ElementSize as y, ErrorText as b, GhostIconButton as x, Highlight as S, MenuItemMark as C, NeutralButton as w, NeutralIconButton as T, Popup as E, PopupSize as D, PrimaryButton as ee, PrimaryIconButton as O, RadioGroup as k, RadioGroupOrientation as te, Search as A, Skeleton as ne, SkeletonVariant as j, Slider as re, Spinner as ie, Textarea as M, TextareaResize as N, Tooltip as ae } from "@epam/ai-dial-ui-kit";
+import { IconArrowLeft as oe, IconArrowNarrowRight as se, IconCheck as ce, IconChevronDown as le, IconChevronRight as ue, IconFile as de, IconMicrophone as fe, IconPaperclip as pe, IconPlayerStop as me, IconPlus as he, IconSettings as ge, IconTool as _e, IconX as ve } from "@tabler/icons-react";
+import { createElement as ye, forwardRef as be, memo as xe, useCallback as P, useEffect as F, useId as Se, useImperativeHandle as Ce, useLayoutEffect as we, useMemo as I, useRef as L, useState as R } from "react";
+import { createPortal as Te } from "react-dom";
+import { Fragment as z, jsx as B, jsxs as V } from "react/jsx-runtime";
+import { AttachmentTray as Ee, MAX_UPLOADS_PER_MINUTE as De, generateAttachmentId as Oe, useClipboardPaste as ke } from "@epam/ai-dial-attachment-input";
 //#region src/constants/public-class-names.ts
-var W = {
+var H = {
 	wrapper: "dial-ci-wrapper",
 	actionRow: "dial-ci-action-row",
 	textareaWrap: "dial-ci-textarea-wrap",
@@ -20,24 +20,24 @@ var W = {
 	modelMenuSearch: "dial-ci-model-menu-search",
 	modelMenuItem: "dial-ci-model-menu-item",
 	modelMenuItemSelected: "dial-ci-model-menu-item-selected"
-}, ke = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", Ae = (e, t, n) => {
-	L(() => {
+}, Ae = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", je = (e, t, n) => {
+	F(() => {
 		if (!e) return;
 		let n = (e) => {
 			e.key === "Escape" && t();
 		};
 		return window.addEventListener("keydown", n), () => window.removeEventListener("keydown", n);
-	}, [e, t]), L(() => {
+	}, [e, t]), F(() => {
 		if (e) return document.body.style.overflow = "hidden", () => {
 			document.body.style.overflow = "";
 		};
-	}, [e]), L(() => {
+	}, [e]), F(() => {
 		if (!e || n?.current == null) return;
 		let t = n.current, r = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-		(t.querySelector(ke) ?? t).focus();
+		(t.querySelector(Ae) ?? t).focus();
 		let i = (e) => {
 			if (e.key !== "Tab") return;
-			let n = Array.from(t.querySelectorAll(ke));
+			let n = Array.from(t.querySelectorAll(Ae));
 			if (n.length === 0) {
 				e.preventDefault(), t.focus();
 				return;
@@ -49,27 +49,27 @@ var W = {
 			document.removeEventListener("keydown", i), r?.focus();
 		};
 	}, [e, n]);
-}, je = {
+}, Me = {
 	backdrop: "_backdrop_1d50f_9",
 	sheet: "_sheet_1d50f_13",
 	"slide-up": "_slide-up_1d50f_1",
 	title: "_title_1d50f_18",
 	divider: "_divider_1d50f_22"
-}, Me = ({ isOpen: e, title: t, closeLabel: n, onClose: r, onBack: i, backLabel: a, "aria-label": o, style: s, titleClassName: u = "dial-body-semi-text", className: d, colors: f, children: p }) => {
-	let m = z(null);
-	if (Ae(e, r, m), !e || typeof document > "u") return null;
+}, U = ({ isOpen: e, title: t, closeLabel: n, onClose: r, onBack: i, backLabel: a, "aria-label": o, style: s, titleClassName: u = "dial-body-semi-text", className: d, colors: f, children: p }) => {
+	let m = L(null);
+	if (je(e, r, m), !e || typeof document > "u") return null;
 	let v = c({
 		"--ci-backdrop": f?.backdrop,
 		"--ci-sheet-bg": f?.sheetBg,
 		"--ci-sheet-text": f?.sheetText,
 		"--ci-sheet-divider": f?.divider
 	});
-	return we(/* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H("div", {
-		className: l(je.backdrop, "fixed inset-0 z-[55]"),
+	return Te(/* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B("div", {
+		className: l(Me.backdrop, "fixed inset-0 z-[55]"),
 		style: v,
 		onPointerDown: r,
 		"aria-hidden": !0
-	}), /* @__PURE__ */ U("div", {
+	}), /* @__PURE__ */ V("div", {
 		ref: m,
 		role: "dialog",
 		"aria-modal": !0,
@@ -79,14 +79,14 @@ var W = {
 			...v,
 			...s
 		},
-		className: l(je.sheet, "fixed inset-x-0 bottom-0 z-[60] flex max-h-[85dvh] flex-col rounded-t-lg", d),
-		children: [t != null && /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ U("div", {
+		className: l(Me.sheet, "fixed inset-x-0 bottom-0 z-[60] flex max-h-[85dvh] flex-col rounded-t-lg", d),
+		children: [t != null && /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ V("div", {
 			className: "relative flex h-[60px] flex-shrink-0 items-center justify-center px-4",
 			children: [
-				i && /* @__PURE__ */ H("div", {
+				i && /* @__PURE__ */ B("div", {
 					className: "absolute start-4",
-					children: /* @__PURE__ */ H(x, {
-						icon: /* @__PURE__ */ H(ie, {
+					children: /* @__PURE__ */ B(x, {
+						icon: /* @__PURE__ */ B(oe, {
 							size: g.LG,
 							stroke: _,
 							className: "rtl:scale-x-[-1]"
@@ -95,20 +95,20 @@ var W = {
 						onClick: i
 					})
 				}),
-				/* @__PURE__ */ H("span", {
-					className: l(je.title, u),
+				/* @__PURE__ */ B("span", {
+					className: l(Me.title, u),
 					children: t
 				}),
-				/* @__PURE__ */ H("div", {
+				/* @__PURE__ */ B("div", {
 					className: "absolute end-4 m-2",
-					children: /* @__PURE__ */ H(h, {
+					children: /* @__PURE__ */ B(h, {
 						ariaLabel: n,
 						onClose: r,
 						size: y.Standard
 					})
 				})
 			]
-		}), /* @__PURE__ */ H("div", { className: l(je.divider, "h-px flex-shrink-0") })] }), /* @__PURE__ */ H("div", {
+		}), /* @__PURE__ */ B("div", { className: l(Me.divider, "h-px flex-shrink-0") })] }), /* @__PURE__ */ B("div", {
 			className: "overflow-y-auto",
 			children: p
 		})]
@@ -118,18 +118,18 @@ var W = {
 	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);
 }, Pe = ({ initialAttachments: n, onUploadAttachment: r, onAttachmentsChange: i, validateAttachment: o, pendingDropFiles: s, onDropFilesConsumed: c, pendingAttachments: l, onPendingAttachmentsConsumed: u, onExpandPastedText: d, maximumAttachmentsAmount: f, baseAttachmentsAmount: p = 0, onAttachmentsLimitExceeded: m }) => {
-	let [h, g] = B(n), _ = z(h);
-	L(() => {
+	let [h, g] = R(n), _ = L(h);
+	F(() => {
 		_.current = h;
-	}, [h]), L(() => () => {
+	}, [h]), F(() => () => {
 		_.current.forEach((e) => {
 			e.previewUrl && URL.revokeObjectURL(e.previewUrl), e.playUrl && URL.revokeObjectURL(e.playUrl);
 		});
 	}, []);
-	let v = I((e) => e.map((e) => {
+	let v = P((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: De(),
+			id: Oe(),
 			name: e.name,
 			contentType: e.type,
 			file: e,
@@ -138,26 +138,26 @@ var W = {
 			previewUrl: i,
 			playUrl: o
 		};
-	}), []), y = z(i);
-	L(() => {
+	}), []), y = L(i);
+	F(() => {
 		y.current = i;
 	}, [i]);
-	let b = z(!0), x = I((e) => {
+	let b = L(!0), x = P((e) => {
 		g((t) => {
 			let n = e(t);
 			return n === t ? t : n;
 		});
 	}, []);
-	L(() => {
+	F(() => {
 		if (b.current) {
 			b.current = !1;
 			return;
 		}
 		y.current?.(h);
 	}, [h]);
-	let S = I((e) => {
+	let S = P((e) => {
 		g(e);
-	}, []), C = I(async (t) => {
+	}, []), C = P(async (t) => {
 		if (r) {
 			x((e) => e.map((e) => e.id === t.id ? {
 				...e,
@@ -180,7 +180,7 @@ var W = {
 				} : e));
 			}
 		}
-	}, [r, x]), w = I((e, t = !0) => {
+	}, [r, x]), w = P((e, t = !0) => {
 		let n = new Set(_.current.map((e) => e.id)), r = e.filter((e) => !n.has(e.id));
 		if (r.length !== 0) {
 			if (f != null && f > 0 && Number.isFinite(f)) {
@@ -201,7 +201,7 @@ var W = {
 						status: a.Error,
 						errorReason: n
 					} : e));
-				}), Ne(e, Ee, C);
+				}), Ne(e, De, C);
 			}
 		}
 	}, [
@@ -211,8 +211,8 @@ var W = {
 		x,
 		C,
 		o
-	]), T = z(/* @__PURE__ */ new WeakSet());
-	L(() => {
+	]), T = L(/* @__PURE__ */ new WeakSet());
+	F(() => {
 		if (s.length === 0) {
 			T.current = /* @__PURE__ */ new WeakSet();
 			return;
@@ -224,13 +224,13 @@ var W = {
 		v,
 		c,
 		s
-	]), L(() => {
+	]), F(() => {
 		l.length !== 0 && (w(l, !1), u?.());
 	}, [
 		w,
 		u,
 		l
-	]), L(() => {
+	]), F(() => {
 		if (!o) return;
 		let t = !1, n = [], r = _.current.map((r) => {
 			if (r.status === a.Loading) return r;
@@ -257,7 +257,7 @@ var W = {
 		x,
 		C
 	]);
-	let E = I((e) => {
+	let E = P((e) => {
 		x((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);
@@ -269,11 +269,11 @@ var W = {
 		addAttachments: w,
 		resetAttachments: S,
 		handleRemove: E,
-		handleRetry: I((e) => {
+		handleRetry: P((e) => {
 			let t = h.find((t) => t.id === e);
 			t && C(t);
 		}, [h, C]),
-		handleExpand: I(async (e) => {
+		handleExpand: P(async (e) => {
 			let n = h.find((t) => t.id === e);
 			if (!n || n.type !== t.Pasted) return;
 			let r = await n.file.text();
@@ -299,12 +299,12 @@ var W = {
 }, Le = (e, t) => e.startsWith(t) && !e.slice(t.length).includes(t), Re = "[role=\"option\"]:not([aria-disabled=\"true\"])", ze = /* @__PURE__ */ function(e) {
 	return e.Next = "next", e.Previous = "previous", e;
 }({}), Be = ({ config: e, message: t }) => {
-	let [n, r] = B(!1), [i, a] = B(null), [o, s] = B(null), c = z(null);
+	let [n, r] = R(!1), [i, a] = R(null), [o, s] = R(null), c = L(null);
 	c.current = i;
 	let l = e != null && i != null && i <= t.length ? (() => {
 		let n = t.slice(i, Fe(t, i));
 		return Le(n, e.triggerPrefix) ? n.slice(e.triggerPrefix.length) : "";
-	})() : "", u = I((t, n, i) => {
+	})() : "", u = P((t, n, i) => {
 		if (e == null || i) return;
 		let { start: c, end: l } = Ie(t, n), u = t.slice(c, l);
 		if (!Le(u, e.triggerPrefix)) {
@@ -317,7 +317,7 @@ var W = {
 		}
 		r(!1);
 	}, [e, o]);
-	L(() => {
+	F(() => {
 		if (e == null) {
 			r(!1), s(null), a(null);
 			return;
@@ -327,11 +327,11 @@ var W = {
 		let i = Math.min(n, t.length);
 		Le(t.slice(i, Fe(t, i)), e.triggerPrefix) || (r(!1), s(null), a(null));
 	}, [e, t]);
-	let d = I(() => {
+	let d = P(() => {
 		r(!1), s(i);
-	}, [i]), f = I(() => {
+	}, [i]), f = P(() => {
 		r(!1);
-	}, []), p = I((n) => {
+	}, []), p = P((n) => {
 		if (e == null) return;
 		let { start: i, end: s } = Ie(t, n);
 		if (!Le(t.slice(i, s), e.triggerPrefix)) {
@@ -343,11 +343,11 @@ var W = {
 		e,
 		t,
 		o
-	]), m = xe(), h = z(null), [g, _] = B(null);
-	L(() => {
+	]), m = Se(), h = L(null), [g, _] = R(null);
+	F(() => {
 		_(null);
 	}, [n, l]);
-	let v = I(() => Array.from(h.current?.querySelectorAll(Re) ?? []), []), y = I((e) => {
+	let v = P(() => Array.from(h.current?.querySelectorAll(Re) ?? []), []), y = P((e) => {
 		let t = v();
 		if (t.length === 0) {
 			_(null);
@@ -355,7 +355,7 @@ var W = {
 		}
 		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 = I(() => v().find((e) => e.id === g) ?? null, [v, g]);
+	}, [v, g]), b = P(() => v().find((e) => e.id === g) ?? null, [v, g]);
 	return {
 		isMenuOpen: n,
 		query: l,
@@ -371,17 +371,17 @@ var W = {
 		getActiveOption: b
 	};
 }, Ve = (e, t) => !e.slice(0, t).includes("\n"), He = (e, t) => !e.slice(t).includes("\n"), Ue = (e) => {
-	let t = z(e);
+	let t = L(e);
 	t.current = e;
-	let n = z(-1), r = z(""), i = I((e, i, a) => {
+	let n = L(-1), r = L(""), i = P((e, i, a) => {
 		let o = t.current;
 		return !o || o.length === 0 ? null : e === "up" ? !Ve(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 || !He(i, a) ? null : n.current < o.length - 1 ? (n.current += 1, o[n.current]) : (n.current = -1, r.current);
-	}, []), a = I(() => {
+	}, []), a = P(() => {
 		n.current = -1, r.current = "";
-	}, []), o = I(() => {
+	}, []), o = P(() => {
 		n.current = -1, r.current = "";
 	}, []);
-	return R(() => ({
+	return I(() => ({
 		navigate: i,
 		notifyChange: a,
 		reset: o
@@ -395,11 +395,11 @@ var W = {
 		if (n <= t) return;
 		let r = t;
 		o.filter((e) => e.offset >= t && e.offset <= n).forEach((t) => {
-			t.offset > r && s.push(/* @__PURE__ */ H("span", {
+			t.offset > r && s.push(/* @__PURE__ */ B("span", {
 				"aria-hidden": !0,
 				children: e.slice(r, t.offset)
 			}, `text-${l++}`)), s.push(t.node), r = t.offset;
-		}), r < n && s.push(/* @__PURE__ */ H("span", {
+		}), r < n && s.push(/* @__PURE__ */ B("span", {
 			"aria-hidden": !0,
 			children: e.slice(r, n)
 		}, `text-${l++}`));
@@ -407,10 +407,10 @@ var W = {
 	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__ */ H("span", {
+		s.push(t.render ? /* @__PURE__ */ B("span", {
 			className: "pointer-events-auto",
 			children: t.render()
-		}, `range-${n}`) : /* @__PURE__ */ H("span", {
+		}, `range-${n}`) : /* @__PURE__ */ B("span", {
 			"aria-hidden": !0,
 			className: t.isUnsupported ? i : r,
 			children: a
@@ -433,7 +433,7 @@ var W = {
 	let a = document.createRange();
 	return a.setStart(r.node, r.offset), a.setEnd(i.node, i.offset), a;
 }, qe = ({ textareaRef: e, message: t, hasActiveMentions: n }) => {
-	let r = z(null), [i, a] = B([]), o = I(() => {
+	let r = L(null), [i, a] = R([]), o = P(() => {
 		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 : []);
@@ -447,9 +447,9 @@ var W = {
 		let l = i.getBoundingClientRect();
 		a(Array.from(c.getClientRects()).map((e) => new DOMRect(e.left - l.left, e.top - l.top, e.width, e.height)));
 	}, [n, e]);
-	return Ce(() => {
+	return we(() => {
 		o();
-	}, [o, t]), L(() => {
+	}, [o, t]), F(() => {
 		if (!n) return;
 		let t = e.current;
 		if (t == null || typeof ResizeObserver > "u") return;
@@ -465,8 +465,8 @@ var W = {
 		updateSelectionRects: o
 	};
 }, Je = ({ messageProp: e, messageRevision: t }) => {
-	let [n, r] = B(e), i = z(null);
-	return L(() => {
+	let [n, r] = R(e), i = L(null);
+	return F(() => {
 		r(e);
 	}, [e, t]), {
 		message: n,
@@ -477,10 +477,10 @@ var W = {
 	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 }));
 }, Xe = (e) => e.key.toLowerCase() === "z" && (e.ctrlKey || e.metaKey) && !e.shiftKey && !e.altKey, Ze = ({ insertion: e, textareaRef: t }) => {
-	let n = e?.revision, r = z(e?.text);
+	let n = e?.revision, r = L(e?.text);
 	r.current = e?.text;
-	let i = z(n), a = z(null);
-	return L(() => {
+	let i = L(n), a = L(null);
+	return F(() => {
 		if (n === i.current) return;
 		i.current = n;
 		let e = r.current;
@@ -510,7 +510,7 @@ var W = {
 	"audio/ogg;codecs=opus",
 	"audio/webm"
 ], tt = 100, nt = 100, rt = .01, it = ({ onAttachAudio: e, onTranscribeAudio: t, onTranscript: n, errorLabel: i = "Voice input failed" }) => {
-	let [a, o] = B("idle"), [s, c] = B(null), l = z(null), d = z(null), f = z({
+	let [a, o] = R("idle"), [s, c] = R(null), l = L(null), d = L(null), f = L({
 		onAttachAudio: e,
 		onTranscribeAudio: t,
 		onTranscript: n,
@@ -522,7 +522,7 @@ var W = {
 		onTranscript: n,
 		errorLabel: i
 	};
-	let p = I((e = "dictation") => {
+	let p = P((e = "dictation") => {
 		if (d.current) return;
 		let t = { controller: new AbortController() };
 		d.current = t, c(null), o("recording");
@@ -593,10 +593,10 @@ var W = {
 				x(e);
 			}
 		})();
-	}, []), m = I(() => d.current?.stop?.(), []), h = I(() => {
+	}, []), m = P(() => d.current?.stop?.(), []), h = P(() => {
 		d.current?.controller.abort(), d.current = null, c(null), o("idle");
 	}, []);
-	return L(() => () => {
+	return F(() => () => {
 		d.current?.controller.abort(), d.current = null;
 	}, []), {
 		state: a,
@@ -622,7 +622,7 @@ var W = {
 		"--ci-sheet-item-active": f?.itemActiveBg,
 		"--ci-sheet-icon": f?.itemIcon
 	});
-	return /* @__PURE__ */ H(Me, {
+	return /* @__PURE__ */ B(U, {
 		isOpen: e,
 		title: t,
 		closeLabel: n,
@@ -631,23 +631,23 @@ var W = {
 		className: o,
 		titleClassName: s,
 		colors: f?.shell,
-		children: /* @__PURE__ */ H("ul", {
+		children: /* @__PURE__ */ B("ul", {
 			role: "list",
 			className: "flex flex-col",
 			style: h,
-			children: a.map(({ key: e, label: t, icon: n, iconAfter: r, onClick: i }) => /* @__PURE__ */ H("li", { children: /* @__PURE__ */ H(p, {
+			children: a.map(({ key: e, label: t, icon: n, iconAfter: r, onClick: i }) => /* @__PURE__ */ B("li", { children: /* @__PURE__ */ B(p, {
 				type: "button",
 				className: l(st.item, "w-full gap-3 px-4 py-[10px] text-start"),
-				iconBefore: /* @__PURE__ */ H("span", {
+				iconBefore: /* @__PURE__ */ B("span", {
 					className: st.itemIcon,
 					children: n
 				}),
-				iconAfter: r ? /* @__PURE__ */ H("span", {
+				iconAfter: r ? /* @__PURE__ */ B("span", {
 					className: "ms-auto",
 					children: r
 				}) : null,
 				textClassName: d,
-				label: /* @__PURE__ */ H("span", {
+				label: /* @__PURE__ */ B("span", {
 					className: u,
 					children: t
 				}),
@@ -656,8 +656,8 @@ var W = {
 		})
 	});
 }, lt = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, isOpen: o }) => {
-	let [s, c] = B(t), [l, u] = B(n), [d, f] = B(r), p = z(o);
-	L(() => {
+	let [s, c] = R(t), [l, u] = R(n), [d, f] = R(r), p = L(o);
+	F(() => {
 		o && !p.current && (c(t), u(n), f(r)), p.current = o;
 	}, [
 		o,
@@ -674,7 +674,7 @@ var W = {
 		setResponseFormat: c,
 		setSystemPrompt: u,
 		setTemperature: f,
-		handleSubmit: I(() => {
+		handleSubmit: P(() => {
 			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();
@@ -688,17 +688,17 @@ var W = {
 			a
 		])
 	};
-}, ut = { label: "_label_14i7c_1" }, G = ({ 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 = [
+}, ut = { label: "_label_14i7c_1" }, dt = ({ 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, ut.label, "gap-1");
-	return /* @__PURE__ */ U("div", {
+	return /* @__PURE__ */ V("div", {
 		className: "flex flex-col gap-4 px-6 pb-3",
 		style: S,
 		children: [
-			e.responseFormat && /* @__PURE__ */ H(k, {
+			e.responseFormat && /* @__PURE__ */ B(k, {
 				id: "response-format",
 				labelProps: {
 					label: d,
@@ -706,7 +706,7 @@ var W = {
 					caption: f
 				},
 				optionsClassName: "mb-2",
-				orientation: A.Column,
+				orientation: te.Column,
 				value: t ?? o.Markdown,
 				items: [{
 					value: o.Markdown,
@@ -717,18 +717,18 @@ var W = {
 				}],
 				onChange: (e) => a(e)
 			}),
-			e.systemPrompt && /* @__PURE__ */ H(P, {
+			e.systemPrompt && /* @__PURE__ */ B(M, {
 				value: n,
 				placeholder: g,
 				className: i,
-				resize: F.Vertical,
+				resize: N.Vertical,
 				labelProps: {
 					className: C,
 					label: h
 				},
 				onChange: (e) => s(e ?? "")
 			}),
-			e.temperature && /* @__PURE__ */ H(N, {
+			e.temperature && /* @__PURE__ */ B(re, {
 				labelProps: {
 					label: _,
 					className: C,
@@ -744,8 +744,8 @@ var W = {
 			})
 		]
 	});
-}, dt = ({ 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: O, setResponseFormat: k, setSystemPrompt: A, setTemperature: j, handleSubmit: M } = lt({
+}, W = ({ 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: te, handleSubmit: A } = lt({
 		isOpen: e,
 		features: o,
 		initialResponseFormat: s,
@@ -754,7 +754,7 @@ var W = {
 		onSave: d,
 		onClose: r
 	});
-	return /* @__PURE__ */ U(Me, {
+	return /* @__PURE__ */ V(U, {
 		isOpen: e,
 		title: f,
 		closeLabel: i,
@@ -762,14 +762,14 @@ var W = {
 		onBack: t,
 		backLabel: n,
 		style: a,
-		children: [/* @__PURE__ */ H(G, {
+		children: [/* @__PURE__ */ B(dt, {
 			features: o,
 			responseFormat: w,
 			systemPrompt: T,
 			temperature: E,
-			onResponseFormatChange: k,
-			onSystemPromptChange: A,
-			onTemperatureChange: j,
+			onResponseFormatChange: O,
+			onSystemPromptChange: k,
+			onTemperatureChange: te,
 			responseFormatLabel: p,
 			responseFormatHint: m,
 			responseFormatMarkdownLabel: h,
@@ -779,23 +779,23 @@ var W = {
 			temperatureLabel: y,
 			temperatureLabels: b,
 			temperatureHint: x
-		}), /* @__PURE__ */ H("div", {
+		}), /* @__PURE__ */ B("div", {
 			className: l("px-6 py-4 mobile:pb-8"),
-			children: /* @__PURE__ */ H(re, {
+			children: /* @__PURE__ */ B(ae, {
 				tooltip: C,
-				hideTooltip: O || !C,
+				hideTooltip: D || !C,
 				triggerClassName: "w-full",
-				children: /* @__PURE__ */ H(D, {
+				children: /* @__PURE__ */ B(ee, {
 					label: S,
-					onClick: M,
-					disabled: !O,
+					onClick: A,
+					disabled: !D,
 					className: "w-full"
 				})
 			})
 		})]
 	});
 }, ft = { modal: "_modal_kl0h0_1" }, pt = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, title: o = "Chat settings", titleClassName: s = "dial-h1-text", responseFormatLabel: c, responseFormatHint: l, responseFormatMarkdownLabel: u, responseFormatPlainTextLabel: d, systemPromptLabel: f, systemPromptTooltip: p, temperatureLabel: h, temperatureLabels: g, temperatureHint: _, saveLabel: v = "Apply changes", saveDisabledTooltip: y, backgroundClassName: b = ft.modal }) => {
-	let { responseFormat: x, systemPrompt: S, temperature: C, canSubmit: w, setResponseFormat: D, setSystemPrompt: O, setTemperature: k, handleSubmit: A } = lt({
+	let { responseFormat: x, systemPrompt: S, temperature: C, canSubmit: w, setResponseFormat: T, setSystemPrompt: ee, setTemperature: O, handleSubmit: k } = lt({
 		features: e,
 		initialResponseFormat: t,
 		initialSystemPrompt: n,
@@ -803,31 +803,31 @@ var W = {
 		onSave: i,
 		onClose: a
 	});
-	return /* @__PURE__ */ H(T, {
+	return /* @__PURE__ */ B(E, {
 		open: !0,
 		header: o,
 		titleClassName: s,
-		size: E.Sm,
+		size: D.Sm,
 		onClose: a,
 		className: b,
 		mainButtons: [{
 			label: v,
 			variant: m.Primary,
-			onClick: A,
+			onClick: k,
 			disabled: !w,
 			tooltipProps: y ? {
 				tooltip: y,
 				hideTooltip: w
 			} : void 0
 		}],
-		children: /* @__PURE__ */ H(G, {
+		children: /* @__PURE__ */ B(dt, {
 			features: e,
 			responseFormat: x,
 			systemPrompt: S,
 			temperature: C,
-			onResponseFormatChange: D,
-			onSystemPromptChange: O,
-			onTemperatureChange: k,
+			onResponseFormatChange: T,
+			onSystemPromptChange: ee,
+			onTemperatureChange: O,
 			responseFormatLabel: c,
 			responseFormatHint: l,
 			responseFormatMarkdownLabel: u,
@@ -842,7 +842,7 @@ var W = {
 }, mt = {
 	icon: "_icon_1fv6z_1",
 	selectedIcon: "_selectedIcon_1fv6z_5"
-}, ht = ({ isOpen: e, onBack: t, backLabel: n = "Back", onClose: r, closeLabel: i = "Close", style: a, title: o = "Tools", items: s, onToolToggle: u, itemLabelClassName: d = "dial-small-text", colors: m }) => /* @__PURE__ */ H(Me, {
+}, ht = ({ isOpen: e, onBack: t, backLabel: n = "Back", onClose: r, closeLabel: i = "Close", style: a, title: o = "Tools", items: s, onToolToggle: u, itemLabelClassName: d = "dial-small-text", colors: m }) => /* @__PURE__ */ B(U, {
 	isOpen: e,
 	title: o,
 	closeLabel: i,
@@ -850,33 +850,33 @@ var W = {
 	onBack: t,
 	backLabel: n,
 	style: a,
-	children: /* @__PURE__ */ H("ul", {
+	children: /* @__PURE__ */ B("ul", {
 		role: "menu",
 		className: "flex flex-col pb-4",
 		style: c({
 			"--tbs-icon-text": m?.iconText,
 			"--tbs-selected-icon-text": m?.selectedIconText
 		}),
-		children: s.map((e) => /* @__PURE__ */ H("li", {
+		children: s.map((e) => /* @__PURE__ */ B("li", {
 			role: "none",
-			children: /* @__PURE__ */ H(p, {
+			children: /* @__PURE__ */ B(p, {
 				type: "button",
 				role: "menuitemcheckbox",
 				"aria-checked": e.isSelected,
 				className: "w-full gap-3 px-4 py-[10px] text-start",
-				iconBefore: /* @__PURE__ */ H("span", {
+				iconBefore: /* @__PURE__ */ B("span", {
 					className: l("flex items-center", mt.icon),
 					children: e.icon
 				}),
-				iconAfter: e.isSelected ? /* @__PURE__ */ H("span", {
+				iconAfter: e.isSelected ? /* @__PURE__ */ B("span", {
 					className: l("ms-auto", mt.selectedIcon),
-					children: /* @__PURE__ */ H(oe, {
+					children: /* @__PURE__ */ B(ce, {
 						size: f,
 						"aria-hidden": !0,
 						stroke: _
 					})
 				}) : null,
-				label: /* @__PURE__ */ H("span", {
+				label: /* @__PURE__ */ B("span", {
 					className: d,
 					children: e.label
 				}),
@@ -887,15 +887,15 @@ var W = {
 }), gt = {
 	toolIcon: "_toolIcon_ma5s5_1",
 	chevronIcon: "_chevronIcon_ma5s5_5"
-}, _t = ({ 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: b, toolsMenuItems: S = [], onToolToggle: w, toolsMenuTitle: T = "Tools", toolsBackLabel: E = "Back", menuOverlays: D, getCaretPosition: O, colors: k }) => {
-	let A = d(), [j, M] = B(!1), [ee, N] = B(!1), [te, ne] = B(!1), [P, F] = B(null), [re, ie] = B(!1), ae = R(() => c({
-		"--aab-tool-icon": k?.toolIcon,
-		"--aab-chevron-icon": k?.chevronIcon
-	}), [k?.toolIcon, k?.chevronIcon]), oe = S.length > 0 && w != null, se = D != null && D.length > 0, le = R(() => S.map((e) => ({
+}, _t = ({ 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: b, toolsMenuItems: S = [], onToolToggle: w, toolsMenuTitle: T = "Tools", toolsBackLabel: E = "Back", menuOverlays: D, getCaretPosition: ee, colors: O }) => {
+	let k = d(), [te, A] = R(!1), [ne, j] = R(!1), [re, ie] = R(!1), [M, N] = R(null), [ae, oe] = R(!1), se = I(() => c({
+		"--aab-tool-icon": O?.toolIcon,
+		"--aab-chevron-icon": O?.chevronIcon
+	}), [O?.toolIcon, O?.chevronIcon]), ce = S.length > 0 && w != null, le = D != null && D.length > 0, de = I(() => S.map((e) => ({
 		key: e.id,
 		label: e.label,
-		icon: /* @__PURE__ */ H("span", {
-			style: ae,
+		icon: /* @__PURE__ */ B("span", {
+			style: se,
 			className: l("flex items-center", gt.toolIcon),
 			children: e.icon
 		}),
@@ -906,12 +906,12 @@ var W = {
 	})), [
 		S,
 		w,
-		ae
-	]), fe = R(() => [
+		se
+	]), me = I(() => [
 		...e == null ? [] : [{
 			key: "attach",
 			label: r,
-			icon: /* @__PURE__ */ H(de, {
+			icon: /* @__PURE__ */ B(pe, {
 				size: f,
 				"aria-hidden": !0,
 				stroke: _
@@ -919,36 +919,36 @@ var W = {
 			onClick: e
 		}],
 		...b ?? [],
-		...oe ? [{
+		...ce ? [{
 			key: "tools",
 			label: T,
-			icon: /* @__PURE__ */ H(ge, {
+			icon: /* @__PURE__ */ B(_e, {
 				size: f,
 				"aria-hidden": !0,
 				stroke: _
 			}),
-			onClick: A ? () => {
-				ne(!0), M(!1);
+			onClick: k ? () => {
+				ie(!0), A(!1);
 			} : () => void 0,
-			...A ? { iconAfter: /* @__PURE__ */ H(ce, {
+			...k ? { iconAfter: /* @__PURE__ */ B(ue, {
 				size: f,
 				stroke: _,
-				style: ae,
+				style: se,
 				className: l("rtl:scale-x-[-1]", gt.chevronIcon),
 				"aria-hidden": !0
-			}) } : { children: le }
+			}) } : { children: de }
 		}] : [],
 		...(D ?? []).map((e) => ({
 			key: e.key,
 			label: e.title,
 			icon: e.icon,
-			onClick: A ? () => {
-				F(e.key), M(!1);
+			onClick: k ? () => {
+				N(e.key), A(!1);
 			} : () => void 0,
-			...A ? { iconAfter: /* @__PURE__ */ H(ce, {
+			...k ? { iconAfter: /* @__PURE__ */ B(ue, {
 				size: f,
 				stroke: _,
-				style: ae,
+				style: se,
 				className: l("rtl:scale-x-[-1]", gt.chevronIcon),
 				"aria-hidden": !0
 			}) } : {
@@ -956,37 +956,37 @@ var W = {
 					key: `${e.key}-panel`,
 					label: ""
 				}],
-				renderSubMenu: () => e.renderOverlay(() => ie(!1), O?.() ?? 0)
+				renderSubMenu: () => e.renderOverlay(() => oe(!1), ee?.() ?? 0)
 			}
 		})),
 		...t == null ? [] : [{
 			key: "record-voice",
 			label: n,
-			icon: /* @__PURE__ */ H(ue, {
+			icon: /* @__PURE__ */ B(fe, {
 				size: f,
 				"aria-hidden": !0,
 				stroke: _
 			}),
 			onClick: () => {
-				M(!1), ie(!1), t();
+				A(!1), oe(!1), t();
 			}
 		}],
 		...h == null ? [] : [{
 			key: "chat-settings",
 			label: h.menuItemLabel ?? "Chat settings",
-			icon: /* @__PURE__ */ H(he, {
+			icon: /* @__PURE__ */ B(ge, {
 				size: f,
 				"aria-hidden": !0,
 				stroke: _
 			}),
-			iconAfter: A ? /* @__PURE__ */ H(ce, {
+			iconAfter: k ? /* @__PURE__ */ B(ue, {
 				size: f,
 				stroke: _,
-				style: ae,
+				style: se,
 				className: l("rtl:scale-x-[-1]", gt.chevronIcon),
 				"aria-hidden": !0
 			}) : null,
-			onClick: () => N(!0)
+			onClick: () => j(!0)
 		}]
 	], [
 		r,
@@ -995,25 +995,25 @@ var W = {
 		n,
 		h,
 		b,
-		A,
-		oe,
+		k,
+		ce,
 		T,
-		le,
+		de,
 		D,
-		O,
-		ae
+		ee,
+		se
 	]);
-	if (fe.length === 0) return null;
-	let pe = /* @__PURE__ */ H(v, {
+	if (me.length === 0) return null;
+	let ve = /* @__PURE__ */ B(v, {
 		matchReferenceWidth: !1,
 		placement: "bottom-start",
 		listClassName: p,
 		overlayContentClassName: "flex flex-col gap-1",
-		items: fe,
-		open: se ? re : void 0,
-		onOpenChange: se ? ie : void 0,
-		children: /* @__PURE__ */ H(x, {
-			icon: /* @__PURE__ */ H(me, {
+		items: me,
+		open: le ? ae : void 0,
+		onOpenChange: le ? oe : void 0,
+		children: /* @__PURE__ */ B(x, {
+			icon: /* @__PURE__ */ B(he, {
 				size: g.LG,
 				"aria-hidden": !0,
 				stroke: _
@@ -1023,9 +1023,9 @@ var W = {
 			disabled: m
 		})
 	});
-	return /* @__PURE__ */ H(V, { children: A ? /* @__PURE__ */ U(V, { children: [
-		/* @__PURE__ */ H(x, {
-			icon: /* @__PURE__ */ H(me, {
+	return /* @__PURE__ */ B(z, { children: k ? /* @__PURE__ */ V(z, { children: [
+		/* @__PURE__ */ B(x, {
+			icon: /* @__PURE__ */ B(he, {
 				size: g.LG,
 				"aria-hidden": !0,
 				stroke: _
@@ -1034,54 +1034,54 @@ var W = {
 			size: y.Large,
 			tooltipProps: { tooltip: i },
 			disabled: m,
-			onClick: () => M(!0)
+			onClick: () => A(!0)
 		}),
-		/* @__PURE__ */ H(ct, {
-			isOpen: j,
+		/* @__PURE__ */ B(ct, {
+			isOpen: te,
 			title: a,
 			closeLabel: s,
-			onClose: () => M(!1),
+			onClose: () => A(!1),
 			style: u,
-			items: fe,
+			items: me,
 			className: "pb-4",
 			btnTextClassName: "flex-1"
 		}),
-		oe && /* @__PURE__ */ H(ht, {
-			isOpen: te,
+		ce && /* @__PURE__ */ B(ht, {
+			isOpen: re,
 			onBack: () => {
-				ne(!1), M(!0);
+				ie(!1), A(!0);
 			},
 			backLabel: E,
-			onClose: () => ne(!1),
+			onClose: () => ie(!1),
 			closeLabel: s,
 			style: u,
 			title: T,
 			items: S,
 			onToolToggle: w
 		}),
-		D?.map((e) => /* @__PURE__ */ H(Me, {
-			isOpen: P === e.key,
+		D?.map((e) => /* @__PURE__ */ B(U, {
+			isOpen: M === e.key,
 			title: e.title,
 			closeLabel: s,
 			onBack: () => {
-				F(null), M(!0);
+				N(null), A(!0);
 			},
 			backLabel: e.backLabel ?? "Back",
-			onClose: () => F(null),
+			onClose: () => N(null),
 			style: u,
-			children: /* @__PURE__ */ H("div", {
+			children: /* @__PURE__ */ B("div", {
 				role: "menu",
 				"aria-label": e.title,
-				children: e.renderOverlay(() => F(null), O?.() ?? 0)
+				children: e.renderOverlay(() => N(null), ee?.() ?? 0)
 			})
 		}, e.key)),
-		h != null && /* @__PURE__ */ H(dt, {
-			isOpen: ee,
+		h != null && /* @__PURE__ */ B(W, {
+			isOpen: ne,
 			onBack: () => {
-				N(!1), M(!0);
+				j(!1), A(!0);
 			},
 			backLabel: h.backLabel ?? "Back",
-			onClose: () => N(!1),
+			onClose: () => j(!1),
 			closeLabel: s,
 			style: u,
 			features: h.features,
@@ -1102,13 +1102,13 @@ var W = {
 			saveLabel: h.saveLabel,
 			saveDisabledTooltip: h.saveDisabledTooltip
 		})
-	] }) : /* @__PURE__ */ U(V, { children: [pe, h != null && ee && /* @__PURE__ */ H(pt, {
+	] }) : /* @__PURE__ */ V(z, { children: [ve, h != null && ne && /* @__PURE__ */ B(pt, {
 		features: h.features,
 		initialResponseFormat: h.responseFormat ?? o.Markdown,
 		initialSystemPrompt: h.systemPrompt,
 		initialTemperature: h.temperature,
 		onSave: h.onSave,
-		onClose: () => N(!1),
+		onClose: () => j(!1),
 		title: h.title,
 		responseFormatLabel: h.responseFormatLabel,
 		responseFormatHint: h.responseFormatHint,
@@ -1132,7 +1132,7 @@ var W = {
 }, yt = (e) => `Remove ${e}`, bt = ({ items: e, onToolToggle: t, onToolDismiss: n, canRemove: r = !0, removeLabel: i = yt, stateOnLabel: a, stateOffLabel: o, typography: s, colors: u }) => {
 	if (e.length === 0) return null;
 	let d = !!(a && o);
-	return /* @__PURE__ */ H("div", {
+	return /* @__PURE__ */ B("div", {
 		className: "flex flex-wrap items-center gap-2",
 		style: c({
 			"--ci-chip-bg": u?.chipBg,
@@ -1148,38 +1148,38 @@ var W = {
 			"--ci-chip-close": u?.chipClose,
 			"--ci-chip-close-hover": u?.chipCloseHover
 		}),
-		children: e.map((e) => /* @__PURE__ */ U("div", {
+		children: e.map((e) => /* @__PURE__ */ V("div", {
 			className: l(vt.chip, e.isSelected && vt.chipSelected, "flex min-w-0 items-center gap-1.5 rounded-full border py-1 transition-colors", r ? "pe-1 ps-2" : "px-2"),
-			children: [/* @__PURE__ */ U("button", {
+			children: [/* @__PURE__ */ V("button", {
 				type: "button",
 				onClick: () => t(e.id),
 				"aria-pressed": e.isSelected,
 				className: "flex min-w-0 items-center gap-1.5",
 				children: [
-					/* @__PURE__ */ H("span", {
+					/* @__PURE__ */ B("span", {
 						className: l(vt.chipIcon, "shrink-0"),
 						"aria-hidden": !0,
 						children: e.icon
 					}),
-					/* @__PURE__ */ U("span", {
+					/* @__PURE__ */ V("span", {
 						className: l(vt.chipText, s?.fontClassName || "dial-small-paragraph-text", "truncate"),
-						children: [e.label, d && /* @__PURE__ */ H("span", {
+						children: [e.label, d && /* @__PURE__ */ B("span", {
 							"aria-hidden": !0,
 							children: ":"
 						})]
 					}),
-					d && /* @__PURE__ */ H("span", {
+					d && /* @__PURE__ */ B("span", {
 						className: l(vt.chipState, s?.fontClassName || "dial-small-paragraph-text", "ms-1 shrink-0 uppercase tracking-wider"),
 						"aria-hidden": !0,
 						children: e.isSelected ? a : o
 					})
 				]
-			}), r && /* @__PURE__ */ H("button", {
+			}), r && /* @__PURE__ */ B("button", {
 				type: "button",
 				onClick: () => n(e.id),
 				"aria-label": i(e.label),
 				className: l(vt.chipClose, "flex shrink-0 items-center rounded p-0.5 transition-colors"),
-				children: /* @__PURE__ */ H(_e, {
+				children: /* @__PURE__ */ B(ve, {
 					size: 12,
 					"aria-hidden": !0,
 					stroke: _
@@ -1187,7 +1187,7 @@ var W = {
 			})]
 		}, e.id))
 	});
-}, K = {
+}, G = {
 	wrapper: "_wrapper_19a9k_2",
 	wrapperDisabled: "_wrapperDisabled_19a9k_9",
 	textarea: "_textarea_19a9k_13",
@@ -1206,7 +1206,7 @@ var W = {
 	recordingDot: "_recordingDot_129ri_19",
 	"recording-pulse": "_recording-pulse_129ri_1"
 }, St = 3, Ct = 4, wt = 200, Tt = ({ state: e, analyserNodeRef: t, errorMessage: n, onStop: r, onDiscard: i, attachButton: a, stopLabel: o = "Stop recording", discardLabel: s = "Discard recording", processingLabel: c = "Transcribing audio…", style: u, className: d, embedded: f = !1 }) => {
-	let p = z(null), m = z(new Float32Array(wt)), h = z(0), v = z(0), y = e === Qe.Recording, S = e === Qe.Error, C = e === Qe.Processing, w = I((e) => {
+	let p = L(null), m = L(new Float32Array(wt)), h = L(0), v = L(0), y = e === Qe.Recording, x = e === Qe.Error, S = e === Qe.Processing, C = P((e) => {
 		let t = e.getContext("2d");
 		if (!t) return;
 		e.width = e.clientWidth || 200, e.height = e.clientHeight || 32;
@@ -1220,7 +1220,7 @@ var W = {
 		}
 		t.restore();
 	}, []);
-	L(() => {
+	F(() => {
 		if (!y) return;
 		let e = p.current;
 		if (!e) return;
@@ -1240,7 +1240,7 @@ var W = {
 					m.current[h.current % wt] = Math.sqrt(n / t.length), h.current++;
 				}
 			}
-			w(e), n = requestAnimationFrame(r);
+			C(e), n = requestAnimationFrame(r);
 		};
 		return n = requestAnimationFrame(r), () => {
 			cancelAnimationFrame(n);
@@ -1248,20 +1248,20 @@ var W = {
 	}, [
 		y,
 		t,
-		w
-	]), L(() => {
+		C
+	]), F(() => {
 		let e = p.current;
 		if (!e) return;
 		let t = new ResizeObserver(() => {
-			w(e);
+			C(e);
 		});
 		return t.observe(e), () => t.disconnect();
-	}, [w]);
-	let T = /* @__PURE__ */ U("div", {
+	}, [C]);
+	let w = /* @__PURE__ */ V("div", {
 		className: "flex flex-shrink-0 items-center justify-end gap-1",
 		children: [
-			/* @__PURE__ */ H(x, {
-				icon: /* @__PURE__ */ H(_e, {
+			/* @__PURE__ */ B(T, {
+				icon: /* @__PURE__ */ B(ve, {
 					size: g.LG,
 					"aria-hidden": !0,
 					stroke: _
@@ -1270,8 +1270,8 @@ var W = {
 				className: "mobile:min-h-11 mobile:min-w-11",
 				onClick: i
 			}),
-			y && /* @__PURE__ */ H(O, {
-				icon: /* @__PURE__ */ H(fe, {
+			y && /* @__PURE__ */ B(O, {
+				icon: /* @__PURE__ */ B(ce, {
 					size: g.LG,
 					"aria-hidden": !0
 				}),
@@ -1280,93 +1280,93 @@ var W = {
 				"aria-label": o,
 				className: "mobile:min-h-11 mobile:min-w-11"
 			}),
-			C && /* @__PURE__ */ H("span", {
+			S && /* @__PURE__ */ B("span", {
 				className: "flex size-[40px] flex-shrink-0 items-center justify-center mobile:min-h-11 mobile:min-w-11",
-				children: /* @__PURE__ */ H(te, {
+				children: /* @__PURE__ */ B(ie, {
 					size: 20,
 					ariaLabel: c
 				})
 			})
 		]
 	});
-	return /* @__PURE__ */ U("div", {
+	return /* @__PURE__ */ V("div", {
 		className: d,
-		children: [/* @__PURE__ */ U("div", {
+		children: [/* @__PURE__ */ V("div", {
 			style: u,
-			className: l("flex w-full min-w-0 flex-col justify-center gap-2", !f && K.wrapper, !f && "min-h-[64px] max-w-[748px] rounded-xl border px-3 shadow-md", S && xt.wrapperError),
-			children: [/* @__PURE__ */ U("div", {
+			className: l("flex w-full min-w-0 flex-col justify-center gap-2", !f && G.wrapper, !f && "min-h-[64px] max-w-[748px] rounded-xl border px-3 shadow-md", x && xt.wrapperError),
+			children: [/* @__PURE__ */ V("div", {
 				className: "flex min-w-0 flex-1 items-center gap-3",
-				children: [y && /* @__PURE__ */ H("span", {
+				children: [y && /* @__PURE__ */ B("span", {
 					className: l(xt.recordingDot, "pointer-events-none block size-[8px] rounded-3xl"),
 					"aria-hidden": !0
-				}), /* @__PURE__ */ H("canvas", {
+				}), /* @__PURE__ */ B("canvas", {
 					ref: p,
 					height: 26,
 					"aria-hidden": !0,
 					className: l(xt.waveformCanvas, "h-[26px] min-w-0 flex-1")
 				})]
-			}), /* @__PURE__ */ U("div", {
+			}), /* @__PURE__ */ V("div", {
 				className: "flex items-center justify-between gap-2",
-				children: [a ?? /* @__PURE__ */ H("span", { "aria-hidden": !0 }), T]
+				children: [a ?? /* @__PURE__ */ B("span", { "aria-hidden": !0 }), w]
 			})]
-		}), S && n && /* @__PURE__ */ H("div", {
+		}), x && n && /* @__PURE__ */ B("div", {
 			role: "alert",
-			children: /* @__PURE__ */ H(b, {
+			children: /* @__PURE__ */ B(b, {
 				text: n,
 				className: "mt-1 px-1"
 			})
 		})]
 	});
-}, Et = ({ onSend: e, isDisabled: t = !1, ariaLabel: n = "Send message", sendTooltip: r }) => /* @__PURE__ */ H(O, {
+}, Et = ({ onSend: e, isDisabled: t = !1, ariaLabel: n = "Send message", sendTooltip: r }) => /* @__PURE__ */ B(O, {
 	"aria-label": n,
 	onClick: () => e?.(),
 	disabled: t,
 	tooltipProps: r ? { tooltip: r } : void 0,
-	icon: /* @__PURE__ */ H(ae, {
+	icon: /* @__PURE__ */ B(se, {
 		size: g.LG,
 		className: "rtl:scale-x-[-1]",
 		stroke: _
 	})
-}), Dt = ({ onStop: e, ariaLabel: t = "Stop streaming" }) => /* @__PURE__ */ H(ne, {
-	icon: /* @__PURE__ */ H(pe, {
+}), Dt = ({ onStop: e, ariaLabel: t = "Stop streaming" }) => /* @__PURE__ */ B(T, {
+	icon: /* @__PURE__ */ B(me, {
 		size: g.LG,
 		stroke: _
 	}),
 	onClick: () => e?.(),
 	"aria-label": t
-}), Ot = ({ size: e = 20 }) => /* @__PURE__ */ H(M, {
-	variant: ee.Circular,
+}), Ot = ({ size: e = 20 }) => /* @__PURE__ */ B(ne, {
+	variant: j.Circular,
 	width: e,
 	height: e,
 	active: !0
-}), kt = ({ loadingLabel: e }) => /* @__PURE__ */ U("span", {
+}), kt = ({ loadingLabel: e }) => /* @__PURE__ */ V("span", {
 	className: "flex min-w-0 flex-1 items-center",
-	children: [/* @__PURE__ */ H(M, {
-		variant: ee.Text,
+	children: [/* @__PURE__ */ B(ne, {
+		variant: j.Text,
 		width: "100%",
 		height: 16,
 		active: !0
-	}), e && /* @__PURE__ */ H("span", {
+	}), e && /* @__PURE__ */ B("span", {
 		className: "sr-only",
 		children: e
 	})]
-}), At = ({ loadingLabel: e }) => /* @__PURE__ */ H("div", {
+}), At = ({ loadingLabel: e }) => /* @__PURE__ */ B("div", {
 	role: "status",
 	"aria-label": e,
-	children: Array.from({ length: 7 }).map((e, t) => /* @__PURE__ */ U("div", {
+	children: Array.from({ length: 7 }).map((e, t) => /* @__PURE__ */ V("div", {
 		className: "flex h-11 items-center gap-3 px-4",
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ H(Ot, {}), /* @__PURE__ */ H(kt, {})]
+		children: [/* @__PURE__ */ B(Ot, {}), /* @__PURE__ */ B(kt, {})]
 	}, t))
 }), jt = (e) => e.displayName ?? e.id, Mt = (e, t) => {
 	let n = t.trim().toLowerCase();
 	return n ? e.filter((e) => jt(e).toLowerCase().includes(n)) : e;
-}, q = (e, t, r, i = 18, a) => /* @__PURE__ */ H(n, {
+}, Nt = (e, t, r, i = 18, a) => /* @__PURE__ */ B(n, {
 	src: e,
 	size: i,
 	labels: { tooltip: a },
 	initialsName: r
-}), Nt = {
+}), K = {
 	searchHeader: "_searchHeader_1u7db_1",
 	itemText: "_itemText_1u7db_13",
 	itemHover: "_itemHover_1u7db_17",
@@ -1374,16 +1374,16 @@ var W = {
 	selectedItemText: "_selectedItemText_1u7db_26",
 	checkIcon: "_checkIcon_1u7db_30"
 }, Pt = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, styles: i }) => {
-	let [a, o] = B(""), s = R(() => e?.find((e) => e.id === t), [e, t]), u = r?.loading !== void 0, d = !u && !s && !!t, f = R(() => u ? /* @__PURE__ */ H(Ot, { size: g.LG }) : q(s?.iconUrl, s?.type, s?.displayName ?? s?.id ?? "", g.LG, d ? r?.unavailableTooltip ?? "This deployment is no longer available" : void 0), [
+	let [a, o] = R(""), s = I(() => e?.find((e) => e.id === t), [e, t]), u = r?.loading !== void 0, d = !u && !s && !!t, f = I(() => u ? /* @__PURE__ */ B(Ot, { size: g.LG }) : Nt(s?.iconUrl, s?.type, s?.displayName ?? s?.id ?? "", g.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", _ = R(() => {
+	]), p = s?.displayName ?? s?.id, m = s?.displayVersion, h = p ? `${r?.ariaLabel ?? "Select model"}: ${p}` : r?.ariaLabel ?? "Select model", _ = I(() => {
 		if (u) return Array.from({ length: 7 }, (e, t) => ({
 			key: `__loading-${t}`,
-			icon: /* @__PURE__ */ H(Ot, {}),
-			label: /* @__PURE__ */ H(kt, { loadingLabel: t === 0 ? r?.loading : void 0 }),
+			icon: /* @__PURE__ */ B(Ot, {}),
+			label: /* @__PURE__ */ B(kt, { loadingLabel: t === 0 ? r?.loading : void 0 }),
 			disabled: !0
 		}));
 		if (!e || e.length === 0) {
@@ -1399,15 +1399,15 @@ var W = {
 			let r = e.id === t;
 			return {
 				key: e.id,
-				label: /* @__PURE__ */ H(S, {
+				label: /* @__PURE__ */ B(S, {
 					text: jt(e),
 					query: a,
 					maxLines: 1
 				}),
-				icon: q(e.iconUrl, e.type, e.displayName ?? e.id),
+				icon: Nt(e.iconUrl, e.type, e.displayName ?? e.id),
 				mark: C.Check,
 				checked: r,
-				className: l(o?.itemText && Nt.itemText, o?.itemHoverBackground && Nt.itemHover, r && o?.selectedItemBackground && Nt.selectedItemBackground, r && o?.selectedItemText && Nt.selectedItemText, r && o?.checkIcon && Nt.checkIcon, i?.itemClassName, r && i?.selectedItemClassName, W.modelMenuItem, r && W.modelMenuItemSelected),
+				className: l(o?.itemText && K.itemText, o?.itemHoverBackground && K.itemHover, r && o?.selectedItemBackground && K.selectedItemBackground, r && o?.selectedItemText && K.selectedItemText, r && o?.checkIcon && K.checkIcon, i?.itemClassName, r && i?.selectedItemClassName, H.modelMenuItem, r && H.modelMenuItemSelected),
 				onClick: () => n?.(e.id)
 			};
 		});
@@ -1421,7 +1421,7 @@ var W = {
 		i?.itemClassName,
 		i?.selectedItemClassName,
 		i?.colors
-	]), v = R(() => c({
+	]), v = I(() => c({
 		"--ms-item-text": i?.colors?.itemText,
 		"--ms-item-hover-bg": i?.colors?.itemHoverBackground,
 		"--ms-selected-item-bg": i?.colors?.selectedItemBackground,
@@ -1434,10 +1434,10 @@ var W = {
 		selectedLabel: p,
 		selectedVersion: m,
 		menuItems: _,
-		menuHeader: R(() => !u && e && e.length > 0 ? /* @__PURE__ */ H("div", {
+		menuHeader: I(() => !u && e && e.length > 0 ? /* @__PURE__ */ B("div", {
 			style: c({ "--ms-search-header-bg": i?.colors?.searchHeaderBackground }),
-			className: l("sticky top-0 z-10 pb-1 pe-2 pt-2", Nt.searchHeader, i?.searchHeaderClassName, W.modelMenuSearch),
-			children: /* @__PURE__ */ H(j, {
+			className: l("sticky top-0 z-10 pb-1 pe-2 pt-2", K.searchHeader, i?.searchHeaderClassName, H.modelMenuSearch),
+			children: /* @__PURE__ */ B(A, {
 				value: a,
 				placeholder: r?.searchPlaceholder ?? "Search",
 				size: y.Small,
@@ -1457,7 +1457,7 @@ var W = {
 			e || o("");
 		}
 	};
-}, Ft = typeof window < "u" ? Ce : L;
+}, Ft = typeof window < "u" ? we : F;
 function It(e) {
 	if (e !== void 0) switch (typeof e) {
 		case "number": return e;
@@ -1466,11 +1466,11 @@ function It(e) {
 			break;
 	}
 }
-function J({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
-	let { styleHeight: s, styleWidth: c } = R(() => ({
+function Lt({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
+	let { styleHeight: s, styleWidth: c } = I(() => ({
 		styleHeight: It(o?.height),
 		styleWidth: It(o?.width)
-	}), [o?.height, o?.width]), [l, u] = B({
+	}), [o?.height, o?.width]), [l, u] = R({
 		height: t,
 		width: n
 	}), d = r || a === "only-height" && s !== void 0 || a === "only-width" && c !== void 0 || s !== void 0 && c !== void 0;
@@ -1494,7 +1494,7 @@ function J({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i,
 		i,
 		s,
 		c
-	]), R(() => ({
+	]), I(() => ({
 		height: s ?? l.height,
 		width: c ?? l.width
 	}), [
@@ -1503,26 +1503,26 @@ function J({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i,
 		c
 	]);
 }
-function Y(e) {
-	let t = z(() => {
+function q(e) {
+	let t = L(() => {
 		throw Error("Cannot call during render.");
 	});
 	return Ft(() => {
 		t.current = e;
-	}, [e]), I((e) => t.current?.(e), [t]);
+	}, [e]), P((e) => t.current?.(e), [t]);
 }
-var X = null;
-function Lt(e = !1) {
-	if (X === null || e) {
+var J = null;
+function Y(e = !1) {
+	if (J === 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 ? X = "positive-descending" : (e.scrollLeft = 1, X = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), X;
+		return r.width = "100px", r.height = "100px", e.appendChild(n), document.body.appendChild(e), e.scrollLeft > 0 ? J = "positive-descending" : (e.scrollLeft = 1, J = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), J;
 	}
-	return X;
+	return J;
 }
 function Rt({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
-	if (t === "horizontal" && n) switch (Lt()) {
+	if (t === "horizontal" && n) switch (Y()) {
 		case "negative": return -r;
 		case "positive-descending":
 			if (e) {
@@ -1533,26 +1533,26 @@ function Rt({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
 	}
 	return r;
 }
-function Z(e, t = "Assertion error") {
+function X(e, t = "Assertion error") {
 	if (!e) throw console.error(t), Error(t);
 }
-function Q(e, t) {
+function zt(e, t) {
 	if (e === t) return !0;
-	if (!!e != !!t || (Z(e !== void 0), Z(t !== void 0), Object.keys(e).length !== Object.keys(t).length)) return !1;
+	if (!!e != !!t || (X(e !== void 0), X(t !== void 0), Object.keys(e).length !== Object.keys(t).length)) return !1;
 	for (let n in e) if (!Object.is(t[n], e[n])) return !1;
 	return !0;
 }
-function zt({ cachedBounds: e, itemCount: t, itemSize: n }) {
+function Z({ cachedBounds: e, itemCount: t, itemSize: n }) {
 	if (t === 0) return 0;
 	if (typeof n == "number") return t * n;
 	{
 		let n = e.get(e.size === 0 ? 0 : e.size - 1);
-		return Z(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
+		return X(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
 	}
 }
 function Bt({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, containerScrollOffset: a, containerSize: o }) {
 	if (n < 0 || n >= r) throw RangeError(`Invalid index specified: ${n}`, { cause: `Index ${n} is not within the range of 0 - ${r - 1}` });
-	let s = zt({
+	let s = Z({
 		cachedBounds: t,
 		itemCount: r,
 		itemSize: i
@@ -1587,7 +1587,7 @@ function Ht({ itemCount: e, itemProps: t, itemSize: n }) {
 	let r = /* @__PURE__ */ new Map();
 	return {
 		get(i) {
-			for (Z(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
+			for (X(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
 				let e = r.size, a;
 				switch (typeof n) {
 					case "function":
@@ -1603,14 +1603,14 @@ function Ht({ itemCount: e, itemProps: t, itemSize: n }) {
 				});
 				else {
 					let t = r.get(e - 1);
-					Z(t !== void 0, `Unexpected bounds cache miss for index ${i}`), r.set(e, {
+					X(t !== void 0, `Unexpected bounds cache miss for index ${i}`), r.set(e, {
 						scrollOffset: t.scrollOffset + t.size,
 						size: a
 					});
 				}
 			}
 			let a = r.get(i);
-			return Z(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
+			return X(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
 		},
 		set(e, t) {
 			r.set(e, t);
@@ -1621,7 +1621,7 @@ function Ht({ itemCount: e, itemProps: t, itemSize: n }) {
 	};
 }
 function Ut({ itemCount: e, itemProps: t, itemSize: n }) {
-	return R(() => Ht({
+	return I(() => Ht({
 		itemCount: e,
 		itemProps: t,
 		itemSize: n
@@ -1635,7 +1635,7 @@ function Wt({ containerSize: e, itemSize: t }) {
 	let n;
 	switch (typeof t) {
 		case "string":
-			Z(t.endsWith("%"), `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`), Z(e !== void 0, "Container size must be defined if a percentage item size is specified"), n = e * parseInt(t) / 100;
+			X(t.endsWith("%"), `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`), X(e !== void 0, "Container size must be defined if a percentage item size is specified"), n = e * parseInt(t) / 100;
 			break;
 		default:
 			n = t;
@@ -1644,20 +1644,20 @@ function Wt({ containerSize: e, itemSize: t }) {
 	return n;
 }
 function Gt({ 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 } = J({
+	let { height: u = n, width: d = n } = Lt({
 		defaultHeight: r === "vertical" ? n : void 0,
 		defaultWidth: r === "horizontal" ? n : void 0,
 		element: e,
 		mode: r === "vertical" ? "only-height" : "only-width",
 		style: t
-	}), f = z({
+	}), f = L({
 		height: 0,
 		width: 0
 	}), p = r === "vertical" ? u : d, m = Wt({
 		containerSize: p,
 		itemSize: s
 	});
-	Ce(() => {
+	we(() => {
 		if (typeof c == "function") {
 			let e = f.current;
 			(e.height !== u || e.width !== d) && (c({
@@ -1674,7 +1674,7 @@ function Gt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		itemCount: a,
 		itemProps: o,
 		itemSize: m
-	}), g = I((e) => h.get(e), [h]), [_, v] = B(() => Vt({
+	}), g = P((e) => h.get(e), [h]), [_, v] = R(() => Vt({
 		cachedBounds: h,
 		containerScrollOffset: 0,
 		containerSize: p,
@@ -1685,7 +1685,7 @@ function Gt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		startIndexOverscan: Math.min(a - 1, _.startIndexOverscan),
 		stopIndexVisible: Math.min(a - 1, _.stopIndexVisible),
 		stopIndexOverscan: Math.min(a - 1, _.stopIndexOverscan)
-	}, C = I(() => zt({
+	}, C = P(() => Z({
 		cachedBounds: h,
 		itemCount: a,
 		itemSize: m
@@ -1693,7 +1693,7 @@ function Gt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		h,
 		a,
 		m
-	]), w = I((t) => Vt({
+	]), w = P((t) => Vt({
 		cachedBounds: h,
 		containerScrollOffset: Rt({
 			containerElement: e,
@@ -1735,7 +1735,7 @@ function Gt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 					itemCount: a,
 					overscanCount: l
 				});
-				return Q(s, t) ? t : s;
+				return zt(s, t) ? t : s;
 			});
 		};
 		return e.addEventListener("scroll", t), () => {
@@ -1751,7 +1751,7 @@ function Gt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 	]), {
 		getCellBounds: g,
 		getEstimatedSize: C,
-		scrollToIndex: Y(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
+		scrollToIndex: q(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
 			let s = Bt({
 				align: t,
 				cachedBounds: h,
@@ -1769,7 +1769,7 @@ function Gt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 					scrollOffset: s
 				}), typeof e.scrollTo != "function") {
 					let e = w(s);
-					Q(_, e) || v(e);
+					zt(_, e) || v(e);
 				}
 				return s;
 			}
@@ -1781,29 +1781,29 @@ function Gt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 	};
 }
 function Kt(e) {
-	return R(() => e, Object.values(e));
+	return I(() => e, Object.values(e));
 }
 function qt(e, t) {
 	let { ariaAttributes: n, style: r, ...i } = e, { ariaAttributes: a, style: o, ...s } = t;
-	return Q(n, a) && Q(r, o) && Q(i, s);
+	return zt(n, a) && zt(r, o) && zt(i, s);
 }
 function Jt(e) {
 	return typeof e == "object" && !!e && "getAverageRowHeight" in e && typeof e.getAverageRowHeight == "function";
 }
 var Yt = "data-react-window-index";
 function Xt({ 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 = Kt(u), h = R(() => be(s, qt), [s]), [g, _] = B(null), v = Jt(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = Gt({
+	let m = Kt(u), h = I(() => xe(s, qt), [s]), [g, _] = R(null), v = Jt(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = Gt({
 		containerElement: g,
 		containerStyle: f,
 		defaultContainerSize: n,
 		direction: "vertical",
 		itemCount: c,
 		itemProps: m,
-		itemSize: R(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
+		itemSize: I(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
 		onResize: i,
 		overscanCount: o
 	});
-	Se(r, () => ({
+	Ce(r, () => ({
 		get element() {
 			return g;
 		},
@@ -1832,7 +1832,7 @@ function Xt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		l,
 		S,
 		w
-	]), L(() => {
+	]), F(() => {
 		S >= 0 && w >= 0 && a && a({
 			startIndex: C,
 			stopIndex: T
@@ -1847,11 +1847,11 @@ function Xt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		w,
 		T
 	]);
-	let E = R(() => {
+	let E = I(() => {
 		let e = [];
 		if (c > 0) for (let t = S; t <= w; t++) {
 			let n = y(t);
-			e.push(/* @__PURE__ */ ve(h, {
+			e.push(/* @__PURE__ */ ye(h, {
 				...m,
 				ariaAttributes: {
 					"aria-posinset": t + 1,
@@ -1878,7 +1878,7 @@ function Xt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		m,
 		S,
 		w
-	]), D = /* @__PURE__ */ H("div", {
+	]), D = /* @__PURE__ */ B("div", {
 		"aria-hidden": !0,
 		style: {
 			height: b(),
@@ -1886,7 +1886,7 @@ function Xt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 			zIndex: -1
 		}
 	});
-	return ve(d, {
+	return ye(d, {
 		role: "list",
 		...p,
 		className: t,
@@ -1910,26 +1910,26 @@ var Zt = {
 	itemSelectedBackground: "_itemSelectedBackground_5skzl_37",
 	itemSelectedText: "_itemSelectedText_5skzl_41"
 }, Qt = 44, $t = 8, en = ({ 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 m = r[e], h = q(m.iconUrl, m.type, m.displayName ?? m.id, g.SM), v = m.id === i;
-	return /* @__PURE__ */ H("div", {
+	let m = r[e], h = Nt(m.iconUrl, m.type, m.displayName ?? m.id, g.SM), v = m.id === i;
+	return /* @__PURE__ */ B("div", {
 		style: t,
 		...n,
-		children: /* @__PURE__ */ H(p, {
+		children: /* @__PURE__ */ B(p, {
 			type: "button",
 			"aria-current": v ? "true" : void 0,
-			className: l(Zt.item, "h-full w-full gap-3 px-4", v && u && Zt.itemSelectedBackground, v && d && Zt.itemSelectedText, s, v && c, W.modelMenuItem, v && W.modelMenuItemSelected),
-			iconBefore: /* @__PURE__ */ H("span", {
+			className: l(Zt.item, "h-full w-full gap-3 px-4", v && u && Zt.itemSelectedBackground, v && d && Zt.itemSelectedText, s, v && c, H.modelMenuItem, v && H.modelMenuItemSelected),
+			iconBefore: /* @__PURE__ */ B("span", {
 				className: Zt.itemIcon,
 				children: h
 			}),
-			label: /* @__PURE__ */ U("span", {
+			label: /* @__PURE__ */ V("span", {
 				className: "flex flex-1 items-center justify-between gap-2",
-				children: [/* @__PURE__ */ H(S, {
+				children: [/* @__PURE__ */ B(S, {
 					text: m.displayName ?? m.id,
 					query: o,
 					maxLines: 1,
 					className: l(a, "min-w-0 flex-1 text-start")
-				}), v && /* @__PURE__ */ H(oe, {
+				}), v && /* @__PURE__ */ B(ce, {
 					size: g.SM,
 					className: Zt.checkIcon,
 					"aria-hidden": !0,
@@ -1940,8 +1940,8 @@ var Zt = {
 		})
 	});
 }, tn = ({ 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, b] = B("");
-	L(() => {
+	let [v, b] = R("");
+	F(() => {
 		e || b("");
 	}, [e]);
 	let x = a && a.length > 0, S = u !== void 0, C = !x && !S ? d ?? f : void 0, w = x ? Mt(a, v) : [], T = (e) => {
@@ -1956,32 +1956,32 @@ var Zt = {
 		"--ci-sheet-selected-bg": E?.selectedItemBackground,
 		"--ci-sheet-selected-text": E?.selectedItemText
 	});
-	return /* @__PURE__ */ H(Me, {
+	return /* @__PURE__ */ B(U, {
 		isOpen: e,
 		title: t,
 		closeLabel: n,
 		onClose: i,
 		style: p,
 		titleClassName: m,
-		className: l("max-h-[80dvh]", _?.className, W.modelMenu),
+		className: l("max-h-[80dvh]", _?.className, H.modelMenu),
 		colors: g?.shell,
-		children: /* @__PURE__ */ U("div", {
+		children: /* @__PURE__ */ V("div", {
 			className: "contents",
 			style: D,
-			children: [x && !S && /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H("div", {
+			children: [x && !S && /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B("div", {
 				style: c({ "--ci-sheet-search-bg": _?.colors?.searchHeaderBackground }),
-				className: l("flex-shrink-0 px-4 py-[10px]", Zt.search, _?.searchHeaderClassName, W.modelMenuSearch),
-				children: /* @__PURE__ */ H(j, {
+				className: l("flex-shrink-0 px-4 py-[10px]", Zt.search, _?.searchHeaderClassName, H.modelMenuSearch),
+				children: /* @__PURE__ */ B(A, {
 					value: v,
 					placeholder: r,
 					size: y.Standard,
 					onChange: (e) => b(e ?? "")
 				})
-			}), /* @__PURE__ */ H("div", { className: l(Zt.divider, "h-px flex-shrink-0") })] }), S ? /* @__PURE__ */ H(At, { loadingLabel: u }) : C ? /* @__PURE__ */ H("div", {
+			}), /* @__PURE__ */ B("div", { className: l(Zt.divider, "h-px flex-shrink-0") })] }), S ? /* @__PURE__ */ B(At, { loadingLabel: u }) : C ? /* @__PURE__ */ B("div", {
 				role: "list",
 				className: l(Zt.stateLabel, h, "px-4 py-4"),
 				children: C
-			}) : /* @__PURE__ */ H(Xt, {
+			}) : /* @__PURE__ */ B(Xt, {
 				role: "list",
 				className: "overflow-y-auto",
 				style: { height: Math.min(w.length, $t) * Qt },
@@ -2003,7 +2003,7 @@ var Zt = {
 		})
 	});
 }, nn = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, menuStyles: i, isStreaming: a, isMobile: o, isDisabled: c = !1, style: u, modelPickerOverlay: d, isPickerOpen: f, onPickerToggle: m, onPickerOpenChange: h }) => {
-	let [y, b] = B(!1), { selectorIcon: S, selectorAriaLabel: C, selectedLabel: w, selectedVersion: T, menuItems: E, menuHeader: D, menuStyle: O, onOpenChange: k } = Pt({
+	let [y, b] = R(!1), { selectorIcon: S, selectorAriaLabel: C, selectedLabel: w, selectedVersion: T, menuItems: E, menuHeader: D, menuStyle: ee, onOpenChange: O } = Pt({
 		deployments: e,
 		selectedDeploymentId: t,
 		onDeploymentChange: n,
@@ -2011,35 +2011,35 @@ var Zt = {
 		styles: i
 	});
 	if (!e) return null;
-	let A = a || c ? "pointer-events-none opacity-50 cursor-not-allowed" : void 0, j = /* @__PURE__ */ H(se, {
+	let k = a || c ? "pointer-events-none opacity-50 cursor-not-allowed" : void 0, te = /* @__PURE__ */ B(le, {
 		size: g.SM,
-		className: l(K.modelSelectorCaret, W.modelSelectorCaret),
+		className: l(G.modelSelectorCaret, H.modelSelectorCaret),
 		"aria-hidden": !0,
 		stroke: _
-	}), M = /* @__PURE__ */ H("span", {
-		className: l("flex shrink-0 items-center", W.modelSelectorIcon),
+	}), A = /* @__PURE__ */ B("span", {
+		className: l("flex shrink-0 items-center", H.modelSelectorIcon),
 		children: S
 	});
-	if (o) return /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H(x, {
+	if (o) return /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B(x, {
 		tooltipProps: { tooltip: w },
-		icon: /* @__PURE__ */ U("div", {
+		icon: /* @__PURE__ */ V("div", {
 			className: "flex items-center gap-1",
-			children: [M, j]
+			children: [A, te]
 		}),
 		"aria-label": C,
 		onClick: () => {
 			c || b(!0);
 		},
-		className: l("w-[50px]", K.modelSelectorButton, A, W.modelSelectorButton)
-	}), d ? /* @__PURE__ */ H(Me, {
+		className: l("w-[50px]", G.modelSelectorButton, k, H.modelSelectorButton)
+	}), d ? /* @__PURE__ */ B(U, {
 		isOpen: y,
 		title: r?.ariaLabel ?? "Select model",
 		closeLabel: r?.closeLabel ?? "Close",
 		onClose: () => b(!1),
 		style: u,
-		className: l(i?.className, W.modelMenu),
+		className: l(i?.className, H.modelMenu),
 		children: d(() => b(!1))
-	}) : /* @__PURE__ */ H(tn, {
+	}) : /* @__PURE__ */ B(tn, {
 		isOpen: y,
 		title: r?.ariaLabel ?? "Select model",
 		closeLabel: r?.closeLabel ?? "Close",
@@ -2056,7 +2056,7 @@ var Zt = {
 	})] });
 	if (d) {
 		let e = T ? `${w} · ${T}` : w;
-		return /* @__PURE__ */ H(v, {
+		return /* @__PURE__ */ B(v, {
 			placement: "top-end",
 			matchReferenceWidth: !1,
 			open: f,
@@ -2064,105 +2064,105 @@ var Zt = {
 			trigger: [],
 			outsideClosable: !0,
 			renderOverlay: () => d(() => h?.(!1)),
-			listClassName: l("!w-[368px] !bg-layer-raised", i?.className, W.modelMenu),
-			children: /* @__PURE__ */ H(p, {
+			listClassName: l("!w-[368px] !bg-layer-raised", i?.className, H.modelMenu),
+			children: /* @__PURE__ */ B(p, {
 				"aria-label": C,
 				"aria-disabled": c || void 0,
 				tooltipProps: { tooltip: e },
-				className: l("h-auto min-w-0 gap-1.5 !rounded-full !border-0 px-0 py-1.5 pe-2 ps-1.5", K.modelSelectorButton, A, c && K.modelSelectorButtonDisabled, W.modelSelectorButton),
+				className: l("h-auto min-w-0 gap-1.5 !rounded-full !border-0 px-0 py-1.5 pe-2 ps-1.5", G.modelSelectorButton, k, c && G.modelSelectorButtonDisabled, H.modelSelectorButton),
 				onClick: () => {
 					!a && !c && m?.();
 				},
-				iconBefore: M,
-				iconAfter: j,
+				iconBefore: A,
+				iconAfter: te,
 				textClassName: "min-w-0",
-				label: /* @__PURE__ */ U("span", {
+				label: /* @__PURE__ */ V("span", {
 					className: "flex min-w-0 max-w-[180px] items-baseline gap-1",
-					children: [/* @__PURE__ */ H("span", {
-						className: l("dial-small-text max-w-[180px] shrink-0 truncate", K.modelSelectorName),
+					children: [/* @__PURE__ */ B("span", {
+						className: l("dial-small-text max-w-[180px] shrink-0 truncate", G.modelSelectorName),
 						children: w
-					}), T && /* @__PURE__ */ H("span", {
-						className: l("dial-tiny-text min-w-0 truncate", K.modelSelectorVersion),
+					}), T && /* @__PURE__ */ B("span", {
+						className: l("dial-tiny-text min-w-0 truncate", G.modelSelectorVersion),
 						children: T
 					})]
 				})
 			})
 		});
 	}
-	return /* @__PURE__ */ H("div", {
-		className: l(c && A),
+	return /* @__PURE__ */ B("div", {
+		className: l(c && k),
 		"aria-disabled": c || void 0,
-		children: /* @__PURE__ */ H(v, {
+		children: /* @__PURE__ */ B(v, {
 			items: E,
 			menuHeader: D,
 			placement: "bottom-end",
 			matchReferenceWidth: !1,
 			maxDropdownHeight: s,
-			listClassName: l("!w-[240px]", i?.className, W.modelMenu),
-			listStyle: O,
+			listClassName: l("!w-[240px]", i?.className, H.modelMenu),
+			listStyle: ee,
 			disabled: c,
-			onOpenChange: c ? void 0 : k,
-			children: /* @__PURE__ */ H(p, {
+			onOpenChange: c ? void 0 : O,
+			children: /* @__PURE__ */ B(p, {
 				"aria-label": C,
 				"aria-disabled": c || void 0,
 				tooltipProps: { tooltip: w },
-				iconBefore: M,
-				iconAfter: j,
-				className: l("h-auto gap-1 !rounded-full !border-0 p-1.5", K.modelSelectorButton, c && K.modelSelectorButtonDisabled, W.modelSelectorButton)
+				iconBefore: A,
+				iconAfter: te,
+				className: l("h-auto gap-1 !rounded-full !border-0 p-1.5", G.modelSelectorButton, c && G.modelSelectorButtonDisabled, H.modelSelectorButton)
 			})
 		})
 	});
-}, rn = ye(({ 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: y = "Attach file", fileAccept: S, addMenuTitle: C = "Add", menuTitle: w = "Menu", menuCloseLabel: T = "Close", removeLabel: E, retryLabel: D, uploadingLabel: O, sendLabel: k, sendTooltip: A, emptyMessageTooltip: j, stopLabel: M, micLabel: ee = "Dictate", recordVoiceLabel: N = "Record voice", stopRecordingLabel: te, discardRecordingLabel: ne, colors: P, typography: F, attachmentTray: re, modelMenu: ie, className: ae, pendingDropFiles: oe = [], onDropFilesConsumed: se, pendingAttachments: ce = [], onPendingAttachmentsConsumed: de, pasteTextThreshold: fe = 4e3, maxMessageLength: pe = 5e4, deployments: me, selectedDeploymentId: he, onDeploymentChange: ge, modelSelectorLabels: _e, initialAttachments: ve = [], hideAddButton: ye = !1, hideAttachFile: be = !1, hideActionBar: xe = !1, actionRowLayout: we = ot.Stacked, isInlineActionRowAllowedBelowDesktop: Ee = !1, renderFooterActions: De, isInputDisabled: ke = !1, isModelSelectorDisabled: Ae = !1, isSendDisabled: je = !1, isAudioMessageSupported: Me = !1, isVoiceRecordingSupported: Ne = Me, onTranscribeAudio: Fe, transcribingLabel: Ie, voiceErrorLabel: Le, sendOnEnter: Re = at.Enter, prefixAttachments: Ve = [], onRemovePrefixAttachment: He, chatSettings: Ge, toolsMenuItems: Ke, onToolToggle: Xe, canRemoveTools: et = !0, toolsMenuTitle: tt, toolsBackLabel: nt, toolsChipLabels: rt, menuOverlays: st, activeMentions: ct, onBackspaceAtCaret: lt, caretPositionOverride: ut, commandMenu: G, autoFocus: dt = !1, messageHistory: ft, onDialFileSystemClick: pt, dialFileSystemLabel: mt, validateAttachment: ht, onAttachmentClick: gt, modelPickerOverlay: vt, maximumAttachmentsAmount: yt, onAttachmentsLimitExceeded: xt, isAttachmentsEnabled: St = !0, isTextAttachmentsAllowed: Ct = !0, usageLimitsSlot: wt, onMessageTooLong: Ot }, kt) => {
-	let At = d(), [jt, Mt] = B(!1), q = Ue(ft), Nt = ct ?? [], Pt = Nt.length > 0, Ft = R(() => 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-error": P?.voiceError,
-		"--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
-	}), [P]), It = R(() => pt ? [{
+}, Q = be(({ 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: y = "Attach file", fileAccept: S, addMenuTitle: C = "Add", menuTitle: w = "Menu", menuCloseLabel: T = "Close", removeLabel: E, retryLabel: D, uploadingLabel: ee, sendLabel: O, sendTooltip: k, emptyMessageTooltip: te, stopLabel: A, micLabel: ne = "Dictate", recordVoiceLabel: j = "Record voice", stopRecordingLabel: re, discardRecordingLabel: ie, colors: M, typography: N, attachmentTray: ae, modelMenu: oe, className: se, pendingDropFiles: ce = [], onDropFilesConsumed: le, pendingAttachments: ue = [], onPendingAttachmentsConsumed: pe, pasteTextThreshold: me = 4e3, maxMessageLength: he = 5e4, deployments: ge, selectedDeploymentId: _e, onDeploymentChange: ve, modelSelectorLabels: ye, initialAttachments: be = [], hideAddButton: xe = !1, hideAttachFile: Se = !1, hideActionBar: Te = !1, actionRowLayout: De = ot.Stacked, isInlineActionRowAllowedBelowDesktop: Oe = !1, renderFooterActions: Ae, isInputDisabled: je = !1, isModelSelectorDisabled: Me = !1, isSendDisabled: U = !1, isAudioMessageSupported: Ne = !1, isVoiceRecordingSupported: Fe = Ne, onTranscribeAudio: Ie, transcribingLabel: Le, voiceErrorLabel: Re, sendOnEnter: Ve = at.Enter, prefixAttachments: He = [], onRemovePrefixAttachment: Ge, chatSettings: Ke, toolsMenuItems: Xe, onToolToggle: et, canRemoveTools: tt = !0, toolsMenuTitle: nt, toolsBackLabel: rt, toolsChipLabels: st, menuOverlays: ct, activeMentions: lt, onBackspaceAtCaret: ut, caretPositionOverride: dt, commandMenu: W, autoFocus: ft = !1, messageHistory: pt, onDialFileSystemClick: mt, dialFileSystemLabel: ht, validateAttachment: gt, onAttachmentClick: vt, modelPickerOverlay: yt, maximumAttachmentsAmount: xt, onAttachmentsLimitExceeded: St, isAttachmentsEnabled: Ct = !0, isTextAttachmentsAllowed: wt = !0, usageLimitsSlot: Ot, onMessageTooLong: kt }, At) => {
+	let jt = d(), [Mt, Nt] = R(!1), K = Ue(pt), Pt = lt ?? [], Ft = Pt.length > 0, It = I(() => c({
+		"--ci-bg": M?.background,
+		"--ci-text": M?.text,
+		"--ci-border": M?.border,
+		"--ci-border-focus": M?.borderFocus,
+		"--ci-placeholder": M?.placeholder,
+		"--ci-text-disabled": M?.textDisabled,
+		"--ci-model-selector-caret-color": M?.modelSelectorCaret,
+		"--ci-model-selector-hover-bg": M?.modelSelectorHoverBg,
+		"--ci-model-selector-disabled-color": M?.modelSelectorDisabled,
+		"--ci-model-selector-name-color": M?.modelSelectorName,
+		"--ci-model-selector-version-color": M?.modelSelectorVersion,
+		"--ci-voice-error": M?.voiceError,
+		"--ci-voice-waveform": M?.voiceWaveform,
+		"--ci-voice-accent": M?.voiceAccent,
+		"--ci-mention-highlight-bg": M?.mentionHighlightBg,
+		"--ci-mention-highlight-text": M?.mentionHighlightText,
+		"--ci-mention-highlight-unsupported-bg": M?.mentionHighlightUnsupportedBg,
+		"--ci-mention-highlight-unsupported-text": M?.mentionHighlightUnsupportedText
+	}), [M]), Lt = I(() => mt ? [{
 		key: "dial-fs",
-		label: mt ?? "DIAL file system",
-		icon: /* @__PURE__ */ H(le, {
+		label: ht ?? "DIAL file system",
+		icon: /* @__PURE__ */ B(de, {
 			size: f,
 			"aria-hidden": !0,
 			stroke: _
 		}),
-		onClick: pt
-	}] : [], [pt, mt]), { message: J, setMessage: Y, textareaRef: X } = Je({
+		onClick: mt
+	}] : [], [mt, ht]), { message: q, setMessage: J, textareaRef: Y } = Je({
 		messageProp: e,
 		messageRevision: t
 	});
-	L(() => {
-		n !== void 0 && X.current?.focus();
-	}, [n, X]), Se(kt, () => ({ getCaretPosition: () => X.current?.selectionStart ?? J.length }), [J, X]);
-	let { handleUndoKeyDown: Lt } = Ze({
+	F(() => {
+		n !== void 0 && Y.current?.focus();
+	}, [n, Y]), Ce(At, () => ({ getCaretPosition: () => Y.current?.selectionStart ?? q.length }), [q, Y]);
+	let { handleUndoKeyDown: Rt } = Ze({
 		insertion: r,
-		textareaRef: X
-	}), { isMenuOpen: Rt, query: Z, activeWordStart: Q, dismiss: zt, closeOnOutsidePress: Bt, handleCaretMove: Vt, handleValueChange: Ht, listboxId: Ut, overlayRef: Wt, activeOptionId: Gt, moveActiveOption: Kt, getActiveOption: qt } = Be({
-		config: G,
-		message: J
-	}), Jt = () => {
-		Vt(X.current?.selectionStart ?? J.length);
-	}, Yt = () => {
+		textareaRef: Y
+	}), { isMenuOpen: X, query: zt, activeWordStart: Z, dismiss: Bt, closeOnOutsidePress: Vt, handleCaretMove: Ht, handleValueChange: Ut, listboxId: Wt, overlayRef: Gt, activeOptionId: Kt, moveActiveOption: qt, getActiveOption: Jt } = Be({
+		config: W,
+		message: q
+	}), Yt = () => {
+		Ht(Y.current?.selectionStart ?? q.length);
+	}, Xt = () => {
 		requestAnimationFrame(() => {
-			Vt(X.current?.selectionStart ?? J.length);
+			Ht(Y.current?.selectionStart ?? q.length);
 		});
-	}, Xt = (e) => {
-		e.key !== "ArrowLeft" && e.key !== "ArrowRight" && e.key !== "Home" && e.key !== "End" && e.key !== "PageUp" && e.key !== "PageDown" || Vt(e.currentTarget.selectionStart ?? J.length);
-	}, Zt = G?.emptyQueryHint != null, Qt = G != null && Q != null ? Q + G.triggerPrefix.length : null, $t = Qt != null && J.slice(Qt).split("\n", 1)[0] !== "", en = Zt && Rt && Z === "" && Qt != null && !$t, tn = G != null && Rt ? Q ?? 0 : null, rn = z(null), an = z(null), [on, sn] = B(null), cn = I(() => {
+	}, Zt = (e) => {
+		e.key !== "ArrowLeft" && e.key !== "ArrowRight" && e.key !== "Home" && e.key !== "End" && e.key !== "PageUp" && e.key !== "PageDown" || Ht(e.currentTarget.selectionStart ?? q.length);
+	}, Qt = W?.emptyQueryHint != null, $t = W != null && Z != null ? Z + W.triggerPrefix.length : null, en = $t != null && q.slice($t).split("\n", 1)[0] !== "", tn = Qt && X && zt === "" && $t != null && !en, Q = W != null && X ? Z ?? 0 : null, rn = L(null), an = L(null), [on, sn] = R(null), cn = P(() => {
 		let e = rn.current, t = an.current;
 		if (e == null || t == null) {
 			sn(null);
@@ -2174,254 +2174,254 @@ var Zt = {
 			top: n.top - r.top
 		});
 	}, []);
-	Ce(() => {
+	we(() => {
 		cn();
 	}, [
 		cn,
-		tn,
-		J
-	]), L(() => {
-		if (tn == null) return;
-		let e = X.current;
+		Q,
+		q
+	]), F(() => {
+		if (Q == null) return;
+		let e = Y.current;
 		if (e == null || typeof ResizeObserver > "u") return;
 		let t = new ResizeObserver(cn);
 		return t.observe(e), () => t.disconnect();
 	}, [
-		tn,
-		X,
+		Q,
+		Y,
 		cn
 	]);
 	let { mirrorRef: ln, selectionRects: un, updateSelectionRects: dn } = qe({
-		textareaRef: X,
-		message: J,
-		hasActiveMentions: Pt
-	}), fn = I((e) => {
-		if (G == null || (zt(), !e?.consumeQuery) || (e.returnFocus !== !1 && X.current?.focus(), Q == null)) return;
-		let t = `${G.triggerPrefix}${Z}`, n = Q + t.length;
-		if (J.slice(Q, n) !== t) return;
-		let r = J.slice(0, Q) + J.slice(n);
-		Y(r), q.notifyChange(), u?.(r);
+		textareaRef: Y,
+		message: q,
+		hasActiveMentions: Ft
+	}), fn = P((e) => {
+		if (W == null || (Bt(), !e?.consumeQuery) || (e.returnFocus !== !1 && Y.current?.focus(), Z == null)) return;
+		let t = `${W.triggerPrefix}${zt}`, n = Z + t.length;
+		if (q.slice(Z, n) !== t) return;
+		let r = q.slice(0, Z) + q.slice(n);
+		J(r), K.notifyChange(), u?.(r);
 	}, [
-		G,
+		W,
+		Bt,
 		zt,
+		q,
 		Z,
 		J,
-		Q,
-		Y,
-		q,
+		K,
 		u,
-		X
-	]), pn = z(void 0);
-	L(() => {
-		ut == null || pn.current === t || (pn.current = t, X.current?.setSelectionRange(ut, ut), Vt(ut));
-	}, [J]);
+		Y
+	]), pn = L(void 0);
+	F(() => {
+		dt == null || pn.current === t || (pn.current = t, Y.current?.setSelectionRange(dt, dt), Ht(dt));
+	}, [q]);
 	let { attachments: mn, buildAttachments: hn, addAttachments: gn, resetAttachments: _n, handleRemove: vn, handleRetry: yn, handleExpand: bn, hasBlockedAttachments: xn } = Pe({
-		initialAttachments: ve,
+		initialAttachments: be,
 		onUploadAttachment: a,
 		onAttachmentsChange: p,
-		validateAttachment: ht,
-		pendingDropFiles: oe,
-		onDropFilesConsumed: se,
-		pendingAttachments: ce,
-		onPendingAttachmentsConsumed: de,
-		onExpandPastedText: I((e) => {
-			Y((t) => t ? `${t}\n${e}` : e);
-		}, [Y]),
-		maximumAttachmentsAmount: yt,
-		baseAttachmentsAmount: Ve.length,
-		onAttachmentsLimitExceeded: xt
-	}), Sn = I((e) => {
+		validateAttachment: gt,
+		pendingDropFiles: ce,
+		onDropFilesConsumed: le,
+		pendingAttachments: ue,
+		onPendingAttachmentsConsumed: pe,
+		onExpandPastedText: P((e) => {
+			J((t) => t ? `${t}\n${e}` : e);
+		}, [J]),
+		maximumAttachmentsAmount: xt,
+		baseAttachmentsAmount: He.length,
+		onAttachmentsLimitExceeded: St
+	}), Sn = P((e) => {
 		gn(hn([e]));
-	}, [gn, hn]), Cn = z(!1), wn = z(J);
-	wn.current = J;
-	let [Tn, En] = B({
+	}, [gn, hn]), Cn = L(!1), wn = L(q);
+	wn.current = q;
+	let [Tn, En] = R({
 		text: "",
 		revision: 0
 	}), { state: Dn, analyserNodeRef: On, errorMessage: kn, startRecording: An, stopRecording: jn, discardRecording: Mn } = it({
 		onAttachAudio: Sn,
-		onTranscribeAudio: Fe,
-		onTranscript: I((e) => {
+		onTranscribeAudio: Ie,
+		onTranscript: P((e) => {
 			let t = e.trim();
 			if (t) {
 				let e = wn.current, n = `${e}${e && !/\s$/.test(e) ? " " : ""}${t}`;
-				wn.current = n, Y(n), En((e) => ({
+				wn.current = n, J(n), En((e) => ({
 					text: t,
 					revision: e.revision + 1
-				})), q.notifyChange(), u?.(n);
+				})), K.notifyChange(), u?.(n);
 			}
 			Cn.current = !0;
 		}, [
-			Y,
-			q,
+			J,
+			K,
 			u
 		]),
-		errorLabel: Le
+		errorLabel: Re
 	}), $ = Dn === Qe.Recording || Dn === Qe.Processing;
-	L(() => {
-		(Dn === Qe.Error || Dn === Qe.Idle && Cn.current) && (Cn.current = !1, X.current?.focus());
-	}, [Dn, X]);
-	let Nn = z(null), Pn = z(null), Fn = St && Ct, { handlePaste: In } = Oe(gn, Fn ? fe : Infinity), Ln = I((e) => {
+	F(() => {
+		(Dn === Qe.Error || Dn === Qe.Idle && Cn.current) && (Cn.current = !1, Y.current?.focus());
+	}, [Dn, Y]);
+	let Nn = L(null), Pn = L(null), Fn = Ct && wt, { handlePaste: In } = ke(gn, Fn ? me : Infinity), Ln = P((e) => {
 		if (!Fn) {
 			let t = e.clipboardData.getData("text/plain");
-			t.length >= pe && Ot?.(t.length, pe);
+			t.length >= he && kt?.(t.length, he);
 		}
 		In(e);
 	}, [
 		Fn,
-		pe,
-		Ot,
+		he,
+		kt,
 		In
-	]), Rn = J.trim().length > 0 || mn.length > 0, zn = Rn && !xn && !je && !$, [Bn, Vn] = B([]);
-	L(() => {
+	]), Rn = q.trim().length > 0 || mn.length > 0, zn = Rn && !xn && !U && !$, [Bn, Vn] = R([]);
+	F(() => {
 		Vn([]);
-	}, [(Ke ?? []).map((e) => e.id).join("|")]);
-	let Hn = R(() => {
-		let e = Ke ?? [];
-		return et ? e.filter((e) => e.isSelected || !Bn.includes(e.id)) : e;
+	}, [(Xe ?? []).map((e) => e.id).join("|")]);
+	let Hn = I(() => {
+		let e = Xe ?? [];
+		return tt ? e.filter((e) => e.isSelected || !Bn.includes(e.id)) : e;
 	}, [
-		Ke,
+		Xe,
 		Bn,
-		et
-	]), Un = I((e) => {
-		Vn((t) => t.includes(e) ? t : [...t, e]), Ke?.find((t) => t.id === e)?.isSelected && Xe?.(e);
-	}, [Ke, Xe]), Wn = me === void 0 || he != null, Gn = Me && !s, Kn = async () => {
-		if (je || $) return;
-		if (J.length >= pe) {
-			Ot?.(J.length, pe);
+		tt
+	]), Un = P((e) => {
+		Vn((t) => t.includes(e) ? t : [...t, e]), Xe?.find((t) => t.id === e)?.isSelected && et?.(e);
+	}, [Xe, et]), Wn = ge === void 0 || _e != null, Gn = Ne && !s, Kn = async () => {
+		if (U || $) return;
+		if (q.length >= he) {
+			kt?.(q.length, he);
 			return;
 		}
-		let e = J, t = mn;
-		Y(""), q.reset();
+		let e = q, t = mn;
+		J(""), K.reset();
 		try {
 			await i?.(e, t), t.forEach((e) => {
 				e.previewUrl && URL.revokeObjectURL(e.previewUrl), e.playUrl && URL.revokeObjectURL(e.playUrl);
 			}), _n([]);
 		} catch {
-			Y(e), _n(t);
+			J(e), _n(t);
 		}
-	}, qn = (e) => Re === at.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey, Jn = (e) => {
-		if (!Rt || e.nativeEvent.isComposing) return !1;
-		if (e.key === "Escape") return e.preventDefault(), e.stopPropagation(), zt(), !0;
-		if (e.key === "ArrowDown" || e.key === "ArrowUp") return e.preventDefault(), Kt(e.key === "ArrowDown" ? ze.Next : ze.Previous), !0;
+	}, qn = (e) => Ve === at.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey, Jn = (e) => {
+		if (!X || e.nativeEvent.isComposing) return !1;
+		if (e.key === "Escape") return e.preventDefault(), e.stopPropagation(), Bt(), !0;
+		if (e.key === "ArrowDown" || e.key === "ArrowUp") return e.preventDefault(), qt(e.key === "ArrowDown" ? ze.Next : ze.Previous), !0;
 		if (e.key !== "Enter" || e.shiftKey) return !1;
-		let t = qt();
+		let t = Jt();
 		return t == null ? qn(e) ? (e.preventDefault(), !0) : !1 : (e.preventDefault(), t.click(), !0);
 	}, Yn = (e) => {
-		if (!$ && !Lt(e) && !Jn(e)) {
-			if (!e.nativeEvent.isComposing && !ke && !s) {
+		if (!$ && !Rt(e) && !Jn(e)) {
+			if (!e.nativeEvent.isComposing && !je && !s) {
 				if (e.key === "ArrowUp" || e.key === "ArrowDown") {
-					let t = e.currentTarget.selectionStart ?? 0, n = q.navigate(e.key === "ArrowUp" ? "up" : "down", J, t);
+					let t = e.currentTarget.selectionStart ?? 0, n = K.navigate(e.key === "ArrowUp" ? "up" : "down", q, t);
 					if (n !== null) {
-						e.preventDefault(), Y(n);
+						e.preventDefault(), J(n);
 						return;
 					}
 				}
-				if (e.key === "Backspace" && lt != null && e.currentTarget.selectionStart === e.currentTarget.selectionEnd && e.currentTarget.selectionStart != null) {
-					let t = lt(e.currentTarget.selectionStart);
+				if (e.key === "Backspace" && ut != null && e.currentTarget.selectionStart === e.currentTarget.selectionEnd && e.currentTarget.selectionStart != null) {
+					let t = ut(e.currentTarget.selectionStart);
 					if (t != null) {
 						e.preventDefault();
 						let n = e.currentTarget;
-						n.setSelectionRange(t.start, t.start + t.length), typeof document.execCommand == "function" && document.execCommand("delete", !1) || Ye(n, J.slice(0, t.start) + J.slice(t.start + t.length), t.start);
+						n.setSelectionRange(t.start, t.start + t.length), typeof document.execCommand == "function" && document.execCommand("delete", !1) || Ye(n, q.slice(0, t.start) + q.slice(t.start + t.length), t.start);
 						return;
 					}
 				}
 			}
-			e.key === "Enter" && qn(e) && (e.preventDefault(), !s && zn && Wn && !ke && Kn());
+			e.key === "Enter" && qn(e) && (e.preventDefault(), !s && zn && Wn && !je && Kn());
 		}
 	}, Xn = (e) => {
 		let t = Array.from(e.target.files ?? []);
 		if (t.length === 0) return;
 		let n = hn(t);
 		e.target.value = "", gn(n);
-	}, Zn = R(() => {
+	}, Zn = I(() => {
 		let e = [];
-		return tn != null && e.push({
-			offset: tn,
-			node: /* @__PURE__ */ H("span", {
+		return Q != null && e.push({
+			offset: Q,
+			node: /* @__PURE__ */ B("span", {
 				ref: rn,
 				"aria-hidden": !0,
 				className: "inline-block h-[1lh] w-0 align-text-top"
 			}, "caret-marker")
-		}), en && G != null && Qt != null && e.push({
-			offset: Qt,
-			node: /* @__PURE__ */ H("span", {
-				className: K.commandHint,
+		}), tn && W != null && $t != null && e.push({
+			offset: $t,
+			node: /* @__PURE__ */ B("span", {
+				className: G.commandHint,
 				"aria-hidden": !0,
 				"data-mirror-synthetic": !0,
-				children: G.emptyQueryHint
+				children: W.emptyQueryHint
 			}, "command-hint")
 		}), e;
 	}, [
+		Q,
 		tn,
-		en,
-		G,
-		Qt
-	]), Qn = /* @__PURE__ */ H("textarea", {
-		className: l(K.textarea, (Pt || Zn.length > 0) && K.textareaMentionMode, F?.fontClassName || "dial-body-paragraph-text", "relative z-0 max-h-[272px] w-full resize-none overflow-y-auto border-0 bg-transparent pe-1 ps-1 outline-none [field-sizing:content]", "disabled:cursor-not-allowed"),
-		ref: X,
-		autoFocus: dt,
-		value: J,
+		W,
+		$t
+	]), Qn = /* @__PURE__ */ B("textarea", {
+		className: l(G.textarea, (Ft || Zn.length > 0) && G.textareaMentionMode, N?.fontClassName || "dial-body-paragraph-text", "relative z-0 max-h-[272px] w-full resize-none overflow-y-auto border-0 bg-transparent pe-1 ps-1 outline-none [field-sizing:content]", "disabled:cursor-not-allowed"),
+		ref: Y,
+		autoFocus: ft,
+		value: q,
 		onChange: (e) => {
-			Y(e.target.value), q.notifyChange();
+			J(e.target.value), K.notifyChange();
 			let t = e.nativeEvent instanceof InputEvent ? e.nativeEvent : void 0;
-			Ht(e.target.value, e.target.selectionStart ?? e.target.value.length, t?.isComposing ?? !1), u?.(e.target.value);
+			Ut(e.target.value, e.target.selectionStart ?? e.target.value.length, t?.isComposing ?? !1), u?.(e.target.value);
 		},
 		onSelect: dn,
-		onFocus: Yt,
-		onClick: Jt,
+		onFocus: Xt,
+		onClick: Yt,
 		onKeyDown: Yn,
-		onKeyUp: Xt,
+		onKeyUp: Zt,
 		onPaste: Ln,
 		placeholder: m,
 		"aria-label": h,
-		"aria-autocomplete": G == null ? void 0 : "list",
-		"aria-controls": Rt ? Ut : void 0,
-		"aria-activedescendant": Gt ?? void 0,
-		"aria-hidden": Pt ? !0 : void 0,
-		disabled: ke,
+		"aria-autocomplete": W == null ? void 0 : "list",
+		"aria-controls": X ? Wt : void 0,
+		"aria-activedescendant": Kt ?? void 0,
+		"aria-hidden": Ft ? !0 : void 0,
+		disabled: je,
 		readOnly: $,
 		rows: 1
-	}), $n = G == null ? Qn : /* @__PURE__ */ U(V, { children: [Qn, /* @__PURE__ */ H("div", {
+	}), $n = W == null ? Qn : /* @__PURE__ */ V(z, { children: [Qn, /* @__PURE__ */ B("div", {
 		"aria-hidden": !0,
-		className: l("pointer-events-none absolute", F?.fontClassName || "dial-body-paragraph-text"),
+		className: l("pointer-events-none absolute", N?.fontClassName || "dial-body-paragraph-text"),
 		style: {
 			left: on?.left ?? 0,
 			top: on?.top ?? 0
 		},
-		children: /* @__PURE__ */ H(v, {
-			open: Rt,
+		children: /* @__PURE__ */ B(v, {
+			open: X,
 			onOpenChange: (e) => {
-				e || Bt();
+				e || Vt();
 			},
 			placement: "top-start",
 			trigger: [],
 			initialFocus: -1,
 			matchReferenceWidth: !1,
-			outsidePressIgnoreRef: X,
-			renderOverlay: () => /* @__PURE__ */ H("div", {
-				ref: Wt,
-				role: G.menuLabel == null ? void 0 : "group",
-				"aria-label": G.menuLabel,
-				children: G.renderMenu({
-					query: Z,
-					caretPosition: Q ?? 0,
+			outsidePressIgnoreRef: Y,
+			renderOverlay: () => /* @__PURE__ */ B("div", {
+				ref: Gt,
+				role: W.menuLabel == null ? void 0 : "group",
+				"aria-label": W.menuLabel,
+				children: W.renderMenu({
+					query: zt,
+					caretPosition: Z ?? 0,
 					close: fn,
-					listboxId: Ut,
-					activeOptionId: Gt
+					listboxId: Wt,
+					activeOptionId: Kt
 				})
 			}),
-			children: /* @__PURE__ */ H("span", {
+			children: /* @__PURE__ */ B("span", {
 				"aria-hidden": !0,
 				className: "inline-block h-[1lh] w-0"
 			})
 		})
-	})] }), er = /* @__PURE__ */ U("div", {
+	})] }), er = /* @__PURE__ */ V("div", {
 		ref: an,
 		className: "relative -me-1 -ms-1 w-[calc(100%+8px)]",
-		children: [(Pt || Zn.length > 0) && /* @__PURE__ */ U("div", {
+		children: [(Ft || Zn.length > 0) && /* @__PURE__ */ V("div", {
 			ref: ln,
-			className: l(K.textarea, F?.fontClassName || "dial-body-paragraph-text", "pointer-events-none absolute inset-0 z-10 max-h-[272px] w-full overflow-hidden whitespace-pre-wrap pe-1 ps-1 [overflow-wrap:anywhere]"),
-			children: [We(J, Nt, Zn, K.mentionHighlight, K.mentionHighlightUnsupported), un.map((e, t) => /* @__PURE__ */ H("div", {
+			className: l(G.textarea, N?.fontClassName || "dial-body-paragraph-text", "pointer-events-none absolute inset-0 z-10 max-h-[272px] w-full overflow-hidden whitespace-pre-wrap pe-1 ps-1 [overflow-wrap:anywhere]"),
+			children: [We(q, Pt, Zn, G.mentionHighlight, G.mentionHighlightUnsupported), un.map((e, t) => /* @__PURE__ */ B("div", {
 				"aria-hidden": !0,
 				className: "pointer-events-none absolute rounded-sm bg-control-accent-alpha-active",
 				style: {
@@ -2432,63 +2432,63 @@ var Zt = {
 				}
 			}, `selection-${t}`))]
 		}), $n]
-	}), tr = ye ? void 0 : /* @__PURE__ */ H(_t, {
-		onAttachClick: be ? void 0 : () => Nn.current?.click(),
+	}), tr = xe ? void 0 : /* @__PURE__ */ B(_t, {
+		onAttachClick: Se ? void 0 : () => Nn.current?.click(),
 		attachLabel: y,
 		addMenuTitle: C,
 		menuTitle: w,
 		menuCloseLabel: T,
-		style: Ft,
-		isDisabled: ke || $,
-		chatSettings: Ge,
-		extraMenuItems: It,
-		onRecordVoice: Ne && St && !s && !$ ? () => An($e.Attachment) : void 0,
-		recordVoiceLabel: N,
-		toolsMenuItems: et ? Ke : void 0,
-		onToolToggle: Xe,
-		toolsMenuTitle: tt,
-		toolsBackLabel: nt,
-		menuOverlays: st,
-		getCaretPosition: () => X.current?.selectionStart ?? J.length
-	}), nr = we === ot.Inline && (!At || Ee), rr = tr && /* @__PURE__ */ H("div", {
-		className: l("flex", W.addCluster),
+		style: It,
+		isDisabled: je || $,
+		chatSettings: Ke,
+		extraMenuItems: Lt,
+		onRecordVoice: Fe && Ct && !s && !$ ? () => An($e.Attachment) : void 0,
+		recordVoiceLabel: j,
+		toolsMenuItems: tt ? Xe : void 0,
+		onToolToggle: et,
+		toolsMenuTitle: nt,
+		toolsBackLabel: rt,
+		menuOverlays: ct,
+		getCaretPosition: () => Y.current?.selectionStart ?? q.length
+	}), nr = De === ot.Inline && (!jt || Oe), rr = tr && /* @__PURE__ */ B("div", {
+		className: l("flex", H.addCluster),
 		children: tr
-	}), ir = Hn.length > 0 && Xe != null && /* @__PURE__ */ H("div", {
-		className: l("min-w-0 flex-1", W.toolsChips),
-		children: /* @__PURE__ */ H(bt, {
+	}), ir = Hn.length > 0 && et != null && /* @__PURE__ */ B("div", {
+		className: l("min-w-0 flex-1", H.toolsChips),
+		children: /* @__PURE__ */ B(bt, {
 			items: Hn,
-			onToolToggle: Xe,
+			onToolToggle: et,
 			onToolDismiss: Un,
-			canRemove: et,
-			removeLabel: rt?.removeLabel,
-			stateOnLabel: rt?.stateOnLabel,
-			stateOffLabel: rt?.stateOffLabel
+			canRemove: tt,
+			removeLabel: st?.removeLabel,
+			stateOnLabel: st?.stateOnLabel,
+			stateOffLabel: st?.stateOffLabel
 		})
 	});
-	return /* @__PURE__ */ U("div", {
+	return /* @__PURE__ */ V("div", {
 		ref: Pn,
-		style: Ft,
-		className: l(K.wrapper, ke && K.wrapperDisabled, ke && "cursor-not-allowed", "flex w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border", "focus-within:outline focus-within:-outline-offset-1 active:outline active:-outline-offset-1", mn.length > 6 ? "py-4 ps-4" : "p-4", ae, W.wrapper),
+		style: It,
+		className: l(G.wrapper, je && G.wrapperDisabled, je && "cursor-not-allowed", "flex w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border", "focus-within:outline focus-within:-outline-offset-1 active:outline active:-outline-offset-1", mn.length > 6 ? "py-4 ps-4" : "p-4", se, H.wrapper),
 		children: [
-			(Ve.length > 0 || mn.length > 0) && /* @__PURE__ */ H(Te, {
-				attachments: [...Ve, ...mn],
+			(He.length > 0 || mn.length > 0) && /* @__PURE__ */ B(Ee, {
+				attachments: [...He, ...mn],
 				onRemove: (e) => {
-					Ve.some((t) => t.id === e) ? He?.(e) : vn(e);
+					He.some((t) => t.id === e) ? Ge?.(e) : vn(e);
 				},
 				onRetry: yn,
 				onExpand: bn,
 				labels: {
 					removeLabel: E,
 					retryLabel: D,
-					uploadingLabel: O
+					uploadingLabel: ee
 				},
-				styles: re,
-				onAttachmentClick: gt == null ? void 0 : (e) => {
-					let t = [...Ve, ...mn].find((t) => t.id === e);
-					t != null && gt(t);
+				styles: ae,
+				onAttachmentClick: vt == null ? void 0 : (e) => {
+					let t = [...He, ...mn].find((t) => t.id === e);
+					t != null && vt(t);
 				}
 			}),
-			!ye && /* @__PURE__ */ H("input", {
+			!xe && /* @__PURE__ */ B("input", {
 				ref: Nn,
 				type: "file",
 				multiple: !0,
@@ -2498,11 +2498,11 @@ var Zt = {
 				tabIndex: -1,
 				onChange: Xn
 			}),
-			kn && /* @__PURE__ */ H(b, {
+			kn && /* @__PURE__ */ B(b, {
 				text: kn,
 				className: "min-w-0 break-words px-1"
 			}),
-			$ && /* @__PURE__ */ H(Tt, {
+			$ && /* @__PURE__ */ B(Tt, {
 				embedded: !0,
 				state: Dn,
 				analyserNodeRef: On,
@@ -2510,112 +2510,112 @@ var Zt = {
 				onStop: jn,
 				onDiscard: Mn,
 				attachButton: tr,
-				stopLabel: te,
-				discardLabel: ne,
-				processingLabel: Ie
+				stopLabel: re,
+				discardLabel: ie,
+				processingLabel: Le
 			}),
-			!$ && xe && er,
-			!$ && !xe && nr && ir && /* @__PURE__ */ H("div", {
+			!$ && Te && er,
+			!$ && !Te && nr && ir && /* @__PURE__ */ B("div", {
 				className: "flex",
 				children: ir
 			}),
-			!$ && !xe && /* @__PURE__ */ U("div", {
-				className: l("flex items-center gap-2", nr ? "flex-nowrap" : "flex-wrap", W.actionRow),
+			!$ && !Te && /* @__PURE__ */ V("div", {
+				className: l("flex items-center gap-2", nr ? "flex-nowrap" : "flex-wrap", H.actionRow),
 				children: [
 					nr && rr,
-					/* @__PURE__ */ H("div", {
-						className: l("flex min-w-0 items-center self-stretch", nr ? "flex-1" : "w-full", W.textareaWrap),
+					/* @__PURE__ */ B("div", {
+						className: l("flex min-w-0 items-center self-stretch", nr ? "flex-1" : "w-full", H.textareaWrap),
 						children: er
 					}),
 					!nr && rr,
 					!nr && ir,
-					/* @__PURE__ */ H("div", {
-						className: l("ms-auto flex flex-shrink-0 items-center gap-2", W.footerActions),
-						children: De ? De({
+					/* @__PURE__ */ B("div", {
+						className: l("ms-auto flex flex-shrink-0 items-center gap-2", H.footerActions),
+						children: Ae ? Ae({
 							canSend: zn,
 							onSend: Kn
-						}) : /* @__PURE__ */ U(V, { children: [
-							wt,
-							/* @__PURE__ */ H(nn, {
-								deployments: me,
-								selectedDeploymentId: he,
-								onDeploymentChange: ge,
-								modelSelectorLabels: _e,
-								menuStyles: ie,
+						}) : /* @__PURE__ */ V(z, { children: [
+							Ot,
+							/* @__PURE__ */ B(nn, {
+								deployments: ge,
+								selectedDeploymentId: _e,
+								onDeploymentChange: ve,
+								modelSelectorLabels: ye,
+								menuStyles: oe,
 								isStreaming: s,
-								isMobile: At,
-								isDisabled: Ae,
-								style: Ft,
-								modelPickerOverlay: vt,
-								isPickerOpen: jt,
-								onPickerToggle: () => Mt((e) => !e),
-								onPickerOpenChange: Mt
+								isMobile: jt,
+								isDisabled: Me,
+								style: It,
+								modelPickerOverlay: yt,
+								isPickerOpen: Mt,
+								onPickerToggle: () => Nt((e) => !e),
+								onPickerOpenChange: Nt
 							}),
-							Gn && /* @__PURE__ */ H(x, {
-								icon: /* @__PURE__ */ H(ue, {
+							Gn && /* @__PURE__ */ B(x, {
+								icon: /* @__PURE__ */ B(fe, {
 									size: g.LG,
 									stroke: _,
 									"aria-hidden": !0
 								}),
-								"aria-label": ee,
-								tooltipProps: { tooltip: ee },
+								"aria-label": ne,
+								tooltipProps: { tooltip: ne },
 								className: "size-[40px] flex-shrink-0 mobile:min-h-11 mobile:min-w-11",
 								onClick: () => An($e.Dictation),
-								disabled: ke || s
+								disabled: je || s
 							}),
-							s && o ? /* @__PURE__ */ H(Dt, {
+							s && o ? /* @__PURE__ */ B(Dt, {
 								onStop: o,
-								ariaLabel: M
-							}) : !s && /* @__PURE__ */ H(Et, {
+								ariaLabel: A
+							}) : !s && /* @__PURE__ */ B(Et, {
 								onSend: Kn,
 								isDisabled: !Wn || !zn,
-								ariaLabel: k,
-								sendTooltip: Rn ? A : j ?? A
+								ariaLabel: O,
+								sendTooltip: Rn ? k : te ?? k
 							})
 						] })
 					})
 				]
 			}),
-			/* @__PURE__ */ H("span", {
+			/* @__PURE__ */ B("span", {
 				className: "sr-only",
 				role: "status",
 				"aria-live": "polite",
 				"aria-atomic": "true",
-				children: /* @__PURE__ */ H("span", { children: Tn.text }, Tn.revision)
+				children: /* @__PURE__ */ B("span", { children: Tn.text }, Tn.revision)
 			})
 		]
 	});
 });
-rn.displayName = "Input";
-var an = {
+Q.displayName = "Input";
+var rn = {
 	welcome: "_welcome_1icyo_1",
 	description: "_description_1icyo_5"
-}, on = ({ isStreaming: e = !1, placeholder: t = "Type a prompt or use \"/\" to select one", welcomeText: n, descriptionText: r, belowWelcomeSlot: i, styles: a, className: o, inputClassName: s, isInputDisabled: u = !1, ...d }) => {
+}, an = ({ isStreaming: e = !1, placeholder: t = "Type a prompt or use \"/\" to select one", welcomeText: n, descriptionText: r, belowWelcomeSlot: i, styles: a, className: o, inputClassName: s, isInputDisabled: u = !1, ...d }) => {
 	let { colors: f, typography: p, attachmentTray: m, modelMenu: h } = a ?? {};
-	return /* @__PURE__ */ U("div", {
+	return /* @__PURE__ */ V("div", {
 		style: c({
 			"--ci-welcome-color": f?.welcomeText,
 			"--ci-description-color": f?.descriptionText
 		}),
 		className: l("relative flex w-full flex-col items-center gap-9 px-4 py-5 desktop:p-5", o),
 		children: [
-			n && /* @__PURE__ */ U("div", {
+			n && /* @__PURE__ */ V("div", {
 				className: "flex flex-col items-center gap-4 text-center",
-				children: [/* @__PURE__ */ H("h1", {
-					className: l(an.welcome, "m-0", p?.welcomeClassName || "dial-display2-text"),
+				children: [/* @__PURE__ */ B("h1", {
+					className: l(rn.welcome, "m-0", p?.welcomeClassName || "dial-display2-text"),
 					children: n
-				}), r && /* @__PURE__ */ H("p", {
-					className: l(an.description, "m-0 max-w-[540px]", p?.descriptionClassName || "dial-body-paragraph-text"),
+				}), r && /* @__PURE__ */ B("p", {
+					className: l(rn.description, "m-0 max-w-[540px]", p?.descriptionClassName || "dial-body-paragraph-text"),
 					children: r
 				})]
 			}),
-			i != null && /* @__PURE__ */ H("div", {
+			i != null && /* @__PURE__ */ B("div", {
 				className: "flex w-full max-w-[700px] flex-col items-center empty:hidden",
 				children: i
 			}),
-			/* @__PURE__ */ H("div", {
+			/* @__PURE__ */ B("div", {
 				className: l("relative w-full", n ? "max-w-[700px]" : "max-w-[748px]"),
-				children: /* @__PURE__ */ H(rn, {
+				children: /* @__PURE__ */ B(Q, {
 					placeholder: t,
 					isStreaming: e,
 					isInputDisabled: u,
@@ -2629,42 +2629,42 @@ var an = {
 			})
 		]
 	});
-}, sn = ({ message: e, messageRevision: t, onChange: n, activeMentions: r, onBackspaceAtCaret: i, caretPositionOverride: o, commandMenu: s, menuOverlays: c, initialAttachments: u = [], onCancel: d, onSave: p, onUploadAttachment: m, cancelLabel: h = "Cancel", saveLabel: g = "Save & Submit", ariaLabel: v, removeLabel: y, retryLabel: b, uploadingLabel: x, addMenuTitle: S = "Add", attachLabel: C = "Attach file", menuTitle: T = "Menu", menuCloseLabel: E = "Close", className: O, pendingDropFiles: k, onDropFilesConsumed: A, validateAttachment: j, isAttachmentsEnabled: M, isTextAttachmentsAllowed: ee, hideAttachFile: N = !1, fileAccept: te, maximumAttachmentsAmount: ne, onAttachmentsLimitExceeded: P, onDialFileSystemClick: F, dialFileSystemLabel: re, pendingAttachments: ie, onPendingAttachmentsConsumed: ae, onAttachmentClick: oe, pasteTextThreshold: se, maxMessageLength: ce = 5e4, onMessageTooLong: ue }) => {
-	let de = z(null), fe = z(null), [pe, me] = B([]);
-	L(() => {
-		k?.length && (me(k), A?.());
-	}, [k, A]);
-	let [he, ge] = B(e ?? ""), [_e, ve] = B([]), [ye, be] = B(u), xe = _e.some((e) => e.status === a.Loading || e.status === a.Error), Se = (he.trim().length > 0 || _e.length > 0 || ye.length > 0) && !xe, Ce = (e) => {
-		be((t) => t.filter((t) => t.id !== e));
-	}, we = I((e, t) => {
-		p(e, ye, t);
-	}, [ye, p]), V = () => {
-		if (Se) {
-			if (he.length >= ce) {
-				ue?.(he.length, ce);
+}, on = ({ message: e, messageRevision: t, onChange: n, activeMentions: r, onBackspaceAtCaret: i, caretPositionOverride: o, commandMenu: s, menuOverlays: c, initialAttachments: u = [], onCancel: d, onSave: p, onUploadAttachment: m, cancelLabel: h = "Cancel", saveLabel: g = "Save & Submit", ariaLabel: v, removeLabel: y, retryLabel: b, uploadingLabel: x, addMenuTitle: S = "Add", attachLabel: C = "Attach file", menuTitle: T = "Menu", menuCloseLabel: E = "Close", className: D, pendingDropFiles: O, onDropFilesConsumed: k, validateAttachment: te, isAttachmentsEnabled: A, isTextAttachmentsAllowed: ne, hideAttachFile: j = !1, fileAccept: re, maximumAttachmentsAmount: ie, onAttachmentsLimitExceeded: M, onDialFileSystemClick: N, dialFileSystemLabel: ae, pendingAttachments: oe, onPendingAttachmentsConsumed: se, onAttachmentClick: ce, pasteTextThreshold: le, maxMessageLength: ue = 5e4, onMessageTooLong: fe }) => {
+	let pe = L(null), me = L(null), [he, ge] = R([]);
+	F(() => {
+		O?.length && (ge(O), k?.());
+	}, [O, k]);
+	let [_e, ve] = R(e ?? ""), [ye, be] = R([]), [xe, Se] = R(u), Ce = ye.some((e) => e.status === a.Loading || e.status === a.Error), we = (_e.trim().length > 0 || ye.length > 0 || xe.length > 0) && !Ce, Te = (e) => {
+		Se((t) => t.filter((t) => t.id !== e));
+	}, z = P((e, t) => {
+		p(e, xe, t);
+	}, [xe, p]), Ee = () => {
+		if (we) {
+			if (_e.length >= ue) {
+				fe?.(_e.length, ue);
 				return;
 			}
-			we(he, _e);
+			z(_e, ye);
 		}
-	}, Te = I(() => me([]), []), Ee = I((e) => {
-		ge(e), n?.(e);
-	}, [n]), De = I((e) => {
+	}, De = P(() => ge([]), []), Oe = P((e) => {
+		ve(e), n?.(e);
+	}, [n]), ke = P((e) => {
 		let t = Array.from(e.target.files ?? []);
-		t.length !== 0 && (e.target.value = "", me(t));
-	}, []), Oe = R(() => F ? [{
+		t.length !== 0 && (e.target.value = "", ge(t));
+	}, []), H = I(() => N ? [{
 		key: "dial-fs",
-		label: re ?? "DIAL file system",
-		icon: /* @__PURE__ */ H(le, {
+		label: ae ?? "DIAL file system",
+		icon: /* @__PURE__ */ B(de, {
 			size: f,
 			"aria-hidden": !0,
 			stroke: _
 		}),
-		onClick: F
-	}] : [], [F, re]);
-	return /* @__PURE__ */ U("div", {
-		className: l("flex w-full flex-col gap-2", O),
-		children: [/* @__PURE__ */ H(rn, {
-			ref: fe,
+		onClick: N
+	}] : [], [N, ae]);
+	return /* @__PURE__ */ V("div", {
+		className: l("flex w-full flex-col gap-2", D),
+		children: [/* @__PURE__ */ B(Q, {
+			ref: me,
 			message: e,
 			messageRevision: t,
 			activeMentions: r,
@@ -2673,70 +2673,70 @@ var an = {
 			commandMenu: s,
 			ariaLabel: v,
 			hideActionBar: !0,
-			pendingDropFiles: pe,
-			onDropFilesConsumed: Te,
-			onSend: we,
+			pendingDropFiles: he,
+			onDropFilesConsumed: De,
+			onSend: z,
 			onUploadAttachment: m,
-			onChange: Ee,
-			onAttachmentsChange: ve,
+			onChange: Oe,
+			onAttachmentsChange: be,
 			removeLabel: y,
 			retryLabel: b,
 			uploadingLabel: x,
 			className: "max-w-full",
-			prefixAttachments: ye,
-			onRemovePrefixAttachment: Ce,
-			validateAttachment: j,
-			isAttachmentsEnabled: M,
-			isTextAttachmentsAllowed: ee,
-			maximumAttachmentsAmount: ne,
-			onAttachmentsLimitExceeded: P,
-			pendingAttachments: ie,
-			onPendingAttachmentsConsumed: ae,
-			onAttachmentClick: oe,
-			pasteTextThreshold: se,
-			maxMessageLength: ce,
-			onMessageTooLong: ue
-		}), /* @__PURE__ */ U("div", {
+			prefixAttachments: xe,
+			onRemovePrefixAttachment: Te,
+			validateAttachment: te,
+			isAttachmentsEnabled: A,
+			isTextAttachmentsAllowed: ne,
+			maximumAttachmentsAmount: ie,
+			onAttachmentsLimitExceeded: M,
+			pendingAttachments: oe,
+			onPendingAttachmentsConsumed: se,
+			onAttachmentClick: ce,
+			pasteTextThreshold: le,
+			maxMessageLength: ue,
+			onMessageTooLong: fe
+		}), /* @__PURE__ */ V("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ U("div", {
+			children: [/* @__PURE__ */ V("div", {
 				className: "flex",
-				children: [!N && /* @__PURE__ */ H("input", {
-					ref: de,
+				children: [!j && /* @__PURE__ */ B("input", {
+					ref: pe,
 					type: "file",
 					multiple: !0,
-					accept: te,
+					accept: re,
 					className: "sr-only",
 					"aria-hidden": !0,
 					tabIndex: -1,
-					onChange: De
-				}), (!N || (c?.length ?? 0) > 0) && /* @__PURE__ */ H(_t, {
-					onAttachClick: N ? void 0 : () => de.current?.click(),
+					onChange: ke
+				}), (!j || (c?.length ?? 0) > 0) && /* @__PURE__ */ B(_t, {
+					onAttachClick: j ? void 0 : () => pe.current?.click(),
 					attachLabel: C,
 					addMenuTitle: S,
 					menuTitle: T,
 					menuCloseLabel: E,
-					extraMenuItems: Oe,
+					extraMenuItems: H,
 					menuOverlays: c,
-					getCaretPosition: () => fe.current?.getCaretPosition() ?? 0
+					getCaretPosition: () => me.current?.getCaretPosition() ?? 0
 				})]
-			}), /* @__PURE__ */ U("div", {
+			}), /* @__PURE__ */ V("div", {
 				className: "flex gap-2",
-				children: [/* @__PURE__ */ H(w, {
+				children: [/* @__PURE__ */ B(w, {
 					label: h,
 					onClick: d
-				}), /* @__PURE__ */ H(D, {
+				}), /* @__PURE__ */ B(ee, {
 					label: g,
-					onClick: V,
-					disabled: !Se
+					onClick: Ee,
+					disabled: !we
 				})]
 			})]
 		})]
 	});
-}, cn = (e) => {
-	let [t, n] = B({
+}, sn = (e) => {
+	let [t, n] = R({
 		text: e?.text,
 		revision: e?.revision ?? 0
-	}), r = I((e) => {
+	}), r = P((e) => {
 		n((t) => ({
 			text: e,
 			revision: t.revision + 1
@@ -2747,11 +2747,11 @@ var an = {
 		messageRevision: t.revision,
 		seedMessage: r
 	};
-}, ln = (e, t) => {
-	let n = z(e), r = z(t);
-	r.current = t, L(() => {
+}, cn = (e, t) => {
+	let n = L(e), r = L(t);
+	r.current = t, F(() => {
 		e !== n.current && (n.current = e, r.current());
 	}, [e]);
 };
 //#endregion
-export { ot as ActionRowLayout, Me as BottomSheetShell, W as CONVERSATION_INPUT_CLASS, pt as ChatSettingsModal, on as ConversationInput, sn as EditMessageInput, rn as Input, at as SendOnEnter, cn as useComposerSeed, ln as useComposerSeedSource };
+export { ot as ActionRowLayout, U as BottomSheetShell, H as CONVERSATION_INPUT_CLASS, pt as ChatSettingsModal, an as ConversationInput, on as EditMessageInput, Q as Input, at as SendOnEnter, sn as useComposerSeed, cn as useComposerSeedSource };