@epam/ai-dial-conversation-input 1.0.0-dev.492 → 1.0.0-dev.495

package/index.js

@@ -1,46 +1,46 @@
 import { AttachmentErrorReason as e, AttachmentType as t, DeploymentIcon as n, Highlight as r, RequestStatus as i, ResponseFormat as a, buildCssVars as o, mergeClasses as s, useIsMobile as c } from "@epam/ai-dial-chat-shared";
-import { BASE_ICON_SIZE as l, ButtonAppearance as u, ButtonVariant as d, DIAL_ICON_SIZE as f, DialButton as p, DialCloseButton as m, DialDropdown as h, DialDropdownIcon as g, DialErrorText as _, DialGhostIconButton as v, DialInput as y, DialPopup as b, DialPrimaryButton as x, DialRadioGroup as S, DialSearch as C, DialSkeleton as w, DialSkeletonVariant as T, DialSlider as E, DialSpinner as D, DialTag as O, DialTooltip as k, ElementSize as A, PopupSize as ee, RadioGroupOrientation as j } 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 ce, IconPlaystationSquare as le, IconPlus as ue, IconSettings as de, IconX as M } from "@tabler/icons-react";
-import { createPortal as fe } from "react-dom";
-import { createElement as pe, memo as me, useCallback as N, useEffect as P, useImperativeHandle as he, 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 ge, AttachmentGroup as _e, AttachmentTray as ve, AttachmentTray as ye, FileDndOverlay as be, 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 l, ButtonAppearance as u, ButtonVariant as d, DIAL_ICON_SIZE as f, DialButton as p, DialCloseButton as m, DialDropdown as h, DialDropdownIcon as g, DialErrorText as _, DialGhostIconButton as v, DialInput as y, DialPopup as b, DialPrimaryButton as x, DialRadioGroup as S, DialSearch as C, DialSkeleton as w, DialSkeletonVariant as T, DialSlider as E, DialSpinner as D, DialTag as ee, DialTooltip as O, ElementSize as k, PopupSize as te, RadioGroupOrientation as ne } from "@epam/ai-dial-ui-kit";
+import { IconArrowLeft as re, IconArrowNarrowRight as ie, IconCheck as ae, IconChevronDown as oe, IconChevronRight as se, IconFile as ce, IconMicrophone as le, IconPaperclip as ue, IconPlaystationSquare as de, IconPlus as fe, IconSettings as pe, IconX as me } from "@tabler/icons-react";
+import { createPortal as A } from "react-dom";
+import { createElement as he, memo as ge, useCallback as j, useEffect as M, useImperativeHandle as _e, useLayoutEffect as ve, useMemo as N, useRef as P, useState as F } from "react";
+import { Fragment as I, jsx as L, jsxs as R } from "react/jsx-runtime";
+import { AttachmentCard as ye, AttachmentGroup as be, AttachmentTray as xe, AttachmentTray as Se, FileDndOverlay as Ce, MAX_UPLOADS_PER_MINUTE as we, generateAttachmentId as Te, getAttachmentIcon as Ee, useClipboardPaste as De } from "@epam/ai-dial-attachment-input";
 //#region src/hooks/useBottomSheet.ts
