@epam/ai-dial-conversation-input 1.1.0-dev.58 → 1.1.0-dev.60

package/index.js

@@ -1,46 +1,46 @@
 import { AttachmentErrorReason as e, AttachmentType as t, DeploymentIcon as n, RequestStatus as r, ResponseFormat as i, buildCssVars as a, mergeClasses as o, useIsMobile as s } from "@epam/ai-dial-chat-shared";
-import { BASE_ICON_SIZE as c, ButtonAppearance as l, ButtonVariant as u, DIAL_ICON_SIZE as d, DialButton as f, DialCloseButton as p, DialDropdown as m, DialDropdownIcon as h, DialErrorText as g, DialGhostIconButton as _, DialInput as v, DialPopup as y, DialPrimaryButton as b, DialRadioGroup as x, DialSearch as S, DialSkeleton as C, DialSkeletonVariant as w, DialSlider as T, DialTag as E, DialTooltip as D, ElementSize as O, Highlight as k, PopupSize as ee, RadioGroupOrientation as A } from "@epam/ai-dial-ui-kit";
-import { IconArrowLeft as te, IconArrowNarrowRight as ne, IconCheck as re, IconChevronDown as ie, IconChevronRight as ae, IconFile as oe, IconMicrophone as se, IconPaperclip as j, IconPlayerStopFilled as ce, IconPlaystationSquare as le, IconPlus as ue, IconSettings as de, IconX as fe } from "@tabler/icons-react";
-import { createPortal as pe } from "react-dom";
-import { createElement as me, memo as he, useCallback as M, useEffect as N, useImperativeHandle as P, useLayoutEffect as ge, useMemo as F, useRef as I, useState as L } from "react";
-import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
-import { AttachmentCard as _e, AttachmentGroup as ve, AttachmentTray as ye, AttachmentTray as be, FileDndOverlay as V, MAX_UPLOADS_PER_MINUTE as xe, generateAttachmentId as Se, getAttachmentIcon as Ce, useClipboardPaste as we } from "@epam/ai-dial-attachment-input";
+import { BASE_ICON_SIZE as c, ButtonAppearance as l, ButtonVariant as u, DIAL_ICON_SIZE as d, DialButton as f, DialCloseButton as p, DialDropdown as m, DialDropdownIcon as h, DialErrorText as g, DialGhostIconButton as _, DialInput as v, DialPopup as y, DialPrimaryButton as b, DialRadioGroup as x, DialSearch as S, DialSkeleton as C, DialSkeletonVariant as w, DialSlider as T, DialTag as E, DialTooltip as D, ElementSize as O, Highlight as k, PopupSize as A, RadioGroupOrientation as ee } from "@epam/ai-dial-ui-kit";
+import { IconArrowLeft as te, IconArrowNarrowRight as ne, IconCheck as re, IconChevronDown as ie, IconChevronRight as ae, IconFile as oe, IconMicrophone as se, IconPaperclip as j, IconPlayerStopFilled as ce, IconPlaystationSquare as le, IconPlus as ue, IconSettings as de, IconTool as fe, IconX as pe } from "@tabler/icons-react";
+import { createPortal as me } from "react-dom";
+import { createElement as he, memo as M, useCallback as N, useEffect as P, useImperativeHandle as ge, useLayoutEffect as F, useMemo as I, useRef as L, useState as R } from "react";
+import { Fragment as z, jsx as B, jsxs as V } from "react/jsx-runtime";
+import { AttachmentCard as _e, AttachmentGroup as ve, AttachmentTray as ye, AttachmentTray as be, FileDndOverlay as xe, MAX_UPLOADS_PER_MINUTE as Se, generateAttachmentId as Ce, getAttachmentIcon as we, useClipboardPaste as Te } from "@epam/ai-dial-attachment-input";
 //#region src/hooks/useBottomSheet.ts
