@epam/ai-dial-conversation-input 1.1.0-dev.112 → 1.1.0-dev.114

package/index.js

@@ -1,19 +1,19 @@
 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, Button as l, DIAL_ICON_SIZE as u, DialCloseButton as d, DialDropdown as f, DialDropdownIcon as p, DialErrorText as m, DialInput as h, DialPopup as g, DialRadioGroup as _, DialSearch as v, DialSkeleton as y, DialSkeletonVariant as b, DialSlider as x, DialTag as S, DialTooltip as C, ElementSize as w, GhostIconButton as T, Highlight as E, NeutralButton as D, PopupSize as O, PrimaryButton as k, PrimaryIconButton as A, RadioGroupOrientation as j, StaticIconButton as M } from "@epam/ai-dial-ui-kit";
-import { IconArrowLeft as N, IconArrowNarrowRight as ee, IconCheck as te, IconChevronDown as P, IconChevronRight as F, IconFile as ne, IconMicrophone as re, IconPaperclip as ie, IconPlayerStopFilled as ae, IconPlaystationSquare as oe, IconPlus as I, IconSettings as se, IconTool as ce, IconX as le } from "@tabler/icons-react";
+import { BASE_ICON_SIZE as c, Button as l, DIAL_ICON_SIZE as u, DialCloseButton as d, DialDropdown as f, DialDropdownIcon as p, DialErrorText as m, DialInput as h, DialPopup as g, DialRadioGroup as _, DialSearch as v, DialSkeleton as y, DialSkeletonVariant as b, DialSlider as x, DialTooltip as S, ElementSize as C, GhostIconButton as w, Highlight as T, NeutralButton as E, PopupSize as D, PrimaryButton as O, PrimaryIconButton as k, RadioGroupOrientation as A, StaticIconButton as j } from "@epam/ai-dial-ui-kit";
+import { IconArrowLeft as M, IconArrowNarrowRight as N, IconCheck as P, IconChevronDown as ee, IconChevronRight as F, IconFile as te, IconMicrophone as ne, IconPaperclip as re, IconPlayerStopFilled as ie, IconPlaystationSquare as ae, IconPlus as oe, IconSettings as se, IconTool as ce, IconX as le } from "@tabler/icons-react";
 import { createPortal as ue } from "react-dom";