-var Te = (e, t) => {
-	P(() => {
+var Oe = (e, t) => {
+	M(() => {
 		if (!e) return;
 		let n = (e) => {
 			e.key === "Escape" && t();
 		};
 		return window.addEventListener("keydown", n), () => window.removeEventListener("keydown", n);
-	}, [e, t]), P(() => {
+	}, [e, t]), M(() => {
 		if (e) return document.body.style.overflow = "hidden", () => {
 			document.body.style.overflow = "";
 		};
 	}, [e]);
-}, Ee = {
+}, z = {
 	backdrop: "_backdrop_3xrn0_9",
 	sheet: "_sheet_3xrn0_13",
 	"slide-up": "_slide-up_3xrn0_1",
 	title: "_title_3xrn0_18",
 	divider: "_divider_3xrn0_22"
-}, H = ({ isOpen: e, title: t, closeLabel: n, onClose: r, onBack: i, backLabel: a, "aria-label": o, style: c, titleClassName: l = "dial-body-semi-text", className: u, children: d }) => (Te(e, r), !e || typeof document > "u" ? null : fe(/* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B("div", {
-	className: s(Ee.backdrop, "fixed inset-0 z-[55]"),
+}, B = ({ isOpen: e, title: t, closeLabel: n, onClose: r, onBack: i, backLabel: a, "aria-label": o, style: c, titleClassName: l = "dial-body-semi-text", className: u, children: d }) => (Oe(e, r), !e || typeof document > "u" ? null : A(/* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L("div", {
+	className: s(z.backdrop, "fixed inset-0 z-[55]"),
 	onPointerDown: r,
 	"aria-hidden": !0
-}), /* @__PURE__ */ V("div", {
+}), /* @__PURE__ */ R("div", {
 	role: "dialog",
 	"aria-modal": !0,
 	"aria-label": t ?? o,
 	style: c,
-	className: s(Ee.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: s(z.sheet, "fixed inset-x-0 bottom-0 z-[60] flex max-h-[85dvh] flex-col", u),
+	children: [t != null && /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ R("div", {
 		className: "relative flex h-[60px] flex-shrink-0 items-center justify-center px-4",
 		children: [
-			i && /* @__PURE__ */ B("div", {
+			i && /* @__PURE__ */ L("div", {
 				className: "absolute start-4",
-				children: /* @__PURE__ */ B(v, {
-					icon: /* @__PURE__ */ B(te, {
+				children: /* @__PURE__ */ L(v, {
+					icon: /* @__PURE__ */ L(re, {
 						size: f.LG,
 						stroke: 1.5,
 						className: "rtl:scale-x-[-1]"
@@ -49,40 +49,40 @@ var Te = (e, t) => {
 					onClick: i
 				})
 			}),
-			/* @__PURE__ */ B("span", {
-				className: s(Ee.title, l),
+			/* @__PURE__ */ L("span", {
+				className: s(z.title, l),
 				children: t
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ L("div", {
 				className: "absolute end-4 m-2",
-				children: /* @__PURE__ */ B(m, {
+				children: /* @__PURE__ */ L(m, {
 					ariaLabel: n,
 					size: f.LG,
 					onClose: r
 				})
 			})
 		]
-	}), /* @__PURE__ */ B("div", { className: "h-px flex-shrink-0" })] }), /* @__PURE__ */ B("div", {
+	}), /* @__PURE__ */ L("div", { className: "h-px flex-shrink-0" })] }), /* @__PURE__ */ L("div", {
 		className: "overflow-y-auto",
 		children: d
 	})]
-})] }), document.body)), De = async (e, t, n) => {
+})] }), document.body)), ke = 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);
-}, Oe = ({ initialAttachments: n, onUploadAttachment: r, onAttachmentsChange: a, validateAttachment: o, pendingDropFiles: s, onDropFilesConsumed: c, pendingAttachments: l, onPendingAttachmentsConsumed: u, onExpandPastedText: d }) => {
-	let [f, p] = R(n), m = L(f);
-	P(() => {
+}, Ae = ({ initialAttachments: n, onUploadAttachment: r, onAttachmentsChange: a, validateAttachment: o, pendingDropFiles: s, onDropFilesConsumed: c, pendingAttachments: l, onPendingAttachmentsConsumed: u, onExpandPastedText: d }) => {
+	let [f, p] = F(n), m = P(f);
+	M(() => {
 		m.current = f;
-	}, [f]), P(() => () => {
+	}, [f]), M(() => () => {
 		m.current.forEach((e) => {
 			e.previewUrl && URL.revokeObjectURL(e.previewUrl);
 		});
 	}, []);
-	let h = N((e) => e.map((e) => {
+	let h = j((e) => e.map((e) => {
 		let n = e.type.startsWith("image/"), r = n ? URL.createObjectURL(e) : void 0;
 		return {
-			id: Se(),
+			id: Te(),
 			name: e.name,
 			contentType: e.type,
 			file: e,
@@ -90,14 +90,14 @@ var Te = (e, t) => {
 			status: i.Idle,
 			previewUrl: r
 		};
-	}), []), g = N((e) => {
+	}), []), g = j((e) => {
 		p((t) => {
 			let n = e(t);
 			return a?.(n), n;
 		});
-	}, [a]), _ = N((e) => {
+	}, [a]), _ = j((e) => {
 		p(e), a?.(e);
-	}, [a]), v = N(async (t) => {
+	}, [a]), v = j(async (t) => {
 		if (r) {
 			g((e) => e.map((e) => e.id === t.id ? {
 				...e,
@@ -119,7 +119,7 @@ var Te = (e, t) => {
 				} : e));
 			}
 		}
-	}, [r, g]), y = N((e, t = !0) => {
+	}, [r, g]), y = j((e, t = !0) => {
 		let n = [];
 		if (g((t) => {
 			let r = new Set(t.map((e) => e.id));
@@ -133,27 +133,27 @@ var Te = (e, t) => {
 					status: i.Error,
 					errorReason: n
 				} : e));
-			}), De(e, xe, v);
+			}), ke(e, we, v);
 		}
 	}, [
 		g,
 		v,
 		o
 	]);
-	P(() => {
+	M(() => {
 		s.length !== 0 && (y(h(s)), c?.());
 	}, [
 		y,
 		h,
 		c,
 		s
-	]), P(() => {
+	]), M(() => {
 		l.length !== 0 && (y(l, !1), u?.());
 	}, [
 		y,
 		u,
 		l
-	]), P(() => {
+	]), M(() => {
 		if (!o) return;
 		let t = !1, n = [], r = m.current.map((r) => {
 			if (r.status === i.Loading) return r;
@@ -180,7 +180,7 @@ var Te = (e, t) => {
 		g,
 		v
 	]);
-	let b = N((e) => {
+	let b = j((e) => {
 		g((t) => {
 			let n = t.find((t) => t.id === e);
 			return n?.previewUrl && URL.revokeObjectURL(n.previewUrl), t.filter((t) => t.id !== e);
@@ -192,11 +192,11 @@ var Te = (e, t) => {
 		addAttachments: y,
 		resetAttachments: _,
 		handleRemove: b,
-		handleRetry: N((e) => {
+		handleRetry: j((e) => {
 			let t = f.find((t) => t.id === e);
 			t && v(t);
 		}, [f, v]),
-		handleExpand: N(async (e) => {
+		handleExpand: j(async (e) => {
 			let n = f.find((t) => t.id === e);
 			if (!n || n.type !== t.Pasted) return;
 			let r = await n.file.text();
@@ -208,9 +208,9 @@ var Te = (e, t) => {
 		]),
 		hasBlockedAttachments: f.some((e) => e.status === i.Loading || e.status === i.Error)
 	};
-}, ke = (e, t) => {
-	let [n, r] = R(e), [i, a] = R(!1), [o, s] = R(0);
-	return P(() => {
+}, je = (e, t) => {
+	let [n, r] = F(e), [i, a] = F(!1), [o, s] = F(0);
+	return M(() => {
 		if (e) {
 			r(!0), a(!1), s((e) => e + 1);
 			return;
@@ -226,18 +226,18 @@ var Te = (e, t) => {
 		isExiting: i,
 		instanceKey: o
 	};
-}, Ae = (e, t) => !e.slice(0, t).includes("\n"), je = (e, t) => !e.slice(t).includes("\n"), Me = (e) => {
-	let t = L(e);
+}, Me = (e, t) => !e.slice(0, t).includes("\n"), Ne = (e, t) => !e.slice(t).includes("\n"), Pe = (e) => {
+	let t = P(e);
 	t.current = e;
-	let n = L(-1), r = L(""), i = N((e, i, a) => {
+	let n = P(-1), r = P(""), i = j((e, i, a) => {
 		let o = t.current;
-		return !o || o.length === 0 ? null : e === "up" ? !Ae(i, a) || n.current === 0 ? null : (n.current === -1 ? (r.current = i, n.current = o.length - 1) : --n.current, o[n.current]) : n.current === -1 || !je(i, a) ? null : n.current < o.length - 1 ? (n.current += 1, o[n.current]) : (n.current = -1, r.current);
-	}, []), a = N(() => {
+		return !o || o.length === 0 ? null : e === "up" ? !Me(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 || !Ne(i, a) ? null : n.current < o.length - 1 ? (n.current += 1, o[n.current]) : (n.current = -1, r.current);
+	}, []), a = j(() => {
 		n.current = -1, r.current = "";
-	}, []), o = N(() => {
+	}, []), o = j(() => {
 		n.current = -1, r.current = "";
 	}, []);
-	return I(() => ({
+	return N(() => ({
 		navigate: i,
 		notifyChange: a,
 		reset: o
@@ -246,13 +246,13 @@ var Te = (e, t) => {
 		a,
 		o
 	]);
-}, Ne = ({ messageProp: e }) => {
-	let [t, n] = R(e), r = L(null), i = L(0), [a, o] = R(!1);
-	return P(() => {
+}, Fe = ({ messageProp: e }) => {
+	let [t, n] = F(e), r = P(null), i = P(0), [a, o] = F(!1);
+	return M(() => {
 		e && n(e);
-	}, [e]), P(() => {
+	}, [e]), M(() => {
 		r.current && (i.current = r.current.offsetHeight);
-	}, []), F(() => {
+	}, []), ve(() => {
 		if (!r.current || i.current === 0) return;
 		let e = r.current.offsetHeight > i.current;
 		o((n) => e ? !0 : t === "" ? !1 : n);
@@ -262,18 +262,18 @@ var Te = (e, t) => {
 		textareaRef: r,
 		isMultiLine: a
 	};
-}, U = /* @__PURE__ */ function(e) {
+}, V = /* @__PURE__ */ function(e) {
 	return e.Idle = "idle", e.Recording = "recording", e.Stopped = "stopped", e.Uploading = "uploading", e.Error = "error", e;
-}({}), Pe = [
+}({}), H = [
 	"audio/webm;codecs=opus",
 	"audio/ogg;codecs=opus",
 	"audio/webm"
-], W = () => Pe.find((e) => MediaRecorder.isTypeSupported(e)) ?? "", Fe = ({ onUploadAudio: e, onTranscribeAudio: t, onTranscript: n }) => {
-	let [r, i] = R("idle"), [a, o] = R(null), [s, c] = R(null), l = L(null), u = L(null), d = L(null), f = L(null), p = L([]), m = L(""), h = L(null), g = L(null), _ = L([]), v = L(!1), y = N(() => {
+], Ie = () => H.find((e) => MediaRecorder.isTypeSupported(e)) ?? "", Le = ({ onUploadAudio: e, onTranscribeAudio: t, onTranscript: n }) => {
+	let [r, i] = F("idle"), [a, o] = F(null), [s, c] = F(null), l = P(null), u = P(null), d = P(null), f = P(null), p = P([]), m = P(""), h = P(null), g = P(null), _ = P([]), v = P(!1), y = j(() => {
 		h.current != null && (cancelAnimationFrame(h.current), h.current = null);
-	}, []), b = N(() => {
+	}, []), b = j(() => {
 		y(), l.current &&= (l.current.getTracks().forEach((e) => e.stop()), null), u.current &&= (u.current.close(), null), d.current = null, f.current = null;
-	}, [y]), x = N(() => {
+	}, [y]), x = j(() => {
 		(async () => {
 			try {
 				let e = await navigator.mediaDevices.getUserMedia({ audio: !0 });
@@ -282,7 +282,7 @@ var Te = (e, t) => {
 				u.current = t;
 				let n = t.createAnalyser();
 				n.fftSize = 256, d.current = n, t.createMediaStreamSource(e).connect(n);
-				let r = W();
+				let r = Ie();
 				m.current = r, p.current = [], _.current = [];
 				let a = new MediaRecorder(e, r ? { mimeType: r } : void 0);
 				f.current = a, a.ondataavailable = (e) => {
@@ -305,13 +305,13 @@ var Te = (e, t) => {
 				c(e instanceof Error ? e.message : "Microphone access denied"), i("error");
 			}
 		})();
-	}, []), S = N(() => {
+	}, []), S = j(() => {
 		let e = f.current;
 		!e || e.state !== "recording" || (y(), e.onstop = () => {
 			let e = m.current || "audio/webm", t = new Blob(p.current, { type: e }), n = e.split(";")[0].split("/")[1] ?? "webm";
 			g.current = new File([t], `recording.${n}`, { type: e }), i("stopped");
 		}, e.stop());
-	}, [y]), C = N(() => {
+	}, [y]), C = j(() => {
 		let r = g.current;
 		!r || !e || !t || (v.current = !1, i("uploading"), (async () => {
 			try {
@@ -330,10 +330,10 @@ var Te = (e, t) => {
 		t,
 		n,
 		b
-	]), w = N(() => {
+	]), w = j(() => {
 		v.current = !0, b(), g.current = null, o(null), c(null), i("idle");
 	}, [b]);
-	return P(() => () => {
+	return M(() => () => {
 		v.current = !0, b();
 	}, [b]), {
 		state: r,
@@ -344,16 +344,16 @@ var Te = (e, t) => {
 		confirmRecording: C,
 		discardRecording: w
 	};
-}, Ie = /* @__PURE__ */ function(e) {
+}, Re = /* @__PURE__ */ function(e) {
 	return e.Enter = "enter", e.MetaEnter = "meta-enter", e;
-}({}), G = {
+}({}), U = {
 	item: "_item_vou13_1",
 	itemIcon: "_itemIcon_vou13_11"
-}, Le = ({ isOpen: e, title: t, closeLabel: n, onClose: r, style: i, items: a, className: o, titleClassName: c = "dial-body-semi-text", itemLabelClassName: l = "dial-small-text", btnTextClassName: u = "" }) => {
+}, W = ({ isOpen: e, title: t, closeLabel: n, onClose: r, style: i, items: a, className: o, titleClassName: c = "dial-body-semi-text", itemLabelClassName: l = "dial-small-text", btnTextClassName: u = "" }) => {
 	let d = (e) => {
 		e(), r();
 	};
-	return /* @__PURE__ */ B(H, {
+	return /* @__PURE__ */ L(B, {
 		isOpen: e,
 		title: t,
 		closeLabel: n,
@@ -361,22 +361,22 @@ var Te = (e, t) => {
 		style: i,
 		className: o,
 		titleClassName: c,
-		children: /* @__PURE__ */ B("ul", {
+		children: /* @__PURE__ */ L("ul", {
 			role: "list",
 			className: "flex flex-col",
-			children: a.map(({ key: e, label: t, icon: n, iconAfter: r, onClick: i }) => /* @__PURE__ */ B("li", { children: /* @__PURE__ */ B(p, {
+			children: a.map(({ key: e, label: t, icon: n, iconAfter: r, onClick: i }) => /* @__PURE__ */ L("li", { children: /* @__PURE__ */ L(p, {
 				type: "button",
-				className: s(G.item, "flex w-full items-center gap-3 px-4 py-[10px] text-left"),
-				iconBefore: /* @__PURE__ */ B("span", {
-					className: G.itemIcon,
+				className: s(U.item, "flex w-full items-center gap-3 px-4 py-[10px] text-left"),
+				iconBefore: /* @__PURE__ */ L("span", {
+					className: U.itemIcon,
 					children: n
 				}),
-				iconAfter: r ? /* @__PURE__ */ B("span", {
+				iconAfter: r ? /* @__PURE__ */ L("span", {
 					className: "ml-auto",
 					children: r
 				}) : null,
 				textClassName: u,
-				label: /* @__PURE__ */ B("span", {
+				label: /* @__PURE__ */ L("span", {
 					className: l,
 					children: t
 				}),
@@ -384,58 +384,58 @@ var Te = (e, t) => {
 			}) }, e))
 		})
 	});
-}, Re = ({ gradientId: e = "gradient-check-icon" }) => /* @__PURE__ */ V("svg", {
+}, ze = ({ gradientId: e = "gradient-check-icon" }) => /* @__PURE__ */ R("svg", {
 	width: f.SM,
 	height: f.SM,
 	viewBox: "0 0 24 24",
 	fill: "none",
 	"aria-hidden": !0,
-	children: [/* @__PURE__ */ B("defs", { children: /* @__PURE__ */ V("linearGradient", {
+	children: [/* @__PURE__ */ L("defs", { children: /* @__PURE__ */ R("linearGradient", {
 		id: e,
 		x1: "0",
 		y1: "0",
 		x2: "24",
 		y2: "24",
 		gradientUnits: "userSpaceOnUse",
-		children: [/* @__PURE__ */ B("stop", {
+		children: [/* @__PURE__ */ L("stop", {
 			offset: "0%",
 			stopColor: "#4b7be6"
-		}), /* @__PURE__ */ B("stop", {
+		}), /* @__PURE__ */ L("stop", {
 			offset: "100%",
 			stopColor: "#9355f4"
 		})]
-	}) }), /* @__PURE__ */ B("path", {
+	}) }), /* @__PURE__ */ L("path", {
 		d: "M5 12l5 5L20 7",
 		stroke: `url(#${e})`,
 		strokeWidth: "2",
 		strokeLinecap: "round",
 		strokeLinejoin: "round"
 	})]
-}), K = {
-	tab: "_tab_1mi6x_1",
-	tabActive: "_tabActive_1mi6x_13"
+}), Be = {
+	tabContainer: "_tabContainer_rzv03_1",
+	tabActive: "_tabActive_rzv03_13"
 };
-me(({ tabs: e, activeTabId: t, onTabChange: n, tabClassName: r = "dial-tiny-semi-text" }) => /* @__PURE__ */ B("div", {
+ge(({ tabs: e, activeTabId: t, onTabChange: n, tabClassName: r = "dial-tiny-semi-text" }) => /* @__PURE__ */ L("div", {
 	className: "flex flex-nowrap gap-1",
 	children: e.map((e) => {
 		let i = t === e.id;
-		return /* @__PURE__ */ B(O, {
+		return /* @__PURE__ */ L(ee, {
 			label: e.label,
 			selected: i,
 			onClick: () => n(e.id),
-			className: s("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", r, K.tab, i && K.tabActive)
+			className: s("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", r, Be.tabContainer, i && Be.tabActive)
 		}, e.id);
 	})
 }));
 //#endregion
 //#region ../ai-dial-kit/src/components/Button/Buttons.tsx
-var ze = (e) => /* @__PURE__ */ B(x, { ...e }), Be = (e) => /* @__PURE__ */ B(p, {
+var G = (e) => /* @__PURE__ */ L(x, { ...e }), Ve = (e) => /* @__PURE__ */ L(p, {
 	...e,
 	variant: d.Neutral,
 	appearance: u.Outlined
-}), Ve = ({ 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(() => {
+}), He = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, isOpen: o }) => {
+	let [s, c] = F(t), [l, u] = F(n), [d, f] = F(r), p = P(o);
+	M(() => {
 		o && !p.current && (c(t), u(n), f(r)), p.current = o;
 	}, [
 		o,
@@ -452,7 +452,7 @@ var ze = (e) => /* @__PURE__ */ B(x, { ...e }), Be = (e) => /* @__PURE__ */ B(p,
 		setResponseFormat: c,
 		setSystemPrompt: u,
 		setTemperature: f,
-		handleSubmit: N(() => {
+		handleSubmit: j(() => {
 			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();
@@ -466,18 +466,18 @@ var ze = (e) => /* @__PURE__ */ B(x, { ...e }), Be = (e) => /* @__PURE__ */ B(p,
 			a
 		])
 	};
-}, He = "!text-[14px] !leading-[20px] font-semibold !text-primary gap-1", Ue = ({ features: e, responseFormat: t, systemPrompt: n, temperature: r, onResponseFormatChange: i, 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 = [
+}, Ue = "!text-[14px] !leading-[20px] font-semibold !text-primary gap-1", We = ({ features: e, responseFormat: t, systemPrompt: n, temperature: r, onResponseFormatChange: i, 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__ */ V("div", {
+], temperatureHint: g }) => /* @__PURE__ */ R("div", {
 	className: "flex flex-col gap-4 px-6 py-3",
 	children: [
-		e.responseFormat && /* @__PURE__ */ B(S, {
+		e.responseFormat && /* @__PURE__ */ L(S, {
 			fieldTitle: c,
-			labelClassName: He,
+			labelClassName: Ue,
 			elementId: "response-format",
-			orientation: j.Column,
+			orientation: ne.Column,
 			activeRadioButton: t ?? a.Markdown,
 			labelDescription: l,
 			radioButtons: [{
@@ -489,19 +489,19 @@ var ze = (e) => /* @__PURE__ */ B(x, { ...e }), Be = (e) => /* @__PURE__ */ B(p,
 			}],
 			onChange: (e) => i(e)
 		}),
-		e.systemPrompt && /* @__PURE__ */ B(y, {
+		e.systemPrompt && /* @__PURE__ */ L(y, {
 			value: n,
 			placeholder: p,
 			labelProps: {
-				className: He,
+				className: Ue,
 				label: f
 			},
 			onChange: (e) => o(e ?? "")
 		}),
-		e.temperature && /* @__PURE__ */ B(E, {
+		e.temperature && /* @__PURE__ */ L(E, {
 			labelProps: {
 				label: m,
-				className: He,
+				className: Ue,
 				caption: g
 			},
 			value: r,
@@ -512,8 +512,8 @@ var ze = (e) => /* @__PURE__ */ B(x, { ...e }), Be = (e) => /* @__PURE__ */ B(p,
 			onChange: s
 		})
 	]
-}), We = ({ isOpen: e, onBack: t, backLabel: n, onClose: r, closeLabel: i, style: a, features: o, 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: D, setResponseFormat: O, setSystemPrompt: A, setTemperature: ee, handleSubmit: j } = Ve({
+}), Ge = ({ isOpen: e, onBack: t, backLabel: n, onClose: r, closeLabel: i, style: a, features: o, 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: D, setResponseFormat: ee, setSystemPrompt: k, setTemperature: te, handleSubmit: ne } = He({
 		isOpen: e,
 		features: o,
 		initialResponseFormat: c,
@@ -522,7 +522,7 @@ var ze = (e) => /* @__PURE__ */ B(x, { ...e }), Be = (e) => /* @__PURE__ */ B(p,
 		onSave: d,
 		onClose: r
 	});
-	return /* @__PURE__ */ V(H, {
+	return /* @__PURE__ */ R(B, {
 		isOpen: e,
 		title: f,
 		closeLabel: i,
@@ -530,14 +530,14 @@ var ze = (e) => /* @__PURE__ */ B(x, { ...e }), Be = (e) => /* @__PURE__ */ B(p,
 		onBack: t,
 		backLabel: n,
 		style: a,
-		children: [/* @__PURE__ */ B(Ue, {
+		children: [/* @__PURE__ */ L(We, {
 			features: o,
 			responseFormat: w,
 			systemPrompt: T,
 			temperature: E,
-			onResponseFormatChange: O,
-			onSystemPromptChange: A,
-			onTemperatureChange: ee,
+			onResponseFormatChange: ee,
+			onSystemPromptChange: k,
+			onTemperatureChange: te,
 			responseFormatLabel: p,
 			responseFormatHint: m,
 			responseFormatMarkdownLabel: h,
@@ -547,23 +547,23 @@ var ze = (e) => /* @__PURE__ */ B(x, { ...e }), Be = (e) => /* @__PURE__ */ B(p,
 			temperatureLabel: y,
 			temperatureLabels: b,
 			temperatureHint: x
-		}), /* @__PURE__ */ B("div", {
+		}), /* @__PURE__ */ L("div", {
 			className: s("px-6 py-4 mobile:pb-8"),
-			children: /* @__PURE__ */ B(k, {
+			children: /* @__PURE__ */ L(O, {
 				tooltip: C,
 				hideTooltip: D || !C,
 				triggerClassName: "w-full",
-				children: /* @__PURE__ */ B(ze, {
+				children: /* @__PURE__ */ L(G, {
 					label: S,
-					onClick: j,
+					onClick: ne,
 					disabled: !D,
 					className: "w-full"
 				})
 			})
 		})]
 	});
-}, Ge = ({ 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: y, temperature: x, canSubmit: S, setResponseFormat: C, setSystemPrompt: w, setTemperature: T, handleSubmit: E } = Ve({
+}, Ke = ({ 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: y, temperature: x, canSubmit: S, setResponseFormat: C, setSystemPrompt: w, setTemperature: T, handleSubmit: E } = He({
 		features: e,
 		initialResponseFormat: t,
 		initialSystemPrompt: n,
@@ -571,25 +571,25 @@ var ze = (e) => /* @__PURE__ */ B(x, { ...e }), Be = (e) => /* @__PURE__ */ B(p,
 		onSave: i,
 		onClose: a
 	});
-	return /* @__PURE__ */ B(b, {
+	return /* @__PURE__ */ L(b, {
 		open: !0,
 		header: o,
-		size: ee.Sm,
+		size: te.Sm,
 		onClose: a,
 		className: "!bg-layer-2",
-		footer: /* @__PURE__ */ B("div", {
+		footer: /* @__PURE__ */ L("div", {
 			className: "flex justify-end px-6 py-4",
-			children: /* @__PURE__ */ B(k, {
+			children: /* @__PURE__ */ L(O, {
 				tooltip: _,
 				hideTooltip: S || !_,
-				children: /* @__PURE__ */ B(ze, {
+				children: /* @__PURE__ */ L(G, {
 					label: g,
 					onClick: E,
 					disabled: !S
 				})
 			})
 		}),
-		children: /* @__PURE__ */ B(Ue, {
+		children: /* @__PURE__ */ L(We, {
 			features: e,
 			responseFormat: v,
 			systemPrompt: y,
@@ -609,15 +609,15 @@ var ze = (e) => /* @__PURE__ */ B(x, { ...e }), Be = (e) => /* @__PURE__ */ B(p,
 		})
 	});
 };
-me(Ge);
+ge(Ke);
 //#endregion
 //#region src/components/AddAttachmentButton/AddAttachmentButton.tsx
-var Ke = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, menuCloseLabel: i, style: o, listClassName: u = "cp-dropdown-overlay !w-[240px]", isDisabled: d = !1, chatSettings: p, extraMenuItems: m }) => {
-	let g = c(), [_, y] = R(!1), [b, x] = R(!1), S = I(() => [
+var qe = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, menuCloseLabel: i, style: o, listClassName: u = "cp-dropdown-overlay !w-[240px]", isDisabled: d = !1, chatSettings: p, extraMenuItems: m }) => {
+	let g = c(), [_, y] = F(!1), [b, x] = F(!1), S = N(() => [
 		...e == null ? [] : [{
 			key: "attach",
 			label: t,
-			icon: /* @__PURE__ */ B(ce, {
+			icon: /* @__PURE__ */ L(ue, {
 				size: l,
 				"aria-hidden": !0
 			}),
@@ -627,11 +627,11 @@ var Ke = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 		...p == null ? [] : [{
 			key: "chat-settings",
 			label: p.menuItemLabel ?? "Chat settings",
-			icon: /* @__PURE__ */ B(de, {
+			icon: /* @__PURE__ */ L(pe, {
 				size: l,
 				"aria-hidden": !0
 			}),
-			iconAfter: g ? /* @__PURE__ */ B(ae, {
+			iconAfter: g ? /* @__PURE__ */ L(se, {
 				size: l,
 				stroke: 1.5,
 				className: "text-secondary",
@@ -646,9 +646,9 @@ var Ke = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 		m,
 		g
 	]);
-	return S.length === 0 ? null : /* @__PURE__ */ B(z, { children: g ? /* @__PURE__ */ V(z, { children: [
-		/* @__PURE__ */ B(v, {
-			icon: /* @__PURE__ */ B(ue, {
+	return S.length === 0 ? null : /* @__PURE__ */ L(I, { children: g ? /* @__PURE__ */ R(I, { children: [
+		/* @__PURE__ */ L(v, {
+			icon: /* @__PURE__ */ L(fe, {
 				size: f.LG,
 				"aria-hidden": !0
 			}),
@@ -657,7 +657,7 @@ var Ke = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 			className: s("size-10 flex-shrink-0", d && "pointer-events-none opacity-50"),
 			onClick: () => y(!0)
 		}),
-		/* @__PURE__ */ B(Le, {
+		/* @__PURE__ */ L(W, {
 			isOpen: _,
 			title: r,
 			closeLabel: i,
@@ -667,7 +667,7 @@ var Ke = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 			className: "pb-4",
 			btnTextClassName: "flex-1"
 		}),
-		p != null && /* @__PURE__ */ B(We, {
+		p != null && /* @__PURE__ */ L(Ge, {
 			isOpen: b,
 			onBack: () => {
 				x(!1), y(!0);
@@ -694,13 +694,13 @@ var Ke = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 			saveLabel: p.saveLabel,
 			saveDisabledTooltip: p.saveDisabledTooltip
 		})
-	] }) : /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B(h, {
+	] }) : /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L(h, {
 		matchReferenceWidth: !1,
 		placement: "bottom-start",
 		listClassName: u,
 		items: S,
-		children: /* @__PURE__ */ B(v, {
-			icon: /* @__PURE__ */ B(ue, {
+		children: /* @__PURE__ */ L(v, {
+			icon: /* @__PURE__ */ L(fe, {
 				size: f.LG,
 				"aria-hidden": !0
 			}),
@@ -709,7 +709,7 @@ var Ke = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 			className: "size-10 flex-shrink-0",
 			disabled: d
 		})
-	}), p != null && b && /* @__PURE__ */ B(Ge, {
+	}), p != null && b && /* @__PURE__ */ L(Ke, {
 		features: p.features,
 		initialResponseFormat: p.responseFormat ?? a.Markdown,
 		initialSystemPrompt: p.systemPrompt,
@@ -729,16 +729,16 @@ var Ke = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 		saveLabel: p.saveLabel,
 		saveDisabledTooltip: p.saveDisabledTooltip
 	})] }) });
-}, q = {
+}, K = {
 	container: "_container_15iwh_1",
 	containerError: "_containerError_15iwh_5",
 	waveformCanvas: "_waveformCanvas_15iwh_9",
 	recordingDot: "_recordingDot_15iwh_17",
 	micRecordingIcon: "_micRecordingIcon_15iwh_21"
-}, qe = 3, Je = 6, Ye = .12, Xe = ({ state: e, waveformData: t, errorMessage: n, onStop: r, onConfirm: i, onDiscard: a, stopLabel: o = "Stop recording", confirmLabel: c = "Send voice message", discardLabel: l = "Discard recording", uploadingLabel: u = "Uploading…", style: d, className: p }) => {
-	let m = L(null), h = L(null), g = L(!1), y = e === U.Recording, b = e === U.Uploading, x = e === U.Error;
+}, Je = 3, Ye = 6, Xe = .12, Ze = ({ state: e, waveformData: t, errorMessage: n, onStop: r, onConfirm: i, onDiscard: a, stopLabel: o = "Stop recording", confirmLabel: c = "Send voice message", discardLabel: l = "Discard recording", uploadingLabel: u = "Uploading…", style: d, className: p }) => {
+	let m = P(null), h = P(null), g = P(!1), y = e === V.Recording, b = e === V.Uploading, x = e === V.Error;
 	g.current = y;
-	let S = N((e, t) => {
+	let S = j((e, t) => {
 		let n = e.getContext("2d");
 		if (!n) return;
 		e.width = e.clientWidth || 200, e.height = e.clientHeight || 32;
@@ -746,10 +746,10 @@ var Ke = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 		n.clearRect(0, 0, r, i), n.fillStyle = getComputedStyle(e).color;
 		let a = Math.min(1, t * 6), o = Math.max(1, Math.floor(r / 4));
 		for (let e = 0; e < o; e++) {
-			let t = e / o * Je * Math.PI, r = Math.max(Ye, Math.abs(Math.sin(t)) * a), s = Math.max(3, r * i);
-			n.fillRect(e * 4, (i - s) / 2, qe, s);
+			let t = e / o * Ye * Math.PI, r = Math.max(Xe, Math.abs(Math.sin(t)) * a), s = Math.max(3, r * i);
+			n.fillRect(e * 4, (i - s) / 2, Je, s);
 		}
-	}, []), C = N((e, t) => {
+	}, []), C = j((e, t) => {
 		let n = e.getContext("2d");
 		if (!n) return;
 		e.width = e.clientWidth || 200, e.height = e.clientHeight || 32;
@@ -759,10 +759,10 @@ var Ke = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 		let a = Math.max(1, Math.floor(r / 4));
 		for (let e = 0; e < a; e++) {
 			let r = t[Math.floor(e / a * t.length)] ?? 0, o = Math.min(1, r * 6), s = Math.max(3, o * i);
-			n.fillRect(e * 4, (i - s) / 2, qe, s);
+			n.fillRect(e * 4, (i - s) / 2, Je, s);
 		}
 	}, []);
-	P(() => {
+	M(() => {
 		h.current = t;
 		let e = m.current;
 		e && (g.current ? S(e, t?.[t.length - 1] ?? 0) : C(e, t));
@@ -770,7 +770,7 @@ var Ke = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 		t,
 		S,
 		C
-	]), P(() => {
+	]), M(() => {
 		let e = m.current;
 		if (!e) return;
 		let t = new ResizeObserver(() => {
@@ -781,34 +781,34 @@ var Ke = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 		});
 		return t.observe(e), () => t.disconnect();
 	}, [S, C]);
-	let w = /* @__PURE__ */ B("div", {
+	let w = /* @__PURE__ */ L("div", {
 		className: "flex flex-shrink-0 items-center justify-end gap-1",
-		children: y ? /* @__PURE__ */ B(v, {
-			icon: /* @__PURE__ */ B(se, {
+		children: y ? /* @__PURE__ */ L(v, {
+			icon: /* @__PURE__ */ L(le, {
 				size: f.LG,
-				className: q.micRecordingIcon,
+				className: K.micRecordingIcon,
 				"aria-hidden": !0
 			}),
 			"aria-label": o,
 			className: "size-10 flex-shrink-0",
 			onClick: r
-		}) : /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B(v, {
-			icon: /* @__PURE__ */ B(M, {
+		}) : /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L(v, {
+			icon: /* @__PURE__ */ L(me, {
 				size: f.LG,
 				"aria-hidden": !0
 			}),
 			"aria-label": l,
 			className: "size-10 flex-shrink-0",
 			onClick: a
-		}), b ? /* @__PURE__ */ B(D, {
+		}), b ? /* @__PURE__ */ L(D, {
 			fullWidth: !1,
 			size: f.LG,
 			ariaLabel: u,
 			className: "flex size-10 flex-shrink-0 items-center justify-center"
-		}) : /* @__PURE__ */ B(v, {
-			icon: /* @__PURE__ */ B("div", {
+		}) : /* @__PURE__ */ L(v, {
+			icon: /* @__PURE__ */ L("div", {
 				className: "flex size-8 items-center justify-center rounded-full bg-controls-accent-primary",
-				children: /* @__PURE__ */ B(re, {
+				children: /* @__PURE__ */ L(ae, {
 					size: 24,
 					"aria-hidden": !0,
 					className: "rounded-full bg-controls-accent-primary text-controls-permanent"
@@ -819,28 +819,28 @@ var Ke = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 			onClick: i
 		})] })
 	});
-	return /* @__PURE__ */ V("div", {
+	return /* @__PURE__ */ R("div", {
 		className: p,
-		children: [/* @__PURE__ */ V("div", {
+		children: [/* @__PURE__ */ R("div", {
 			style: d,
-			className: s(q.container, "flex min-h-[56px] w-full flex-col gap-3 rounded border px-3 py-3 desktop:flex-row desktop:items-center desktop:gap-2 desktop:py-2", x && q.containerError),
-			children: [/* @__PURE__ */ V("div", {
+			className: s(K.container, "flex min-h-[56px] w-full flex-col gap-3 rounded border px-3 py-3 desktop:flex-row desktop:items-center desktop:gap-2 desktop:py-2", x && K.containerError),
+			children: [/* @__PURE__ */ R("div", {
 				className: "flex min-w-0 flex-1 items-center gap-2",
-				children: [y && /* @__PURE__ */ B("span", {
-					className: s(q.recordingDot, "size-2 flex-shrink-0 rounded-full"),
+				children: [y && /* @__PURE__ */ L("span", {
+					className: s(K.recordingDot, "size-2 flex-shrink-0 rounded-full"),
 					"aria-hidden": !0
-				}), /* @__PURE__ */ B("canvas", {
+				}), /* @__PURE__ */ L("canvas", {
 					ref: m,
 					height: 32,
-					className: s(q.waveformCanvas, "h-8 min-w-0 flex-1 desktop:h-6")
+					className: s(K.waveformCanvas, "h-8 min-w-0 flex-1 desktop:h-6")
 				})]
 			}), w]
-		}), x && n && /* @__PURE__ */ B(_, {
+		}), x && n && /* @__PURE__ */ L(_, {
 			text: n,
 			className: "mt-1 px-1"
 		})]
 	});
-}, J = {
+}, q = {
 	wrapper: "_wrapper_1q2nu_2",
 	wrapperDisabled: "_wrapperDisabled_1q2nu_15",
 	textarea: "_textarea_1q2nu_20",
@@ -852,70 +852,70 @@ var Ke = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 	sendButtonEnter: "_sendButtonEnter_1q2nu_1",
 	sendButtonExiting: "_sendButtonExiting_1q2nu_55",
 	sendButtonExit: "_sendButtonExit_1q2nu_55"
-}, Ze = ({ onSend: e, isDisabled: t = !1, ariaLabel: n = "Send message", title: r, isExiting: i = !1 }) => /* @__PURE__ */ B(k, {
+}, Qe = ({ onSend: e, isDisabled: t = !1, ariaLabel: n = "Send message", title: r, isExiting: i = !1 }) => /* @__PURE__ */ L(O, {
 	tooltip: r,
 	hideTooltip: !r,
-	children: /* @__PURE__ */ B("button", {
-		className: s("flex size-[32px] cursor-pointer items-center justify-center rounded-full disabled:cursor-not-allowed", J.sendButton, i && J.sendButtonExiting),
+	children: /* @__PURE__ */ L("button", {
+		className: s("flex size-[32px] cursor-pointer items-center justify-center rounded-full disabled:cursor-not-allowed", q.sendButton, i && q.sendButtonExiting),
 		"aria-label": n,
 		onClick: () => e?.(),
 		type: "button",
 		disabled: t,
 		"aria-hidden": i,
-		children: /* @__PURE__ */ B(ne, { size: f.LG })
+		children: /* @__PURE__ */ L(ie, { size: f.LG })
 	})
-}), Qe = ({ onStop: e, ariaLabel: t = "Stop streaming" }) => /* @__PURE__ */ B("button", {
+}), $e = ({ onStop: e, ariaLabel: t = "Stop streaming" }) => /* @__PURE__ */ L("button", {
 	className: s("flex cursor-pointer items-center justify-center disabled:cursor-not-allowed"),
 	"aria-label": t,
 	onClick: () => e?.(),
 	type: "button",
-	children: /* @__PURE__ */ B(le, {
+	children: /* @__PURE__ */ L(de, {
 		size: f.LG,
-		className: J.stopIcon
+		className: q.stopIcon
 	})
-}), $e = ({ size: e = 20 }) => /* @__PURE__ */ B(w, {
+}), et = ({ size: e = 20 }) => /* @__PURE__ */ L(w, {
 	variant: T.Circular,
 	width: e,
 	height: e,
 	active: !0
-}), et = ({ loadingLabel: e }) => /* @__PURE__ */ V("span", {
+}), tt = ({ loadingLabel: e }) => /* @__PURE__ */ R("span", {
 	className: "flex min-w-0 flex-1 items-center",
-	children: [/* @__PURE__ */ B(w, {
+	children: [/* @__PURE__ */ L(w, {
 		variant: T.Text,
 		width: "100%",
 		height: 16,
 		active: !0
-	}), e && /* @__PURE__ */ B("span", {
+	}), e && /* @__PURE__ */ L("span", {
 		className: "sr-only",
 		children: e
 	})]
-}), tt = ({ loadingLabel: e }) => /* @__PURE__ */ B("div", {
+}), nt = ({ loadingLabel: e }) => /* @__PURE__ */ L("div", {
 	role: "status",
 	"aria-label": e,
-	children: Array.from({ length: 7 }).map((e, t) => /* @__PURE__ */ V("div", {
+	children: Array.from({ length: 7 }).map((e, t) => /* @__PURE__ */ R("div", {
 		className: "flex h-11 items-center gap-3 px-4",
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ B($e, {}), /* @__PURE__ */ B(et, {})]
+		children: [/* @__PURE__ */ L(et, {}), /* @__PURE__ */ L(tt, {})]
 	}, t))
-}), nt = (e) => e.displayName ?? e.id, rt = (e, t) => {
+}), rt = (e) => e.displayName ?? e.id, it = (e, t) => {
 	let n = t.trim().toLowerCase();
-	return n ? e.filter((e) => nt(e).toLowerCase().includes(n)) : e;
-}, it = (e, t, r, i = 18, a) => /* @__PURE__ */ B(n, {
+	return n ? e.filter((e) => rt(e).toLowerCase().includes(n)) : e;
+}, at = (e, t, r, i = 18, a) => /* @__PURE__ */ L(n, {
 	src: e,
 	size: i,
 	tooltip: a,
 	initialsName: r
-}), at = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: i, searchHeaderClassName: a = "bg-layer-0" }) => {
-	let [o, c] = R(""), l = I(() => e?.find((e) => e.id === t), [e, t]), u = i?.loading !== void 0, d = I(() => u ? /* @__PURE__ */ B($e, { size: f.LG }) : it(l?.iconUrl, l?.type, l?.displayName ?? l?.id ?? "", f.LG), [u, l]), p = l?.displayName ?? l?.id;
+}), ot = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: i, searchHeaderClassName: a = "bg-layer-0" }) => {
+	let [o, c] = F(""), l = N(() => e?.find((e) => e.id === t), [e, t]), u = i?.loading !== void 0, d = N(() => u ? /* @__PURE__ */ L(et, { size: f.LG }) : at(l?.iconUrl, l?.type, l?.displayName ?? l?.id ?? "", f.LG), [u, l]), p = l?.displayName ?? l?.id;
 	return {
 		selectorIcon: d,
 		selectorAriaLabel: p ? `${i?.ariaLabel ?? "Select model"}: ${p}` : i?.ariaLabel ?? "Select model",
 		selectedLabel: p,
-		menuItems: I(() => {
+		menuItems: N(() => {
 			if (u) return Array.from({ length: 7 }, (e, t) => ({
 				key: `__loading-${t}`,
-				icon: /* @__PURE__ */ B($e, {}),
-				label: /* @__PURE__ */ B(et, { loadingLabel: t === 0 ? i?.loading : void 0 }),
+				icon: /* @__PURE__ */ L(et, {}),
+				label: /* @__PURE__ */ L(tt, { loadingLabel: t === 0 ? i?.loading : void 0 }),
 				disabled: !0
 			}));
 			if (!e || e.length === 0) {
@@ -926,19 +926,19 @@ var Ke = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 					disabled: !0
 				}] : [];
 			}
-			return rt(e, o).map((e) => {
+			return it(e, o).map((e) => {
 				let i = e.id === t;
 				return {
 					key: e.id,
-					label: /* @__PURE__ */ V("span", {
+					label: /* @__PURE__ */ R("span", {
 						className: "flex w-full items-center justify-between gap-2",
-						children: [/* @__PURE__ */ B(r, {
-							text: nt(e),
+						children: [/* @__PURE__ */ L(r, {
+							text: rt(e),
 							query: o,
 							maxLines: 1
-						}), i && /* @__PURE__ */ B(Re, { gradientId: "ms-check-grad" })]
+						}), i && /* @__PURE__ */ L(ze, { gradientId: "ms-check-grad" })]
 					}),
-					icon: it(e.iconUrl, e.type, e.displayName ?? e.id),
+					icon: at(e.iconUrl, e.type, e.displayName ?? e.id),
 					onClick: () => n?.(e.id),
 					className: i ? "bg-accent-primary-alpha" : void 0
 				};
@@ -951,12 +951,12 @@ var Ke = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 			i,
 			n
 		]),
-		menuHeader: I(() => !u && e && e.length > 0 ? /* @__PURE__ */ B("div", {
+		menuHeader: N(() => !u && e && e.length > 0 ? /* @__PURE__ */ L("div", {
 			className: s("sticky top-0 z-10 pb-1 pr-2 pt-2", a),
-			children: /* @__PURE__ */ B(C, {
+			children: /* @__PURE__ */ L(C, {
 				value: o,
 				placeholder: i?.searchPlaceholder ?? "Search",
-				size: A.Small,
+				size: k.Small,
 				wrapperClassName: "border-0",
 				onChange: c
 			})
@@ -971,8 +971,8 @@ var Ke = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 			e || c("");
 		}
 	};
-}, Y = typeof window < "u" ? F : P;
-function ot(e) {
+}, J = typeof window < "u" ? ve : M;
+function st(e) {
 	if (e !== void 0) switch (typeof e) {
 		case "number": return e;
 		case "string":
@@ -980,15 +980,15 @@ function ot(e) {
 			break;
 	}
 }
-function st({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
-	let { styleHeight: s, styleWidth: c } = I(() => ({
-		styleHeight: ot(o?.height),
-		styleWidth: ot(o?.width)
-	}), [o?.height, o?.width]), [l, u] = R({
+function ct({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
+	let { styleHeight: s, styleWidth: c } = N(() => ({
+		styleHeight: st(o?.height),
+		styleWidth: st(o?.width)
+	}), [o?.height, o?.width]), [l, u] = F({
 		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 Y(() => {
+	return J(() => {
 		if (i === null || d) return;
 		let t = new ResizeObserver((e) => {
 			for (let t of e) {
@@ -1008,7 +1008,7 @@ function st({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 		i,
 		s,
 		c
-	]), I(() => ({
+	]), N(() => ({
 		height: s ?? l.height,
 		width: c ?? l.width
 	}), [
@@ -1017,26 +1017,26 @@ function st({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 		c
 	]);
 }
-function ct(e) {
-	let t = L(() => {
+function lt(e) {
+	let t = P(() => {
 		throw Error("Cannot call during render.");
 	});
-	return Y(() => {
+	return J(() => {
 		t.current = e;
-	}, [e]), N((e) => t.current?.(e), [t]);
+	}, [e]), j((e) => t.current?.(e), [t]);
 }
-var X = null;
-function lt(e = !1) {
-	if (X === null || e) {
+var Y = null;
+function X(e = !1) {
+	if (Y === 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 ? Y = "positive-descending" : (e.scrollLeft = 1, Y = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), Y;
 	}
-	return X;
+	return Y;
 }
-function Z({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
-	if (t === "horizontal" && n) switch (lt()) {
+function ut({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
+	if (t === "horizontal" && n) switch (X()) {
 		case "negative": return -r;
 		case "positive-descending":
 			if (e) {
@@ -1047,26 +1047,26 @@ function Z({ 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 ut({ cachedBounds: e, itemCount: t, itemSize: n }) {
+function dt({ 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 dt({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, containerScrollOffset: a, containerSize: o }) {
+function ft({ 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 = ut({
+	let s = dt({
 		cachedBounds: t,
 		itemCount: r,
 		itemSize: i
@@ -1078,7 +1078,7 @@ function dt({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, co
 		default: return a >= u && a <= l ? a : a < u ? u : l;
 	}
 }
-function ft({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCount: r, overscanCount: i }) {
+function pt({ 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);
@@ -1097,11 +1097,11 @@ function ft({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemC
 		stopIndexOverscan: l
 	};
 }
-function pt({ itemCount: e, itemProps: t, itemSize: n }) {
+function mt({ 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":
@@ -1117,14 +1117,14 @@ function pt({ 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);
@@ -1134,8 +1134,8 @@ function pt({ itemCount: e, itemProps: t, itemSize: n }) {
 		}
 	};
 }
-function mt({ itemCount: e, itemProps: t, itemSize: n }) {
-	return I(() => pt({
+function ht({ itemCount: e, itemProps: t, itemSize: n }) {
+	return N(() => mt({
 		itemCount: e,
 		itemProps: t,
 		itemSize: n
@@ -1145,11 +1145,11 @@ function mt({ itemCount: e, itemProps: t, itemSize: n }) {
 		n
 	]);
 }
-function ht({ containerSize: e, itemSize: t }) {
+function gt({ 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;
@@ -1157,21 +1157,21 @@ function ht({ 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 } = st({
+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 } = ct({
 		defaultHeight: r === "vertical" ? n : void 0,
 		defaultWidth: r === "horizontal" ? n : void 0,
 		element: e,
 		mode: r === "vertical" ? "only-height" : "only-width",
 		style: t
-	}), f = L({
+	}), f = P({
 		height: 0,
 		width: 0
-	}), p = r === "vertical" ? u : d, m = ht({
+	}), p = r === "vertical" ? u : d, m = gt({
 		containerSize: p,
 		itemSize: s
 	});
-	F(() => {
+	ve(() => {
 		if (typeof c == "function") {
 			let e = f.current;
 			(e.height !== u || e.width !== d) && (c({
@@ -1184,11 +1184,11 @@ function gt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		c,
 		d
 	]);
-	let h = mt({
+	let h = ht({
 		itemCount: a,
 		itemProps: o,
 		itemSize: m
-	}), g = N((e) => h.get(e), [h]), [_, v] = R(() => ft({
+	}), g = j((e) => h.get(e), [h]), [_, v] = F(() => pt({
 		cachedBounds: h,
 		containerScrollOffset: 0,
 		containerSize: p,
@@ -1199,7 +1199,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 = N(() => ut({
+	}, C = j(() => dt({
 		cachedBounds: h,
 		itemCount: a,
 		itemSize: m
@@ -1207,9 +1207,9 @@ function gt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		h,
 		a,
 		m
-	]), w = N((t) => ft({
+	]), w = j((t) => pt({
 		cachedBounds: h,
-		containerScrollOffset: Z({
+		containerScrollOffset: ut({
 			containerElement: e,
 			direction: r,
 			isRtl: i,
@@ -1227,19 +1227,19 @@ function gt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		a,
 		l
 	]);
-	return Y(() => {
+	return J(() => {
 		v(w((r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0));
 	}, [
 		e,
 		r,
 		w
-	]), Y(() => {
+	]), J(() => {
 		if (!e) return;
 		let t = () => {
 			v((t) => {
-				let { scrollLeft: n, scrollTop: o } = e, s = ft({
+				let { scrollLeft: n, scrollTop: o } = e, s = pt({
 					cachedBounds: h,
-					containerScrollOffset: Z({
+					containerScrollOffset: ut({
 						containerElement: e,
 						direction: r,
 						isRtl: i,
@@ -1249,7 +1249,7 @@ function gt({ 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), () => {
@@ -1265,8 +1265,8 @@ function gt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 	]), {
 		getCellBounds: g,
 		getEstimatedSize: C,
-		scrollToIndex: ct(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
-			let s = dt({
+		scrollToIndex: lt(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
+			let s = ft({
 				align: t,
 				cachedBounds: h,
 				containerScrollOffset: n,
@@ -1276,14 +1276,14 @@ function gt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 				itemSize: m
 			});
 			if (e) {
-				if (s = Z({
+				if (s = ut({
 					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;
 			}
@@ -1294,30 +1294,30 @@ function gt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		stopIndexVisible: x
 	};
 }
-function _t(e) {
-	return I(() => e, Object.values(e));
+function vt(e) {
+	return N(() => e, Object.values(e));
 }
-function vt(e, t) {
+function yt(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 yt(e) {
+function bt(e) {
 	return typeof e == "object" && !!e && "getAverageRowHeight" in e && typeof e.getAverageRowHeight == "function";
 }
-var bt = "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 = _t(u), h = I(() => me(s, vt), [s]), [g, _] = R(null), v = yt(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = gt({
+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 = N(() => ge(s, yt), [s]), [g, _] = F(null), v = bt(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = _t({
 		containerElement: g,
 		containerStyle: f,
 		defaultContainerSize: n,
 		direction: "vertical",
 		itemCount: c,
 		itemProps: m,
-		itemSize: I(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
+		itemSize: N(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
 		onResize: i,
 		overscanCount: o
 	});
-	he(r, () => ({
+	_e(r, () => ({
 		get element() {
 			return g;
 		},
@@ -1332,12 +1332,12 @@ function xt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 				top: r
 			});
 		}
-	}), [g, x]), Y(() => {
+	}), [g, x]), J(() => {
 		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(bt, n), !0;
+			return e.setAttribute(xt, n), !0;
 		});
 		if (v) return l.observeRowElements(e);
 	}, [
@@ -1346,7 +1346,7 @@ function xt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		l,
 		S,
 		w
-	]), P(() => {
+	]), M(() => {
 		S >= 0 && w >= 0 && a && a({
 			startIndex: C,
 			stopIndex: T
@@ -1361,11 +1361,11 @@ function xt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		w,
 		T
 	]);
-	let E = I(() => {
+	let E = N(() => {
 		let e = [];
 		if (c > 0) for (let t = S; t <= w; t++) {
 			let n = y(t);
-			e.push(/* @__PURE__ */ pe(h, {
+			e.push(/* @__PURE__ */ he(h, {
 				...m,
 				ariaAttributes: {
 					"aria-posinset": t + 1,
@@ -1392,7 +1392,7 @@ function xt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		m,
 		S,
 		w
-	]), D = /* @__PURE__ */ B("div", {
+	]), D = /* @__PURE__ */ L("div", {
 		"aria-hidden": !0,
 		style: {
 			height: b(),
@@ -1400,7 +1400,7 @@ function xt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 			zIndex: -1
 		}
 	});
-	return pe(d, {
+	return he(d, {
 		role: "list",
 		...p,
 		className: t,
@@ -1414,34 +1414,34 @@ function xt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		}
 	}, E, e, D);
 }
-var St = {
+var $ = {
 	divider: "_divider_3wv6u_1",
 	item: "_item_3wv6u_5",
 	itemIcon: "_itemIcon_3wv6u_15",
 	checkIcon: "_checkIcon_3wv6u_19",
 	stateLabel: "_stateLabel_3wv6u_23"
 }, Ct = 44, wt = 8, Tt = ({ index: e, style: t, ariaAttributes: n, items: i, selectedDeploymentId: a, labelClassName: o, query: c, onSelect: l }) => {
-	let u = i[e], d = it(u.iconUrl, u.type, u.displayName ?? u.id, f.SM), m = u.id === a;
-	return /* @__PURE__ */ B("div", {
+	let u = i[e], d = at(u.iconUrl, u.type, u.displayName ?? u.id, f.SM), m = u.id === a;
+	return /* @__PURE__ */ L("div", {
 		style: t,
 		...n,
-		children: /* @__PURE__ */ B(p, {
+		children: /* @__PURE__ */ L(p, {
 			type: "button",
-			className: s(St.item, "flex h-full w-full items-center gap-3 px-4"),
-			iconBefore: /* @__PURE__ */ B("span", {
-				className: St.itemIcon,
+			className: s($.item, "flex h-full w-full items-center gap-3 px-4"),
+			iconBefore: /* @__PURE__ */ L("span", {
+				className: $.itemIcon,
 				children: d
 			}),
-			label: /* @__PURE__ */ V("span", {
+			label: /* @__PURE__ */ R("span", {
 				className: "flex flex-1 items-center justify-between gap-2",
-				children: [/* @__PURE__ */ B(r, {
+				children: [/* @__PURE__ */ L(r, {
 					text: u.displayName ?? u.id,
 					query: c,
 					maxLines: 1,
 					className: s(o, "min-w-0 flex-1 text-left")
-				}), m && /* @__PURE__ */ B(re, {
+				}), m && /* @__PURE__ */ L(ae, {
 					size: f.SM,
-					className: St.checkIcon,
+					className: $.checkIcon,
 					"aria-hidden": !0
 				})]
 			}),
@@ -1449,12 +1449,12 @@ var St = {
 		})
 	});
 }, Et = ({ isOpen: e, title: t, closeLabel: n, searchPlaceholder: r = "Search", onClose: i, deployments: a, selectedDeploymentId: o, 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(() => {
+	let [h, g] = F("");
+	M(() => {
 		e || g("");
 	}, [e]);
-	let _ = a && a.length > 0, v = l !== void 0, y = !_ && !v ? u ?? d : void 0, b = _ ? rt(a, h) : [];
-	return /* @__PURE__ */ V(H, {
+	let _ = a && a.length > 0, v = l !== void 0, y = !_ && !v ? u ?? d : void 0, b = _ ? it(a, h) : [];
+	return /* @__PURE__ */ R(B, {
 		isOpen: e,
 		title: t,
 		closeLabel: n,
@@ -1462,19 +1462,19 @@ var St = {
 		style: f,
 		titleClassName: p,
 		className: "max-h-[80dvh]",
-		children: [_ && !v && /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B("div", {
+		children: [_ && !v && /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L("div", {
 			className: "flex-shrink-0 px-4 py-[10px]",
-			children: /* @__PURE__ */ B(C, {
+			children: /* @__PURE__ */ L(C, {
 				value: h,
 				placeholder: r,
-				size: A.Standard,
+				size: k.Standard,
 				onChange: g
 			})
-		}), /* @__PURE__ */ B("div", { className: s(St.divider, "h-px flex-shrink-0") })] }), v ? /* @__PURE__ */ B(tt, { loadingLabel: l }) : y ? /* @__PURE__ */ B("div", {
+		}), /* @__PURE__ */ L("div", { className: s($.divider, "h-px flex-shrink-0") })] }), v ? /* @__PURE__ */ L(nt, { loadingLabel: l }) : y ? /* @__PURE__ */ L("div", {
 			role: "list",
-			className: s(St.stateLabel, m, "px-4 py-4"),
+			className: s($.stateLabel, m, "px-4 py-4"),
 			children: y
-		}) : /* @__PURE__ */ B(xt, {
+		}) : /* @__PURE__ */ L(St, {
 			role: "list",
 			className: "overflow-y-auto",
 			style: { height: Math.min(b.length, wt) * Ct },
@@ -1493,22 +1493,22 @@ var St = {
 		})]
 	});
 }, Dt = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, isStreaming: i, isMobile: a, isInputDisabled: o = !1, isDisabled: c = !1, style: l, modelPickerOverlay: u, isPickerOpen: d, onPickerToggle: p, onPickerOpenChange: m }) => {
-	let [_, y] = R(!1), { selectorIcon: b, selectorAriaLabel: x, selectedLabel: S, menuItems: C, menuHeader: w, onOpenChange: T } = at({
+	let [_, y] = F(!1), { selectorIcon: b, selectorAriaLabel: x, selectedLabel: S, menuItems: C, menuHeader: w, onOpenChange: T } = ot({
 		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, D = /* @__PURE__ */ B(ie, {
+	let E = i || c ? "pointer-events-none opacity-50 cursor-not-allowed" : void 0, D = /* @__PURE__ */ L(oe, {
 		size: f.SM,
-		className: J.modelSelectorCaret,
+		className: q.modelSelectorCaret,
 		"aria-hidden": !0
 	});
-	return a ? /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B(k, {
+	return a ? /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L(O, {
 		tooltip: S,
-		children: /* @__PURE__ */ B(v, {
-			icon: /* @__PURE__ */ V("div", {
+		children: /* @__PURE__ */ L(v, {
+			icon: /* @__PURE__ */ R("div", {
 				className: "flex items-center gap-1",
 				children: [b, D]
 			}),
@@ -1516,16 +1516,16 @@ var St = {
 			onClick: () => {
 				c || y(!0);
 			},
-			className: s(J.modelSelectorButton, E)
+			className: s(q.modelSelectorButton, E)
 		})
-	}), u ? /* @__PURE__ */ B(H, {
+	}), u ? /* @__PURE__ */ L(B, {
 		isOpen: _,
 		title: r?.ariaLabel ?? "Select model",
 		closeLabel: r?.closeLabel ?? "Close",
 		onClose: () => y(!1),
 		style: l,
 		children: u(() => y(!1))
-	}) : /* @__PURE__ */ B(Et, {
+	}) : /* @__PURE__ */ L(Et, {
 		isOpen: _,
 		title: r?.ariaLabel ?? "Select model",
 		closeLabel: r?.closeLabel ?? "Close",
@@ -1538,7 +1538,7 @@ var St = {
 		errorLabel: r?.error,
 		emptyLabel: r?.empty,
 		style: l
-	})] }) : u ? /* @__PURE__ */ B(h, {
+	})] }) : u ? /* @__PURE__ */ L(h, {
 		placement: "top-end",
 		matchReferenceWidth: !1,
 		open: d,
@@ -1547,24 +1547,24 @@ var St = {
 		outsideClosable: !0,
 		renderOverlay: () => u(() => m?.(!1)),
 		listClassName: "cp-dropdown-overlay !w-[320px]",
-		children: /* @__PURE__ */ B(k, {
+		children: /* @__PURE__ */ L(O, {
 			tooltip: S,
-			children: /* @__PURE__ */ V("button", {
+			children: /* @__PURE__ */ R("button", {
 				type: "button",
 				"aria-label": x,
-				className: s("flex items-center justify-center gap-1 rounded-md p-2", J.modelSelectorButton, o || i || c ? E : void 0, (o || c) && J.modelSelectorButtonDisabled),
+				className: s("flex items-center justify-center gap-1 rounded-md p-2", q.modelSelectorButton, o || i || c ? E : void 0, (o || c) && q.modelSelectorButtonDisabled),
 				onClick: () => {
 					!o && !i && !c && p?.();
 				},
 				children: [b, D]
 			})
 		})
-	}) : /* @__PURE__ */ B("div", {
+	}) : /* @__PURE__ */ L("div", {
 		className: s(c && E),
 		"aria-disabled": c || void 0,
-		children: /* @__PURE__ */ B(k, {
+		children: /* @__PURE__ */ L(O, {
 			tooltip: S,
-			children: /* @__PURE__ */ B(g, {
+			children: /* @__PURE__ */ L(g, {
 				icon: b,
 				ariaLabel: x,
 				items: C,
@@ -1573,187 +1573,188 @@ var St = {
 				matchReferenceWidth: !1,
 				listClassName: "cp-dropdown-overlay !w-[240px] !max-h-80",
 				onOpenChange: c ? void 0 : T,
-				size: A.Standard,
+				size: k.Standard,
 				caretIcon: D,
 				iconClassName: o || c ? E : void 0,
-				buttonClassName: s("bg-transparent", J.modelSelectorButton, (o || c) && E && J.modelSelectorButtonDisabled)
+				buttonClassName: s("bg-transparent", q.modelSelectorButton, (o || c) && E && q.modelSelectorButtonDisabled)
 			})
 		})
 	});
-}, Ot = 160, kt = ({ message: e = "", onSend: t, onUploadAttachment: n, onStop: r, isStreaming: i = !1, onChange: a, onAttachmentsChange: u, placeholder: d = "Type a message...", ariaLabel: p, attachLabel: m = "Attach file", addMenuTitle: h = "Add", menuTitle: g = "Menu", menuCloseLabel: _ = "Close", removeLabel: y, retryLabel: b, sendLabel: x, stopLabel: S, micLabel: C = "Record voice message", colors: w, typography: T, className: E, pendingDropFiles: D = [], onDropFilesConsumed: O, pendingAttachments: k = [], onPendingAttachmentsConsumed: A, pasteTextThreshold: ee = 4e3, deployments: j, selectedDeploymentId: te, onDeploymentChange: ne, modelSelectorLabels: re, initialAttachments: ie = [], isStacked: ae = !1, hideAddButton: ce = !1, hideAttachFile: le = !1, hideActionBar: ue = !1, renderFooterActions: de, isInputDisabled: M = !1, isModelSelectorDisabled: fe = !1, isTranscriptionSupported: pe = !1, onUploadAudio: me, onTranscribeAudio: P, sendOnEnter: he = Ie.Enter, prefixAttachments: F = [], onRemovePrefixAttachment: ge, chatSettings: _e, autoFocus: ve = !1, messageHistory: be, onDialFileSystemClick: xe, dialFileSystemLabel: Se, validateAttachment: Ce, onAttachmentClick: Te, modelPickerOverlay: Ee }) => {
-	let H = c(), [De, Ae] = R(!1), je = Me(be), U = I(() => o({
-		"--ci-bg": w?.background,
-		"--ci-text": w?.text,
-		"--ci-border": w?.border,
-		"--ci-border-hover": w?.borderHover,
-		"--ci-border-focus": w?.borderFocus,
-		"--ci-placeholder": w?.placeholder,
-		"--ci-shadow": w?.shadow,
-		"--ci-shadow-focus": w?.shadowFocus,
-		"--ci-send-bg": w?.sendBackground,
-		"--ci-send-text": w?.sendText,
-		"--ci-stop-color": w?.stopColor
-	}), [w]), Pe = I(() => xe ? [{
+}, Ot = 160, kt = ({ message: e = "", onSend: t, onUploadAttachment: n, onStop: r, isStreaming: i = !1, onChange: a, onAttachmentsChange: u, placeholder: d = "Type a message...", ariaLabel: p, attachLabel: m = "Attach file", fileAccept: h, addMenuTitle: g = "Add", menuTitle: _ = "Menu", menuCloseLabel: y = "Close", removeLabel: b, retryLabel: x, sendLabel: S, stopLabel: C, micLabel: w = "Record voice message", colors: T, typography: E, className: D, pendingDropFiles: ee = [], onDropFilesConsumed: O, pendingAttachments: k = [], onPendingAttachmentsConsumed: te, pasteTextThreshold: ne = 4e3, deployments: re, selectedDeploymentId: ie, onDeploymentChange: ae, modelSelectorLabels: oe, initialAttachments: se = [], isStacked: ue = !1, hideAddButton: de = !1, hideAttachFile: fe = !1, hideActionBar: pe = !1, renderFooterActions: me, isInputDisabled: A = !1, isModelSelectorDisabled: he = !1, isTranscriptionSupported: ge = !1, onUploadAudio: M, onTranscribeAudio: _e, sendOnEnter: ve = Re.Enter, prefixAttachments: ye = [], onRemovePrefixAttachment: be, chatSettings: xe, autoFocus: Ce = !1, messageHistory: we, onDialFileSystemClick: Te, dialFileSystemLabel: Ee, validateAttachment: Oe, onAttachmentClick: z, modelPickerOverlay: B }) => {
+	let ke = c(), [Me, Ne] = F(!1), V = Pe(we), H = N(() => o({
+		"--ci-bg": T?.background,
+		"--ci-text": T?.text,
+		"--ci-border": T?.border,
+		"--ci-border-hover": T?.borderHover,
+		"--ci-border-focus": T?.borderFocus,
+		"--ci-placeholder": T?.placeholder,
+		"--ci-shadow": T?.shadow,
+		"--ci-shadow-focus": T?.shadowFocus,
+		"--ci-send-bg": T?.sendBackground,
+		"--ci-send-text": T?.sendText,
+		"--ci-stop-color": T?.stopColor
+	}), [T]), Ie = N(() => Te ? [{
 		key: "dial-fs",
-		label: Se ?? "DIAL file system",
-		icon: /* @__PURE__ */ B(oe, {
+		label: Ee ?? "DIAL file system",
+		icon: /* @__PURE__ */ L(ce, {
 			size: l,
 			"aria-hidden": !0
 		}),
-		onClick: xe
-	}] : [], [xe, Se]), { message: W, setMessage: G, textareaRef: Le, isMultiLine: Re } = Ne({ messageProp: e }), { attachments: K, buildAttachments: ze, addAttachments: Be, resetAttachments: Ve, handleRemove: He, handleRetry: Ue, handleExpand: We, hasBlockedAttachments: Ge } = Oe({
-		initialAttachments: ie,
+		onClick: Te
+	}] : [], [Te, Ee]), { message: U, setMessage: W, textareaRef: ze, isMultiLine: Be } = Fe({ messageProp: e }), { attachments: G, buildAttachments: Ve, addAttachments: He, resetAttachments: Ue, handleRemove: We, handleRetry: Ge, handleExpand: Ke, hasBlockedAttachments: K } = Ae({
+		initialAttachments: se,
 		onUploadAttachment: n,
 		onAttachmentsChange: u,
-		validateAttachment: Ce,
-		pendingDropFiles: D,
+		validateAttachment: Oe,
+		pendingDropFiles: ee,
 		onDropFilesConsumed: O,
 		pendingAttachments: k,
-		onPendingAttachmentsConsumed: A,
-		onExpandPastedText: N((e) => {
-			G((t) => t ? `${t}\n${e}` : e);
-		}, [G])
-	}), { state: q, waveformData: qe, errorMessage: Je, startRecording: Ye, stopRecording: $e, confirmRecording: et, discardRecording: tt } = Fe({
-		onUploadAudio: me,
-		onTranscribeAudio: P,
-		onTranscript: N((e) => {
-			G(e), a?.(e);
-		}, [a, G])
-	}), nt = L(null), rt = L(null), { handlePaste: it } = we(Be, ee), at = W.trim().length > 0 || K.length > 0, Y = at && !Ge, { shouldRender: ot, isExiting: st, instanceKey: ct } = ke(!i && at, Ot), X = ae || K.length > 0 || W.includes("\n") || Re, lt = j === void 0 || te != null, Z = async () => {
-		if (M) return;
-		let e = W, n = K;
-		G(""), je.reset();
+		onPendingAttachmentsConsumed: te,
+		onExpandPastedText: j((e) => {
+			W((t) => t ? `${t}\n${e}` : e);
+		}, [W])
+	}), { state: Je, waveformData: Ye, errorMessage: Xe, startRecording: et, stopRecording: tt, confirmRecording: nt, discardRecording: rt } = Le({
+		onUploadAudio: M,
+		onTranscribeAudio: _e,
+		onTranscript: j((e) => {
+			W(e), a?.(e);
+		}, [a, W])
+	}), it = P(null), at = P(null), { handlePaste: ot } = De(He, ne), J = U.trim().length > 0 || G.length > 0, st = J && !K, { shouldRender: ct, isExiting: lt, instanceKey: Y } = je(!i && J, Ot), X = ue || G.length > 0 || U.includes("\n") || Be, ut = re === void 0 || ie != null, Z = async () => {
+		if (A) return;
+		let e = U, n = G;
+		W(""), V.reset();
 		try {
 			await t?.(e, n), n.forEach((e) => {
 				e.previewUrl && URL.revokeObjectURL(e.previewUrl);
-			}), Ve([]);
+			}), Ue([]);
 		} catch {
-			G(e), Ve(n);
+			W(e), Ue(n);
 		}
 	}, Q = (e) => {
-		if (!e.nativeEvent.isComposing && !M && !i && (e.key === "ArrowUp" || e.key === "ArrowDown")) {
-			let t = e.currentTarget.selectionStart ?? 0, n = je.navigate(e.key === "ArrowUp" ? "up" : "down", W, t);
+		if (!e.nativeEvent.isComposing && !A && !i && (e.key === "ArrowUp" || e.key === "ArrowDown")) {
+			let t = e.currentTarget.selectionStart ?? 0, n = V.navigate(e.key === "ArrowUp" ? "up" : "down", U, t);
 			if (n !== null) {
-				e.preventDefault(), G(n);
+				e.preventDefault(), W(n);
 				return;
 			}
 		}
-		e.key === "Enter" && (he === Ie.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey) && (e.preventDefault(), !i && Y && lt && Z());
-	}, $ = (e) => {
+		e.key === "Enter" && (ve === Re.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey) && (e.preventDefault(), !i && st && ut && Z());
+	}, dt = (e) => {
 		let t = Array.from(e.target.files ?? []);
 		if (t.length === 0) return;
-		let n = ze(t);
-		e.target.value = "", Be(n);
+		let n = Ve(t);
+		e.target.value = "", He(n);
 	};
-	if (q !== "idle") return /* @__PURE__ */ B(Xe, {
-		state: q,
-		waveformData: qe,
-		errorMessage: Je,
-		onStop: $e,
-		onConfirm: et,
-		onDiscard: tt,
-		style: U,
-		className: E
+	if (Je !== "idle") return /* @__PURE__ */ L(Ze, {
+		state: Je,
+		waveformData: Ye,
+		errorMessage: Xe,
+		onStop: tt,
+		onConfirm: nt,
+		onDiscard: rt,
+		style: H,
+		className: D
 	});
-	let ut = /* @__PURE__ */ B("textarea", {
-		className: s(J.textarea, T?.fontClassName, "max-h-[272px] w-full resize-none overflow-y-auto border-0 bg-transparent outline-none [field-sizing:content]"),
-		ref: Le,
-		autoFocus: ve,
-		value: W,
+	let ft = /* @__PURE__ */ L("textarea", {
+		className: s(q.textarea, E?.fontClassName, "max-h-[272px] w-full resize-none overflow-y-auto border-0 bg-transparent outline-none [field-sizing:content]"),
+		ref: ze,
+		autoFocus: Ce,
+		value: U,
 		onChange: (e) => {
-			G(e.target.value), je.notifyChange(), a?.(e.target.value);
+			W(e.target.value), V.notifyChange(), a?.(e.target.value);
 		},
 		onKeyDown: Q,
-		onPaste: it,
+		onPaste: ot,
 		placeholder: d,
 		"aria-label": p,
-		disabled: M,
+		disabled: A,
 		rows: 1
 	});
-	return /* @__PURE__ */ V("div", {
-		ref: rt,
-		style: U,
-		className: s(J.wrapper, M && J.wrapperDisabled, "flex min-h-[56px] w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border", K.length > 6 ? "py-3 pl-3" : "p-3", E),
-		children: [(F.length > 0 || K.length > 0) && /* @__PURE__ */ B(ye, {
-			attachments: [...F, ...K],
+	return /* @__PURE__ */ R("div", {
+		ref: at,
+		style: H,
+		className: s(q.wrapper, A && q.wrapperDisabled, "flex min-h-[56px] w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border", G.length > 6 ? "py-3 pl-3" : "p-3", D),
+		children: [(ye.length > 0 || G.length > 0) && /* @__PURE__ */ L(Se, {
+			attachments: [...ye, ...G],
 			onRemove: (e) => {
-				F.some((t) => t.id === e) ? ge?.(e) : He(e);
+				ye.some((t) => t.id === e) ? be?.(e) : We(e);
 			},
-			onRetry: Ue,
-			onExpand: We,
+			onRetry: Ge,
+			onExpand: Ke,
 			labels: {
-				removeLabel: y,
-				retryLabel: b
+				removeLabel: b,
+				retryLabel: x
 			},
-			onAttachmentClick: Te == null ? void 0 : (e) => {
-				let t = K.find((t) => t.id === e.id);
-				t != null && Te(t);
+			onAttachmentClick: z == null ? void 0 : (e) => {
+				let t = G.find((t) => t.id === e.id);
+				t != null && z(t);
 			}
-		}), ue ? X && ut : /* @__PURE__ */ V("div", {
+		}), pe ? X && ft : /* @__PURE__ */ R("div", {
 			className: s("flex items-center gap-2", X ? "flex-wrap" : "flex-wrap desktop:flex-nowrap"),
 			children: [
-				!ce && /* @__PURE__ */ V("div", {
+				!de && /* @__PURE__ */ R("div", {
 					className: s("order-2 flex", !X && "desktop:order-1"),
-					children: [/* @__PURE__ */ B("input", {
-						ref: nt,
+					children: [/* @__PURE__ */ L("input", {
+						ref: it,
 						type: "file",
 						multiple: !0,
+						accept: h,
 						className: "sr-only",
 						"aria-hidden": !0,
 						tabIndex: -1,
-						onChange: $
-					}), /* @__PURE__ */ B(Ke, {
-						onAttachClick: le ? void 0 : () => nt.current?.click(),
+						onChange: dt
+					}), /* @__PURE__ */ L(qe, {
+						onAttachClick: fe ? void 0 : () => it.current?.click(),
 						attachLabel: m,
-						addMenuTitle: h,
-						menuTitle: g,
-						menuCloseLabel: _,
-						style: U,
-						isDisabled: M,
-						chatSettings: _e,
-						extraMenuItems: Pe
+						addMenuTitle: g,
+						menuTitle: _,
+						menuCloseLabel: y,
+						style: H,
+						isDisabled: A,
+						chatSettings: xe,
+						extraMenuItems: Ie
 					})]
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ L("div", {
 					className: s("order-1 flex w-full min-w-0 items-center self-stretch", !X && "desktop:order-2 desktop:w-auto desktop:flex-1"),
-					children: ut
+					children: ft
 				}),
-				/* @__PURE__ */ V("div", {
+				/* @__PURE__ */ R("div", {
 					className: s("flex flex-shrink-0 items-center gap-2", "order-3 ms-auto", !X && "desktop:ms-0"),
-					children: [de ? de({
-						canSend: Y,
+					children: [me ? me({
+						canSend: st,
 						onSend: Z
-					}) : /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B(Dt, {
-						deployments: j,
-						selectedDeploymentId: te,
-						onDeploymentChange: ne,
-						modelSelectorLabels: re,
+					}) : /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L(Dt, {
+						deployments: re,
+						selectedDeploymentId: ie,
+						onDeploymentChange: ae,
+						modelSelectorLabels: oe,
 						isStreaming: i,
-						isMobile: H,
-						isInputDisabled: M,
-						isDisabled: fe,
-						style: U,
-						modelPickerOverlay: Ee,
-						isPickerOpen: De,
-						onPickerToggle: () => Ae((e) => !e),
-						onPickerOpenChange: Ae
-					}), i && r ? /* @__PURE__ */ B(Qe, {
+						isMobile: ke,
+						isInputDisabled: A,
+						isDisabled: he,
+						style: H,
+						modelPickerOverlay: B,
+						isPickerOpen: Me,
+						onPickerToggle: () => Ne((e) => !e),
+						onPickerOpenChange: Ne
+					}), i && r ? /* @__PURE__ */ L($e, {
 						onStop: r,
-						ariaLabel: S
-					}) : !i && ot && /* @__PURE__ */ B(Ze, {
+						ariaLabel: C
+					}) : !i && ct && /* @__PURE__ */ L(Qe, {
 						onSend: Z,
-						isDisabled: M || !lt || Ge,
-						ariaLabel: x,
-						isExiting: st
-					}, ct)] }), pe && !W.trim() && !st && /* @__PURE__ */ B(v, {
-						icon: /* @__PURE__ */ B(se, {
+						isDisabled: A || !ut || K,
+						ariaLabel: S,
+						isExiting: lt
+					}, Y)] }), ge && !U.trim() && !lt && /* @__PURE__ */ L(v, {
+						icon: /* @__PURE__ */ L(le, {
 							size: f.LG,
 							"aria-hidden": !0
 						}),
-						"aria-label": C,
+						"aria-label": w,
 						className: "size-8 flex-shrink-0",
-						onClick: Ye,
-						disabled: M || i
+						onClick: et,
+						disabled: A || i
 					})]
 				})
 			]
@@ -1761,18 +1762,18 @@ var St = {
 	});
 }, At = { welcome: "_welcome_n2ph8_1" }, jt = ({ isStreaming: e = !1, placeholder: t = "Type a prompt or use \"/\" to select one", welcomeText: n, styles: r, className: i, isInputDisabled: a = !1, ...c }) => {
 	let { colors: l, typography: u } = r ?? {};
-	return /* @__PURE__ */ V("div", {
+	return /* @__PURE__ */ R("div", {
 		style: o({
 			"--ci-root-bg": l?.background,
 			"--ci-welcome-color": l?.welcomeText
 		}),
 		className: s("relative flex w-full flex-col items-center gap-6 px-4 py-5 desktop:p-5", i),
-		children: [n && /* @__PURE__ */ B("h1", {
+		children: [n && /* @__PURE__ */ L("h1", {
 			className: s(At.welcome, "m-0 text-center", u?.welcomeClassName),
 			children: n
-		}), /* @__PURE__ */ B("div", {
+		}), /* @__PURE__ */ L("div", {
 			className: "relative w-full max-w-[748px]",
-			children: /* @__PURE__ */ B(kt, {
+			children: /* @__PURE__ */ L(kt, {
 				placeholder: t,
 				isStreaming: e,
 				isInputDisabled: a,
@@ -1782,72 +1783,73 @@ var St = {
 			})
 		})]
 	});
-}, Mt = ({ message: e, initialAttachments: t = [], onCancel: n, onSave: r, onUploadAttachment: a, cancelLabel: o = "Cancel", saveLabel: c = "Save & Submit", ariaLabel: l, removeLabel: u, retryLabel: d, addMenuTitle: f = "Add", attachLabel: p = "Attach file", menuTitle: m = "Menu", menuCloseLabel: h = "Close", className: g, pendingDropFiles: _, onDropFilesConsumed: v, validateAttachment: y, hideAttachFile: b = !1 }) => {
-	let x = L(null), [S, C] = R([]);
-	P(() => {
-		_?.length && (C(_), v?.());
+}, Mt = ({ message: e, initialAttachments: t = [], onCancel: n, onSave: r, onUploadAttachment: a, cancelLabel: o = "Cancel", saveLabel: c = "Save & Submit", ariaLabel: l, removeLabel: u, retryLabel: d, addMenuTitle: f = "Add", attachLabel: p = "Attach file", menuTitle: m = "Menu", menuCloseLabel: h = "Close", className: g, pendingDropFiles: _, onDropFilesConsumed: v, validateAttachment: y, hideAttachFile: b = !1, fileAccept: x }) => {
+	let S = P(null), [C, w] = F([]);
+	M(() => {
+		_?.length && (w(_), v?.());
 	}, [_, v]);
-	let [w, T] = R(e ?? ""), [E, D] = R([]), [O, k] = R(t), A = E.some((e) => e.status === i.Loading || e.status === i.Error), ee = (w.trim().length > 0 || E.length > 0 || O.length > 0) && !A, j = (e) => {
+	let [T, E] = F(e ?? ""), [D, ee] = F([]), [O, k] = F(t), te = D.some((e) => e.status === i.Loading || e.status === i.Error), ne = (T.trim().length > 0 || D.length > 0 || O.length > 0) && !te, re = (e) => {
 		k((t) => t.filter((t) => t.id !== e));
-	}, te = N((e, t) => {
+	}, ie = j((e, t) => {
 		r(e, O, t);
-	}, [O, r]), ne = () => {
-		ee && te(w, E);
-	}, re = N(() => C([]), []), ie = N((e) => {
+	}, [O, r]), ae = () => {
+		ne && ie(T, D);
+	}, oe = j(() => w([]), []), se = j((e) => {
 		let t = Array.from(e.target.files ?? []);
-		t.length !== 0 && (e.target.value = "", C(t));
+		t.length !== 0 && (e.target.value = "", w(t));
 	}, []);
-	return /* @__PURE__ */ V("div", {
+	return /* @__PURE__ */ R("div", {
 		className: s("flex w-full flex-col gap-2", g),
-		children: [/* @__PURE__ */ B(kt, {
+		children: [/* @__PURE__ */ L(kt, {
 			message: e,
 			ariaLabel: l,
 			isStacked: !0,
 			hideActionBar: !0,
-			pendingDropFiles: S,
-			onDropFilesConsumed: re,
-			onSend: te,
+			pendingDropFiles: C,
+			onDropFilesConsumed: oe,
+			onSend: ie,
 			onUploadAttachment: a,
-			onChange: T,
-			onAttachmentsChange: D,
+			onChange: E,
+			onAttachmentsChange: ee,
 			removeLabel: u,
 			retryLabel: d,
 			className: "max-w-full",
 			prefixAttachments: O,
-			onRemovePrefixAttachment: j,
+			onRemovePrefixAttachment: re,
 			validateAttachment: y
-		}), /* @__PURE__ */ V("div", {
+		}), /* @__PURE__ */ R("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ B("div", {
+			children: [/* @__PURE__ */ L("div", {
 				className: "flex",
-				children: !b && /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B("input", {
-					ref: x,
+				children: !b && /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L("input", {
+					ref: S,
 					type: "file",
 					multiple: !0,
+					accept: x,
 					className: "sr-only",
 					"aria-hidden": !0,
 					tabIndex: -1,
-					onChange: ie
-				}), /* @__PURE__ */ B(Ke, {
-					onAttachClick: () => x.current?.click(),
+					onChange: se
+				}), /* @__PURE__ */ L(qe, {
+					onAttachClick: () => S.current?.click(),
 					attachLabel: p,
 					addMenuTitle: f,
 					menuTitle: m,
 					menuCloseLabel: h
 				})] })
-			}), /* @__PURE__ */ V("div", {
+			}), /* @__PURE__ */ R("div", {
 				className: "flex gap-2",
-				children: [/* @__PURE__ */ B(Be, {
+				children: [/* @__PURE__ */ L(Ve, {
 					label: o,
 					onClick: n
-				}), /* @__PURE__ */ B(ze, {
+				}), /* @__PURE__ */ L(G, {
 					label: c,
-					onClick: ne,
-					disabled: !ee
+					onClick: ae,
+					disabled: !ne
 				})]
 			})]
 		})]
 	});
 };
 //#endregion
-export { ge as AttachmentCard, _e as AttachmentGroup, ve as AttachmentTray, H as BottomSheetShell, Ge as ChatSettingsModal, jt as ConversationInput, Mt as EditMessageInput, be as FileDndOverlay, kt as Input, Ie as SendOnEnter, Ce as getAttachmentIcon };
+export { ye as AttachmentCard, be as AttachmentGroup, xe as AttachmentTray, B as BottomSheetShell, Ke as ChatSettingsModal, jt as ConversationInput, Mt as EditMessageInput, Ce as FileDndOverlay, kt as Input, Re as SendOnEnter, Ee as getAttachmentIcon };