-var Te = (e, t) => {
-	N(() => {
+var Ee = (e, t) => {
+	P(() => {
 		if (!e) return;
 		let n = (e) => {
 			e.key === "Escape" && t();
 		};
 		return window.addEventListener("keydown", n), () => window.removeEventListener("keydown", n);
-	}, [e, t]), N(() => {
+	}, [e, t]), P(() => {
 		if (e) return document.body.style.overflow = "hidden", () => {
 			document.body.style.overflow = "";
 		};
 	}, [e]);
-}, H = {
+}, De = {
 	backdrop: "_backdrop_3xrn0_9",
 	sheet: "_sheet_3xrn0_13",
 	"slide-up": "_slide-up_3xrn0_1",
 	title: "_title_3xrn0_18",
 	divider: "_divider_3xrn0_22"
-}, U = ({ isOpen: e, title: t, closeLabel: n, onClose: r, onBack: i, backLabel: a, "aria-label": s, style: c, titleClassName: l = "dial-body-semi-text", className: u, children: f }) => (Te(e, r), !e || typeof document > "u" ? null : pe(/* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z("div", {
-	className: o(H.backdrop, "fixed inset-0 z-[55]"),
+}, H = ({ isOpen: e, title: t, closeLabel: n, onClose: r, onBack: i, backLabel: a, "aria-label": s, style: c, titleClassName: l = "dial-body-semi-text", className: u, children: f }) => (Ee(e, r), !e || typeof document > "u" ? null : me(/* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B("div", {
+	className: o(De.backdrop, "fixed inset-0 z-[55]"),
 	onPointerDown: r,
 	"aria-hidden": !0
-}), /* @__PURE__ */ B("div", {
+}), /* @__PURE__ */ V("div", {
 	role: "dialog",
 	"aria-modal": !0,
 	"aria-label": t ?? s,
 	style: c,
-	className: o(H.sheet, "fixed inset-x-0 bottom-0 z-[60] flex max-h-[85dvh] flex-col", u),
-	children: [t != null && /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ B("div", {
+	className: o(De.sheet, "fixed inset-x-0 bottom-0 z-[60] flex max-h-[85dvh] flex-col", u),
+	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__ */ z("div", {
+			i && /* @__PURE__ */ B("div", {
 				className: "absolute start-4",
-				children: /* @__PURE__ */ z(_, {
-					icon: /* @__PURE__ */ z(te, {
+				children: /* @__PURE__ */ B(_, {
+					icon: /* @__PURE__ */ B(te, {
 						size: d.LG,
 						stroke: 1.5,
 						className: "rtl:scale-x-[-1]"
@@ -49,40 +49,40 @@ var Te = (e, t) => {
 					onClick: i
 				})
 			}),
-			/* @__PURE__ */ z("span", {
-				className: o(H.title, l),
+			/* @__PURE__ */ B("span", {
+				className: o(De.title, l),
 				children: t
 			}),
-			/* @__PURE__ */ z("div", {
+			/* @__PURE__ */ B("div", {
 				className: "absolute end-4 m-2",
-				children: /* @__PURE__ */ z(p, {
+				children: /* @__PURE__ */ B(p, {
 					ariaLabel: n,
 					size: d.LG,
 					onClose: r
 				})
 			})
 		]
-	}), /* @__PURE__ */ z("div", { className: "h-px flex-shrink-0" })] }), /* @__PURE__ */ z("div", {
+	}), /* @__PURE__ */ B("div", { className: "h-px flex-shrink-0" })] }), /* @__PURE__ */ B("div", {
 		className: "overflow-y-auto",
 		children: f
 	})]
-})] }), document.body)), Ee = async (e, t, n) => {
+})] }), document.body)), Oe = async (e, t, n) => {
 	let r = 6e4 / t, i = [];
 	for (let t = 0; t < e.length; t++) t > 0 && await new Promise((e) => setTimeout(e, r)), i.push(n(e[t]));
 	await Promise.allSettled(i);
-}, De = ({ initialAttachments: n, onUploadAttachment: i, onAttachmentsChange: a, validateAttachment: o, pendingDropFiles: s, onDropFilesConsumed: c, pendingAttachments: l, onPendingAttachmentsConsumed: u, onExpandPastedText: d, maximumAttachmentsAmount: f, baseAttachmentsAmount: p = 0, onAttachmentsLimitExceeded: m }) => {
-	let [h, g] = L(n), _ = I(h);
-	N(() => {
+}, ke = ({ initialAttachments: n, onUploadAttachment: i, onAttachmentsChange: a, validateAttachment: o, pendingDropFiles: s, onDropFilesConsumed: c, pendingAttachments: l, onPendingAttachmentsConsumed: u, onExpandPastedText: d, maximumAttachmentsAmount: f, baseAttachmentsAmount: p = 0, onAttachmentsLimitExceeded: m }) => {
+	let [h, g] = R(n), _ = L(h);
+	P(() => {
 		_.current = h;
-	}, [h]), N(() => () => {
+	}, [h]), P(() => () => {
 		_.current.forEach((e) => {
 			e.previewUrl && URL.revokeObjectURL(e.previewUrl), e.playUrl && URL.revokeObjectURL(e.playUrl);
 		});
 	}, []);
-	let v = M((e) => e.map((e) => {
+	let v = N((e) => e.map((e) => {
 		let n = e.type.startsWith("image/"), i = e.type.startsWith("audio/"), a = n ? URL.createObjectURL(e) : void 0, o = i ? URL.createObjectURL(e) : void 0;
 		return {
-			id: Se(),
+			id: Ce(),
 			name: e.name,
 			contentType: e.type,
 			file: e,
@@ -91,14 +91,14 @@ var Te = (e, t) => {
 			previewUrl: a,
 			playUrl: o
 		};
-	}), []), y = M((e) => {
+	}), []), y = N((e) => {
 		g((t) => {
 			let n = e(t);
 			return n !== t && a?.(n), n;
 		});
-	}, [a]), b = M((e) => {
+	}, [a]), b = N((e) => {
 		g(e), a?.(e);
-	}, [a]), x = M(async (t) => {
+	}, [a]), x = N(async (t) => {
 		if (i) {
 			y((e) => e.map((e) => e.id === t.id ? {
 				...e,
@@ -120,7 +120,7 @@ var Te = (e, t) => {
 				} : e));
 			}
 		}
-	}, [i, y]), S = M((e, t = !0) => {
+	}, [i, y]), S = N((e, t = !0) => {
 		let n = new Set(_.current.map((e) => e.id)), i = e.filter((e) => !n.has(e.id));
 		if (i.length !== 0) {
 			if (f != null && f > 0 && Number.isFinite(f)) {
@@ -141,7 +141,7 @@ var Te = (e, t) => {
 						status: r.Error,
 						errorReason: n
 					} : e));
-				}), Ee(e, xe, x);
+				}), Oe(e, Se, x);
 			}
 		}
 	}, [
@@ -152,20 +152,20 @@ var Te = (e, t) => {
 		x,
 		o
 	]);
-	N(() => {
+	P(() => {
 		s.length !== 0 && (S(v(s)), c?.());
 	}, [
 		S,
 		v,
 		c,
 		s
-	]), N(() => {
+	]), P(() => {
 		l.length !== 0 && (S(l, !1), u?.());
 	}, [
 		S,
 		u,
 		l
-	]), N(() => {
+	]), P(() => {
 		if (!o) return;
 		let t = !1, n = [], i = _.current.map((i) => {
 			if (i.status === r.Loading) return i;
@@ -192,7 +192,7 @@ var Te = (e, t) => {
 		y,
 		x
 	]);
-	let C = M((e) => {
+	let C = N((e) => {
 		y((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);
@@ -204,11 +204,11 @@ var Te = (e, t) => {
 		addAttachments: S,
 		resetAttachments: b,
 		handleRemove: C,
-		handleRetry: M((e) => {
+		handleRetry: N((e) => {
 			let t = h.find((t) => t.id === e);
 			t && x(t);
 		}, [h, x]),
-		handleExpand: M(async (e) => {
+		handleExpand: N(async (e) => {
 			let n = h.find((t) => t.id === e);
 			if (!n || n.type !== t.Pasted) return;
 			let r = await n.file.text();
@@ -220,9 +220,9 @@ var Te = (e, t) => {
 		]),
 		hasBlockedAttachments: h.some((e) => e.status === r.Loading || e.status === r.Error)
 	};
-}, Oe = (e, t) => {
-	let [n, r] = L(e), [i, a] = L(!1), [o, s] = L(0);
-	return N(() => {
+}, Ae = (e, t) => {
+	let [n, r] = R(e), [i, a] = R(!1), [o, s] = R(0);
+	return P(() => {
 		if (e) {
 			r(!0), a(!1), s((e) => e + 1);
 			return;
@@ -238,18 +238,18 @@ var Te = (e, t) => {
 		isExiting: i,
 		instanceKey: o
 	};
-}, ke = (e, t) => !e.slice(0, t).includes("\n"), Ae = (e, t) => !e.slice(t).includes("\n"), je = (e) => {
-	let t = I(e);
+}, je = (e, t) => !e.slice(0, t).includes("\n"), Me = (e, t) => !e.slice(t).includes("\n"), Ne = (e) => {
+	let t = L(e);
 	t.current = e;
-	let n = I(-1), r = I(""), i = M((e, i, a) => {
+	let n = L(-1), r = L(""), i = N((e, i, a) => {
 		let o = t.current;
-		return !o || o.length === 0 ? null : e === "up" ? !ke(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 || !Ae(i, a) ? null : n.current < o.length - 1 ? (n.current += 1, o[n.current]) : (n.current = -1, r.current);
-	}, []), a = M(() => {
+		return !o || o.length === 0 ? null : e === "up" ? !je(i, a) || n.current === 0 ? null : (n.current === -1 ? (r.current = i, n.current = o.length - 1) : --n.current, o[n.current]) : n.current === -1 || !Me(i, a) ? null : n.current < o.length - 1 ? (n.current += 1, o[n.current]) : (n.current = -1, r.current);
+	}, []), a = N(() => {
 		n.current = -1, r.current = "";
-	}, []), o = M(() => {
+	}, []), o = N(() => {
 		n.current = -1, r.current = "";
 	}, []);
-	return F(() => ({
+	return I(() => ({
 		navigate: i,
 		notifyChange: a,
 		reset: o
@@ -258,13 +258,13 @@ var Te = (e, t) => {
 		a,
 		o
 	]);
-}, Me = ({ messageProp: e, messageRevision: t }) => {
-	let [n, r] = L(e), i = I(null), a = I(0), [o, s] = L(!1);
-	return N(() => {
+}, Pe = ({ messageProp: e, messageRevision: t }) => {
+	let [n, r] = R(e), i = L(null), a = L(0), [o, s] = R(!1);
+	return P(() => {
 		r(e);
-	}, [e, t]), N(() => {
+	}, [e, t]), P(() => {
 		i.current && (a.current = i.current.offsetHeight);
-	}, []), ge(() => {
+	}, []), F(() => {
 		if (!i.current || a.current === 0) return;
 		let e = i.current.offsetHeight > a.current;
 		s((t) => e ? !0 : n === "" ? !1 : t);
@@ -274,20 +274,20 @@ var Te = (e, t) => {
 		textareaRef: i,
 		isMultiLine: o
 	};
-}, Ne = /* @__PURE__ */ function(e) {
+}, Fe = /* @__PURE__ */ function(e) {
 	return e.Idle = "idle", e.Recording = "recording", e.Error = "error", e;
-}({}), Pe = [
+}({}), Ie = [
 	"audio/webm;codecs=opus",
 	"audio/ogg;codecs=opus",
 	"audio/webm"
-], Fe = () => Pe.find((e) => MediaRecorder.isTypeSupported(e)) ?? "", Ie = ({ onAttachAudio: e }) => {
-	let [t, n] = L("idle"), [r, i] = L(null), [a, o] = L(0), s = I(null), c = I(null), l = I(null), u = I(null), d = I([]), f = I(""), p = I(null), m = I(e);
+], Le = () => Ie.find((e) => MediaRecorder.isTypeSupported(e)) ?? "", Re = ({ onAttachAudio: e }) => {
+	let [t, n] = R("idle"), [r, i] = R(null), [a, o] = R(0), s = L(null), c = L(null), l = L(null), u = L(null), d = L([]), f = L(""), p = L(null), m = L(e);
 	m.current = e;
-	let h = M(() => {
+	let h = N(() => {
 		p.current != null && (clearInterval(p.current), p.current = null);
-	}, []), g = M(() => {
+	}, []), g = N(() => {
 		h(), s.current &&= (s.current.getTracks().forEach((e) => e.stop()), null), c.current &&= (c.current.close(), null), l.current = null, u.current = null;
-	}, [h]), _ = M(() => {
+	}, [h]), _ = N(() => {
 		(async () => {
 			try {
 				let e = await navigator.mediaDevices.getUserMedia({ audio: !0 });
@@ -296,7 +296,7 @@ var Te = (e, t) => {
 				c.current = t;
 				let r = t.createAnalyser();
 				r.fftSize = 256, l.current = r, t.createMediaStreamSource(e).connect(r);
-				let i = Fe();
+				let i = Le();
 				f.current = i, d.current = [];
 				let a = new MediaRecorder(e, i ? { mimeType: i } : void 0);
 				u.current = a, a.ondataavailable = (e) => {
@@ -308,17 +308,17 @@ var Te = (e, t) => {
 				i(e instanceof Error ? e.message : "Microphone access denied"), n("error");
 			}
 		})();
-	}, []), v = M(() => {
+	}, []), v = N(() => {
 		let e = u.current;
 		!e || e.state !== "recording" || (h(), e.onstop = () => {
 			let e = f.current || "audio/webm", t = new Blob(d.current, { type: e }), r = e.split(";")[0], a = r.split("/")[1] ?? "webm", s = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, -1), c = new File([t], `voice-${s}.${a}`, { type: r });
 			m.current(c), g(), o(0), i(null), n("idle");
 		}, e.stop());
-	}, [h, g]), y = M(() => {
+	}, [h, g]), y = N(() => {
 		let e = u.current;
 		e && e.state === "recording" && (e.ondataavailable = null, e.onstop = null, e.stop()), g(), o(0), i(null), n("idle");
 	}, [g]);
-	return N(() => () => {
+	return P(() => () => {
 		g();
 	}, [g]), {
 		state: t,
@@ -329,16 +329,16 @@ var Te = (e, t) => {
 		stopRecording: v,
 		discardRecording: y
 	};
-}, Le = /* @__PURE__ */ function(e) {
+}, ze = /* @__PURE__ */ function(e) {
 	return e.Enter = "enter", e.MetaEnter = "meta-enter", e;
-}({}), Re = {
+}({}), Be = {
 	item: "_item_vou13_1",
 	itemIcon: "_itemIcon_vou13_11"
-}, ze = ({ isOpen: e, title: t, closeLabel: n, onClose: r, style: i, items: a, className: s, titleClassName: c = "dial-body-semi-text", itemLabelClassName: l = "dial-small-text", btnTextClassName: u = "" }) => {
+}, Ve = ({ isOpen: e, title: t, closeLabel: n, onClose: r, style: i, items: a, className: s, titleClassName: c = "dial-body-semi-text", itemLabelClassName: l = "dial-small-text", btnTextClassName: u = "" }) => {
 	let d = (e) => {
 		e(), r();
 	};
-	return /* @__PURE__ */ z(U, {
+	return /* @__PURE__ */ B(H, {
 		isOpen: e,
 		title: t,
 		closeLabel: n,
@@ -346,22 +346,22 @@ var Te = (e, t) => {
 		style: i,
 		className: s,
 		titleClassName: c,
-		children: /* @__PURE__ */ z("ul", {
+		children: /* @__PURE__ */ B("ul", {
 			role: "list",
 			className: "flex flex-col",
-			children: a.map(({ key: e, label: t, icon: n, iconAfter: r, onClick: i }) => /* @__PURE__ */ z("li", { children: /* @__PURE__ */ z(f, {
+			children: a.map(({ key: e, label: t, icon: n, iconAfter: r, onClick: i }) => /* @__PURE__ */ B("li", { children: /* @__PURE__ */ B(f, {
 				type: "button",
-				className: o(Re.item, "flex w-full items-center gap-3 px-4 py-[10px] text-start"),
-				iconBefore: /* @__PURE__ */ z("span", {
-					className: Re.itemIcon,
+				className: o(Be.item, "flex w-full items-center gap-3 px-4 py-[10px] text-start"),
+				iconBefore: /* @__PURE__ */ B("span", {
+					className: Be.itemIcon,
 					children: n
 				}),
-				iconAfter: r ? /* @__PURE__ */ z("span", {
+				iconAfter: r ? /* @__PURE__ */ B("span", {
 					className: "ms-auto",
 					children: r
 				}) : null,
 				textClassName: u,
-				label: /* @__PURE__ */ z("span", {
+				label: /* @__PURE__ */ B("span", {
 					className: l,
 					children: t
 				}),
@@ -369,53 +369,53 @@ var Te = (e, t) => {
 			}) }, e))
 		})
 	});
-}, Be = ({ gradientId: e = "gradient-check-icon" }) => /* @__PURE__ */ B("svg", {
+}, He = ({ gradientId: e = "gradient-check-icon" }) => /* @__PURE__ */ V("svg", {
 	width: d.SM,
 	height: d.SM,
 	viewBox: "0 0 24 24",
 	fill: "none",
 	"aria-hidden": !0,
-	children: [/* @__PURE__ */ z("defs", { children: /* @__PURE__ */ B("linearGradient", {
+	children: [/* @__PURE__ */ B("defs", { children: /* @__PURE__ */ V("linearGradient", {
 		id: e,
 		x1: "0",
 		y1: "0",
 		x2: "24",
 		y2: "24",
 		gradientUnits: "userSpaceOnUse",
-		children: [/* @__PURE__ */ z("stop", {
+		children: [/* @__PURE__ */ B("stop", {
 			offset: "0%",
 			stopColor: "#4b7be6"
-		}), /* @__PURE__ */ z("stop", {
+		}), /* @__PURE__ */ B("stop", {
 			offset: "100%",
 			stopColor: "#9355f4"
 		})]
-	}) }), /* @__PURE__ */ z("path", {
+	}) }), /* @__PURE__ */ B("path", {
 		d: "M5 12l5 5L20 7",
 		stroke: `url(#${e})`,
 		strokeWidth: "2",
 		strokeLinecap: "round",
 		strokeLinejoin: "round"
 	})]
-}), Ve = {
+}), Ue = {
 	tabContainer: "_tabContainer_rzv03_1",
 	tabActive: "_tabActive_rzv03_13"
 };
-he(({ tabs: e, activeTabId: t, onTabChange: n, styles: r }) => {
+M(({ tabs: e, activeTabId: t, onTabChange: n, styles: r }) => {
 	let { tabClassName: i = "dial-tiny-semi-text" } = r?.typography ?? {};
-	return /* @__PURE__ */ z("div", {
+	return /* @__PURE__ */ B("div", {
 		className: "flex flex-nowrap gap-1",
 		role: "tablist",
 		children: e.map((e) => {
 			let r = t === e.id;
-			return /* @__PURE__ */ z("div", {
+			return /* @__PURE__ */ B("div", {
 				role: "tab",
 				"aria-selected": r,
 				className: "contents",
-				children: /* @__PURE__ */ z(E, {
+				children: /* @__PURE__ */ B(E, {
 					label: e.label,
 					selected: r,
 					onClick: () => n(e.id),
-					className: o("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", i, Ve.tabContainer, r && Ve.tabActive)
+					className: o("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", i, Ue.tabContainer, r && Ue.tabActive)
 				})
 			}, e.id);
 		})
@@ -423,13 +423,13 @@ he(({ tabs: e, activeTabId: t, onTabChange: n, styles: r }) => {
 });
 //#endregion
 //#region ../ai-dial-kit/src/components/Button/Buttons.tsx
-var W = (e) => /* @__PURE__ */ z(b, { ...e }), He = (e) => /* @__PURE__ */ z(f, {
+var We = (e) => /* @__PURE__ */ B(b, { ...e }), Ge = (e) => /* @__PURE__ */ B(f, {
 	...e,
 	variant: u.Neutral,
 	appearance: l.Outlined
-}), G = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, isOpen: o }) => {
-	let [s, c] = L(t), [l, u] = L(n), [d, f] = L(r), p = I(o);
-	N(() => {
+}), Ke = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, isOpen: o }) => {
+	let [s, c] = R(t), [l, u] = R(n), [d, f] = R(r), p = L(o);
+	P(() => {
 		o && !p.current && (c(t), u(n), f(r)), p.current = o;
 	}, [
 		o,
@@ -446,7 +446,7 @@ var W = (e) => /* @__PURE__ */ z(b, { ...e }), He = (e) => /* @__PURE__ */ z(f,
 		setResponseFormat: c,
 		setSystemPrompt: u,
 		setTemperature: f,
-		handleSubmit: M(() => {
+		handleSubmit: N(() => {
 			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();
@@ -460,18 +460,18 @@ var W = (e) => /* @__PURE__ */ z(b, { ...e }), He = (e) => /* @__PURE__ */ z(f,
 			a
 		])
 	};
-}, K = "!dial-small-semi-text !text-primary gap-1", Ue = ({ features: e, responseFormat: t, systemPrompt: n, temperature: r, onResponseFormatChange: a, onSystemPromptChange: o, onTemperatureChange: s, responseFormatLabel: c = "Response format", responseFormatHint: l = "Applies to new and existing messages", responseFormatMarkdownLabel: u = "Markdown", responseFormatPlainTextLabel: d = "Plain text", systemPromptLabel: f = "System prompt", systemPromptTooltip: p = "Enter a prompt", temperatureLabel: m = "Temperature", temperatureLabels: h = [
+}, U = "!dial-small-semi-text !text-primary gap-1", qe = ({ features: e, responseFormat: t, systemPrompt: n, temperature: r, onResponseFormatChange: a, onSystemPromptChange: o, onTemperatureChange: s, responseFormatLabel: c = "Response format", responseFormatHint: l = "Applies to new and existing messages", responseFormatMarkdownLabel: u = "Markdown", responseFormatPlainTextLabel: d = "Plain text", systemPromptLabel: f = "System prompt", systemPromptTooltip: p = "Enter a prompt", temperatureLabel: m = "Temperature", temperatureLabels: h = [
 	"Precise",
 	"Neutral",
 	"Creative"
-], temperatureHint: g }) => /* @__PURE__ */ B("div", {
+], temperatureHint: g }) => /* @__PURE__ */ V("div", {
 	className: "flex flex-col gap-4 px-6 py-3",
 	children: [
-		e.responseFormat && /* @__PURE__ */ z(x, {
+		e.responseFormat && /* @__PURE__ */ B(x, {
 			fieldTitle: c,
-			labelClassName: K,
+			labelClassName: U,
 			elementId: "response-format",
-			orientation: A.Column,
+			orientation: ee.Column,
 			activeRadioButton: t ?? i.Markdown,
 			labelDescription: l,
 			radioButtons: [{
@@ -483,19 +483,19 @@ var W = (e) => /* @__PURE__ */ z(b, { ...e }), He = (e) => /* @__PURE__ */ z(f,
 			}],
 			onChange: (e) => a(e)
 		}),
-		e.systemPrompt && /* @__PURE__ */ z(v, {
+		e.systemPrompt && /* @__PURE__ */ B(v, {
 			value: n,
 			placeholder: p,
 			labelProps: {
-				className: K,
+				className: U,
 				label: f
 			},
 			onChange: (e) => o(e ?? "")
 		}),
-		e.temperature && /* @__PURE__ */ z(T, {
+		e.temperature && /* @__PURE__ */ B(T, {
 			labelProps: {
 				label: m,
-				className: K,
+				className: U,
 				caption: g
 			},
 			value: r,
@@ -506,8 +506,8 @@ var W = (e) => /* @__PURE__ */ z(b, { ...e }), He = (e) => /* @__PURE__ */ z(f,
 			onChange: s
 		})
 	]
-}), We = ({ isOpen: e, onBack: t, backLabel: n, onClose: r, closeLabel: i, style: a, features: s, initialResponseFormat: c, initialSystemPrompt: l, initialTemperature: u, onSave: d, title: f = "Chat settings", responseFormatLabel: p, responseFormatHint: m, responseFormatMarkdownLabel: h, responseFormatPlainTextLabel: g, systemPromptLabel: _, systemPromptTooltip: v, temperatureLabel: y, temperatureLabels: b, temperatureHint: x, saveLabel: S = "Apply changes", saveDisabledTooltip: C }) => {
-	let { responseFormat: w, systemPrompt: T, temperature: E, canSubmit: O, setResponseFormat: k, setSystemPrompt: ee, setTemperature: A, handleSubmit: te } = G({
+}), Je = ({ isOpen: e, onBack: t, backLabel: n, onClose: r, closeLabel: i, style: a, features: s, initialResponseFormat: c, initialSystemPrompt: l, initialTemperature: u, onSave: d, title: f = "Chat settings", responseFormatLabel: p, responseFormatHint: m, responseFormatMarkdownLabel: h, responseFormatPlainTextLabel: g, systemPromptLabel: _, systemPromptTooltip: v, temperatureLabel: y, temperatureLabels: b, temperatureHint: x, saveLabel: S = "Apply changes", saveDisabledTooltip: C }) => {
+	let { responseFormat: w, systemPrompt: T, temperature: E, canSubmit: O, setResponseFormat: k, setSystemPrompt: A, setTemperature: ee, handleSubmit: te } = Ke({
 		isOpen: e,
 		features: s,
 		initialResponseFormat: c,
@@ -516,7 +516,7 @@ var W = (e) => /* @__PURE__ */ z(b, { ...e }), He = (e) => /* @__PURE__ */ z(f,
 		onSave: d,
 		onClose: r
 	});
-	return /* @__PURE__ */ B(U, {
+	return /* @__PURE__ */ V(H, {
 		isOpen: e,
 		title: f,
 		closeLabel: i,
@@ -524,14 +524,14 @@ var W = (e) => /* @__PURE__ */ z(b, { ...e }), He = (e) => /* @__PURE__ */ z(f,
 		onBack: t,
 		backLabel: n,
 		style: a,
-		children: [/* @__PURE__ */ z(Ue, {
+		children: [/* @__PURE__ */ B(qe, {
 			features: s,
 			responseFormat: w,
 			systemPrompt: T,
 			temperature: E,
 			onResponseFormatChange: k,
-			onSystemPromptChange: ee,
-			onTemperatureChange: A,
+			onSystemPromptChange: A,
+			onTemperatureChange: ee,
 			responseFormatLabel: p,
 			responseFormatHint: m,
 			responseFormatMarkdownLabel: h,
@@ -541,13 +541,13 @@ var W = (e) => /* @__PURE__ */ z(b, { ...e }), He = (e) => /* @__PURE__ */ z(f,
 			temperatureLabel: y,
 			temperatureLabels: b,
 			temperatureHint: x
-		}), /* @__PURE__ */ z("div", {
+		}), /* @__PURE__ */ B("div", {
 			className: o("px-6 py-4 mobile:pb-8"),
-			children: /* @__PURE__ */ z(D, {
+			children: /* @__PURE__ */ B(D, {
 				tooltip: C,
 				hideTooltip: O || !C,
 				triggerClassName: "w-full",
-				children: /* @__PURE__ */ z(W, {
+				children: /* @__PURE__ */ B(We, {
 					label: S,
 					onClick: te,
 					disabled: !O,
@@ -556,8 +556,8 @@ var W = (e) => /* @__PURE__ */ z(b, { ...e }), He = (e) => /* @__PURE__ */ z(f,
 			})
 		})]
 	});
-}, q = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, title: o = "Chat settings", responseFormatLabel: s, responseFormatHint: c, responseFormatMarkdownLabel: l, responseFormatPlainTextLabel: u, systemPromptLabel: d, systemPromptTooltip: f, temperatureLabel: p, temperatureLabels: m, temperatureHint: h, saveLabel: g = "Apply changes", saveDisabledTooltip: _ }) => {
-	let { responseFormat: v, systemPrompt: b, temperature: x, canSubmit: S, setResponseFormat: C, setSystemPrompt: w, setTemperature: T, handleSubmit: E } = G({
+}, W = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, title: o = "Chat settings", responseFormatLabel: s, responseFormatHint: c, responseFormatMarkdownLabel: l, responseFormatPlainTextLabel: u, systemPromptLabel: d, systemPromptTooltip: f, temperatureLabel: p, temperatureLabels: m, temperatureHint: h, saveLabel: g = "Apply changes", saveDisabledTooltip: _ }) => {
+	let { responseFormat: v, systemPrompt: b, temperature: x, canSubmit: S, setResponseFormat: C, setSystemPrompt: w, setTemperature: T, handleSubmit: E } = Ke({
 		features: e,
 		initialResponseFormat: t,
 		initialSystemPrompt: n,
@@ -565,25 +565,25 @@ var W = (e) => /* @__PURE__ */ z(b, { ...e }), He = (e) => /* @__PURE__ */ z(f,
 		onSave: i,
 		onClose: a
 	});
-	return /* @__PURE__ */ z(y, {
+	return /* @__PURE__ */ B(y, {
 		open: !0,
 		header: o,
-		size: ee.Sm,
+		size: A.Sm,
 		onClose: a,
 		className: "!bg-layer-2",
-		footer: /* @__PURE__ */ z("div", {
+		footer: /* @__PURE__ */ B("div", {
 			className: "flex justify-end px-6 py-4",
-			children: /* @__PURE__ */ z(D, {
+			children: /* @__PURE__ */ B(D, {
 				tooltip: _,
 				hideTooltip: S || !_,
-				children: /* @__PURE__ */ z(W, {
+				children: /* @__PURE__ */ B(We, {
 					label: g,
 					onClick: E,
 					disabled: !S
 				})
 			})
 		}),
-		children: /* @__PURE__ */ z(Ue, {
+		children: /* @__PURE__ */ B(qe, {
 			features: e,
 			responseFormat: v,
 			systemPrompt: b,
@@ -603,71 +603,159 @@ var W = (e) => /* @__PURE__ */ z(b, { ...e }), He = (e) => /* @__PURE__ */ z(f,
 		})
 	});
 };
-he(q);
+M(W);
 //#endregion
-//#region src/components/AddAttachmentButton/AddAttachmentButton.tsx
-var Ge = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, menuCloseLabel: a, style: l, listClassName: u = "cp-dropdown-overlay !w-[240px]", isDisabled: f = !1, chatSettings: p, extraMenuItems: h }) => {
-	let g = s(), [v, y] = L(!1), [b, x] = L(!1), S = F(() => [
+//#region src/components/ToolsBottomSheet/ToolsBottomSheet.tsx
+var G = ({ isOpen: e, onBack: t, backLabel: n = "Back", onClose: r, closeLabel: i = "Close", style: a, title: o = "Tools", items: s, onToolToggle: l }) => /* @__PURE__ */ B(H, {
+	isOpen: e,
+	title: o,
+	closeLabel: i,
+	onClose: r,
+	onBack: t,
+	backLabel: n,
+	style: a,
+	children: /* @__PURE__ */ B("ul", {
+		role: "menu",
+		className: "flex flex-col pb-4",
+		children: s.map((e) => /* @__PURE__ */ B("li", {
+			role: "none",
+			children: /* @__PURE__ */ B(f, {
+				type: "button",
+				role: "menuitemcheckbox",
+				"aria-checked": e.isSelected,
+				className: "flex w-full items-center gap-3 px-4 py-[10px] text-start",
+				iconBefore: /* @__PURE__ */ B("span", {
+					className: "flex items-center text-secondary",
+					children: e.icon
+				}),
+				iconAfter: e.isSelected ? /* @__PURE__ */ B("span", {
+					className: "ms-auto text-accent-primary",
+					children: /* @__PURE__ */ B(re, {
+						size: c,
+						"aria-hidden": !0
+					})
+				}) : null,
+				label: /* @__PURE__ */ B("span", {
+					className: "dial-small-text",
+					children: e.label
+				}),
+				onClick: () => l(e.id)
+			})
+		}, e.id))
+	})
+}), Ye = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, menuCloseLabel: a, style: l, listClassName: u = "cp-dropdown-overlay !w-[240px]", isDisabled: f = !1, chatSettings: p, extraMenuItems: h, toolsMenuItems: g = [], onToolToggle: v, toolsMenuTitle: y = "Tools", toolsBackLabel: b = "Back" }) => {
+	let x = s(), [S, C] = R(!1), [w, T] = R(!1), [E, D] = R(!1), O = g.length > 0 && v != null, k = I(() => g.map((e) => ({
+		key: e.id,
+		label: /* @__PURE__ */ V("span", {
+			className: "flex flex-1 items-center gap-2",
+			children: [/* @__PURE__ */ B("span", {
+				className: "flex-1",
+				children: e.label
+			}), e.isSelected && /* @__PURE__ */ B(re, {
+				size: c,
+				className: "text-accent-primary",
+				"aria-hidden": !0
+			})]
+		}),
+		icon: /* @__PURE__ */ B("span", {
+			className: "flex items-center text-secondary",
+			children: e.icon
+		}),
+		onClick: () => v?.(e.id)
+	})), [g, v]), A = I(() => [
 		...e == null ? [] : [{
 			key: "attach",
 			label: t,
-			icon: /* @__PURE__ */ z(j, {
+			icon: /* @__PURE__ */ B(j, {
 				size: c,
 				"aria-hidden": !0
 			}),
 			onClick: e
 		}],
 		...h ?? [],
+		...O ? [{
+			key: "tools",
+			label: y,
+			icon: /* @__PURE__ */ B(fe, {
+				size: c,
+				"aria-hidden": !0
+			}),
+			onClick: x ? () => {
+				D(!0), C(!1);
+			} : () => void 0,
+			...x ? { iconAfter: /* @__PURE__ */ B(ae, {
+				size: c,
+				stroke: 1.5,
+				className: "text-secondary rtl:scale-x-[-1]",
+				"aria-hidden": !0
+			}) } : { children: k }
+		}] : [],
 		...p == null ? [] : [{
 			key: "chat-settings",
 			label: p.menuItemLabel ?? "Chat settings",
-			icon: /* @__PURE__ */ z(de, {
+			icon: /* @__PURE__ */ B(de, {
 				size: c,
 				"aria-hidden": !0
 			}),
-			iconAfter: g ? /* @__PURE__ */ z(ae, {
+			iconAfter: x ? /* @__PURE__ */ B(ae, {
 				size: c,
 				stroke: 1.5,
 				className: "text-secondary rtl:scale-x-[-1]",
 				"aria-hidden": !0
 			}) : null,
-			onClick: () => x(!0)
+			onClick: () => T(!0)
 		}]
 	], [
 		t,
 		e,
 		p,
 		h,
-		g
+		x,
+		O,
+		y,
+		k
 	]);
-	return S.length === 0 ? null : /* @__PURE__ */ z(R, { children: g ? /* @__PURE__ */ B(R, { children: [
-		/* @__PURE__ */ z(_, {
-			icon: /* @__PURE__ */ z(ue, {
+	return A.length === 0 ? null : /* @__PURE__ */ B(z, { children: x ? /* @__PURE__ */ V(z, { children: [
+		/* @__PURE__ */ B(_, {
+			icon: /* @__PURE__ */ B(ue, {
 				size: d.LG,
 				"aria-hidden": !0
 			}),
 			"aria-label": n,
 			tooltipProps: { tooltip: n },
 			className: o("size-10 flex-shrink-0", f && "pointer-events-none opacity-50"),
-			onClick: () => y(!0)
+			onClick: () => C(!0)
 		}),
-		/* @__PURE__ */ z(ze, {
-			isOpen: v,
+		/* @__PURE__ */ B(Ve, {
+			isOpen: S,
 			title: r,
 			closeLabel: a,
-			onClose: () => y(!1),
+			onClose: () => C(!1),
 			style: l,
-			items: S,
+			items: A,
 			className: "pb-4",
 			btnTextClassName: "flex-1"
 		}),
-		p != null && /* @__PURE__ */ z(We, {
-			isOpen: b,
+		O && /* @__PURE__ */ B(G, {
+			isOpen: E,
+			onBack: () => {
+				D(!1), C(!0);
+			},
+			backLabel: b,
+			onClose: () => D(!1),
+			closeLabel: a,
+			style: l,
+			title: y,
+			items: g,
+			onToolToggle: v
+		}),
+		p != null && /* @__PURE__ */ B(Je, {
+			isOpen: w,
 			onBack: () => {
-				x(!1), y(!0);
+				T(!1), C(!0);
 			},
 			backLabel: p.backLabel ?? "Back",
-			onClose: () => x(!1),
+			onClose: () => T(!1),
 			closeLabel: a,
 			style: l,
 			features: p.features,
@@ -688,13 +776,13 @@ var Ge = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 			saveLabel: p.saveLabel,
 			saveDisabledTooltip: p.saveDisabledTooltip
 		})
-	] }) : /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z(m, {
+	] }) : /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B(m, {
 		matchReferenceWidth: !1,
 		placement: "bottom-start",
 		listClassName: u,
-		items: S,
-		children: /* @__PURE__ */ z(_, {
-			icon: /* @__PURE__ */ z(ue, {
+		items: A,
+		children: /* @__PURE__ */ B(_, {
+			icon: /* @__PURE__ */ B(ue, {
 				size: d.LG,
 				"aria-hidden": !0
 			}),
@@ -703,13 +791,13 @@ var Ge = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 			className: "size-10 flex-shrink-0",
 			disabled: f
 		})
-	}), p != null && b && /* @__PURE__ */ z(q, {
+	}), p != null && w && /* @__PURE__ */ B(W, {
 		features: p.features,
 		initialResponseFormat: p.responseFormat ?? i.Markdown,
 		initialSystemPrompt: p.systemPrompt,
 		initialTemperature: p.temperature,
 		onSave: p.onSave,
-		onClose: () => x(!1),
+		onClose: () => T(!1),
 		title: p.title,
 		responseFormatLabel: p.responseFormatLabel,
 		responseFormatHint: p.responseFormatHint,
@@ -723,6 +811,61 @@ var Ge = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 		saveLabel: p.saveLabel,
 		saveDisabledTooltip: p.saveDisabledTooltip
 	})] }) });
+}, K = {
+	chip: "_chip_1y9qv_1",
+	chipIcon: "_chipIcon_1y9qv_6",
+	chipText: "_chipText_1y9qv_10",
+	chipClose: "_chipClose_1y9qv_14"
+}, Xe = (e) => `${e} tool${e === 1 ? "" : "s"}`, q = (e) => `Remove ${e}`, Ze = ({ items: e, onToolToggle: t, isMobile: n, countLabel: r = Xe, removeLabel: i = q }) => {
+	let a = e.filter((e) => e.isSelected);
+	if (a.length === 0) return null;
+	if (n) {
+		let e = a.length === 1 ? a[0].icon : /* @__PURE__ */ B(fe, {
+			size: c,
+			"aria-hidden": !0
+		});
+		return /* @__PURE__ */ B("div", {
+			className: "flex flex-wrap items-center gap-2",
+			children: /* @__PURE__ */ V("div", {
+				className: o(K.chip, "flex items-center gap-1.5 rounded border px-2 py-1"),
+				children: [/* @__PURE__ */ B("span", {
+					className: K.chipIcon,
+					"aria-hidden": !0,
+					children: e
+				}), /* @__PURE__ */ B("span", {
+					className: o(K.chipText, "dial-small-text"),
+					children: r(a.length)
+				})]
+			})
+		});
+	}
+	return /* @__PURE__ */ B("div", {
+		className: "flex flex-wrap items-center gap-2",
+		children: a.map((e) => /* @__PURE__ */ V("div", {
+			className: o(K.chip, "flex items-center gap-1.5 rounded border py-1 pe-1 ps-2"),
+			children: [
+				/* @__PURE__ */ B("span", {
+					className: K.chipIcon,
+					"aria-hidden": !0,
+					children: e.icon
+				}),
+				/* @__PURE__ */ B("span", {
+					className: o(K.chipText, "dial-small-text"),
+					children: e.label
+				}),
+				/* @__PURE__ */ B("button", {
+					type: "button",
+					onClick: () => t(e.id),
+					className: o(K.chipClose, "flex items-center rounded p-0.5 transition-colors"),
+					"aria-label": i(e.label),
+					children: /* @__PURE__ */ B(pe, {
+						size: 12,
+						"aria-hidden": !0
+					})
+				})
+			]
+		}, e.id))
+	});
 }, J = {
 	container: "_container_8j81i_1",
 	containerError: "_containerError_8j81i_14",
@@ -731,29 +874,29 @@ var Ge = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 	stopRecordingIcon: "_stopRecordingIcon_8j81i_28",
 	recordingDot: "_recordingDot_8j81i_42",
 	"recording-pulse": "_recording-pulse_8j81i_1"
-}, Ke = 3, Y = 4, X = 200, qe = (e) => `${String(Math.floor(e / 60)).padStart(2, "0")}:${String(e % 60).padStart(2, "0")}`, Je = ({ state: e, analyserNodeRef: t, elapsedSeconds: n, errorMessage: r, onStop: i, onDiscard: a, stopLabel: s = "Stop recording", discardLabel: c = "Discard recording", timerLabel: l = "Recording time", style: u, className: f }) => {
-	let p = I(null), m = I(new Float32Array(X)), h = I(0), v = I(0), y = e === Ne.Recording, b = e === Ne.Error, x = M((e) => {
+}, Qe = 3, $e = 4, Y = 200, et = (e) => `${String(Math.floor(e / 60)).padStart(2, "0")}:${String(e % 60).padStart(2, "0")}`, tt = ({ state: e, analyserNodeRef: t, elapsedSeconds: n, errorMessage: r, onStop: i, onDiscard: a, stopLabel: s = "Stop recording", discardLabel: c = "Discard recording", timerLabel: l = "Recording time", style: u, className: f }) => {
+	let p = L(null), m = L(new Float32Array(Y)), h = L(0), v = L(0), y = e === Fe.Recording, b = e === Fe.Error, x = N((e) => {
 		let t = e.getContext("2d");
 		if (!t) return;
 		e.width = e.clientWidth || 200, e.height = e.clientHeight || 32;
 		let { width: n, height: r } = e;
 		t.clearRect(0, 0, n, r), t.fillStyle = getComputedStyle(e).color;
-		let i = Math.min(Math.max(1, Math.floor(n / Y)), X - 1), a = h.current, o = v.current;
+		let i = Math.min(Math.max(1, Math.floor(n / $e)), Y - 1), a = h.current, o = v.current;
 		t.save(), t.beginPath(), t.rect(0, 0, n, r), t.clip(), t.translate(-o, 0);
 		for (let e = 0; e <= i; e++) {
-			let n = ((a - i + e) % X + X) % X, o = m.current[n] ?? 0, s = Math.min(1, o * 6), c = Math.max(3, s * r);
-			t.fillRect(e * Y, (r - c) / 2, Ke, c);
+			let n = ((a - i + e) % Y + Y) % Y, o = m.current[n] ?? 0, s = Math.min(1, o * 6), c = Math.max(3, s * r);
+			t.fillRect(e * $e, (r - c) / 2, Qe, c);
 		}
 		t.restore();
 	}, []);
-	N(() => {
+	P(() => {
 		if (!y) return;
 		let e = p.current;
 		if (!e) return;
 		m.current.fill(0), h.current = 0, v.current = 0;
 		let n, r = () => {
-			if (v.current += 1, v.current >= Y) {
-				v.current -= Y;
+			if (v.current += 1, v.current >= $e) {
+				v.current -= $e;
 				let e = t.current;
 				if (e) {
 					let t = new Uint8Array(e.frequencyBinCount);
@@ -763,7 +906,7 @@ var Ge = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 						let r = (t[e] - 128) / 128;
 						n += r * r;
 					}
-					m.current[h.current % X] = Math.sqrt(n / t.length), h.current++;
+					m.current[h.current % Y] = Math.sqrt(n / t.length), h.current++;
 				}
 			}
 			x(e), n = requestAnimationFrame(r);
@@ -775,7 +918,7 @@ var Ge = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 		y,
 		t,
 		x
-	]), N(() => {
+	]), P(() => {
 		let e = p.current;
 		if (!e) return;
 		let t = new ResizeObserver(() => {
@@ -783,18 +926,18 @@ var Ge = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 		});
 		return t.observe(e), () => t.disconnect();
 	}, [x]);
-	let S = /* @__PURE__ */ B("div", {
+	let S = /* @__PURE__ */ V("div", {
 		className: "flex flex-shrink-0 items-center justify-end gap-1",
-		children: [/* @__PURE__ */ z(_, {
-			icon: /* @__PURE__ */ z(fe, {
+		children: [/* @__PURE__ */ B(_, {
+			icon: /* @__PURE__ */ B(pe, {
 				size: d.LG,
 				"aria-hidden": !0
 			}),
 			"aria-label": c,
 			className: "size-10 flex-shrink-0",
 			onClick: a
-		}), y && /* @__PURE__ */ z(_, {
-			icon: /* @__PURE__ */ z(ce, {
+		}), y && /* @__PURE__ */ B(_, {
+			icon: /* @__PURE__ */ B(ce, {
 				size: d.LG,
 				className: J.stopRecordingIcon,
 				"aria-hidden": !0
@@ -804,32 +947,32 @@ var Ge = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 			onClick: i
 		})]
 	});
-	return /* @__PURE__ */ B("div", {
+	return /* @__PURE__ */ V("div", {
 		className: f,
-		children: [/* @__PURE__ */ B("div", {
+		children: [/* @__PURE__ */ V("div", {
 			style: u,
 			className: o(J.container, "flex min-h-[56px] w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border px-3 desktop:flex-row desktop:items-center desktop:gap-2 desktop:py-2", b && J.containerError),
-			children: [/* @__PURE__ */ B("div", {
+			children: [/* @__PURE__ */ V("div", {
 				className: "flex min-w-0 flex-1 items-center gap-2",
-				children: [y && /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z("span", {
+				children: [y && /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B("span", {
 					className: J.recordingDot,
 					"aria-hidden": !0
-				}), /* @__PURE__ */ z("span", {
+				}), /* @__PURE__ */ B("span", {
 					className: o(J.timer, "flex-shrink-0"),
 					"aria-label": l,
-					children: qe(n)
-				})] }), /* @__PURE__ */ z("canvas", {
+					children: et(n)
+				})] }), /* @__PURE__ */ B("canvas", {
 					ref: p,
 					height: 32,
 					className: o(J.waveformCanvas, "h-8 min-w-0 flex-1 desktop:h-6")
 				})]
 			}), S]
-		}), b && r && /* @__PURE__ */ z(g, {
+		}), b && r && /* @__PURE__ */ B(g, {
 			text: r,
 			className: "mt-1 px-1"
 		})]
 	});
-}, Z = {
+}, X = {
 	wrapper: "_wrapper_1q2nu_2",
 	wrapperDisabled: "_wrapperDisabled_1q2nu_15",
 	textarea: "_textarea_1q2nu_20",
@@ -841,73 +984,73 @@ var Ge = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 	sendButtonEnter: "_sendButtonEnter_1q2nu_1",
 	sendButtonExiting: "_sendButtonExiting_1q2nu_55",
 	sendButtonExit: "_sendButtonExit_1q2nu_55"
-}, Ye = ({ onSend: e, isDisabled: t = !1, ariaLabel: n = "Send message", title: r, isExiting: i = !1 }) => /* @__PURE__ */ z(D, {
+}, nt = ({ onSend: e, isDisabled: t = !1, ariaLabel: n = "Send message", title: r, isExiting: i = !1 }) => /* @__PURE__ */ B(D, {
 	tooltip: r,
 	hideTooltip: !r,
-	children: /* @__PURE__ */ z("button", {
-		className: o("flex size-[32px] cursor-pointer items-center justify-center rounded-full disabled:cursor-not-allowed", Z.sendButton, i && Z.sendButtonExiting),
+	children: /* @__PURE__ */ B("button", {
+		className: o("flex size-[32px] cursor-pointer items-center justify-center rounded-full disabled:cursor-not-allowed", X.sendButton, i && X.sendButtonExiting),
 		"aria-label": n,
 		onClick: () => e?.(),
 		type: "button",
 		disabled: t,
 		"aria-hidden": i,
-		children: /* @__PURE__ */ z(ne, {
+		children: /* @__PURE__ */ B(ne, {
 			size: d.LG,
 			className: "rtl:scale-x-[-1]"
 		})
 	})
-}), Xe = ({ onStop: e, ariaLabel: t = "Stop streaming" }) => /* @__PURE__ */ z("button", {
+}), rt = ({ onStop: e, ariaLabel: t = "Stop streaming" }) => /* @__PURE__ */ B("button", {
 	className: o("flex cursor-pointer items-center justify-center disabled:cursor-not-allowed"),
 	"aria-label": t,
 	onClick: () => e?.(),
 	type: "button",
-	children: /* @__PURE__ */ z(le, {
+	children: /* @__PURE__ */ B(le, {
 		size: d.LG,
-		className: Z.stopIcon
+		className: X.stopIcon
 	})
-}), Ze = ({ size: e = 20 }) => /* @__PURE__ */ z(C, {
+}), it = ({ size: e = 20 }) => /* @__PURE__ */ B(C, {
 	variant: w.Circular,
 	width: e,
 	height: e,
 	active: !0
-}), Qe = ({ loadingLabel: e }) => /* @__PURE__ */ B("span", {
+}), at = ({ loadingLabel: e }) => /* @__PURE__ */ V("span", {
 	className: "flex min-w-0 flex-1 items-center",
-	children: [/* @__PURE__ */ z(C, {
+	children: [/* @__PURE__ */ B(C, {
 		variant: w.Text,
 		width: "100%",
 		height: 16,
 		active: !0
-	}), e && /* @__PURE__ */ z("span", {
+	}), e && /* @__PURE__ */ B("span", {
 		className: "sr-only",
 		children: e
 	})]
-}), $e = ({ loadingLabel: e }) => /* @__PURE__ */ z("div", {
+}), ot = ({ loadingLabel: e }) => /* @__PURE__ */ B("div", {
 	role: "status",
 	"aria-label": e,
-	children: Array.from({ length: 7 }).map((e, t) => /* @__PURE__ */ B("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__ */ z(Ze, {}), /* @__PURE__ */ z(Qe, {})]
+		children: [/* @__PURE__ */ B(it, {}), /* @__PURE__ */ B(at, {})]
 	}, t))
-}), et = (e) => e.displayName ?? e.id, tt = (e, t) => {
+}), st = (e) => e.displayName ?? e.id, ct = (e, t) => {
 	let n = t.trim().toLowerCase();
-	return n ? e.filter((e) => et(e).toLowerCase().includes(n)) : e;
-}, nt = (e, t, r, i = 18, a) => /* @__PURE__ */ z(n, {
+	return n ? e.filter((e) => st(e).toLowerCase().includes(n)) : e;
+}, lt = (e, t, r, i = 18, a) => /* @__PURE__ */ B(n, {
 	src: e,
 	size: i,
 	labels: { tooltip: a },
 	initialsName: r
-}), rt = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, searchHeaderClassName: i = "bg-layer-0" }) => {
-	let [a, s] = L(""), c = F(() => e?.find((e) => e.id === t), [e, t]), l = r?.loading !== void 0, u = F(() => l ? /* @__PURE__ */ z(Ze, { size: d.LG }) : nt(c?.iconUrl, c?.type, c?.displayName ?? c?.id ?? "", d.LG), [l, c]), f = c?.displayName ?? c?.id;
+}), ut = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, searchHeaderClassName: i = "bg-layer-0" }) => {
+	let [a, s] = R(""), c = I(() => e?.find((e) => e.id === t), [e, t]), l = r?.loading !== void 0, u = I(() => l ? /* @__PURE__ */ B(it, { size: d.LG }) : lt(c?.iconUrl, c?.type, c?.displayName ?? c?.id ?? "", d.LG), [l, c]), f = c?.displayName ?? c?.id;
 	return {
 		selectorIcon: u,
 		selectorAriaLabel: f ? `${r?.ariaLabel ?? "Select model"}: ${f}` : r?.ariaLabel ?? "Select model",
 		selectedLabel: f,
-		menuItems: F(() => {
+		menuItems: I(() => {
 			if (l) return Array.from({ length: 7 }, (e, t) => ({
 				key: `__loading-${t}`,
-				icon: /* @__PURE__ */ z(Ze, {}),
-				label: /* @__PURE__ */ z(Qe, { loadingLabel: t === 0 ? r?.loading : void 0 }),
+				icon: /* @__PURE__ */ B(it, {}),
+				label: /* @__PURE__ */ B(at, { loadingLabel: t === 0 ? r?.loading : void 0 }),
 				disabled: !0
 			}));
 			if (!e || e.length === 0) {
@@ -918,19 +1061,19 @@ var Ge = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 					disabled: !0
 				}] : [];
 			}
-			return tt(e, a).map((e) => {
+			return ct(e, a).map((e) => {
 				let r = e.id === t;
 				return {
 					key: e.id,
-					label: /* @__PURE__ */ B("span", {
+					label: /* @__PURE__ */ V("span", {
 						className: "flex w-full items-center justify-between gap-2",
-						children: [/* @__PURE__ */ z(k, {
-							text: et(e),
+						children: [/* @__PURE__ */ B(k, {
+							text: st(e),
 							query: a,
 							maxLines: 1
-						}), r && /* @__PURE__ */ z(Be, { gradientId: "ms-check-grad" })]
+						}), r && /* @__PURE__ */ B(He, { gradientId: "ms-check-grad" })]
 					}),
-					icon: nt(e.iconUrl, e.type, e.displayName ?? e.id),
+					icon: lt(e.iconUrl, e.type, e.displayName ?? e.id),
 					onClick: () => n?.(e.id),
 					className: r ? "bg-accent-primary-alpha" : void 0
 				};
@@ -943,9 +1086,9 @@ var Ge = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 			r,
 			n
 		]),
-		menuHeader: F(() => !l && e && e.length > 0 ? /* @__PURE__ */ z("div", {
+		menuHeader: I(() => !l && e && e.length > 0 ? /* @__PURE__ */ B("div", {
 			className: o("sticky top-0 z-10 pb-1 pe-2 pt-2", i),
-			children: /* @__PURE__ */ z(S, {
+			children: /* @__PURE__ */ B(S, {
 				value: a,
 				placeholder: r?.searchPlaceholder ?? "Search",
 				size: O.Small,
@@ -963,8 +1106,8 @@ var Ge = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 			e || s("");
 		}
 	};
-}, it = typeof window < "u" ? ge : N;
-function at(e) {
+}, dt = typeof window < "u" ? F : P;
+function ft(e) {
 	if (e !== void 0) switch (typeof e) {
 		case "number": return e;
 		case "string":
@@ -972,15 +1115,15 @@ function at(e) {
 			break;
 	}
 }
-function ot({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
-	let { styleHeight: s, styleWidth: c } = F(() => ({
-		styleHeight: at(o?.height),
-		styleWidth: at(o?.width)
-	}), [o?.height, o?.width]), [l, u] = L({
+function pt({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
+	let { styleHeight: s, styleWidth: c } = I(() => ({
+		styleHeight: ft(o?.height),
+		styleWidth: ft(o?.width)
+	}), [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;
-	return it(() => {
+	return dt(() => {
 		if (i === null || d) return;
 		let t = new ResizeObserver((e) => {
 			for (let t of e) {
@@ -1000,7 +1143,7 @@ function ot({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 		i,
 		s,
 		c
-	]), F(() => ({
+	]), I(() => ({
 		height: s ?? l.height,
 		width: c ?? l.width
 	}), [
@@ -1009,26 +1152,26 @@ function ot({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 		c
 	]);
 }
-function st(e) {
-	let t = I(() => {
+function mt(e) {
+	let t = L(() => {
 		throw Error("Cannot call during render.");
 	});
-	return it(() => {
+	return dt(() => {
 		t.current = e;
-	}, [e]), M((e) => t.current?.(e), [t]);
+	}, [e]), N((e) => t.current?.(e), [t]);
 }
-var ct = null;
-function lt(e = !1) {
-	if (ct === null || e) {
+var ht = null;
+function gt(e = !1) {
+	if (ht === 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 ? ct = "positive-descending" : (e.scrollLeft = 1, ct = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), ct;
+		return r.width = "100px", r.height = "100px", e.appendChild(n), document.body.appendChild(e), e.scrollLeft > 0 ? ht = "positive-descending" : (e.scrollLeft = 1, ht = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), ht;
 	}
-	return ct;
+	return ht;
 }
-function ut({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
-	if (t === "horizontal" && n) switch (lt()) {
+function _t({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
+	if (t === "horizontal" && n) switch (gt()) {
 		case "negative": return -r;
 		case "positive-descending":
 			if (e) {
@@ -1039,26 +1182,26 @@ function ut({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
 	}
 	return r;
 }
-function Q(e, t = "Assertion error") {
+function Z(e, t = "Assertion error") {
 	if (!e) throw console.error(t), Error(t);
 }
-function $(e, t) {
+function Q(e, t) {
 	if (e === t) return !0;
-	if (!!e != !!t || (Q(e !== void 0), Q(t !== void 0), Object.keys(e).length !== Object.keys(t).length)) return !1;
+	if (!!e != !!t || (Z(e !== void 0), Z(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 dt({ cachedBounds: e, itemCount: t, itemSize: n }) {
+function vt({ 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 Q(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
+		return Z(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
 	}
 }
-function ft({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, containerScrollOffset: a, containerSize: o }) {
+function yt({ 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 = dt({
+	let s = vt({
 		cachedBounds: t,
 		itemCount: r,
 		itemSize: i
@@ -1070,7 +1213,7 @@ function ft({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, co
 		default: return a >= u && a <= l ? a : a < u ? u : l;
 	}
 }
-function pt({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCount: r, overscanCount: i }) {
+function $({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCount: r, overscanCount: i }) {
 	let a = r - 1, o = 0, s = -1, c = 0, l = -1, u = 0;
 	for (; u < a;) {
 		let n = e.get(u);
@@ -1089,11 +1232,11 @@ function pt({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemC
 		stopIndexOverscan: l
 	};
 }
-function mt({ itemCount: e, itemProps: t, itemSize: n }) {
+function bt({ itemCount: e, itemProps: t, itemSize: n }) {
 	let r = /* @__PURE__ */ new Map();
 	return {
 		get(i) {
-			for (Q(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
+			for (Z(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
 				let e = r.size, a;
 				switch (typeof n) {
 					case "function":
@@ -1109,14 +1252,14 @@ function mt({ itemCount: e, itemProps: t, itemSize: n }) {
 				});
 				else {
 					let t = r.get(e - 1);
-					Q(t !== void 0, `Unexpected bounds cache miss for index ${i}`), r.set(e, {
+					Z(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 Q(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
+			return Z(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
 		},
 		set(e, t) {
 			r.set(e, t);
@@ -1126,8 +1269,8 @@ function mt({ itemCount: e, itemProps: t, itemSize: n }) {
 		}
 	};
 }
-function ht({ itemCount: e, itemProps: t, itemSize: n }) {
-	return F(() => mt({
+function xt({ itemCount: e, itemProps: t, itemSize: n }) {
+	return I(() => bt({
 		itemCount: e,
 		itemProps: t,
 		itemSize: n
@@ -1137,11 +1280,11 @@ function ht({ itemCount: e, itemProps: t, itemSize: n }) {
 		n
 	]);
 }
-function gt({ containerSize: e, itemSize: t }) {
+function St({ containerSize: e, itemSize: t }) {
 	let n;
 	switch (typeof t) {
 		case "string":
-			Q(t.endsWith("%"), `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`), Q(e !== void 0, "Container size must be defined if a percentage item size is specified"), n = e * parseInt(t) / 100;
+			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;
 			break;
 		default:
 			n = t;
@@ -1149,21 +1292,21 @@ function gt({ containerSize: e, itemSize: t }) {
 	}
 	return n;
 }
-function _t({ 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 } = ot({
+function Ct({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0, direction: r, isRtl: i = !1, itemCount: a, itemProps: o, itemSize: s, onResize: c, overscanCount: l }) {
+	let { height: u = n, width: d = n } = pt({
 		defaultHeight: r === "vertical" ? n : void 0,
 		defaultWidth: r === "horizontal" ? n : void 0,
 		element: e,
 		mode: r === "vertical" ? "only-height" : "only-width",
 		style: t
-	}), f = I({
+	}), f = L({
 		height: 0,
 		width: 0
-	}), p = r === "vertical" ? u : d, m = gt({
+	}), p = r === "vertical" ? u : d, m = St({
 		containerSize: p,
 		itemSize: s
 	});
-	ge(() => {
+	F(() => {
 		if (typeof c == "function") {
 			let e = f.current;
 			(e.height !== u || e.width !== d) && (c({
@@ -1176,11 +1319,11 @@ function _t({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		c,
 		d
 	]);
-	let h = ht({
+	let h = xt({
 		itemCount: a,
 		itemProps: o,
 		itemSize: m
-	}), g = M((e) => h.get(e), [h]), [_, v] = L(() => pt({
+	}), g = N((e) => h.get(e), [h]), [_, v] = R(() => $({
 		cachedBounds: h,
 		containerScrollOffset: 0,
 		containerSize: p,
@@ -1191,7 +1334,7 @@ function _t({ 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 = M(() => dt({
+	}, C = N(() => vt({
 		cachedBounds: h,
 		itemCount: a,
 		itemSize: m
@@ -1199,9 +1342,9 @@ function _t({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		h,
 		a,
 		m
-	]), w = M((t) => pt({
+	]), w = N((t) => $({
 		cachedBounds: h,
-		containerScrollOffset: ut({
+		containerScrollOffset: _t({
 			containerElement: e,
 			direction: r,
 			isRtl: i,
@@ -1219,19 +1362,19 @@ function _t({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		a,
 		l
 	]);
-	return it(() => {
+	return dt(() => {
 		v(w((r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0));
 	}, [
 		e,
 		r,
 		w
-	]), it(() => {
+	]), dt(() => {
 		if (!e) return;
 		let t = () => {
 			v((t) => {
-				let { scrollLeft: n, scrollTop: o } = e, s = pt({
+				let { scrollLeft: n, scrollTop: o } = e, s = $({
 					cachedBounds: h,
-					containerScrollOffset: ut({
+					containerScrollOffset: _t({
 						containerElement: e,
 						direction: r,
 						isRtl: i,
@@ -1241,7 +1384,7 @@ function _t({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 					itemCount: a,
 					overscanCount: l
 				});
-				return $(s, t) ? t : s;
+				return Q(s, t) ? t : s;
 			});
 		};
 		return e.addEventListener("scroll", t), () => {
@@ -1257,8 +1400,8 @@ function _t({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 	]), {
 		getCellBounds: g,
 		getEstimatedSize: C,
-		scrollToIndex: st(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
-			let s = ft({
+		scrollToIndex: mt(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
+			let s = yt({
 				align: t,
 				cachedBounds: h,
 				containerScrollOffset: n,
@@ -1268,14 +1411,14 @@ function _t({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 				itemSize: m
 			});
 			if (e) {
-				if (s = ut({
+				if (s = _t({
 					containerElement: e,
 					direction: r,
 					isRtl: i,
 					scrollOffset: s
 				}), typeof e.scrollTo != "function") {
 					let e = w(s);
-					$(_, e) || v(e);
+					Q(_, e) || v(e);
 				}
 				return s;
 			}
@@ -1286,30 +1429,30 @@ function _t({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		stopIndexVisible: x
 	};
 }
-function vt(e) {
-	return F(() => e, Object.values(e));
+function wt(e) {
+	return I(() => e, Object.values(e));
 }
-function yt(e, t) {
+function Tt(e, t) {
 	let { ariaAttributes: n, style: r, ...i } = e, { ariaAttributes: a, style: o, ...s } = t;
-	return $(n, a) && $(r, o) && $(i, s);
+	return Q(n, a) && Q(r, o) && Q(i, s);
 }
-function bt(e) {
+function Et(e) {
 	return typeof e == "object" && !!e && "getAverageRowHeight" in e && typeof e.getAverageRowHeight == "function";
 }
-var xt = "data-react-window-index";
-function St({ 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 = vt(u), h = F(() => he(s, yt), [s]), [g, _] = L(null), v = bt(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = _t({
+var Dt = "data-react-window-index";
+function Ot({ children: e, className: t, defaultHeight: n = 0, listRef: r, onResize: i, onRowsRendered: a, overscanCount: o = 3, rowComponent: s, rowCount: c, rowHeight: l, rowProps: u, tagName: d = "div", style: f, ...p }) {
+	let m = wt(u), h = I(() => M(s, Tt), [s]), [g, _] = R(null), v = Et(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = Ct({
 		containerElement: g,
 		containerStyle: f,
 		defaultContainerSize: n,
 		direction: "vertical",
 		itemCount: c,
 		itemProps: m,
-		itemSize: F(() => 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
 	});
-	P(r, () => ({
+	ge(r, () => ({
 		get element() {
 			return g;
 		},
@@ -1324,12 +1467,12 @@ function St({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 				top: r
 			});
 		}
-	}), [g, x]), it(() => {
+	}), [g, x]), dt(() => {
 		if (!g) return;
 		let e = Array.from(g.children).filter((e, t) => {
 			if (e.hasAttribute("aria-hidden")) return !1;
 			let n = `${S + t}`;
-			return e.setAttribute(xt, n), !0;
+			return e.setAttribute(Dt, n), !0;
 		});
 		if (v) return l.observeRowElements(e);
 	}, [
@@ -1338,7 +1481,7 @@ function St({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		l,
 		S,
 		w
-	]), N(() => {
+	]), P(() => {
 		S >= 0 && w >= 0 && a && a({
 			startIndex: C,
 			stopIndex: T
@@ -1353,11 +1496,11 @@ function St({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		w,
 		T
 	]);
-	let E = F(() => {
+	let E = I(() => {
 		let e = [];
 		if (c > 0) for (let t = S; t <= w; t++) {
 			let n = y(t);
-			e.push(/* @__PURE__ */ me(h, {
+			e.push(/* @__PURE__ */ he(h, {
 				...m,
 				ariaAttributes: {
 					"aria-posinset": t + 1,
@@ -1384,7 +1527,7 @@ function St({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		m,
 		S,
 		w
-	]), D = /* @__PURE__ */ z("div", {
+	]), D = /* @__PURE__ */ B("div", {
 		"aria-hidden": !0,
 		style: {
 			height: b(),
@@ -1392,7 +1535,7 @@ function St({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 			zIndex: -1
 		}
 	});
-	return me(d, {
+	return he(d, {
 		role: "list",
 		...p,
 		className: t,
@@ -1406,47 +1549,47 @@ function St({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		}
 	}, E, e, D);
 }
-var Ct = {
+var kt = {
 	divider: "_divider_3wv6u_1",
 	item: "_item_3wv6u_5",
 	itemIcon: "_itemIcon_3wv6u_15",
 	checkIcon: "_checkIcon_3wv6u_19",
 	stateLabel: "_stateLabel_3wv6u_23"
-}, wt = 44, Tt = 8, Et = ({ index: e, style: t, ariaAttributes: n, items: r, selectedDeploymentId: i, labelClassName: a, query: s, onSelect: c }) => {
-	let l = r[e], u = nt(l.iconUrl, l.type, l.displayName ?? l.id, d.SM), p = l.id === i;
-	return /* @__PURE__ */ z("div", {
+}, At = 44, jt = 8, Mt = ({ index: e, style: t, ariaAttributes: n, items: r, selectedDeploymentId: i, labelClassName: a, query: s, onSelect: c }) => {
+	let l = r[e], u = lt(l.iconUrl, l.type, l.displayName ?? l.id, d.SM), p = l.id === i;
+	return /* @__PURE__ */ B("div", {
 		style: t,
 		...n,
-		children: /* @__PURE__ */ z(f, {
+		children: /* @__PURE__ */ B(f, {
 			type: "button",
-			className: o(Ct.item, "flex h-full w-full items-center gap-3 px-4"),
-			iconBefore: /* @__PURE__ */ z("span", {
-				className: Ct.itemIcon,
+			className: o(kt.item, "flex h-full w-full items-center gap-3 px-4"),
+			iconBefore: /* @__PURE__ */ B("span", {
+				className: kt.itemIcon,
 				children: u
 			}),
-			label: /* @__PURE__ */ B("span", {
+			label: /* @__PURE__ */ V("span", {
 				className: "flex flex-1 items-center justify-between gap-2",
-				children: [/* @__PURE__ */ z(k, {
+				children: [/* @__PURE__ */ B(k, {
 					text: l.displayName ?? l.id,
 					query: s,
 					maxLines: 1,
 					className: o(a, "min-w-0 flex-1 text-start")
-				}), p && /* @__PURE__ */ z(re, {
+				}), p && /* @__PURE__ */ B(re, {
 					size: d.SM,
-					className: Ct.checkIcon,
+					className: kt.checkIcon,
 					"aria-hidden": !0
 				})]
 			}),
 			onClick: () => c(l.id)
 		})
 	});
-}, Dt = ({ isOpen: e, title: t, closeLabel: n, searchPlaceholder: r = "Search", onClose: i, deployments: a, selectedDeploymentId: s, onSelect: c, loadingLabel: l, errorLabel: u, emptyLabel: d, style: f, titleClassName: p = "dial-body-semi-text", labelClassName: m = "dial-small-text" }) => {
-	let [h, g] = L("");
-	N(() => {
+}, Nt = ({ isOpen: e, title: t, closeLabel: n, searchPlaceholder: r = "Search", onClose: i, deployments: a, selectedDeploymentId: s, onSelect: c, loadingLabel: l, errorLabel: u, emptyLabel: d, style: f, titleClassName: p = "dial-body-semi-text", labelClassName: m = "dial-small-text" }) => {
+	let [h, g] = R("");
+	P(() => {
 		e || g("");
 	}, [e]);
-	let _ = a && a.length > 0, v = l !== void 0, y = !_ && !v ? u ?? d : void 0, b = _ ? tt(a, h) : [];
-	return /* @__PURE__ */ B(U, {
+	let _ = a && a.length > 0, v = l !== void 0, y = !_ && !v ? u ?? d : void 0, b = _ ? ct(a, h) : [];
+	return /* @__PURE__ */ V(H, {
 		isOpen: e,
 		title: t,
 		closeLabel: n,
@@ -1454,25 +1597,25 @@ var Ct = {
 		style: f,
 		titleClassName: p,
 		className: "max-h-[80dvh]",
-		children: [_ && !v && /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z("div", {
+		children: [_ && !v && /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B("div", {
 			className: "flex-shrink-0 px-4 py-[10px]",
-			children: /* @__PURE__ */ z(S, {
+			children: /* @__PURE__ */ B(S, {
 				value: h,
 				placeholder: r,
 				size: O.Standard,
 				onChange: g
 			})
-		}), /* @__PURE__ */ z("div", { className: o(Ct.divider, "h-px flex-shrink-0") })] }), v ? /* @__PURE__ */ z($e, { loadingLabel: l }) : y ? /* @__PURE__ */ z("div", {
+		}), /* @__PURE__ */ B("div", { className: o(kt.divider, "h-px flex-shrink-0") })] }), v ? /* @__PURE__ */ B(ot, { loadingLabel: l }) : y ? /* @__PURE__ */ B("div", {
 			role: "list",
-			className: o(Ct.stateLabel, m, "px-4 py-4"),
+			className: o(kt.stateLabel, m, "px-4 py-4"),
 			children: y
-		}) : /* @__PURE__ */ z(St, {
+		}) : /* @__PURE__ */ B(Ot, {
 			role: "list",
 			className: "overflow-y-auto",
-			style: { height: Math.min(b.length, Tt) * wt },
-			rowComponent: Et,
+			style: { height: Math.min(b.length, jt) * At },
+			rowComponent: Mt,
 			rowCount: b.length,
-			rowHeight: wt,
+			rowHeight: At,
 			rowProps: {
 				items: b,
 				selectedDeploymentId: s,
@@ -1484,23 +1627,23 @@ var Ct = {
 			}
 		})]
 	});
-}, Ot = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, isStreaming: i, isMobile: a, isInputDisabled: s = !1, isDisabled: c = !1, style: l, modelPickerOverlay: u, isPickerOpen: f, onPickerToggle: p, onPickerOpenChange: g }) => {
-	let [v, y] = L(!1), { selectorIcon: b, selectorAriaLabel: x, selectedLabel: S, menuItems: C, menuHeader: w, onOpenChange: T } = rt({
+}, Pt = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, isStreaming: i, isMobile: a, isInputDisabled: s = !1, isDisabled: c = !1, style: l, modelPickerOverlay: u, isPickerOpen: f, onPickerToggle: p, onPickerOpenChange: g }) => {
+	let [v, y] = R(!1), { selectorIcon: b, selectorAriaLabel: x, selectedLabel: S, menuItems: C, menuHeader: w, onOpenChange: T } = ut({
 		deployments: e,
 		selectedDeploymentId: t,
 		onDeploymentChange: n,
 		modelSelectorLabels: r
 	});
 	if (!e) return null;
-	let E = i || c ? "pointer-events-none opacity-50 cursor-not-allowed" : void 0, k = /* @__PURE__ */ z(ie, {
+	let E = i || c ? "pointer-events-none opacity-50 cursor-not-allowed" : void 0, k = /* @__PURE__ */ B(ie, {
 		size: d.SM,
-		className: Z.modelSelectorCaret,
+		className: X.modelSelectorCaret,
 		"aria-hidden": !0
 	});
-	return a ? /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z(D, {
+	return a ? /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B(D, {
 		tooltip: S,
-		children: /* @__PURE__ */ z(_, {
-			icon: /* @__PURE__ */ B("div", {
+		children: /* @__PURE__ */ B(_, {
+			icon: /* @__PURE__ */ V("div", {
 				className: "flex items-center gap-1",
 				children: [b, k]
 			}),
@@ -1508,16 +1651,16 @@ var Ct = {
 			onClick: () => {
 				c || y(!0);
 			},
-			className: o(Z.modelSelectorButton, E)
+			className: o(X.modelSelectorButton, E)
 		})
-	}), u ? /* @__PURE__ */ z(U, {
+	}), u ? /* @__PURE__ */ B(H, {
 		isOpen: v,
 		title: r?.ariaLabel ?? "Select model",
 		closeLabel: r?.closeLabel ?? "Close",
 		onClose: () => y(!1),
 		style: l,
 		children: u(() => y(!1))
-	}) : /* @__PURE__ */ z(Dt, {
+	}) : /* @__PURE__ */ B(Nt, {
 		isOpen: v,
 		title: r?.ariaLabel ?? "Select model",
 		closeLabel: r?.closeLabel ?? "Close",
@@ -1530,7 +1673,7 @@ var Ct = {
 		errorLabel: r?.error,
 		emptyLabel: r?.empty,
 		style: l
-	})] }) : u ? /* @__PURE__ */ z(m, {
+	})] }) : u ? /* @__PURE__ */ B(m, {
 		placement: "top-end",
 		matchReferenceWidth: !1,
 		open: f,
@@ -1539,24 +1682,24 @@ var Ct = {
 		outsideClosable: !0,
 		renderOverlay: () => u(() => g?.(!1)),
 		listClassName: "cp-dropdown-overlay !w-[320px]",
-		children: /* @__PURE__ */ z(D, {
+		children: /* @__PURE__ */ B(D, {
 			tooltip: S,
-			children: /* @__PURE__ */ B("button", {
+			children: /* @__PURE__ */ V("button", {
 				type: "button",
 				"aria-label": x,
-				className: o("flex items-center justify-center gap-1 rounded-md p-2", Z.modelSelectorButton, s || i || c ? E : void 0, (s || c) && Z.modelSelectorButtonDisabled),
+				className: o("flex items-center justify-center gap-1 rounded-md p-2", X.modelSelectorButton, s || i || c ? E : void 0, (s || c) && X.modelSelectorButtonDisabled),
 				onClick: () => {
 					!s && !i && !c && p?.();
 				},
 				children: [b, k]
 			})
 		})
-	}) : /* @__PURE__ */ z("div", {
+	}) : /* @__PURE__ */ B("div", {
 		className: o(c && E),
 		"aria-disabled": c || void 0,
-		children: /* @__PURE__ */ z(D, {
+		children: /* @__PURE__ */ B(D, {
 			tooltip: S,
-			children: /* @__PURE__ */ z(h, {
+			children: /* @__PURE__ */ B(h, {
 				icon: b,
 				ariaLabel: x,
 				items: C,
@@ -1568,12 +1711,12 @@ var Ct = {
 				size: O.Standard,
 				caretIcon: k,
 				iconClassName: s || c ? E : void 0,
-				buttonClassName: o("bg-transparent", Z.modelSelectorButton, (s || c) && E && Z.modelSelectorButtonDisabled)
+				buttonClassName: o("bg-transparent", X.modelSelectorButton, (s || c) && E && X.modelSelectorButtonDisabled)
 			})
 		})
 	});
-}, kt = 160, At = ({ message: e = "", messageRevision: t, onSend: n, onUploadAttachment: r, onStop: i, isStreaming: l = !1, onChange: u, onAttachmentsChange: f, placeholder: p = "Type a message...", ariaLabel: m, attachLabel: h = "Attach file", fileAccept: g, addMenuTitle: v = "Add", menuTitle: y = "Menu", menuCloseLabel: b = "Close", removeLabel: x, retryLabel: S, sendLabel: C, stopLabel: w, micLabel: T = "Record voice message", stopRecordingLabel: E, discardRecordingLabel: D, timerAriaLabel: O, colors: k, typography: ee, className: A, pendingDropFiles: te = [], onDropFilesConsumed: ne, pendingAttachments: re = [], onPendingAttachmentsConsumed: ie, pasteTextThreshold: ae = 4e3, deployments: j, selectedDeploymentId: ce, onDeploymentChange: le, modelSelectorLabels: ue, initialAttachments: de = [], isStacked: fe = !1, hideAddButton: pe = !1, hideAttachFile: me = !1, hideActionBar: he = !1, renderFooterActions: N, isInputDisabled: P = !1, isModelSelectorDisabled: ge = !1, isSendDisabled: _e = !1, isAudioMessageSupported: ve = !1, sendOnEnter: ye = Le.Enter, prefixAttachments: V = [], onRemovePrefixAttachment: xe, chatSettings: Se, autoFocus: Ce = !1, messageHistory: Te, onDialFileSystemClick: H, dialFileSystemLabel: U, validateAttachment: Ee, onAttachmentClick: ke, modelPickerOverlay: Ae, maximumAttachmentsAmount: Ne, onAttachmentsLimitExceeded: Pe, isAttachmentsEnabled: Fe = !0 }) => {
-	let Re = s(), [ze, Be] = L(!1), Ve = je(Te), W = F(() => a({
+}, Ft = 160, It = ({ message: e = "", messageRevision: t, onSend: n, onUploadAttachment: r, onStop: i, isStreaming: l = !1, onChange: u, onAttachmentsChange: f, placeholder: p = "Type a message...", ariaLabel: m, attachLabel: h = "Attach file", fileAccept: g, addMenuTitle: v = "Add", menuTitle: y = "Menu", menuCloseLabel: b = "Close", removeLabel: x, retryLabel: S, sendLabel: C, stopLabel: w, micLabel: T = "Record voice message", stopRecordingLabel: E, discardRecordingLabel: D, timerAriaLabel: O, colors: k, typography: A, className: ee, pendingDropFiles: te = [], onDropFilesConsumed: ne, pendingAttachments: re = [], onPendingAttachmentsConsumed: ie, pasteTextThreshold: ae = 4e3, deployments: j, selectedDeploymentId: ce, onDeploymentChange: le, modelSelectorLabels: ue, initialAttachments: de = [], isStacked: fe = !1, hideAddButton: pe = !1, hideAttachFile: me = !1, hideActionBar: he = !1, renderFooterActions: M, isInputDisabled: P = !1, isModelSelectorDisabled: ge = !1, isSendDisabled: F = !1, isAudioMessageSupported: _e = !1, sendOnEnter: ve = ze.Enter, prefixAttachments: ye = [], onRemovePrefixAttachment: xe, chatSettings: Se, toolsMenuItems: Ce, onToolToggle: we, toolsMenuTitle: Ee, toolsBackLabel: De, toolsChipLabels: H, autoFocus: Oe = !1, messageHistory: je, onDialFileSystemClick: Me, dialFileSystemLabel: Fe, validateAttachment: Ie, onAttachmentClick: Le, modelPickerOverlay: Be, maximumAttachmentsAmount: Ve, onAttachmentsLimitExceeded: He, isAttachmentsEnabled: Ue = !0 }) => {
+	let We = s(), [Ge, Ke] = R(!1), U = Ne(je), qe = I(() => a({
 		"--ci-bg": k?.background,
 		"--ci-text": k?.text,
 		"--ci-border": k?.border,
@@ -1585,192 +1728,206 @@ var Ct = {
 		"--ci-send-bg": k?.sendBackground,
 		"--ci-send-text": k?.sendText,
 		"--ci-stop-color": k?.stopColor
-	}), [k]), He = F(() => H ? [{
+	}), [k]), Je = I(() => Me ? [{
 		key: "dial-fs",
-		label: U ?? "DIAL file system",
-		icon: /* @__PURE__ */ z(oe, {
+		label: Fe ?? "DIAL file system",
+		icon: /* @__PURE__ */ B(oe, {
 			size: c,
 			"aria-hidden": !0
 		}),
-		onClick: H
-	}] : [], [H, U]), { message: G, setMessage: K, textareaRef: Ue, isMultiLine: We } = Me({
+		onClick: Me
+	}] : [], [Me, Fe]), { message: W, setMessage: G, textareaRef: K, isMultiLine: Xe } = Pe({
 		messageProp: e,
 		messageRevision: t
-	}), { attachments: q, buildAttachments: J, addAttachments: Ke, resetAttachments: Y, handleRemove: X, handleRetry: qe, handleExpand: Ze, hasBlockedAttachments: Qe } = De({
+	}), { attachments: q, buildAttachments: J, addAttachments: Qe, resetAttachments: $e, handleRemove: Y, handleRetry: et, handleExpand: it, hasBlockedAttachments: at } = ke({
 		initialAttachments: de,
 		onUploadAttachment: r,
 		onAttachmentsChange: f,
-		validateAttachment: Ee,
+		validateAttachment: Ie,
 		pendingDropFiles: te,
 		onDropFilesConsumed: ne,
 		pendingAttachments: re,
 		onPendingAttachmentsConsumed: ie,
-		onExpandPastedText: M((e) => {
-			K((t) => t ? `${t}\n${e}` : e);
-		}, [K]),
-		maximumAttachmentsAmount: Ne,
-		baseAttachmentsAmount: V.length,
-		onAttachmentsLimitExceeded: Pe
-	}), { state: $e, analyserNodeRef: et, elapsedSeconds: tt, errorMessage: nt, startRecording: rt, stopRecording: it, discardRecording: at } = Ie({ onAttachAudio: M((e) => {
-		Ke(J([e]));
-	}, [Ke, J]) }), ot = I(null), st = I(null), { handlePaste: ct } = we(Ke, Fe ? ae : Infinity), lt = G.trim().length > 0 || q.length > 0, ut = lt && !Qe && !_e, { shouldRender: Q, isExiting: $, instanceKey: dt } = Oe(!l && lt, kt), ft = fe || q.length > 0 || G.includes("\n") || We, pt = j === void 0 || ce != null, mt = async () => {
-		if (_e) return;
-		let e = G, t = q;
-		K(""), Ve.reset();
+		onExpandPastedText: N((e) => {
+			G((t) => t ? `${t}\n${e}` : e);
+		}, [G]),
+		maximumAttachmentsAmount: Ve,
+		baseAttachmentsAmount: ye.length,
+		onAttachmentsLimitExceeded: He
+	}), { state: ot, analyserNodeRef: st, elapsedSeconds: ct, errorMessage: lt, startRecording: ut, stopRecording: dt, discardRecording: ft } = Re({ onAttachAudio: N((e) => {
+		Qe(J([e]));
+	}, [Qe, J]) }), pt = L(null), mt = L(null), { handlePaste: ht } = Te(Qe, Ue ? ae : Infinity), gt = W.trim().length > 0 || q.length > 0, _t = gt && !at && !F, { shouldRender: Z, isExiting: Q, instanceKey: vt } = Ae(!l && gt, Ft), yt = (Ce?.some((e) => e.isSelected) ?? !1) && we != null, $ = fe || q.length > 0 || W.includes("\n") || Xe || yt, bt = j === void 0 || ce != null, xt = async () => {
+		if (F) return;
+		let e = W, t = q;
+		G(""), U.reset();
 		try {
 			await n?.(e, t), t.forEach((e) => {
 				e.previewUrl && URL.revokeObjectURL(e.previewUrl), e.playUrl && URL.revokeObjectURL(e.playUrl);
-			}), Y([]);
+			}), $e([]);
 		} catch {
-			K(e), Y(t);
+			G(e), $e(t);
 		}
-	}, ht = (e) => {
+	}, St = (e) => {
 		if (!e.nativeEvent.isComposing && !P && !l && (e.key === "ArrowUp" || e.key === "ArrowDown")) {
-			let t = e.currentTarget.selectionStart ?? 0, n = Ve.navigate(e.key === "ArrowUp" ? "up" : "down", G, t);
+			let t = e.currentTarget.selectionStart ?? 0, n = U.navigate(e.key === "ArrowUp" ? "up" : "down", W, t);
 			if (n !== null) {
-				e.preventDefault(), K(n);
+				e.preventDefault(), G(n);
 				return;
 			}
 		}
-		e.key === "Enter" && (ye === Le.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey) && (e.preventDefault(), !l && ut && pt && !P && mt());
-	}, gt = (e) => {
+		e.key === "Enter" && (ve === ze.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey) && (e.preventDefault(), !l && _t && bt && !P && xt());
+	}, Ct = (e) => {
 		let t = Array.from(e.target.files ?? []);
 		if (t.length === 0) return;
 		let n = J(t);
-		e.target.value = "", Ke(n);
+		e.target.value = "", Qe(n);
 	};
-	if ($e !== "idle") return /* @__PURE__ */ z(Je, {
-		state: $e,
-		analyserNodeRef: et,
-		elapsedSeconds: tt,
-		errorMessage: nt,
-		onStop: it,
-		onDiscard: at,
+	if (ot !== "idle") return /* @__PURE__ */ B(tt, {
+		state: ot,
+		analyserNodeRef: st,
+		elapsedSeconds: ct,
+		errorMessage: lt,
+		onStop: dt,
+		onDiscard: ft,
 		stopLabel: E,
 		discardLabel: D,
 		timerLabel: O,
-		style: W,
-		className: A
+		style: qe,
+		className: ee
 	});
-	let _t = /* @__PURE__ */ z("textarea", {
-		className: o(Z.textarea, ee?.fontClassName, "max-h-[272px] w-full resize-none overflow-y-auto border-0 bg-transparent outline-none [field-sizing:content]"),
-		ref: Ue,
-		autoFocus: Ce,
-		value: G,
+	let wt = /* @__PURE__ */ B("textarea", {
+		className: o(X.textarea, A?.fontClassName, "max-h-[272px] w-full resize-none overflow-y-auto border-0 bg-transparent outline-none [field-sizing:content]"),
+		ref: K,
+		autoFocus: Oe,
+		value: W,
 		onChange: (e) => {
-			K(e.target.value), Ve.notifyChange(), u?.(e.target.value);
+			G(e.target.value), U.notifyChange(), u?.(e.target.value);
 		},
-		onKeyDown: ht,
-		onPaste: ct,
+		onKeyDown: St,
+		onPaste: ht,
 		placeholder: p,
 		"aria-label": m,
 		disabled: P,
 		rows: 1
 	});
-	return /* @__PURE__ */ B("div", {
-		ref: st,
-		style: W,
-		className: o(Z.wrapper, P && Z.wrapperDisabled, "flex min-h-[56px] w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border", q.length > 6 ? "py-3 ps-3" : "p-3", A),
-		children: [(V.length > 0 || q.length > 0) && /* @__PURE__ */ z(be, {
-			attachments: [...V, ...q],
+	return /* @__PURE__ */ V("div", {
+		ref: mt,
+		style: qe,
+		className: o(X.wrapper, P && X.wrapperDisabled, "flex min-h-[56px] w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border", q.length > 6 ? "py-3 ps-3" : "p-3", ee),
+		children: [(ye.length > 0 || q.length > 0) && /* @__PURE__ */ B(be, {
+			attachments: [...ye, ...q],
 			onRemove: (e) => {
-				V.some((t) => t.id === e) ? xe?.(e) : X(e);
+				ye.some((t) => t.id === e) ? xe?.(e) : Y(e);
 			},
-			onRetry: qe,
-			onExpand: Ze,
+			onRetry: et,
+			onExpand: it,
 			labels: {
 				removeLabel: x,
 				retryLabel: S
 			},
-			onAttachmentClick: ke == null ? void 0 : (e) => {
-				let t = [...V, ...q].find((t) => t.id === e);
-				t != null && ke(t);
+			onAttachmentClick: Le == null ? void 0 : (e) => {
+				let t = [...ye, ...q].find((t) => t.id === e);
+				t != null && Le(t);
 			}
-		}), he ? ft && _t : /* @__PURE__ */ B("div", {
-			className: o("flex items-center gap-2", ft ? "flex-wrap" : "flex-wrap desktop:flex-nowrap"),
+		}), he ? $ && wt : /* @__PURE__ */ V("div", {
+			className: o("flex items-center gap-2", $ ? "flex-wrap" : "flex-wrap desktop:flex-nowrap"),
 			children: [
-				!pe && /* @__PURE__ */ B("div", {
-					className: o("order-2 flex", !ft && "desktop:order-1"),
-					children: [/* @__PURE__ */ z("input", {
-						ref: ot,
+				!pe && /* @__PURE__ */ V("div", {
+					className: o("flex", "order-2", !$ && "desktop:order-1"),
+					children: [/* @__PURE__ */ B("input", {
+						ref: pt,
 						type: "file",
 						multiple: !0,
 						accept: g,
 						className: "sr-only",
 						"aria-hidden": !0,
 						tabIndex: -1,
-						onChange: gt
-					}), /* @__PURE__ */ z(Ge, {
-						onAttachClick: me ? void 0 : () => ot.current?.click(),
+						onChange: Ct
+					}), /* @__PURE__ */ B(Ye, {
+						onAttachClick: me ? void 0 : () => pt.current?.click(),
 						attachLabel: h,
 						addMenuTitle: v,
 						menuTitle: y,
 						menuCloseLabel: b,
-						style: W,
+						style: qe,
 						isDisabled: P,
 						chatSettings: Se,
-						extraMenuItems: He
+						extraMenuItems: Je,
+						toolsMenuItems: Ce,
+						onToolToggle: we,
+						toolsMenuTitle: Ee,
+						toolsBackLabel: De
 					})]
 				}),
-				/* @__PURE__ */ z("div", {
-					className: o("order-1 flex w-full min-w-0 items-center self-stretch", !ft && "desktop:order-2 desktop:w-auto desktop:flex-1"),
-					children: _t
+				$ && yt && /* @__PURE__ */ B("div", {
+					className: "order-3 min-w-0 flex-1",
+					children: /* @__PURE__ */ B(Ze, {
+						items: Ce ?? [],
+						onToolToggle: we,
+						isMobile: We,
+						countLabel: H?.countLabel,
+						removeLabel: H?.removeLabel
+					})
 				}),
 				/* @__PURE__ */ B("div", {
-					className: o("flex flex-shrink-0 items-center gap-2", "order-3 ms-auto", !ft && "desktop:ms-0"),
-					children: [N ? N({
-						canSend: ut,
-						onSend: mt
-					}) : /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z(Ot, {
+					className: o("order-1 flex w-full min-w-0 items-center self-stretch", !$ && "desktop:order-2 desktop:w-auto desktop:flex-1"),
+					children: wt
+				}),
+				/* @__PURE__ */ V("div", {
+					className: o("flex flex-shrink-0 items-center gap-2", $ && yt ? "order-4" : "order-3", "ms-auto", !$ && "desktop:ms-0"),
+					children: [M ? M({
+						canSend: _t,
+						onSend: xt
+					}) : /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B(Pt, {
 						deployments: j,
 						selectedDeploymentId: ce,
 						onDeploymentChange: le,
 						modelSelectorLabels: ue,
 						isStreaming: l,
-						isMobile: Re,
+						isMobile: We,
 						isInputDisabled: P,
 						isDisabled: ge,
-						style: W,
-						modelPickerOverlay: Ae,
-						isPickerOpen: ze,
-						onPickerToggle: () => Be((e) => !e),
-						onPickerOpenChange: Be
-					}), l && i ? /* @__PURE__ */ z(Xe, {
+						style: qe,
+						modelPickerOverlay: Be,
+						isPickerOpen: Ge,
+						onPickerToggle: () => Ke((e) => !e),
+						onPickerOpenChange: Ke
+					}), l && i ? /* @__PURE__ */ B(rt, {
 						onStop: i,
 						ariaLabel: w
-					}) : !l && Q && /* @__PURE__ */ z(Ye, {
-						onSend: mt,
-						isDisabled: !pt || Qe || _e,
+					}) : !l && Z && /* @__PURE__ */ B(nt, {
+						onSend: xt,
+						isDisabled: !bt || at || F,
 						ariaLabel: C,
-						isExiting: $
-					}, dt)] }), ve && !$ && /* @__PURE__ */ z(_, {
-						icon: /* @__PURE__ */ z(se, {
+						isExiting: Q
+					}, vt)] }), _e && !Q && /* @__PURE__ */ B(_, {
+						icon: /* @__PURE__ */ B(se, {
 							size: d.LG,
 							"aria-hidden": !0
 						}),
 						"aria-label": T,
 						className: "size-8 flex-shrink-0",
-						onClick: rt,
+						onClick: ut,
 						disabled: P || l
 					})]
 				})
 			]
 		})]
 	});
-}, jt = { welcome: "_welcome_n2ph8_1" }, Mt = ({ isStreaming: e = !1, placeholder: t = "Type a prompt or use \"/\" to select one", welcomeText: n, styles: r, className: i, inputClassName: s, isInputDisabled: c = !1, ...l }) => {
+}, Lt = { welcome: "_welcome_n2ph8_1" }, Rt = ({ isStreaming: e = !1, placeholder: t = "Type a prompt or use \"/\" to select one", welcomeText: n, styles: r, className: i, inputClassName: s, isInputDisabled: c = !1, ...l }) => {
 	let { colors: u, typography: d } = r ?? {};
-	return /* @__PURE__ */ B("div", {
+	return /* @__PURE__ */ V("div", {
 		style: a({
 			"--ci-root-bg": u?.background,
 			"--ci-welcome-color": u?.welcomeText
 		}),
 		className: o("relative flex w-full flex-col items-center gap-6 px-4 py-5 desktop:p-5", i),
-		children: [n && /* @__PURE__ */ z("h1", {
-			className: o(jt.welcome, "m-0 text-center", d?.welcomeClassName),
+		children: [n && /* @__PURE__ */ B("h1", {
+			className: o(Lt.welcome, "m-0 text-center", d?.welcomeClassName),
 			children: n
-		}), /* @__PURE__ */ z("div", {
+		}), /* @__PURE__ */ B("div", {
 			className: "relative w-full max-w-[748px]",
-			children: /* @__PURE__ */ z(At, {
+			children: /* @__PURE__ */ B(It, {
 				placeholder: t,
 				isStreaming: e,
 				isInputDisabled: c,
@@ -1781,32 +1938,32 @@ var Ct = {
 			})
 		})]
 	});
-}, Nt = ({ message: e, initialAttachments: t = [], onCancel: n, onSave: i, onUploadAttachment: a, cancelLabel: s = "Cancel", saveLabel: l = "Save & Submit", ariaLabel: u, removeLabel: d, retryLabel: f, addMenuTitle: p = "Add", attachLabel: m = "Attach file", menuTitle: h = "Menu", menuCloseLabel: g = "Close", className: _, pendingDropFiles: v, onDropFilesConsumed: y, validateAttachment: b, isAttachmentsEnabled: x, hideAttachFile: S = !1, fileAccept: C, maximumAttachmentsAmount: w, onAttachmentsLimitExceeded: T, onDialFileSystemClick: E, dialFileSystemLabel: D, pendingAttachments: O, onPendingAttachmentsConsumed: k, onAttachmentClick: ee }) => {
-	let A = I(null), [te, ne] = L([]);
-	N(() => {
+}, zt = ({ message: e, initialAttachments: t = [], onCancel: n, onSave: i, onUploadAttachment: a, cancelLabel: s = "Cancel", saveLabel: l = "Save & Submit", ariaLabel: u, removeLabel: d, retryLabel: f, addMenuTitle: p = "Add", attachLabel: m = "Attach file", menuTitle: h = "Menu", menuCloseLabel: g = "Close", className: _, pendingDropFiles: v, onDropFilesConsumed: y, validateAttachment: b, isAttachmentsEnabled: x, hideAttachFile: S = !1, fileAccept: C, maximumAttachmentsAmount: w, onAttachmentsLimitExceeded: T, onDialFileSystemClick: E, dialFileSystemLabel: D, pendingAttachments: O, onPendingAttachmentsConsumed: k, onAttachmentClick: A }) => {
+	let ee = L(null), [te, ne] = R([]);
+	P(() => {
 		v?.length && (ne(v), y?.());
 	}, [v, y]);
-	let [re, ie] = L(e ?? ""), [ae, se] = L([]), [j, ce] = L(t), le = ae.some((e) => e.status === r.Loading || e.status === r.Error), ue = (re.trim().length > 0 || ae.length > 0 || j.length > 0) && !le, de = (e) => {
+	let [re, ie] = R(e ?? ""), [ae, se] = R([]), [j, ce] = R(t), le = ae.some((e) => e.status === r.Loading || e.status === r.Error), ue = (re.trim().length > 0 || ae.length > 0 || j.length > 0) && !le, de = (e) => {
 		ce((t) => t.filter((t) => t.id !== e));
-	}, fe = M((e, t) => {
+	}, fe = N((e, t) => {
 		i(e, j, t);
 	}, [j, i]), pe = () => {
 		ue && fe(re, ae);
-	}, me = M(() => ne([]), []), he = M((e) => {
+	}, me = N(() => ne([]), []), he = N((e) => {
 		let t = Array.from(e.target.files ?? []);
 		t.length !== 0 && (e.target.value = "", ne(t));
-	}, []), P = F(() => E ? [{
+	}, []), M = I(() => E ? [{
 		key: "dial-fs",
 		label: D ?? "DIAL file system",
-		icon: /* @__PURE__ */ z(oe, {
+		icon: /* @__PURE__ */ B(oe, {
 			size: c,
 			"aria-hidden": !0
 		}),
 		onClick: E
 	}] : [], [E, D]);
-	return /* @__PURE__ */ B("div", {
+	return /* @__PURE__ */ V("div", {
 		className: o("flex w-full flex-col gap-2", _),
-		children: [/* @__PURE__ */ z(At, {
+		children: [/* @__PURE__ */ B(It, {
 			message: e,
 			ariaLabel: u,
 			isStacked: !0,
@@ -1828,13 +1985,13 @@ var Ct = {
 			onAttachmentsLimitExceeded: T,
 			pendingAttachments: O,
 			onPendingAttachmentsConsumed: k,
-			onAttachmentClick: ee
-		}), /* @__PURE__ */ B("div", {
+			onAttachmentClick: A
+		}), /* @__PURE__ */ V("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ z("div", {
+			children: [/* @__PURE__ */ B("div", {
 				className: "flex",
-				children: !S && /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z("input", {
-					ref: A,
+				children: !S && /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B("input", {
+					ref: ee,
 					type: "file",
 					multiple: !0,
 					accept: C,
@@ -1842,20 +1999,20 @@ var Ct = {
 					"aria-hidden": !0,
 					tabIndex: -1,
 					onChange: he
-				}), /* @__PURE__ */ z(Ge, {
-					onAttachClick: () => A.current?.click(),
+				}), /* @__PURE__ */ B(Ye, {
+					onAttachClick: () => ee.current?.click(),
 					attachLabel: m,
 					addMenuTitle: p,
 					menuTitle: h,
 					menuCloseLabel: g,
-					extraMenuItems: P
+					extraMenuItems: M
 				})] })
-			}), /* @__PURE__ */ B("div", {
+			}), /* @__PURE__ */ V("div", {
 				className: "flex gap-2",
-				children: [/* @__PURE__ */ z(He, {
+				children: [/* @__PURE__ */ B(Ge, {
 					label: s,
 					onClick: n
-				}), /* @__PURE__ */ z(W, {
+				}), /* @__PURE__ */ B(We, {
 					label: l,
 					onClick: pe,
 					disabled: !ue
@@ -1865,4 +2022,4 @@ var Ct = {
 	});
 };
 //#endregion
-export { _e as AttachmentCard, ve as AttachmentGroup, ye as AttachmentTray, U as BottomSheetShell, q as ChatSettingsModal, Mt as ConversationInput, Nt as EditMessageInput, V as FileDndOverlay, At as Input, Le as SendOnEnter, Ce as getAttachmentIcon };
+export { _e as AttachmentCard, ve as AttachmentGroup, ye as AttachmentTray, H as BottomSheetShell, W as ChatSettingsModal, Rt as ConversationInput, zt as EditMessageInput, xe as FileDndOverlay, It as Input, ze as SendOnEnter, we as getAttachmentIcon };