-import { createElement as de, memo as L, useCallback as R, useEffect as z, useImperativeHandle as fe, useLayoutEffect as pe, useMemo as B, useRef as V, useState as H } from "react";
-import { Fragment as U, jsx as W, jsxs as G } from "react/jsx-runtime";
+import { createElement as de, memo as fe, useCallback as I, useEffect as L, useImperativeHandle as pe, useLayoutEffect as R, useMemo as z, useRef as B, useState as V } from "react";
+import { Fragment as H, jsx as U, jsxs as W } from "react/jsx-runtime";
 import { AttachmentCard as me, AttachmentGroup as he, AttachmentTray as ge, AttachmentTray as _e, FileDndOverlay as ve, MAX_UPLOADS_PER_MINUTE as ye, generateAttachmentId as be, getAttachmentIcon as xe, useClipboardPaste as Se } from "@epam/ai-dial-attachment-input";
 //#region src/hooks/useBottomSheet.ts
 var Ce = (e, t) => {
-	z(() => {
+	L(() => {
 		if (!e) return;
 		let n = (e) => {
 			e.key === "Escape" && t();
 		};
 		return window.addEventListener("keydown", n), () => window.removeEventListener("keydown", n);
-	}, [e, t]), z(() => {
+	}, [e, t]), L(() => {
 		if (e) return document.body.style.overflow = "hidden", () => {
 			document.body.style.overflow = "";
 		};
@@ -24,7 +24,7 @@ var Ce = (e, t) => {
 	"slide-up": "_slide-up_1yh0r_1",
 	title: "_title_1yh0r_18",
 	divider: "_divider_1yh0r_22"
-}, K = ({ isOpen: e, title: t, closeLabel: n, onClose: r, onBack: i, backLabel: s, "aria-label": c, style: l, titleClassName: f = "dial-body-semi-text", className: p, colors: m, children: h }) => {
+}, G = ({ isOpen: e, title: t, closeLabel: n, onClose: r, onBack: i, backLabel: s, "aria-label": c, style: l, titleClassName: f = "dial-body-semi-text", className: p, colors: m, children: h }) => {
 	if (Ce(e, r), !e || typeof document > "u") return null;
 	let g = a({
 		"--ci-backdrop": m?.backdrop,
@@ -32,12 +32,12 @@ var Ce = (e, t) => {
 		"--ci-sheet-text": m?.sheetText,
 		"--ci-sheet-divider": m?.divider
 	});
-	return ue(/* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("div", {
+	return ue(/* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("div", {
 		className: o(we.backdrop, "fixed inset-0 z-[55]"),
 		style: g,
 		onPointerDown: r,
 		"aria-hidden": !0
-	}), /* @__PURE__ */ G("div", {
+	}), /* @__PURE__ */ W("div", {
 		role: "dialog",
 		"aria-modal": !0,
 		"aria-label": t ?? c,
@@ -46,13 +46,13 @@ var Ce = (e, t) => {
 			...l
 		},
 		className: o(we.sheet, "fixed inset-x-0 bottom-0 z-[60] flex max-h-[85dvh] flex-col", p),
-		children: [t != null && /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ G("div", {
+		children: [t != null && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ W("div", {
 			className: "relative flex h-[60px] flex-shrink-0 items-center justify-center px-4",
 			children: [
-				i && /* @__PURE__ */ W("div", {
+				i && /* @__PURE__ */ U("div", {
 					className: "absolute start-4",
-					children: /* @__PURE__ */ W(T, {
-						icon: /* @__PURE__ */ W(N, {
+					children: /* @__PURE__ */ U(w, {
+						icon: /* @__PURE__ */ U(M, {
 							size: u.LG,
 							stroke: 1.5,
 							className: "rtl:scale-x-[-1]"
@@ -61,20 +61,20 @@ var Ce = (e, t) => {
 						onClick: i
 					})
 				}),
-				/* @__PURE__ */ W("span", {
+				/* @__PURE__ */ U("span", {
 					className: o(we.title, f),
 					children: t
 				}),
-				/* @__PURE__ */ W("div", {
+				/* @__PURE__ */ U("div", {
 					className: "absolute end-4 m-2",
-					children: /* @__PURE__ */ W(d, {
+					children: /* @__PURE__ */ U(d, {
 						ariaLabel: n,
 						size: u.LG,
 						onClose: r
 					})
 				})
 			]
-		}), /* @__PURE__ */ W("div", { className: o(we.divider, "h-px flex-shrink-0") })] }), /* @__PURE__ */ W("div", {
+		}), /* @__PURE__ */ U("div", { className: o(we.divider, "h-px flex-shrink-0") })] }), /* @__PURE__ */ U("div", {
 			className: "overflow-y-auto",
 			children: h
 		})]
@@ -84,15 +84,15 @@ var Ce = (e, t) => {
 	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);
 }, Ee = ({ 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] = H(n), _ = V(h);
-	z(() => {
+	let [h, g] = V(n), _ = B(h);
+	L(() => {
 		_.current = h;
-	}, [h]), z(() => () => {
+	}, [h]), L(() => () => {
 		_.current.forEach((e) => {
 			e.previewUrl && URL.revokeObjectURL(e.previewUrl), e.playUrl && URL.revokeObjectURL(e.playUrl);
 		});
 	}, []);
-	let v = R((e) => e.map((e) => {
+	let v = I((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: be(),
@@ -104,26 +104,26 @@ var Ce = (e, t) => {
 			previewUrl: a,
 			playUrl: o
 		};
-	}), []), y = V(a);
-	z(() => {
+	}), []), y = B(a);
+	L(() => {
 		y.current = a;
 	}, [a]);
-	let b = V(!0), x = R((e) => {
+	let b = B(!0), x = I((e) => {
 		g((t) => {
 			let n = e(t);
 			return n === t ? t : n;
 		});
 	}, []);
-	z(() => {
+	L(() => {
 		if (b.current) {
 			b.current = !1;
 			return;
 		}
 		y.current?.(h);
 	}, [h]);
-	let S = R((e) => {
+	let S = I((e) => {
 		g(e);
-	}, []), C = R(async (t) => {
+	}, []), C = I(async (t) => {
 		if (i) {
 			x((e) => e.map((e) => e.id === t.id ? {
 				...e,
@@ -145,7 +145,7 @@ var Ce = (e, t) => {
 				} : e));
 			}
 		}
-	}, [i, x]), w = R((e, t = !0) => {
+	}, [i, x]), w = I((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)) {
@@ -177,20 +177,20 @@ var Ce = (e, t) => {
 		C,
 		o
 	]);
-	z(() => {
+	L(() => {
 		s.length !== 0 && (w(v(s)), c?.());
 	}, [
 		w,
 		v,
 		c,
 		s
-	]), z(() => {
+	]), L(() => {
 		l.length !== 0 && (w(l, !1), u?.());
 	}, [
 		w,
 		u,
 		l
-	]), z(() => {
+	]), L(() => {
 		if (!o) return;
 		let t = !1, n = [], i = _.current.map((i) => {
 			if (i.status === r.Loading) return i;
@@ -217,7 +217,7 @@ var Ce = (e, t) => {
 		x,
 		C
 	]);
-	let T = R((e) => {
+	let T = I((e) => {
 		x((t) => {
 			let n = t.find((t) => t.id === e);
 			return n?.previewUrl && URL.revokeObjectURL(n.previewUrl), n?.playUrl && URL.revokeObjectURL(n.playUrl), t.filter((t) => t.id !== e);
@@ -229,11 +229,11 @@ var Ce = (e, t) => {
 		addAttachments: w,
 		resetAttachments: S,
 		handleRemove: T,
-		handleRetry: R((e) => {
+		handleRetry: I((e) => {
 			let t = h.find((t) => t.id === e);
 			t && C(t);
 		}, [h, C]),
-		handleExpand: R(async (e) => {
+		handleExpand: I(async (e) => {
 			let n = h.find((t) => t.id === e);
 			if (!n || n.type !== t.Pasted) return;
 			let r = await n.file.text();
@@ -246,8 +246,8 @@ var Ce = (e, t) => {
 		hasBlockedAttachments: h.some((e) => e.status === r.Loading || e.status === r.Error)
 	};
 }, De = (e, t) => {
-	let [n, r] = H(e), [i, a] = H(!1), [o, s] = H(0);
-	return z(() => {
+	let [n, r] = V(e), [i, a] = V(!1), [o, s] = V(0);
+	return L(() => {
 		if (e) {
 			r(!0), a(!1), s((e) => e + 1);
 			return;
@@ -264,17 +264,17 @@ var Ce = (e, t) => {
 		instanceKey: o
 	};
 }, Oe = (e, t) => !e.slice(0, t).includes("\n"), ke = (e, t) => !e.slice(t).includes("\n"), Ae = (e) => {
-	let t = V(e);
+	let t = B(e);
 	t.current = e;
-	let n = V(-1), r = V(""), i = R((e, i, a) => {
+	let n = B(-1), r = B(""), i = I((e, i, a) => {
 		let o = t.current;
 		return !o || o.length === 0 ? null : e === "up" ? !Oe(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 || !ke(i, a) ? null : n.current < o.length - 1 ? (n.current += 1, o[n.current]) : (n.current = -1, r.current);
-	}, []), a = R(() => {
+	}, []), a = I(() => {
 		n.current = -1, r.current = "";
-	}, []), o = R(() => {
+	}, []), o = I(() => {
 		n.current = -1, r.current = "";
 	}, []);
-	return B(() => ({
+	return z(() => ({
 		navigate: i,
 		notifyChange: a,
 		reset: o
@@ -284,12 +284,12 @@ var Ce = (e, t) => {
 		o
 	]);
 }, je = ({ messageProp: e, messageRevision: t }) => {
-	let [n, r] = H(e), i = V(null), a = V(0), [o, s] = H(!1);
-	return z(() => {
+	let [n, r] = V(e), i = B(null), a = B(0), [o, s] = V(!1);
+	return L(() => {
 		r(e);
-	}, [e, t]), z(() => {
+	}, [e, t]), L(() => {
 		i.current && (a.current = i.current.offsetHeight);
-	}, []), pe(() => {
+	}, []), R(() => {
 		if (!i.current || a.current === 0) return;
 		let e = i.current.offsetHeight > a.current;
 		s((t) => e ? !0 : n === "" ? !1 : t);
@@ -306,13 +306,13 @@ var Ce = (e, t) => {
 	"audio/ogg;codecs=opus",
 	"audio/webm"
 ], Pe = () => Ne.find((e) => MediaRecorder.isTypeSupported(e)) ?? "", Fe = ({ onAttachAudio: e }) => {
-	let [t, n] = H("idle"), [r, i] = H(null), [a, o] = H(0), s = V(null), c = V(null), l = V(null), u = V(null), d = V([]), f = V(""), p = V(null), m = V(e);
+	let [t, n] = V("idle"), [r, i] = V(null), [a, o] = V(0), s = B(null), c = B(null), l = B(null), u = B(null), d = B([]), f = B(""), p = B(null), m = B(e);
 	m.current = e;
-	let h = R(() => {
+	let h = I(() => {
 		p.current != null && (clearInterval(p.current), p.current = null);
-	}, []), g = R(() => {
+	}, []), g = I(() => {
 		h(), s.current &&= (s.current.getTracks().forEach((e) => e.stop()), null), c.current &&= (c.current.close(), null), l.current = null, u.current = null;
-	}, [h]), _ = R(() => {
+	}, [h]), _ = I(() => {
 		(async () => {
 			try {
 				let e = await navigator.mediaDevices.getUserMedia({ audio: !0 });
@@ -333,17 +333,17 @@ var Ce = (e, t) => {
 				i(e instanceof Error ? e.message : "Microphone access denied"), n("error");
 			}
 		})();
-	}, []), v = R(() => {
+	}, []), v = I(() => {
 		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 = R(() => {
+	}, [h, g]), y = I(() => {
 		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 z(() => () => {
+	return L(() => () => {
 		g();
 	}, [g]), {
 		state: t,
@@ -368,7 +368,7 @@ var Ce = (e, t) => {
 		"--ci-sheet-item-active": p?.itemActiveBg,
 		"--ci-sheet-icon": p?.itemIcon
 	});
-	return /* @__PURE__ */ W(K, {
+	return /* @__PURE__ */ U(G, {
 		isOpen: e,
 		title: t,
 		closeLabel: n,
@@ -377,23 +377,23 @@ var Ce = (e, t) => {
 		className: c,
 		titleClassName: u,
 		colors: p?.shell,
-		children: /* @__PURE__ */ W("ul", {
+		children: /* @__PURE__ */ U("ul", {
 			role: "list",
 			className: "flex flex-col",
 			style: h,
-			children: s.map(({ key: e, label: t, icon: n, iconAfter: r, onClick: i }) => /* @__PURE__ */ W("li", { children: /* @__PURE__ */ W(l, {
+			children: s.map(({ key: e, label: t, icon: n, iconAfter: r, onClick: i }) => /* @__PURE__ */ U("li", { children: /* @__PURE__ */ U(l, {
 				type: "button",
 				className: o(Le.item, "w-full gap-3 px-4 py-[10px] text-start"),
-				iconBefore: /* @__PURE__ */ W("span", {
+				iconBefore: /* @__PURE__ */ U("span", {
 					className: Le.itemIcon,
 					children: n
 				}),
-				iconAfter: r ? /* @__PURE__ */ W("span", {
+				iconAfter: r ? /* @__PURE__ */ U("span", {
 					className: "ms-auto",
 					children: r
 				}) : null,
 				textClassName: f,
-				label: /* @__PURE__ */ W("span", {
+				label: /* @__PURE__ */ U("span", {
 					className: d,
 					children: t
 				}),
@@ -402,8 +402,8 @@ var Ce = (e, t) => {
 		})
 	});
 }, ze = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, isOpen: o }) => {
-	let [s, c] = H(t), [l, u] = H(n), [d, f] = H(r), p = V(o);
-	z(() => {
+	let [s, c] = V(t), [l, u] = V(n), [d, f] = V(r), p = B(o);
+	L(() => {
 		o && !p.current && (c(t), u(n), f(r)), p.current = o;
 	}, [
 		o,
@@ -420,7 +420,7 @@ var Ce = (e, t) => {
 		setResponseFormat: c,
 		setSystemPrompt: u,
 		setTemperature: f,
-		handleSubmit: R(() => {
+		handleSubmit: I(() => {
 			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();
@@ -440,15 +440,15 @@ var Ce = (e, t) => {
 	"Creative"
 ], temperatureHint: b, labelClassName: S = "!dial-small-semi-text", colors: C }) => {
 	let w = a({ "--csf-label-text": C?.labelText }), T = o(S, Be.label, "gap-1");
-	return /* @__PURE__ */ G("div", {
+	return /* @__PURE__ */ W("div", {
 		className: "flex flex-col gap-4 px-6 py-3",
 		style: w,
 		children: [
-			e.responseFormat && /* @__PURE__ */ W(_, {
+			e.responseFormat && /* @__PURE__ */ U(_, {
 				fieldTitle: u,
 				labelClassName: T,
 				elementId: "response-format",
-				orientation: j.Column,
+				orientation: A.Column,
 				activeRadioButton: t ?? i.Markdown,
 				labelDescription: d,
 				radioButtons: [{
@@ -460,7 +460,7 @@ var Ce = (e, t) => {
 				}],
 				onChange: (e) => s(e)
 			}),
-			e.systemPrompt && /* @__PURE__ */ W(h, {
+			e.systemPrompt && /* @__PURE__ */ U(h, {
 				value: n,
 				placeholder: g,
 				labelProps: {
@@ -469,7 +469,7 @@ var Ce = (e, t) => {
 				},
 				onChange: (e) => c(e ?? "")
 			}),
-			e.temperature && /* @__PURE__ */ W(x, {
+			e.temperature && /* @__PURE__ */ U(x, {
 				labelProps: {
 					label: v,
 					className: T,
@@ -484,8 +484,8 @@ var Ce = (e, t) => {
 			})
 		]
 	});
-}, He = ({ 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: w }) => {
-	let { responseFormat: T, systemPrompt: E, temperature: D, canSubmit: O, setResponseFormat: A, setSystemPrompt: j, setTemperature: M, handleSubmit: N } = ze({
+}, He = ({ 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: C = "Apply changes", saveDisabledTooltip: w }) => {
+	let { responseFormat: T, systemPrompt: E, temperature: D, canSubmit: k, setResponseFormat: A, setSystemPrompt: j, setTemperature: M, handleSubmit: N } = ze({
 		isOpen: e,
 		features: s,
 		initialResponseFormat: c,
@@ -494,7 +494,7 @@ var Ce = (e, t) => {
 		onSave: d,
 		onClose: r
 	});
-	return /* @__PURE__ */ G(K, {
+	return /* @__PURE__ */ W(G, {
 		isOpen: e,
 		title: f,
 		closeLabel: i,
@@ -502,7 +502,7 @@ var Ce = (e, t) => {
 		onBack: t,
 		backLabel: n,
 		style: a,
-		children: [/* @__PURE__ */ W(Ve, {
+		children: [/* @__PURE__ */ U(Ve, {
 			features: s,
 			responseFormat: T,
 			systemPrompt: E,
@@ -519,23 +519,23 @@ var Ce = (e, t) => {
 			temperatureLabel: y,
 			temperatureLabels: b,
 			temperatureHint: x
-		}), /* @__PURE__ */ W("div", {
+		}), /* @__PURE__ */ U("div", {
 			className: o("px-6 py-4 mobile:pb-8"),
-			children: /* @__PURE__ */ W(C, {
+			children: /* @__PURE__ */ U(S, {
 				tooltip: w,
-				hideTooltip: O || !w,
+				hideTooltip: k || !w,
 				triggerClassName: "w-full",
-				children: /* @__PURE__ */ W(k, {
-					label: S,
+				children: /* @__PURE__ */ U(O, {
+					label: C,
 					onClick: N,
-					disabled: !O,
+					disabled: !k,
 					className: "w-full"
 				})
 			})
 		})]
 	});
-}, Ue = { modal: "_modal_14b5s_1" }, We = ({ 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: _ = "Apply changes", saveDisabledTooltip: v, backgroundClassName: y = Ue.modal }) => {
-	let { responseFormat: b, systemPrompt: x, temperature: S, canSubmit: w, setResponseFormat: T, setSystemPrompt: E, setTemperature: D, handleSubmit: A } = ze({
+}, Ue = { modal: "_modal_od073_1" }, We = ({ 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: _ = "Apply changes", saveDisabledTooltip: v, backgroundClassName: y = Ue.modal }) => {
+	let { responseFormat: b, systemPrompt: x, temperature: C, canSubmit: w, setResponseFormat: T, setSystemPrompt: E, setTemperature: k, handleSubmit: A } = ze({
 		features: e,
 		initialResponseFormat: t,
 		initialSystemPrompt: n,
@@ -543,32 +543,32 @@ var Ce = (e, t) => {
 		onSave: i,
 		onClose: a
 	});
-	return /* @__PURE__ */ W(g, {
+	return /* @__PURE__ */ U(g, {
 		open: !0,
 		header: o,
-		size: O.Sm,
+		size: D.Sm,
 		onClose: a,
 		className: y,
-		footer: /* @__PURE__ */ W("div", {
+		footer: /* @__PURE__ */ U("div", {
 			className: "flex justify-end px-6 py-4",
-			children: /* @__PURE__ */ W(C, {
+			children: /* @__PURE__ */ U(S, {
 				tooltip: v,
 				hideTooltip: w || !v,
-				children: /* @__PURE__ */ W(k, {
+				children: /* @__PURE__ */ U(O, {
 					label: _,
 					onClick: A,
 					disabled: !w
 				})
 			})
 		}),
-		children: /* @__PURE__ */ W(Ve, {
+		children: /* @__PURE__ */ U(Ve, {
 			features: e,
 			responseFormat: b,
 			systemPrompt: x,
-			temperature: S,
+			temperature: C,
 			onResponseFormatChange: T,
 			onSystemPromptChange: E,
-			onTemperatureChange: D,
+			onTemperatureChange: k,
 			responseFormatLabel: s,
 			responseFormatHint: c,
 			responseFormatMarkdownLabel: l,
@@ -581,11 +581,11 @@ var Ce = (e, t) => {
 		})
 	});
 };
-L(We);
+fe(We);
 var Ge = {
 	icon: "_icon_1oz9i_1",
 	selectedIcon: "_selectedIcon_1oz9i_5"
-}, Ke = ({ isOpen: e, onBack: t, backLabel: n = "Back", onClose: r, closeLabel: i = "Close", style: s, title: u = "Tools", items: d, onToolToggle: f, colors: p }) => /* @__PURE__ */ W(K, {
+}, Ke = ({ isOpen: e, onBack: t, backLabel: n = "Back", onClose: r, closeLabel: i = "Close", style: s, title: u = "Tools", items: d, onToolToggle: f, colors: p }) => /* @__PURE__ */ U(G, {
 	isOpen: e,
 	title: u,
 	closeLabel: i,
@@ -593,32 +593,32 @@ var Ge = {
 	onBack: t,
 	backLabel: n,
 	style: s,
-	children: /* @__PURE__ */ W("ul", {
+	children: /* @__PURE__ */ U("ul", {
 		role: "menu",
 		className: "flex flex-col pb-4",
 		style: a({
 			"--tbs-icon-text": p?.iconText,
 			"--tbs-selected-icon-text": p?.selectedIconText
 		}),
-		children: d.map((e) => /* @__PURE__ */ W("li", {
+		children: d.map((e) => /* @__PURE__ */ U("li", {
 			role: "none",
-			children: /* @__PURE__ */ W(l, {
+			children: /* @__PURE__ */ U(l, {
 				type: "button",
 				role: "menuitemcheckbox",
 				"aria-checked": e.isSelected,
 				className: "w-full gap-3 px-4 py-[10px] text-start",
-				iconBefore: /* @__PURE__ */ W("span", {
+				iconBefore: /* @__PURE__ */ U("span", {
 					className: o("flex items-center", Ge.icon),
 					children: e.icon
 				}),
-				iconAfter: e.isSelected ? /* @__PURE__ */ W("span", {
+				iconAfter: e.isSelected ? /* @__PURE__ */ U("span", {
 					className: o("ms-auto", Ge.selectedIcon),
-					children: /* @__PURE__ */ W(te, {
+					children: /* @__PURE__ */ U(P, {
 						size: c,
 						"aria-hidden": !0
 					})
 				}) : null,
-				label: /* @__PURE__ */ W("span", {
+				label: /* @__PURE__ */ U("span", {
 					className: "dial-small-text",
 					children: e.label
 				}),
@@ -626,12 +626,12 @@ var Ge = {
 			})
 		}, e.id))
 	})
-}), qe = {
+}), K = {
 	selectedToolIcon: "_selectedToolIcon_1lz31_1",
 	toolIcon: "_toolIcon_1lz31_5",
 	chevronIcon: "_chevronIcon_1lz31_9"
-}, Je = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, menuCloseLabel: l, style: d, listClassName: p = "cp-dropdown-overlay !w-[240px]", isDisabled: m = !1, chatSettings: h, extraMenuItems: g, toolsMenuItems: _ = [], onToolToggle: v, toolsMenuTitle: y = "Tools", toolsBackLabel: b = "Back", colors: x }) => {
-	let S = s(), [C, E] = H(!1), [D, O] = H(!1), [k, A] = H(!1), j = B(() => a({
+}, qe = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, menuCloseLabel: l, style: d, listClassName: p = "cp-dropdown-overlay !w-[240px]", isDisabled: m = !1, chatSettings: h, extraMenuItems: g, toolsMenuItems: _ = [], onToolToggle: v, toolsMenuTitle: y = "Tools", toolsBackLabel: b = "Back", colors: x }) => {
+	let S = s(), [T, E] = V(!1), [D, O] = V(!1), [k, A] = V(!1), j = z(() => a({
 		"--aab-selected-tool-icon": x?.selectedToolIcon,
 		"--aab-tool-icon": x?.toolIcon,
 		"--aab-chevron-icon": x?.chevronIcon
@@ -639,23 +639,23 @@ var Ge = {
 		x?.selectedToolIcon,
 		x?.toolIcon,
 		x?.chevronIcon
-	]), M = _.length > 0 && v != null, N = B(() => _.map((e) => ({
+	]), M = _.length > 0 && v != null, N = z(() => _.map((e) => ({
 		key: e.id,
-		label: /* @__PURE__ */ G("span", {
+		label: /* @__PURE__ */ W("span", {
 			className: "flex flex-1 items-center gap-2",
-			children: [/* @__PURE__ */ W("span", {
+			children: [/* @__PURE__ */ U("span", {
 				className: "flex-1",
 				children: e.label
-			}), e.isSelected && /* @__PURE__ */ W(te, {
+			}), e.isSelected && /* @__PURE__ */ U(P, {
 				size: c,
 				style: j,
-				className: qe.selectedToolIcon,
+				className: K.selectedToolIcon,
 				"aria-hidden": !0
 			})]
 		}),
-		icon: /* @__PURE__ */ W("span", {
+		icon: /* @__PURE__ */ U("span", {
 			style: j,
-			className: o("flex items-center", qe.toolIcon),
+			className: o("flex items-center", K.toolIcon),
 			children: e.icon
 		}),
 		onClick: () => v?.(e.id)
@@ -663,11 +663,11 @@ var Ge = {
 		_,
 		v,
 		j
-	]), ee = B(() => [
+	]), ee = z(() => [
 		...e == null ? [] : [{
 			key: "attach",
 			label: t,
-			icon: /* @__PURE__ */ W(ie, {
+			icon: /* @__PURE__ */ U(re, {
 				size: c,
 				"aria-hidden": !0
 			}),
@@ -677,33 +677,33 @@ var Ge = {
 		...M ? [{
 			key: "tools",
 			label: y,
-			icon: /* @__PURE__ */ W(ce, {
+			icon: /* @__PURE__ */ U(ce, {
 				size: c,
 				"aria-hidden": !0
 			}),
 			onClick: S ? () => {
 				A(!0), E(!1);
 			} : () => void 0,
-			...S ? { iconAfter: /* @__PURE__ */ W(F, {
+			...S ? { iconAfter: /* @__PURE__ */ U(F, {
 				size: c,
 				stroke: 1.5,
 				style: j,
-				className: o("rtl:scale-x-[-1]", qe.chevronIcon),
+				className: o("rtl:scale-x-[-1]", K.chevronIcon),
 				"aria-hidden": !0
 			}) } : { children: N }
 		}] : [],
 		...h == null ? [] : [{
 			key: "chat-settings",
 			label: h.menuItemLabel ?? "Chat settings",
-			icon: /* @__PURE__ */ W(se, {
+			icon: /* @__PURE__ */ U(se, {
 				size: c,
 				"aria-hidden": !0
 			}),
-			iconAfter: S ? /* @__PURE__ */ W(F, {
+			iconAfter: S ? /* @__PURE__ */ U(F, {
 				size: c,
 				stroke: 1.5,
 				style: j,
-				className: o("rtl:scale-x-[-1]", qe.chevronIcon),
+				className: o("rtl:scale-x-[-1]", K.chevronIcon),
 				"aria-hidden": !0
 			}) : null,
 			onClick: () => O(!0)
@@ -719,20 +719,20 @@ var Ge = {
 		N,
 		j
 	]);
-	return ee.length === 0 ? null : /* @__PURE__ */ W(U, { children: S ? /* @__PURE__ */ G(U, { children: [
-		/* @__PURE__ */ W(T, {
-			icon: /* @__PURE__ */ W(I, {
+	return ee.length === 0 ? null : /* @__PURE__ */ U(H, { children: S ? /* @__PURE__ */ W(H, { children: [
+		/* @__PURE__ */ U(w, {
+			icon: /* @__PURE__ */ U(oe, {
 				size: u.LG,
 				"aria-hidden": !0
 			}),
 			"aria-label": n,
-			size: w.Large,
+			size: C.Large,
 			tooltipProps: { tooltip: n },
 			disabled: m,
 			onClick: () => E(!0)
 		}),
-		/* @__PURE__ */ W(Re, {
-			isOpen: C,
+		/* @__PURE__ */ U(Re, {
+			isOpen: T,
 			title: r,
 			closeLabel: l,
 			onClose: () => E(!1),
@@ -741,7 +741,7 @@ var Ge = {
 			className: "pb-4",
 			btnTextClassName: "flex-1"
 		}),
-		M && /* @__PURE__ */ W(Ke, {
+		M && /* @__PURE__ */ U(Ke, {
 			isOpen: k,
 			onBack: () => {
 				A(!1), E(!0);
@@ -754,7 +754,7 @@ var Ge = {
 			items: _,
 			onToolToggle: v
 		}),
-		h != null && /* @__PURE__ */ W(He, {
+		h != null && /* @__PURE__ */ U(He, {
 			isOpen: D,
 			onBack: () => {
 				O(!1), E(!0);
@@ -781,13 +781,13 @@ var Ge = {
 			saveLabel: h.saveLabel,
 			saveDisabledTooltip: h.saveDisabledTooltip
 		})
-	] }) : /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(f, {
+	] }) : /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(f, {
 		matchReferenceWidth: !1,
 		placement: "bottom-start",
 		listClassName: p,
 		items: ee,
-		children: /* @__PURE__ */ W(T, {
-			icon: /* @__PURE__ */ W(I, {
+		children: /* @__PURE__ */ U(w, {
+			icon: /* @__PURE__ */ U(oe, {
 				size: u.LG,
 				"aria-hidden": !0
 			}),
@@ -795,7 +795,7 @@ var Ge = {
 			tooltipProps: { tooltip: n },
 			disabled: m
 		})
-	}), h != null && D && /* @__PURE__ */ W(We, {
+	}), h != null && D && /* @__PURE__ */ U(We, {
 		features: h.features,
 		initialResponseFormat: h.responseFormat ?? i.Markdown,
 		initialSystemPrompt: h.systemPrompt,
@@ -820,7 +820,7 @@ var Ge = {
 	chipIcon: "_chipIcon_16mrh_6",
 	chipText: "_chipText_16mrh_10",
 	chipClose: "_chipClose_16mrh_14"
-}, J = (e) => `${e} tool${e === 1 ? "" : "s"}`, Ye = (e) => `Remove ${e}`, Xe = ({ items: e, onToolToggle: t, isMobile: n, countLabel: r = J, removeLabel: i = Ye, typography: s, colors: l }) => {
+}, J = (e) => `${e} tool${e === 1 ? "" : "s"}`, Je = (e) => `Remove ${e}`, Ye = ({ items: e, onToolToggle: t, isMobile: n, countLabel: r = J, removeLabel: i = Je, typography: s, colors: l }) => {
 	let u = e.filter((e) => e.isSelected);
 	if (u.length === 0) return null;
 	let d = a({
@@ -832,47 +832,47 @@ var Ge = {
 		"--ci-chip-close-hover": l?.chipCloseHover
 	});
 	if (n) {
-		let e = u.length === 1 ? u[0].icon : /* @__PURE__ */ W(ce, {
+		let e = u.length === 1 ? u[0].icon : /* @__PURE__ */ U(ce, {
 			size: c,
 			"aria-hidden": !0
 		});
-		return /* @__PURE__ */ W("div", {
+		return /* @__PURE__ */ U("div", {
 			className: "flex flex-wrap items-center gap-2",
 			style: d,
-			children: /* @__PURE__ */ G("div", {
+			children: /* @__PURE__ */ W("div", {
 				className: o(q.chip, "flex items-center gap-1.5 rounded-full border px-2 py-1"),
-				children: [/* @__PURE__ */ W("span", {
+				children: [/* @__PURE__ */ U("span", {
 					className: q.chipIcon,
 					"aria-hidden": !0,
 					children: e
-				}), /* @__PURE__ */ W("span", {
+				}), /* @__PURE__ */ U("span", {
 					className: o(q.chipText, s?.fontClassName || "dial-small-paragraph-text"),
 					children: r(u.length)
 				})]
 			})
 		});
 	}
-	return /* @__PURE__ */ W("div", {
+	return /* @__PURE__ */ U("div", {
 		className: "flex flex-wrap items-center gap-2",
 		style: d,
-		children: u.map((e) => /* @__PURE__ */ G("div", {
+		children: u.map((e) => /* @__PURE__ */ W("div", {
 			className: o(q.chip, "flex items-center gap-1.5 rounded-full border py-1 pe-1 ps-2"),
 			children: [
-				/* @__PURE__ */ W("span", {
+				/* @__PURE__ */ U("span", {
 					className: q.chipIcon,
 					"aria-hidden": !0,
 					children: e.icon
 				}),
-				/* @__PURE__ */ W("span", {
+				/* @__PURE__ */ U("span", {
 					className: o(q.chipText, s?.fontClassName || "dial-small-paragraph-text"),
 					children: e.label
 				}),
-				/* @__PURE__ */ W("button", {
+				/* @__PURE__ */ U("button", {
 					type: "button",
 					onClick: () => t(e.id),
 					className: o(q.chipClose, "flex items-center rounded p-0.5 transition-colors"),
 					"aria-label": i(e.label),
-					children: /* @__PURE__ */ W(le, {
+					children: /* @__PURE__ */ U(le, {
 						size: 12,
 						"aria-hidden": !0
 					})
@@ -887,36 +887,35 @@ var Ge = {
 	modelSelectorButton: "_modelSelectorButton_4e8i8_24",
 	modelSelectorCaret: "_modelSelectorCaret_4e8i8_24",
 	modelSelectorButtonDisabled: "_modelSelectorButtonDisabled_4e8i8_33"
-}, Ze = {
-	wrapperError: "_wrapperError_5wiyg_1",
-	waveformCanvas: "_waveformCanvas_5wiyg_5",
-	timer: "_timer_5wiyg_9",
-	stopRecordingIcon: "_stopRecordingIcon_5wiyg_15",
-	recordingDot: "_recordingDot_5wiyg_29",
-	"recording-pulse": "_recording-pulse_5wiyg_1"
-}, Qe = 3, $e = 4, X = 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: d, className: f }) => {
-	let p = V(null), h = V(new Float32Array(X)), g = V(0), _ = V(0), v = e === Me.Recording, y = e === Me.Error, b = R((e) => {
+}, Xe = {
+	wrapperError: "_wrapperError_fbvnl_1",
+	waveformCanvas: "_waveformCanvas_fbvnl_5",
+	timer: "_timer_fbvnl_9",
+	recordingDot: "_recordingDot_fbvnl_25",
+	"recording-pulse": "_recording-pulse_fbvnl_1"
+}, Ze = 3, X = 4, Z = 200, Qe = (e) => `${String(Math.floor(e / 60)).padStart(2, "0")}:${String(e % 60).padStart(2, "0")}`, $e = ({ 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: d, className: f }) => {
+	let p = B(null), h = B(new Float32Array(Z)), g = B(0), _ = B(0), v = e === Me.Recording, y = e === Me.Error, b = I((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 / $e)), X - 1), a = g.current, o = _.current;
+		let i = Math.min(Math.max(1, Math.floor(n / X)), Z - 1), a = g.current, o = _.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 = h.current[n] ?? 0, s = Math.min(1, o * 6), c = Math.max(3, s * r);
-			t.fillRect(e * $e, (r - c) / 2, Qe, c);
+			let n = ((a - i + e) % Z + Z) % Z, o = h.current[n] ?? 0, s = Math.min(1, o * 6), c = Math.max(3, s * r);
+			t.fillRect(e * X, (r - c) / 2, Ze, c);
 		}
 		t.restore();
 	}, []);
-	z(() => {
+	L(() => {
 		if (!v) return;
 		let e = p.current;
 		if (!e) return;
 		h.current.fill(0), g.current = 0, _.current = 0;
 		let n, r = () => {
-			if (_.current += 1, _.current >= $e) {
-				_.current -= $e;
+			if (_.current += 1, _.current >= X) {
+				_.current -= X;
 				let e = t.current;
 				if (e) {
 					let t = new Uint8Array(e.frequencyBinCount);
@@ -926,7 +925,7 @@ var Ge = {
 						let r = (t[e] - 128) / 128;
 						n += r * r;
 					}
-					h.current[g.current % X] = Math.sqrt(n / t.length), g.current++;
+					h.current[g.current % Z] = Math.sqrt(n / t.length), g.current++;
 				}
 			}
 			b(e), n = requestAnimationFrame(r);
@@ -938,7 +937,7 @@ var Ge = {
 		v,
 		t,
 		b
-	]), z(() => {
+	]), L(() => {
 		let e = p.current;
 		if (!e) return;
 		let t = new ResizeObserver(() => {
@@ -946,157 +945,109 @@ var Ge = {
 		});
 		return t.observe(e), () => t.disconnect();
 	}, [b]);
-	let x = /* @__PURE__ */ G("div", {
+	let x = /* @__PURE__ */ W("div", {
 		className: "flex flex-shrink-0 items-center justify-end gap-1",
-		children: [/* @__PURE__ */ W(T, {
-			icon: /* @__PURE__ */ W(le, {
+		children: [/* @__PURE__ */ U(w, {
+			icon: /* @__PURE__ */ U(le, {
 				size: u.LG,
 				"aria-hidden": !0
 			}),
 			"aria-label": c,
 			onClick: a
-		}), v && /* @__PURE__ */ W(A, {
-			icon: /* @__PURE__ */ W(ae, { size: u.LG }),
+		}), v && /* @__PURE__ */ U(k, {
+			icon: /* @__PURE__ */ U(ie, {
+				size: u.LG,
+				"aria-hidden": !0
+			}),
 			onClick: () => i?.(),
 			"aria-label": s
 		})]
 	});
-	return /* @__PURE__ */ G("div", {
+	return /* @__PURE__ */ W("div", {
 		className: f,
-		children: [/* @__PURE__ */ G("div", {
+		children: [/* @__PURE__ */ W("div", {
 			style: d,
-			className: o(Y.wrapper, "flex min-h-[64px] w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border px-3 shadow-md desktop:flex-row desktop:items-center desktop:gap-2 desktop:py-2", y && Ze.wrapperError),
-			children: [/* @__PURE__ */ G("div", {
+			className: o(Y.wrapper, "flex min-h-[64px] w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border px-3 shadow-md desktop:flex-row desktop:items-center desktop:gap-2 desktop:py-2", y && Xe.wrapperError),
+			children: [/* @__PURE__ */ W("div", {
 				className: "flex min-w-0 flex-1 items-center gap-3",
-				children: [v && /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("span", {
-					className: o(Ze.recordingDot, "pointer-events-none block size-[8px] rounded-3xl"),
+				children: [v && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("span", {
+					className: o(Xe.recordingDot, "pointer-events-none block size-[8px] rounded-3xl"),
 					"aria-hidden": !0
-				}), /* @__PURE__ */ W("span", {
-					className: o(Ze.timer, "flex-shrink-0"),
+				}), /* @__PURE__ */ U("span", {
+					className: o(Xe.timer, "flex-shrink-0"),
 					"aria-label": l,
-					children: et(n)
-				})] }), /* @__PURE__ */ W("canvas", {
+					children: Qe(n)
+				})] }), /* @__PURE__ */ U("canvas", {
 					ref: p,
 					height: 32,
-					className: o(Ze.waveformCanvas, "h-8 min-w-0 flex-1 desktop:h-6")
+					className: o(Xe.waveformCanvas, "h-8 min-w-0 flex-1 desktop:h-6")
 				})]
 			}), x]
-		}), y && r && /* @__PURE__ */ W(m, {
+		}), y && r && /* @__PURE__ */ U(m, {
 			text: r,
 			className: "mt-1 px-1"
 		})]
 	});
-}, nt = ({ onSend: e, isDisabled: t = !1, ariaLabel: n = "Send message", isExiting: r = !1 }) => /* @__PURE__ */ W(A, {
+}, et = ({ onSend: e, isDisabled: t = !1, ariaLabel: n = "Send message", isExiting: r = !1 }) => /* @__PURE__ */ U(k, {
 	"aria-label": n,
 	onClick: () => e?.(),
 	disabled: t,
 	"aria-hidden": r,
-	icon: /* @__PURE__ */ W(ee, {
+	icon: /* @__PURE__ */ U(N, {
 		size: u.LG,
 		className: "rtl:scale-x-[-1]"
 	})
-}), rt = ({ onStop: e, ariaLabel: t = "Stop streaming" }) => /* @__PURE__ */ W(M, {
-	icon: /* @__PURE__ */ W(oe, { size: u.LG }),
+}), tt = ({ onStop: e, ariaLabel: t = "Stop streaming" }) => /* @__PURE__ */ U(j, {
+	icon: /* @__PURE__ */ U(ae, { size: u.LG }),
 	onClick: () => e?.(),
 	"aria-label": t
-}), it = ({ gradientId: e = "gradient-check-icon" }) => /* @__PURE__ */ G("svg", {
-	width: u.SM,
-	height: u.SM,
-	viewBox: "0 0 24 24",
-	fill: "none",
-	"aria-hidden": !0,
-	children: [/* @__PURE__ */ W("defs", { children: /* @__PURE__ */ G("linearGradient", {
-		id: e,
-		x1: "0",
-		y1: "0",
-		x2: "24",
-		y2: "24",
-		gradientUnits: "userSpaceOnUse",
-		children: [/* @__PURE__ */ W("stop", {
-			offset: "0%",
-			stopColor: "#4b7be6"
-		}), /* @__PURE__ */ W("stop", {
-			offset: "100%",
-			stopColor: "#9355f4"
-		})]
-	}) }), /* @__PURE__ */ W("path", {
-		d: "M5 12l5 5L20 7",
-		stroke: `url(#${e})`,
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round"
-	})]
-}), at = {
-	tabContainer: "_tabContainer_153ct_1",
-	tabActive: "_tabActive_153ct_13"
-};
-L(({ tabs: e, activeTabId: t, onTabChange: n, styles: r }) => {
-	let { tabClassName: i = "dial-tiny-semi-text" } = r?.typography ?? {};
-	return /* @__PURE__ */ W("div", {
-		className: "flex flex-nowrap gap-1",
-		role: "tablist",
-		children: e.map((e) => {
-			let r = t === e.id;
-			return /* @__PURE__ */ W("div", {
-				role: "tab",
-				"aria-selected": r,
-				className: "contents",
-				children: /* @__PURE__ */ W(S, {
-					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, at.tabContainer, r && at.tabActive)
-				})
-			}, e.id);
-		})
-	});
-});
-var ot = ({ size: e = 20 }) => /* @__PURE__ */ W(y, {
+}), nt = ({ size: e = 20 }) => /* @__PURE__ */ U(y, {
 	variant: b.Circular,
 	width: e,
 	height: e,
 	active: !0
-}), st = ({ loadingLabel: e }) => /* @__PURE__ */ G("span", {
+}), rt = ({ loadingLabel: e }) => /* @__PURE__ */ W("span", {
 	className: "flex min-w-0 flex-1 items-center",
-	children: [/* @__PURE__ */ W(y, {
+	children: [/* @__PURE__ */ U(y, {
 		variant: b.Text,
 		width: "100%",
 		height: 16,
 		active: !0
-	}), e && /* @__PURE__ */ W("span", {
+	}), e && /* @__PURE__ */ U("span", {
 		className: "sr-only",
 		children: e
 	})]
-}), ct = ({ loadingLabel: e }) => /* @__PURE__ */ W("div", {
+}), it = ({ loadingLabel: e }) => /* @__PURE__ */ U("div", {
 	role: "status",
 	"aria-label": e,
-	children: Array.from({ length: 7 }).map((e, t) => /* @__PURE__ */ G("div", {
+	children: Array.from({ length: 7 }).map((e, t) => /* @__PURE__ */ W("div", {
 		className: "flex h-11 items-center gap-3 px-4",
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ W(ot, {}), /* @__PURE__ */ W(st, {})]
+		children: [/* @__PURE__ */ U(nt, {}), /* @__PURE__ */ U(rt, {})]
 	}, t))
-}), lt = (e) => e.displayName ?? e.id, ut = (e, t) => {
+}), at = (e) => e.displayName ?? e.id, ot = (e, t) => {
 	let n = t.trim().toLowerCase();
-	return n ? e.filter((e) => lt(e).toLowerCase().includes(n)) : e;
-}, dt = (e, t, r, i = 18, a) => /* @__PURE__ */ W(n, {
+	return n ? e.filter((e) => at(e).toLowerCase().includes(n)) : e;
+}, st = (e, t, r, i = 18, a) => /* @__PURE__ */ U(n, {
 	src: e,
 	size: i,
 	labels: { tooltip: a },
 	initialsName: r
-}), ft = {
-	searchHeader: "_searchHeader_3587a_1",
-	selectedItem: "_selectedItem_3587a_5"
-}, pt = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, searchHeaderClassName: i = ft.searchHeader, selectedItemClassName: a = ft.selectedItem }) => {
-	let [s, c] = H(""), l = B(() => e?.find((e) => e.id === t), [e, t]), d = r?.loading !== void 0, f = B(() => d ? /* @__PURE__ */ W(ot, { size: u.LG }) : dt(l?.iconUrl, l?.type, l?.displayName ?? l?.id ?? "", u.LG), [d, l]), p = l?.displayName ?? l?.id;
+}), ct = {
+	searchHeader: "_searchHeader_ibyso_1",
+	selectedItem: "_selectedItem_ibyso_5",
+	selectedItemCheck: "_selectedItemCheck_ibyso_9"
+}, lt = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, searchHeaderClassName: i = ct.searchHeader, selectedItemClassName: s = ct.selectedItem, selectedItemCheckClassName: c = ct.selectedItemCheck, colors: l }) => {
+	let [d, f] = V(""), p = z(() => e?.find((e) => e.id === t), [e, t]), m = r?.loading !== void 0, h = z(() => m ? /* @__PURE__ */ U(nt, { size: u.LG }) : st(p?.iconUrl, p?.type, p?.displayName ?? p?.id ?? "", u.LG), [m, p]), g = p?.displayName ?? p?.id;
 	return {
-		selectorIcon: f,
-		selectorAriaLabel: p ? `${r?.ariaLabel ?? "Select model"}: ${p}` : r?.ariaLabel ?? "Select model",
-		selectedLabel: p,
-		menuItems: B(() => {
-			if (d) return Array.from({ length: 7 }, (e, t) => ({
+		selectorIcon: h,
+		selectorAriaLabel: g ? `${r?.ariaLabel ?? "Select model"}: ${g}` : r?.ariaLabel ?? "Select model",
+		selectedLabel: g,
+		menuItems: z(() => {
+			if (m) return Array.from({ length: 7 }, (e, t) => ({
 				key: `__loading-${t}`,
-				icon: /* @__PURE__ */ W(ot, {}),
-				label: /* @__PURE__ */ W(st, { loadingLabel: t === 0 ? r?.loading : void 0 }),
+				icon: /* @__PURE__ */ U(nt, {}),
+				label: /* @__PURE__ */ U(rt, { loadingLabel: t === 0 ? r?.loading : void 0 }),
 				disabled: !0
 			}));
 			if (!e || e.length === 0) {
@@ -1107,54 +1058,64 @@ var ot = ({ size: e = 20 }) => /* @__PURE__ */ W(y, {
 					disabled: !0
 				}] : [];
 			}
-			return ut(e, s).map((e) => {
+			return ot(e, d).map((e) => {
 				let r = e.id === t;
 				return {
 					key: e.id,
-					label: /* @__PURE__ */ G("span", {
+					label: /* @__PURE__ */ W("span", {
 						className: "flex w-full items-center justify-between gap-2",
-						children: [/* @__PURE__ */ W(E, {
-							text: lt(e),
-							query: s,
+						style: a({ "--ms-selected-item-check": l?.selectedItemCheck }),
+						children: [/* @__PURE__ */ U(T, {
+							text: at(e),
+							query: d,
 							maxLines: 1
-						}), r && /* @__PURE__ */ W(it, { gradientId: "ms-check-grad" })]
+						}), r && /* @__PURE__ */ U(P, {
+							size: u.SM,
+							stroke: 2,
+							className: c,
+							"aria-hidden": !0
+						})]
 					}),
-					icon: dt(e.iconUrl, e.type, e.displayName ?? e.id),
+					icon: st(e.iconUrl, e.type, e.displayName ?? e.id),
 					onClick: () => n?.(e.id),
-					className: r ? a : void 0
+					className: r ? s : void 0
 				};
 			});
 		}, [
 			e,
+			m,
 			d,
-			s,
 			t,
 			r,
 			n,
-			a
+			s,
+			c,
+			l?.selectedItemCheck
 		]),
-		menuHeader: B(() => !d && e && e.length > 0 ? /* @__PURE__ */ W("div", {
+		menuHeader: z(() => !m && e && e.length > 0 ? /* @__PURE__ */ U("div", {
+			style: a({ "--ms-search-header-bg": l?.searchHeaderBackground }),
 			className: o("sticky top-0 z-10 pb-1 pe-2 pt-2", i),
-			children: /* @__PURE__ */ W(v, {
-				value: s,
+			children: /* @__PURE__ */ U(v, {
+				value: d,
 				placeholder: r?.searchPlaceholder ?? "Search",
-				size: w.Small,
+				size: C.Small,
 				wrapperClassName: "border-0",
-				onChange: c
+				onChange: f
 			})
 		}) : void 0, [
 			e,
+			m,
 			d,
-			s,
 			r,
-			i
+			i,
+			l?.searchHeaderBackground
 		]),
 		onOpenChange: (e) => {
-			e || c("");
+			e || f("");
 		}
 	};
-}, mt = typeof window < "u" ? pe : z;
-function ht(e) {
+}, ut = typeof window < "u" ? R : L;
+function dt(e) {
 	if (e !== void 0) switch (typeof e) {
 		case "number": return e;
 		case "string":
@@ -1162,15 +1123,15 @@ function ht(e) {
 			break;
 	}
 }
-function gt({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
-	let { styleHeight: s, styleWidth: c } = B(() => ({
-		styleHeight: ht(o?.height),
-		styleWidth: ht(o?.width)
-	}), [o?.height, o?.width]), [l, u] = H({
+function ft({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
+	let { styleHeight: s, styleWidth: c } = z(() => ({
+		styleHeight: dt(o?.height),
+		styleWidth: dt(o?.width)
+	}), [o?.height, o?.width]), [l, u] = V({
 		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 mt(() => {
+	return ut(() => {
 		if (i === null || d) return;
 		let t = new ResizeObserver((e) => {
 			for (let t of e) {
@@ -1190,7 +1151,7 @@ function gt({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 		i,
 		s,
 		c
-	]), B(() => ({
+	]), z(() => ({
 		height: s ?? l.height,
 		width: c ?? l.width
 	}), [
@@ -1199,26 +1160,26 @@ function gt({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 		c
 	]);
 }
-function _t(e) {
-	let t = V(() => {
+function pt(e) {
+	let t = B(() => {
 		throw Error("Cannot call during render.");
 	});
-	return mt(() => {
+	return ut(() => {
 		t.current = e;
-	}, [e]), R((e) => t.current?.(e), [t]);
+	}, [e]), I((e) => t.current?.(e), [t]);
 }
-var vt = null;
-function yt(e = !1) {
-	if (vt === null || e) {
+var mt = null;
+function ht(e = !1) {
+	if (mt === 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 ? vt = "positive-descending" : (e.scrollLeft = 1, vt = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), vt;
+		return r.width = "100px", r.height = "100px", e.appendChild(n), document.body.appendChild(e), e.scrollLeft > 0 ? mt = "positive-descending" : (e.scrollLeft = 1, mt = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), mt;
 	}
-	return vt;
+	return mt;
 }
-function bt({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
-	if (t === "horizontal" && n) switch (yt()) {
+function gt({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
+	if (t === "horizontal" && n) switch (ht()) {
 		case "negative": return -r;
 		case "positive-descending":
 			if (e) {
@@ -1229,26 +1190,26 @@ function bt({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
 	}
 	return r;
 }
-function Z(e, t = "Assertion error") {
+function Q(e, t = "Assertion error") {
 	if (!e) throw console.error(t), Error(t);
 }
-function Q(e, t) {
+function _t(e, t) {
 	if (e === t) return !0;
-	if (!!e != !!t || (Z(e !== void 0), Z(t !== void 0), Object.keys(e).length !== Object.keys(t).length)) return !1;
+	if (!!e != !!t || (Q(e !== void 0), Q(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 xt({ 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 Z(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
+		return Q(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
 	}
 }
-function St({ 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 = xt({
+	let s = vt({
 		cachedBounds: t,
 		itemCount: r,
 		itemSize: i
@@ -1260,7 +1221,7 @@ function St({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, co
 		default: return a >= u && a <= l ? a : a < u ? u : l;
 	}
 }
-function $({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCount: r, overscanCount: i }) {
+function bt({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCount: r, overscanCount: i }) {
 	let a = r - 1, o = 0, s = -1, c = 0, l = -1, u = 0;
 	for (; u < a;) {
 		let n = e.get(u);
@@ -1279,11 +1240,11 @@ function $({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCo
 		stopIndexOverscan: l
 	};
 }
-function Ct({ itemCount: e, itemProps: t, itemSize: n }) {
+function xt({ itemCount: e, itemProps: t, itemSize: n }) {
 	let r = /* @__PURE__ */ new Map();
 	return {
 		get(i) {
-			for (Z(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
+			for (Q(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
 				let e = r.size, a;
 				switch (typeof n) {
 					case "function":
@@ -1299,14 +1260,14 @@ function Ct({ itemCount: e, itemProps: t, itemSize: n }) {
 				});
 				else {
 					let t = r.get(e - 1);
-					Z(t !== void 0, `Unexpected bounds cache miss for index ${i}`), r.set(e, {
+					Q(t !== void 0, `Unexpected bounds cache miss for index ${i}`), r.set(e, {
 						scrollOffset: t.scrollOffset + t.size,
 						size: a
 					});
 				}
 			}
 			let a = r.get(i);
-			return Z(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
+			return Q(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
 		},
 		set(e, t) {
 			r.set(e, t);
@@ -1316,8 +1277,8 @@ function Ct({ itemCount: e, itemProps: t, itemSize: n }) {
 		}
 	};
 }
-function wt({ itemCount: e, itemProps: t, itemSize: n }) {
-	return B(() => Ct({
+function St({ itemCount: e, itemProps: t, itemSize: n }) {
+	return z(() => xt({
 		itemCount: e,
 		itemProps: t,
 		itemSize: n
@@ -1327,11 +1288,11 @@ function wt({ itemCount: e, itemProps: t, itemSize: n }) {
 		n
 	]);
 }
-function Tt({ containerSize: e, itemSize: t }) {
+function $({ containerSize: e, itemSize: t }) {
 	let n;
 	switch (typeof t) {
 		case "string":
-			Z(t.endsWith("%"), `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`), Z(e !== void 0, "Container size must be defined if a percentage item size is specified"), n = e * parseInt(t) / 100;
+			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;
 			break;
 		default:
 			n = t;
@@ -1339,21 +1300,21 @@ function Tt({ containerSize: e, itemSize: t }) {
 	}
 	return n;
 }
-function Et({ 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 } = gt({
+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 } = ft({
 		defaultHeight: r === "vertical" ? n : void 0,
 		defaultWidth: r === "horizontal" ? n : void 0,
 		element: e,
 		mode: r === "vertical" ? "only-height" : "only-width",
 		style: t
-	}), f = V({
+	}), f = B({
 		height: 0,
 		width: 0
-	}), p = r === "vertical" ? u : d, m = Tt({
+	}), p = r === "vertical" ? u : d, m = $({
 		containerSize: p,
 		itemSize: s
 	});
-	pe(() => {
+	R(() => {
 		if (typeof c == "function") {
 			let e = f.current;
 			(e.height !== u || e.width !== d) && (c({
@@ -1366,11 +1327,11 @@ function Et({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		c,
 		d
 	]);
-	let h = wt({
+	let h = St({
 		itemCount: a,
 		itemProps: o,
 		itemSize: m
-	}), g = R((e) => h.get(e), [h]), [_, v] = H(() => $({
+	}), g = I((e) => h.get(e), [h]), [_, v] = V(() => bt({
 		cachedBounds: h,
 		containerScrollOffset: 0,
 		containerSize: p,
@@ -1381,7 +1342,7 @@ function Et({ 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 = R(() => xt({
+	}, C = I(() => vt({
 		cachedBounds: h,
 		itemCount: a,
 		itemSize: m
@@ -1389,9 +1350,9 @@ function Et({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		h,
 		a,
 		m
-	]), w = R((t) => $({
+	]), w = I((t) => bt({
 		cachedBounds: h,
-		containerScrollOffset: bt({
+		containerScrollOffset: gt({
 			containerElement: e,
 			direction: r,
 			isRtl: i,
@@ -1409,19 +1370,19 @@ function Et({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		a,
 		l
 	]);
-	return mt(() => {
+	return ut(() => {
 		v(w((r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0));
 	}, [
 		e,
 		r,
 		w
-	]), mt(() => {
+	]), ut(() => {
 		if (!e) return;
 		let t = () => {
 			v((t) => {
-				let { scrollLeft: n, scrollTop: o } = e, s = $({
+				let { scrollLeft: n, scrollTop: o } = e, s = bt({
 					cachedBounds: h,
-					containerScrollOffset: bt({
+					containerScrollOffset: gt({
 						containerElement: e,
 						direction: r,
 						isRtl: i,
@@ -1431,7 +1392,7 @@ function Et({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 					itemCount: a,
 					overscanCount: l
 				});
-				return Q(s, t) ? t : s;
+				return _t(s, t) ? t : s;
 			});
 		};
 		return e.addEventListener("scroll", t), () => {
@@ -1447,8 +1408,8 @@ function Et({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 	]), {
 		getCellBounds: g,
 		getEstimatedSize: C,
-		scrollToIndex: _t(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
-			let s = St({
+		scrollToIndex: pt(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
+			let s = yt({
 				align: t,
 				cachedBounds: h,
 				containerScrollOffset: n,
@@ -1458,14 +1419,14 @@ function Et({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 				itemSize: m
 			});
 			if (e) {
-				if (s = bt({
+				if (s = gt({
 					containerElement: e,
 					direction: r,
 					isRtl: i,
 					scrollOffset: s
 				}), typeof e.scrollTo != "function") {
 					let e = w(s);
-					Q(_, e) || v(e);
+					_t(_, e) || v(e);
 				}
 				return s;
 			}
@@ -1476,30 +1437,30 @@ function Et({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		stopIndexVisible: x
 	};
 }
-function Dt(e) {
-	return B(() => e, Object.values(e));
+function wt(e) {
+	return z(() => e, Object.values(e));
 }
-function Ot(e, t) {
+function Tt(e, t) {
 	let { ariaAttributes: n, style: r, ...i } = e, { ariaAttributes: a, style: o, ...s } = t;
-	return Q(n, a) && Q(r, o) && Q(i, s);
+	return _t(n, a) && _t(r, o) && _t(i, s);
 }
-function kt(e) {
+function Et(e) {
 	return typeof e == "object" && !!e && "getAverageRowHeight" in e && typeof e.getAverageRowHeight == "function";
 }
-var At = "data-react-window-index";
-function jt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onResize: i, onRowsRendered: a, overscanCount: o = 3, rowComponent: s, rowCount: c, rowHeight: l, rowProps: u, tagName: d = "div", style: f, ...p }) {
-	let m = Dt(u), h = B(() => L(s, Ot), [s]), [g, _] = H(null), v = kt(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = Et({
+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 = z(() => fe(s, Tt), [s]), [g, _] = V(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: B(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
+		itemSize: z(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
 		onResize: i,
 		overscanCount: o
 	});
-	fe(r, () => ({
+	pe(r, () => ({
 		get element() {
 			return g;
 		},
@@ -1514,12 +1475,12 @@ function jt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 				top: r
 			});
 		}
-	}), [g, x]), mt(() => {
+	}), [g, x]), ut(() => {
 		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(At, n), !0;
+			return e.setAttribute(Dt, n), !0;
 		});
 		if (v) return l.observeRowElements(e);
 	}, [
@@ -1528,7 +1489,7 @@ function jt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		l,
 		S,
 		w
-	]), z(() => {
+	]), L(() => {
 		S >= 0 && w >= 0 && a && a({
 			startIndex: C,
 			stopIndex: T
@@ -1543,7 +1504,7 @@ function jt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		w,
 		T
 	]);
-	let E = B(() => {
+	let E = z(() => {
 		let e = [];
 		if (c > 0) for (let t = S; t <= w; t++) {
 			let n = y(t);
@@ -1574,7 +1535,7 @@ function jt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		m,
 		S,
 		w
-	]), D = /* @__PURE__ */ W("div", {
+	]), D = /* @__PURE__ */ U("div", {
 		"aria-hidden": !0,
 		style: {
 			height: b(),
@@ -1596,46 +1557,46 @@ function jt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		}
 	}, E, e, D);
 }
-var Mt = {
+var kt = {
 	divider: "_divider_f1dq4_1",
 	item: "_item_f1dq4_5",
 	itemIcon: "_itemIcon_f1dq4_15",
 	checkIcon: "_checkIcon_f1dq4_19",
 	stateLabel: "_stateLabel_f1dq4_23"
-}, Nt = 44, Pt = 8, Ft = ({ index: e, style: t, ariaAttributes: n, items: r, selectedDeploymentId: i, labelClassName: a, query: s, onSelect: c }) => {
-	let d = r[e], f = dt(d.iconUrl, d.type, d.displayName ?? d.id, u.SM), p = d.id === i;
-	return /* @__PURE__ */ W("div", {
+}, At = 44, jt = 8, Mt = ({ index: e, style: t, ariaAttributes: n, items: r, selectedDeploymentId: i, labelClassName: a, query: s, onSelect: c }) => {
+	let d = r[e], f = st(d.iconUrl, d.type, d.displayName ?? d.id, u.SM), p = d.id === i;
+	return /* @__PURE__ */ U("div", {
 		style: t,
 		...n,
-		children: /* @__PURE__ */ W(l, {
+		children: /* @__PURE__ */ U(l, {
 			type: "button",
-			className: o(Mt.item, "h-full w-full gap-3 px-4"),
-			iconBefore: /* @__PURE__ */ W("span", {
-				className: Mt.itemIcon,
+			className: o(kt.item, "h-full w-full gap-3 px-4"),
+			iconBefore: /* @__PURE__ */ U("span", {
+				className: kt.itemIcon,
 				children: f
 			}),
-			label: /* @__PURE__ */ G("span", {
+			label: /* @__PURE__ */ W("span", {
 				className: "flex flex-1 items-center justify-between gap-2",
-				children: [/* @__PURE__ */ W(E, {
+				children: [/* @__PURE__ */ U(T, {
 					text: d.displayName ?? d.id,
 					query: s,
 					maxLines: 1,
 					className: o(a, "min-w-0 flex-1 text-start")
-				}), p && /* @__PURE__ */ W(te, {
+				}), p && /* @__PURE__ */ U(P, {
 					size: u.SM,
-					className: Mt.checkIcon,
+					className: kt.checkIcon,
 					"aria-hidden": !0
 				})]
 			}),
 			onClick: () => c(d.id)
 		})
 	});
-}, It = ({ isOpen: e, title: t, closeLabel: n, searchPlaceholder: r = "Search", onClose: i, deployments: s, selectedDeploymentId: c, onSelect: l, loadingLabel: u, errorLabel: d, emptyLabel: f, style: p, titleClassName: m = "dial-body-semi-text", labelClassName: h = "dial-small-text", colors: g }) => {
-	let [_, y] = H("");
-	z(() => {
+}, Nt = ({ isOpen: e, title: t, closeLabel: n, searchPlaceholder: r = "Search", onClose: i, deployments: s, selectedDeploymentId: c, onSelect: l, loadingLabel: u, errorLabel: d, emptyLabel: f, style: p, titleClassName: m = "dial-body-semi-text", labelClassName: h = "dial-small-text", colors: g }) => {
+	let [_, y] = V("");
+	L(() => {
 		e || y("");
 	}, [e]);
-	let b = s && s.length > 0, x = u !== void 0, S = !b && !x ? d ?? f : void 0, C = b ? ut(s, _) : [], T = (e) => {
+	let b = s && s.length > 0, x = u !== void 0, S = !b && !x ? d ?? f : void 0, w = b ? ot(s, _) : [], T = (e) => {
 		l(e), i();
 	}, E = a({
 		"--ci-sheet-divider": g?.divider,
@@ -1645,7 +1606,7 @@ var Mt = {
 		"--ci-sheet-icon": g?.itemIcon,
 		"--ci-check-icon": g?.checkIcon
 	});
-	return /* @__PURE__ */ W(K, {
+	return /* @__PURE__ */ U(G, {
 		isOpen: e,
 		title: t,
 		closeLabel: n,
@@ -1654,30 +1615,30 @@ var Mt = {
 		titleClassName: m,
 		className: "max-h-[80dvh]",
 		colors: g?.shell,
-		children: /* @__PURE__ */ G("div", {
+		children: /* @__PURE__ */ W("div", {
 			className: "contents",
 			style: E,
-			children: [b && !x && /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("div", {
+			children: [b && !x && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("div", {
 				className: "flex-shrink-0 px-4 py-[10px]",
-				children: /* @__PURE__ */ W(v, {
+				children: /* @__PURE__ */ U(v, {
 					value: _,
 					placeholder: r,
-					size: w.Standard,
+					size: C.Standard,
 					onChange: y
 				})
-			}), /* @__PURE__ */ W("div", { className: o(Mt.divider, "h-px flex-shrink-0") })] }), x ? /* @__PURE__ */ W(ct, { loadingLabel: u }) : S ? /* @__PURE__ */ W("div", {
+			}), /* @__PURE__ */ U("div", { className: o(kt.divider, "h-px flex-shrink-0") })] }), x ? /* @__PURE__ */ U(it, { loadingLabel: u }) : S ? /* @__PURE__ */ U("div", {
 				role: "list",
-				className: o(Mt.stateLabel, h, "px-4 py-4"),
+				className: o(kt.stateLabel, h, "px-4 py-4"),
 				children: S
-			}) : /* @__PURE__ */ W(jt, {
+			}) : /* @__PURE__ */ U(Ot, {
 				role: "list",
 				className: "overflow-y-auto",
-				style: { height: Math.min(C.length, Pt) * Nt },
-				rowComponent: Ft,
-				rowCount: C.length,
-				rowHeight: Nt,
+				style: { height: Math.min(w.length, jt) * At },
+				rowComponent: Mt,
+				rowCount: w.length,
+				rowHeight: At,
 				rowProps: {
-					items: C,
+					items: w,
 					selectedDeploymentId: c,
 					labelClassName: h,
 					query: _,
@@ -1686,23 +1647,23 @@ var Mt = {
 			})]
 		})
 	});
-}, Lt = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, isStreaming: i, isMobile: a, isInputDisabled: s = !1, isDisabled: c = !1, style: l, modelPickerOverlay: d, isPickerOpen: m, onPickerToggle: h, onPickerOpenChange: g }) => {
-	let [_, v] = H(!1), { selectorIcon: y, selectorAriaLabel: b, selectedLabel: x, menuItems: S, menuHeader: E, onOpenChange: D } = pt({
+}, Pt = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, isStreaming: i, isMobile: a, isInputDisabled: s = !1, isDisabled: c = !1, style: l, modelPickerOverlay: d, isPickerOpen: m, onPickerToggle: h, onPickerOpenChange: g }) => {
+	let [_, v] = V(!1), { selectorIcon: y, selectorAriaLabel: b, selectedLabel: x, menuItems: T, menuHeader: E, onOpenChange: D } = lt({
 		deployments: e,
 		selectedDeploymentId: t,
 		onDeploymentChange: n,
 		modelSelectorLabels: r
 	});
 	if (!e) return null;
-	let O = i || c ? "pointer-events-none opacity-50 cursor-not-allowed" : void 0, k = /* @__PURE__ */ W(P, {
+	let O = i || c ? "pointer-events-none opacity-50 cursor-not-allowed" : void 0, k = /* @__PURE__ */ U(ee, {
 		size: u.SM,
 		className: Y.modelSelectorCaret,
 		"aria-hidden": !0
 	});
-	return a ? /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(C, {
+	return a ? /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(S, {
 		tooltip: x,
-		children: /* @__PURE__ */ W(T, {
-			icon: /* @__PURE__ */ G("div", {
+		children: /* @__PURE__ */ U(w, {
+			icon: /* @__PURE__ */ W("div", {
 				className: "flex items-center gap-1",
 				children: [y, k]
 			}),
@@ -1712,14 +1673,14 @@ var Mt = {
 			},
 			className: o(Y.modelSelectorButton, O)
 		})
-	}), d ? /* @__PURE__ */ W(K, {
+	}), d ? /* @__PURE__ */ U(G, {
 		isOpen: _,
 		title: r?.ariaLabel ?? "Select model",
 		closeLabel: r?.closeLabel ?? "Close",
 		onClose: () => v(!1),
 		style: l,
 		children: d(() => v(!1))
-	}) : /* @__PURE__ */ W(It, {
+	}) : /* @__PURE__ */ U(Nt, {
 		isOpen: _,
 		title: r?.ariaLabel ?? "Select model",
 		closeLabel: r?.closeLabel ?? "Close",
@@ -1732,7 +1693,7 @@ var Mt = {
 		errorLabel: r?.error,
 		emptyLabel: r?.empty,
 		style: l
-	})] }) : d ? /* @__PURE__ */ W(f, {
+	})] }) : d ? /* @__PURE__ */ U(f, {
 		placement: "top-end",
 		matchReferenceWidth: !1,
 		open: m,
@@ -1741,9 +1702,9 @@ var Mt = {
 		outsideClosable: !0,
 		renderOverlay: () => d(() => g?.(!1)),
 		listClassName: "cp-dropdown-overlay !w-[320px]",
-		children: /* @__PURE__ */ W(C, {
+		children: /* @__PURE__ */ U(S, {
 			tooltip: x,
-			children: /* @__PURE__ */ G("button", {
+			children: /* @__PURE__ */ W("button", {
 				type: "button",
 				"aria-label": b,
 				className: o("flex items-center justify-center gap-1 rounded-full p-2", Y.modelSelectorButton, s || i || c ? O : void 0, (s || c) && Y.modelSelectorButtonDisabled),
@@ -1753,29 +1714,29 @@ var Mt = {
 				children: [y, k]
 			})
 		})
-	}) : /* @__PURE__ */ W("div", {
+	}) : /* @__PURE__ */ U("div", {
 		className: o(c && O),
 		"aria-disabled": c || void 0,
-		children: /* @__PURE__ */ W(C, {
+		children: /* @__PURE__ */ U(S, {
 			tooltip: x,
-			children: /* @__PURE__ */ W(p, {
+			children: /* @__PURE__ */ U(p, {
 				icon: y,
 				ariaLabel: b,
-				items: S,
+				items: T,
 				menuHeader: E,
 				placement: "bottom-end",
 				matchReferenceWidth: !1,
 				listClassName: "cp-dropdown-overlay !w-[240px] !max-h-80",
 				onOpenChange: c ? void 0 : D,
-				size: w.Standard,
+				size: C.Standard,
 				caretIcon: k,
 				iconClassName: s || c ? O : void 0,
 				buttonClassName: o("bg-transparent", Y.modelSelectorButton, (s || c) && O && Y.modelSelectorButtonDisabled)
 			})
 		})
 	});
-}, Rt = 160, zt = ({ message: e = "", messageRevision: t, onSend: n, onUploadAttachment: r, onStop: i, isStreaming: l = !1, onChange: d, onAttachmentsChange: f, placeholder: p = "Type a message...", ariaLabel: m, attachLabel: h = "Attach file", fileAccept: g, addMenuTitle: _ = "Add", menuTitle: v = "Menu", menuCloseLabel: y = "Close", removeLabel: b, retryLabel: x, sendLabel: S, stopLabel: C, micLabel: w = "Record voice message", stopRecordingLabel: T, discardRecordingLabel: E, timerAriaLabel: D, colors: O, typography: k, className: A, pendingDropFiles: j = [], onDropFilesConsumed: N, pendingAttachments: ee = [], onPendingAttachmentsConsumed: te, pasteTextThreshold: P = 4e3, deployments: F, selectedDeploymentId: ie, onDeploymentChange: ae, modelSelectorLabels: oe, initialAttachments: I = [], isStacked: se = !1, hideAddButton: ce = !1, hideAttachFile: le = !1, hideActionBar: ue = !1, renderFooterActions: de, isInputDisabled: L = !1, isModelSelectorDisabled: z = !1, isSendDisabled: fe = !1, isAudioMessageSupported: pe = !1, sendOnEnter: me = Ie.Enter, prefixAttachments: he = [], onRemovePrefixAttachment: ge, chatSettings: ve, toolsMenuItems: ye, onToolToggle: be, toolsMenuTitle: xe, toolsBackLabel: Ce, toolsChipLabels: we, autoFocus: K = !1, messageHistory: Te, onDialFileSystemClick: Oe, dialFileSystemLabel: ke, validateAttachment: Me, onAttachmentClick: Ne, modelPickerOverlay: Pe, maximumAttachmentsAmount: Le, onAttachmentsLimitExceeded: Re, isAttachmentsEnabled: ze = !0, usageLimitsSlot: Be, onMessageTooLong: Ve }) => {
-	let He = s(), [Ue, We] = H(!1), Ge = Ae(Te), Ke = B(() => a({
+}, Ft = 160, It = ({ message: e = "", messageRevision: t, onSend: n, onUploadAttachment: r, onStop: i, isStreaming: l = !1, onChange: d, onAttachmentsChange: f, placeholder: p = "Type a message...", ariaLabel: m, attachLabel: h = "Attach file", fileAccept: g, addMenuTitle: _ = "Add", menuTitle: v = "Menu", menuCloseLabel: y = "Close", removeLabel: b, retryLabel: x, sendLabel: S, stopLabel: C, micLabel: w = "Record voice message", stopRecordingLabel: T, discardRecordingLabel: E, timerAriaLabel: D, colors: O, typography: k, className: A, pendingDropFiles: M = [], onDropFilesConsumed: N, pendingAttachments: P = [], onPendingAttachmentsConsumed: ee, pasteTextThreshold: F = 4e3, deployments: re, selectedDeploymentId: ie, onDeploymentChange: ae, modelSelectorLabels: oe, initialAttachments: se = [], isStacked: ce = !1, hideAddButton: le = !1, hideAttachFile: ue = !1, hideActionBar: de = !1, renderFooterActions: fe, isInputDisabled: L = !1, isModelSelectorDisabled: pe = !1, isSendDisabled: R = !1, isAudioMessageSupported: me = !1, sendOnEnter: he = Ie.Enter, prefixAttachments: ge = [], onRemovePrefixAttachment: ve, chatSettings: ye, toolsMenuItems: be, onToolToggle: xe, toolsMenuTitle: Ce, toolsBackLabel: we, toolsChipLabels: G, autoFocus: Te = !1, messageHistory: Oe, onDialFileSystemClick: ke, dialFileSystemLabel: Me, validateAttachment: Ne, onAttachmentClick: Pe, modelPickerOverlay: Le, maximumAttachmentsAmount: Re, onAttachmentsLimitExceeded: ze, isAttachmentsEnabled: Be = !0, usageLimitsSlot: Ve, onMessageTooLong: He }) => {
+	let Ue = s(), [We, Ge] = V(!1), Ke = Ae(Oe), K = z(() => a({
 		"--ci-bg": O?.background,
 		"--ci-text": O?.text,
 		"--ci-border": O?.border,
@@ -1788,133 +1749,133 @@ var Mt = {
 		"--ci-voice-error": O?.voiceError,
 		"--ci-voice-waveform": O?.voiceWaveform,
 		"--ci-voice-accent": O?.voiceAccent
-	}), [O]), qe = B(() => Oe ? [{
+	}), [O]), q = z(() => ke ? [{
 		key: "dial-fs",
-		label: ke ?? "DIAL file system",
-		icon: /* @__PURE__ */ W(ne, {
+		label: Me ?? "DIAL file system",
+		icon: /* @__PURE__ */ U(te, {
 			size: c,
 			"aria-hidden": !0
 		}),
-		onClick: Oe
-	}] : [], [Oe, ke]), { message: q, setMessage: J, textareaRef: Ye, isMultiLine: Ze } = je({
+		onClick: ke
+	}] : [], [ke, Me]), { message: J, setMessage: Je, textareaRef: Xe, isMultiLine: Ze } = je({
 		messageProp: e,
 		messageRevision: t
-	}), { attachments: Qe, buildAttachments: $e, addAttachments: X, resetAttachments: et, handleRemove: it, handleRetry: at, handleExpand: ot, hasBlockedAttachments: st } = Ee({
-		initialAttachments: I,
+	}), { attachments: X, buildAttachments: Z, addAttachments: Qe, resetAttachments: nt, handleRemove: rt, handleRetry: it, handleExpand: at, hasBlockedAttachments: ot } = Ee({
+		initialAttachments: se,
 		onUploadAttachment: r,
 		onAttachmentsChange: f,
-		validateAttachment: Me,
-		pendingDropFiles: j,
+		validateAttachment: Ne,
+		pendingDropFiles: M,
 		onDropFilesConsumed: N,
-		pendingAttachments: ee,
-		onPendingAttachmentsConsumed: te,
-		onExpandPastedText: R((e) => {
-			J((t) => t ? `${t}\n${e}` : e);
-		}, [J]),
-		maximumAttachmentsAmount: Le,
-		baseAttachmentsAmount: he.length,
-		onAttachmentsLimitExceeded: Re
-	}), { state: ct, analyserNodeRef: lt, elapsedSeconds: ut, errorMessage: dt, startRecording: ft, stopRecording: pt, discardRecording: mt } = Fe({ onAttachAudio: R((e) => {
-		X($e([e]));
-	}, [X, $e]) }), ht = V(null), gt = V(null), { handlePaste: _t } = Se(X, ze ? P : Infinity), vt = R((e) => {
-		if (!ze) {
+		pendingAttachments: P,
+		onPendingAttachmentsConsumed: ee,
+		onExpandPastedText: I((e) => {
+			Je((t) => t ? `${t}\n${e}` : e);
+		}, [Je]),
+		maximumAttachmentsAmount: Re,
+		baseAttachmentsAmount: ge.length,
+		onAttachmentsLimitExceeded: ze
+	}), { state: st, analyserNodeRef: ct, elapsedSeconds: lt, errorMessage: ut, startRecording: dt, stopRecording: ft, discardRecording: pt } = Fe({ onAttachAudio: I((e) => {
+		Qe(Z([e]));
+	}, [Qe, Z]) }), mt = B(null), ht = B(null), { handlePaste: gt } = Se(Qe, Be ? F : Infinity), Q = I((e) => {
+		if (!Be) {
 			let t = e.clipboardData.getData("text/plain");
-			t.length >= P && Ve?.(t.length, P);
+			t.length >= F && He?.(t.length, F);
 		}
-		_t(e);
+		gt(e);
 	}, [
-		ze,
-		P,
-		Ve,
-		_t
-	]), yt = q.trim().length > 0 || Qe.length > 0, bt = yt && !st && !fe, { shouldRender: Z, isExiting: Q, instanceKey: xt } = De(!l && yt, Rt), St = (ye?.some((e) => e.isSelected) ?? !1) && be != null, $ = se || q.includes("\n") || Ze || St, Ct = F === void 0 || ie != null, wt = B(() => pe && !Q && !l, [
-		pe,
-		Q,
+		Be,
+		F,
+		He,
+		gt
+	]), _t = J.trim().length > 0 || X.length > 0, vt = _t && !ot && !R, { shouldRender: yt, isExiting: bt, instanceKey: xt } = De(!l && _t, Ft), St = (be?.some((e) => e.isSelected) ?? !1) && xe != null, $ = ce || J.includes("\n") || Ze || St, Ct = re === void 0 || ie != null, wt = z(() => me && !bt && !l, [
+		me,
+		bt,
 		l
 	]), Tt = async () => {
-		if (fe) return;
-		if (!ze && q.length >= P) {
-			Ve?.(q.length, P);
+		if (R) return;
+		if (!Be && J.length >= F) {
+			He?.(J.length, F);
 			return;
 		}
-		let e = q, t = Qe;
-		J(""), Ge.reset();
+		let e = J, t = X;
+		Je(""), Ke.reset();
 		try {
 			await n?.(e, t), t.forEach((e) => {
 				e.previewUrl && URL.revokeObjectURL(e.previewUrl), e.playUrl && URL.revokeObjectURL(e.playUrl);
-			}), et([]);
+			}), nt([]);
 		} catch {
-			J(e), et(t);
+			Je(e), nt(t);
 		}
 	}, Et = (e) => {
 		if (!e.nativeEvent.isComposing && !L && !l && (e.key === "ArrowUp" || e.key === "ArrowDown")) {
-			let t = e.currentTarget.selectionStart ?? 0, n = Ge.navigate(e.key === "ArrowUp" ? "up" : "down", q, t);
+			let t = e.currentTarget.selectionStart ?? 0, n = Ke.navigate(e.key === "ArrowUp" ? "up" : "down", J, t);
 			if (n !== null) {
-				e.preventDefault(), J(n);
+				e.preventDefault(), Je(n);
 				return;
 			}
 		}
-		e.key === "Enter" && (me === Ie.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey) && (e.preventDefault(), !l && bt && Ct && !L && Tt());
+		e.key === "Enter" && (he === Ie.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey) && (e.preventDefault(), !l && vt && Ct && !L && Tt());
 	}, Dt = (e) => {
 		let t = Array.from(e.target.files ?? []);
 		if (t.length === 0) return;
-		let n = $e(t);
-		e.target.value = "", X(n);
+		let n = Z(t);
+		e.target.value = "", Qe(n);
 	};
-	if (ct !== "idle") return /* @__PURE__ */ W(tt, {
-		state: ct,
-		analyserNodeRef: lt,
-		elapsedSeconds: ut,
-		errorMessage: dt,
-		onStop: pt,
-		onDiscard: mt,
+	if (st !== "idle") return /* @__PURE__ */ U($e, {
+		state: st,
+		analyserNodeRef: ct,
+		elapsedSeconds: lt,
+		errorMessage: ut,
+		onStop: ft,
+		onDiscard: pt,
 		stopLabel: T,
 		discardLabel: E,
 		timerLabel: D,
-		style: Ke,
+		style: K,
 		className: A
 	});
-	let Ot = /* @__PURE__ */ W("textarea", {
+	let Ot = /* @__PURE__ */ U("textarea", {
 		className: o(Y.textarea, k?.fontClassName || "dial-body-paragraph-text", "max-h-[272px] w-full resize-none overflow-y-auto border-0 bg-transparent outline-none [field-sizing:content]"),
-		ref: Ye,
-		autoFocus: K,
-		value: q,
+		ref: Xe,
+		autoFocus: Te,
+		value: J,
 		onChange: (e) => {
-			J(e.target.value), Ge.notifyChange(), d?.(e.target.value);
+			Je(e.target.value), Ke.notifyChange(), d?.(e.target.value);
 		},
 		onKeyDown: Et,
-		onPaste: vt,
+		onPaste: Q,
 		placeholder: p,
 		"aria-label": m,
 		disabled: L,
 		rows: 1
 	});
-	return /* @__PURE__ */ G("div", {
-		ref: gt,
-		style: Ke,
-		className: o(Y.wrapper, L && Y.wrapperDisabled, "flex min-h-[64px] w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border shadow-md", Qe.length > 6 ? "py-3 ps-3" : "p-3", A),
-		children: [(he.length > 0 || Qe.length > 0) && /* @__PURE__ */ W(_e, {
-			attachments: [...he, ...Qe],
+	return /* @__PURE__ */ W("div", {
+		ref: ht,
+		style: K,
+		className: o(Y.wrapper, L && Y.wrapperDisabled, "flex min-h-[64px] w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border shadow-md", X.length > 6 ? "py-3 ps-3" : "p-3", A),
+		children: [(ge.length > 0 || X.length > 0) && /* @__PURE__ */ U(_e, {
+			attachments: [...ge, ...X],
 			onRemove: (e) => {
-				he.some((t) => t.id === e) ? ge?.(e) : it(e);
+				ge.some((t) => t.id === e) ? ve?.(e) : rt(e);
 			},
-			onRetry: at,
-			onExpand: ot,
+			onRetry: it,
+			onExpand: at,
 			labels: {
 				removeLabel: b,
 				retryLabel: x
 			},
-			onAttachmentClick: Ne == null ? void 0 : (e) => {
-				let t = [...he, ...Qe].find((t) => t.id === e);
-				t != null && Ne(t);
+			onAttachmentClick: Pe == null ? void 0 : (e) => {
+				let t = [...ge, ...X].find((t) => t.id === e);
+				t != null && Pe(t);
 			}
-		}), ue ? $ && Ot : /* @__PURE__ */ G("div", {
+		}), de ? $ && Ot : /* @__PURE__ */ W("div", {
 			className: o("flex items-center gap-2", $ ? "flex-wrap" : "flex-wrap desktop:flex-nowrap"),
 			children: [
-				!ce && /* @__PURE__ */ G("div", {
+				!le && /* @__PURE__ */ W("div", {
 					className: o("flex", "order-2", !$ && "desktop:order-1"),
-					children: [/* @__PURE__ */ W("input", {
-						ref: ht,
+					children: [/* @__PURE__ */ U("input", {
+						ref: mt,
 						type: "file",
 						multiple: !0,
 						accept: g,
@@ -1922,92 +1883,92 @@ var Mt = {
 						"aria-hidden": !0,
 						tabIndex: -1,
 						onChange: Dt
-					}), /* @__PURE__ */ W(Je, {
-						onAttachClick: le ? void 0 : () => ht.current?.click(),
+					}), /* @__PURE__ */ U(qe, {
+						onAttachClick: ue ? void 0 : () => mt.current?.click(),
 						attachLabel: h,
 						addMenuTitle: _,
 						menuTitle: v,
 						menuCloseLabel: y,
-						style: Ke,
+						style: K,
 						isDisabled: L,
-						chatSettings: ve,
-						extraMenuItems: qe,
-						toolsMenuItems: ye,
-						onToolToggle: be,
-						toolsMenuTitle: xe,
-						toolsBackLabel: Ce
+						chatSettings: ye,
+						extraMenuItems: q,
+						toolsMenuItems: be,
+						onToolToggle: xe,
+						toolsMenuTitle: Ce,
+						toolsBackLabel: we
 					})]
 				}),
-				$ && St && /* @__PURE__ */ W("div", {
+				$ && St && /* @__PURE__ */ U("div", {
 					className: "order-3 min-w-0 flex-1",
-					children: /* @__PURE__ */ W(Xe, {
-						items: ye ?? [],
-						onToolToggle: be,
-						isMobile: He,
-						countLabel: we?.countLabel,
-						removeLabel: we?.removeLabel
+					children: /* @__PURE__ */ U(Ye, {
+						items: be ?? [],
+						onToolToggle: xe,
+						isMobile: Ue,
+						countLabel: G?.countLabel,
+						removeLabel: G?.removeLabel
 					})
 				}),
-				/* @__PURE__ */ W("div", {
+				/* @__PURE__ */ U("div", {
 					className: o("order-1 flex w-full min-w-0 items-center self-stretch", !$ && "desktop:order-2 desktop:w-auto desktop:flex-1"),
 					children: Ot
 				}),
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ W("div", {
 					className: o("flex flex-shrink-0 items-center gap-2", $ && St ? "order-4" : "order-3", "ms-auto", !$ && "desktop:ms-0"),
-					children: [de ? de({
-						canSend: bt,
+					children: [fe ? fe({
+						canSend: vt,
 						onSend: Tt
-					}) : /* @__PURE__ */ G(U, { children: [
-						Be,
-						/* @__PURE__ */ W(Lt, {
-							deployments: F,
+					}) : /* @__PURE__ */ W(H, { children: [
+						Ve,
+						/* @__PURE__ */ U(Pt, {
+							deployments: re,
 							selectedDeploymentId: ie,
 							onDeploymentChange: ae,
 							modelSelectorLabels: oe,
 							isStreaming: l,
-							isMobile: He,
+							isMobile: Ue,
 							isInputDisabled: L,
-							isDisabled: z,
-							style: Ke,
-							modelPickerOverlay: Pe,
-							isPickerOpen: Ue,
-							onPickerToggle: () => We((e) => !e),
-							onPickerOpenChange: We
+							isDisabled: pe,
+							style: K,
+							modelPickerOverlay: Le,
+							isPickerOpen: We,
+							onPickerToggle: () => Ge((e) => !e),
+							onPickerOpenChange: Ge
 						}),
-						l && i ? /* @__PURE__ */ W(rt, {
+						l && i ? /* @__PURE__ */ U(tt, {
 							onStop: i,
 							ariaLabel: C
-						}) : !l && Z && /* @__PURE__ */ W(nt, {
+						}) : !l && yt && /* @__PURE__ */ U(et, {
 							onSend: Tt,
-							isDisabled: !Ct || st || fe,
+							isDisabled: !Ct || ot || R,
 							ariaLabel: S,
-							isExiting: Q
+							isExiting: bt
 						}, xt)
-					] }), wt && /* @__PURE__ */ W(M, {
-						icon: /* @__PURE__ */ W(re, {
+					] }), wt && /* @__PURE__ */ U(j, {
+						icon: /* @__PURE__ */ U(ne, {
 							size: u.LG,
 							"aria-hidden": !0
 						}),
 						"aria-label": w,
 						className: "size-8 flex-shrink-0",
-						onClick: ft,
+						onClick: dt,
 						disabled: L || l
 					})]
 				})
 			]
 		})]
 	});
-}, Bt = { welcome: "_welcome_n2ph8_1" }, Vt = ({ 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__ */ G("div", {
+	return /* @__PURE__ */ W("div", {
 		style: a({ "--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__ */ W("h1", {
-			className: o(Bt.welcome, "m-0 text-center", d?.welcomeClassName || "dial-display2-text"),
+		children: [n && /* @__PURE__ */ U("h1", {
+			className: o(Lt.welcome, "m-0 text-center", d?.welcomeClassName || "dial-display2-text"),
 			children: n
-		}), /* @__PURE__ */ W("div", {
+		}), /* @__PURE__ */ U("div", {
 			className: "relative w-full max-w-[748px]",
-			children: /* @__PURE__ */ W(zt, {
+			children: /* @__PURE__ */ U(It, {
 				placeholder: t,
 				isStreaming: e,
 				isInputDisabled: c,
@@ -2018,53 +1979,53 @@ var Mt = {
 			})
 		})]
 	});
-}, Ht = ({ 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: O, pendingAttachments: A, onPendingAttachmentsConsumed: j, onAttachmentClick: M, pasteTextThreshold: N, onMessageTooLong: ee }) => {
-	let te = V(null), [P, F] = H([]);
-	z(() => {
-		v?.length && (F(v), y?.());
+}, 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: D, dialFileSystemLabel: k, pendingAttachments: A, onPendingAttachmentsConsumed: j, onAttachmentClick: M, pasteTextThreshold: N, onMessageTooLong: P }) => {
+	let ee = B(null), [F, ne] = V([]);
+	L(() => {
+		v?.length && (ne(v), y?.());
 	}, [v, y]);
-	let [re, ie] = H(e ?? ""), [ae, oe] = H([]), [I, se] = H(t), ce = ae.some((e) => e.status === r.Loading || e.status === r.Error), le = (re.trim().length > 0 || ae.length > 0 || I.length > 0) && !ce, ue = (e) => {
-		se((t) => t.filter((t) => t.id !== e));
-	}, de = R((e, t) => {
-		i(e, I, t);
-	}, [I, i]), L = () => {
-		if (le) {
+	let [re, ie] = V(e ?? ""), [ae, oe] = V([]), [se, ce] = V(t), le = ae.some((e) => e.status === r.Loading || e.status === r.Error), ue = (re.trim().length > 0 || ae.length > 0 || se.length > 0) && !le, de = (e) => {
+		ce((t) => t.filter((t) => t.id !== e));
+	}, fe = I((e, t) => {
+		i(e, se, t);
+	}, [se, i]), pe = () => {
+		if (ue) {
 			if (!x && re.length >= (N ?? 4e3)) {
-				ee?.(re.length, N ?? 4e3);
+				P?.(re.length, N ?? 4e3);
 				return;
 			}
-			de(re, ae);
+			fe(re, ae);
 		}
-	}, fe = R(() => F([]), []), pe = R((e) => {
+	}, R = I(() => ne([]), []), me = I((e) => {
 		let t = Array.from(e.target.files ?? []);
-		t.length !== 0 && (e.target.value = "", F(t));
-	}, []), me = B(() => E ? [{
+		t.length !== 0 && (e.target.value = "", ne(t));
+	}, []), he = z(() => D ? [{
 		key: "dial-fs",
-		label: O ?? "DIAL file system",
-		icon: /* @__PURE__ */ W(ne, {
+		label: k ?? "DIAL file system",
+		icon: /* @__PURE__ */ U(te, {
 			size: c,
 			"aria-hidden": !0
 		}),
-		onClick: E
-	}] : [], [E, O]);
-	return /* @__PURE__ */ G("div", {
+		onClick: D
+	}] : [], [D, k]);
+	return /* @__PURE__ */ W("div", {
 		className: o("flex w-full flex-col gap-2", _),
-		children: [/* @__PURE__ */ W(zt, {
+		children: [/* @__PURE__ */ U(It, {
 			message: e,
 			ariaLabel: u,
 			isStacked: !0,
 			hideActionBar: !0,
-			pendingDropFiles: P,
-			onDropFilesConsumed: fe,
-			onSend: de,
+			pendingDropFiles: F,
+			onDropFilesConsumed: R,
+			onSend: fe,
 			onUploadAttachment: a,
 			onChange: ie,
 			onAttachmentsChange: oe,
 			removeLabel: d,
 			retryLabel: f,
 			className: "max-w-full",
-			prefixAttachments: I,
-			onRemovePrefixAttachment: ue,
+			prefixAttachments: se,
+			onRemovePrefixAttachment: de,
 			validateAttachment: b,
 			isAttachmentsEnabled: x,
 			maximumAttachmentsAmount: w,
@@ -2073,41 +2034,41 @@ var Mt = {
 			onPendingAttachmentsConsumed: j,
 			onAttachmentClick: M,
 			pasteTextThreshold: N,
-			onMessageTooLong: ee
-		}), /* @__PURE__ */ G("div", {
+			onMessageTooLong: P
+		}), /* @__PURE__ */ W("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ W("div", {
+			children: [/* @__PURE__ */ U("div", {
 				className: "flex",
-				children: !S && /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("input", {
-					ref: te,
+				children: !S && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("input", {
+					ref: ee,
 					type: "file",
 					multiple: !0,
 					accept: C,
 					className: "sr-only",
 					"aria-hidden": !0,
 					tabIndex: -1,
-					onChange: pe
-				}), /* @__PURE__ */ W(Je, {
-					onAttachClick: () => te.current?.click(),
+					onChange: me
+				}), /* @__PURE__ */ U(qe, {
+					onAttachClick: () => ee.current?.click(),
 					attachLabel: m,
 					addMenuTitle: p,
 					menuTitle: h,
 					menuCloseLabel: g,
-					extraMenuItems: me
+					extraMenuItems: he
 				})] })
-			}), /* @__PURE__ */ G("div", {
+			}), /* @__PURE__ */ W("div", {
 				className: "flex gap-2",
-				children: [/* @__PURE__ */ W(D, {
+				children: [/* @__PURE__ */ U(E, {
 					label: s,
 					onClick: n
-				}), /* @__PURE__ */ W(k, {
+				}), /* @__PURE__ */ U(O, {
 					label: l,
-					onClick: L,
-					disabled: !le
+					onClick: pe,
+					disabled: !ue
 				})]
 			})]
 		})]
 	});
 };
 //#endregion
-export { me as AttachmentCard, he as AttachmentGroup, ge as AttachmentTray, K as BottomSheetShell, We as ChatSettingsModal, Vt as ConversationInput, Ht as EditMessageInput, ve as FileDndOverlay, zt as Input, Ie as SendOnEnter, xe as getAttachmentIcon };
+export { me as AttachmentCard, he as AttachmentGroup, ge as AttachmentTray, G as BottomSheetShell, We as ChatSettingsModal, Rt as ConversationInput, zt as EditMessageInput, ve as FileDndOverlay, It as Input, Ie as SendOnEnter, xe as getAttachmentIcon };