@epam/ai-dial-conversation-input 1.1.0-dev.297 → 1.1.0-dev.299

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, CloseButton as u, DIAL_ICON_SIZE as d, DialDropdownIcon as f, Dropdown as p, ElementSize as m, ErrorText as h, GhostIconButton as g, Highlight as _, NeutralButton as v, Popup as y, PopupSize as b, PrimaryButton as x, PrimaryIconButton as S, RadioGroup as C, RadioGroupOrientation as w, Search as T, Skeleton as E, SkeletonVariant as D, Slider as O, StaticIconButton as k, Textarea as ee, Tooltip as A } from "@epam/ai-dial-ui-kit";
-import { IconArrowLeft as te, IconArrowNarrowRight as ne, IconCheck as j, IconChevronDown as re, IconChevronRight as M, IconFile as ie, IconMicrophone as ae, IconPaperclip as oe, IconPlayerStopFilled as N, IconPlaystationSquare as P, IconPlus as se, IconPrompt as ce, IconSettings as le, IconTool as ue, IconX as de } from "@tabler/icons-react";
+import { BASE_ICON_SIZE as c, Button as l, CloseButton as u, DIAL_ICON_SIZE as d, DIAL_KIT_ICON_STROKE as f, DialDropdownIcon as p, Dropdown as m, ElementSize as h, ErrorText as g, GhostIconButton as _, Highlight as v, NeutralButton as y, Popup as b, PopupSize as x, PrimaryButton as S, PrimaryIconButton as C, RadioGroup as w, RadioGroupOrientation as T, Search as E, Skeleton as D, SkeletonVariant as O, Slider as k, StaticIconButton as A, Textarea as ee, Tooltip as j } from "@epam/ai-dial-ui-kit";
+import { IconArrowLeft as te, IconArrowNarrowRight as ne, IconCheck as M, IconChevronDown as re, IconChevronRight as N, IconFile as ie, IconMicrophone as ae, IconPaperclip as oe, IconPlayerStopFilled as P, IconPlaystationSquare as F, IconPlus as se, IconPrompt as ce, IconSettings as le, IconTool as ue, IconX as de } from "@tabler/icons-react";
 import { createPortal as fe } from "react-dom";
-import { createElement as F, memo as I, useCallback as L, useEffect as R, useImperativeHandle as pe, useLayoutEffect as me, 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 { createElement as I, memo as L, useCallback as R, useEffect as z, useImperativeHandle as pe, useLayoutEffect as me, 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 { AttachmentTray as he, MAX_UPLOADS_PER_MINUTE as ge, generateAttachmentId as _e, useClipboardPaste as ve } from "@epam/ai-dial-attachment-input";
 //#region src/hooks/useBottomSheet.ts
 var ye = (e, t) => {
-	R(() => {
+	z(() => {
 		if (!e) return;
 		let n = (e) => {
 			e.key === "Escape" && t();
 		};
 		return window.addEventListener("keydown", n), () => window.removeEventListener("keydown", n);
-	}, [e, t]), R(() => {
+	}, [e, t]), z(() => {
 		if (e) return document.body.style.overflow = "hidden", () => {
 			document.body.style.overflow = "";
 		};
@@ -24,59 +24,59 @@ var ye = (e, t) => {
 	"slide-up": "_slide-up_1d50f_1",
 	title: "_title_1d50f_18",
 	divider: "_divider_1d50f_22"
-}, 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: h, children: _ }) => {
+}, K = ({ isOpen: e, title: t, closeLabel: n, onClose: r, onBack: i, backLabel: s, "aria-label": c, style: l, titleClassName: p = "dial-body-semi-text", className: m, colors: g, children: v }) => {
 	if (ye(e, r), !e || typeof document > "u") return null;
-	let v = a({
-		"--ci-backdrop": h?.backdrop,
-		"--ci-sheet-bg": h?.sheetBg,
-		"--ci-sheet-text": h?.sheetText,
-		"--ci-sheet-divider": h?.divider
+	let y = a({
+		"--ci-backdrop": g?.backdrop,
+		"--ci-sheet-bg": g?.sheetBg,
+		"--ci-sheet-text": g?.sheetText,
+		"--ci-sheet-divider": g?.divider
 	});
-	return fe(/* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("div", {
+	return fe(/* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("div", {
 		className: o(be.backdrop, "fixed inset-0 z-[55]"),
-		style: v,
+		style: y,
 		onPointerDown: r,
 		"aria-hidden": !0
-	}), /* @__PURE__ */ W("div", {
+	}), /* @__PURE__ */ G("div", {
 		role: "dialog",
 		"aria-modal": !0,
 		"aria-label": t ?? c,
 		style: {
-			...v,
+			...y,
 			...l
 		},
-		className: o(be.sheet, "fixed inset-x-0 bottom-0 z-[60] flex max-h-[85dvh] flex-col rounded-t-lg", p),
-		children: [t != null && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ W("div", {
+		className: o(be.sheet, "fixed inset-x-0 bottom-0 z-[60] flex max-h-[85dvh] flex-col rounded-t-lg", m),
+		children: [t != null && /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ G("div", {
 			className: "relative flex h-[60px] flex-shrink-0 items-center justify-center px-4",
 			children: [
-				i && /* @__PURE__ */ U("div", {
+				i && /* @__PURE__ */ W("div", {
 					className: "absolute start-4",
-					children: /* @__PURE__ */ U(g, {
-						icon: /* @__PURE__ */ U(te, {
+					children: /* @__PURE__ */ W(_, {
+						icon: /* @__PURE__ */ W(te, {
 							size: d.LG,
-							stroke: 1.5,
+							stroke: f,
 							className: "rtl:scale-x-[-1]"
 						}),
 						"aria-label": s,
 						onClick: i
 					})
 				}),
-				/* @__PURE__ */ U("span", {
-					className: o(be.title, f),
+				/* @__PURE__ */ W("span", {
+					className: o(be.title, p),
 					children: t
 				}),
-				/* @__PURE__ */ U("div", {
+				/* @__PURE__ */ W("div", {
 					className: "absolute end-4 m-2",
-					children: /* @__PURE__ */ U(u, {
+					children: /* @__PURE__ */ W(u, {
 						ariaLabel: n,
 						onClose: r,
-						size: m.Standard
+						size: h.Standard
 					})
 				})
 			]
-		}), /* @__PURE__ */ U("div", { className: o(be.divider, "h-px flex-shrink-0") })] }), /* @__PURE__ */ U("div", {
+		}), /* @__PURE__ */ W("div", { className: o(be.divider, "h-px flex-shrink-0") })] }), /* @__PURE__ */ W("div", {
 			className: "overflow-y-auto",
-			children: _
+			children: v
 		})]
 	})] }), document.body);
 }, xe = async (e, t, n) => {
@@ -84,15 +84,15 @@ var ye = (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);
 }, Se = ({ 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] = V(n), _ = B(h);
-	R(() => {
+	let [h, g] = H(n), _ = V(h);
+	z(() => {
 		_.current = h;
-	}, [h]), R(() => () => {
+	}, [h]), z(() => () => {
 		_.current.forEach((e) => {
 			e.previewUrl && URL.revokeObjectURL(e.previewUrl), e.playUrl && URL.revokeObjectURL(e.playUrl);
 		});
 	}, []);
-	let v = L((e) => e.map((e) => {
+	let v = R((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: _e(),
@@ -104,26 +104,26 @@ var ye = (e, t) => {
 			previewUrl: a,
 			playUrl: o
 		};
-	}), []), y = B(a);
-	R(() => {
+	}), []), y = V(a);
+	z(() => {
 		y.current = a;
 	}, [a]);
-	let b = B(!0), x = L((e) => {
+	let b = V(!0), x = R((e) => {
 		g((t) => {
 			let n = e(t);
 			return n === t ? t : n;
 		});
 	}, []);
-	R(() => {
+	z(() => {
 		if (b.current) {
 			b.current = !1;
 			return;
 		}
 		y.current?.(h);
 	}, [h]);
-	let S = L((e) => {
+	let S = R((e) => {
 		g(e);
-	}, []), C = L(async (t) => {
+	}, []), C = R(async (t) => {
 		if (i) {
 			x((e) => e.map((e) => e.id === t.id ? {
 				...e,
@@ -145,7 +145,7 @@ var ye = (e, t) => {
 				} : e));
 			}
 		}
-	}, [i, x]), w = L((e, t = !0) => {
+	}, [i, x]), w = R((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 ye = (e, t) => {
 		C,
 		o
 	]);
-	R(() => {
+	z(() => {
 		s.length !== 0 && (w(v(s)), c?.());
 	}, [
 		w,
 		v,
 		c,
 		s
-	]), R(() => {
+	]), z(() => {
 		l.length !== 0 && (w(l, !1), u?.());
 	}, [
 		w,
 		u,
 		l
-	]), R(() => {
+	]), z(() => {
 		if (!o) return;
 		let t = !1, n = [], i = _.current.map((i) => {
 			if (i.status === r.Loading) return i;
@@ -217,7 +217,7 @@ var ye = (e, t) => {
 		x,
 		C
 	]);
-	let T = L((e) => {
+	let T = R((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 ye = (e, t) => {
 		addAttachments: w,
 		resetAttachments: S,
 		handleRemove: T,
-		handleRetry: L((e) => {
+		handleRetry: R((e) => {
 			let t = h.find((t) => t.id === e);
 			t && C(t);
 		}, [h, C]),
-		handleExpand: L(async (e) => {
+		handleExpand: R(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 ye = (e, t) => {
 		hasBlockedAttachments: h.some((e) => e.status === r.Loading || e.status === r.Error)
 	};
 }, Ce = (e, t) => {
-	let [n, r] = V(e), [i, a] = V(!1), [o, s] = V(0);
-	return R(() => {
+	let [n, r] = H(e), [i, a] = H(!1), [o, s] = H(0);
+	return z(() => {
 		if (e) {
 			r(!0), a(!1), s((e) => e + 1);
 			return;
@@ -264,17 +264,17 @@ var ye = (e, t) => {
 		instanceKey: o
 	};
 }, we = (e, t) => !e.slice(0, t).includes("\n"), Te = (e, t) => !e.slice(t).includes("\n"), Ee = (e) => {
-	let t = B(e);
+	let t = V(e);
 	t.current = e;
-	let n = B(-1), r = B(""), i = L((e, i, a) => {
+	let n = V(-1), r = V(""), i = R((e, i, a) => {
 		let o = t.current;
 		return !o || o.length === 0 ? null : e === "up" ? !we(i, a) || n.current === 0 ? null : (n.current === -1 ? (r.current = i, n.current = o.length - 1) : --n.current, o[n.current]) : n.current === -1 || !Te(i, a) ? null : n.current < o.length - 1 ? (n.current += 1, o[n.current]) : (n.current = -1, r.current);
-	}, []), a = L(() => {
+	}, []), a = R(() => {
 		n.current = -1, r.current = "";
-	}, []), o = L(() => {
+	}, []), o = R(() => {
 		n.current = -1, r.current = "";
 	}, []);
-	return z(() => ({
+	return B(() => ({
 		navigate: i,
 		notifyChange: a,
 		reset: o
@@ -284,10 +284,10 @@ var ye = (e, t) => {
 		o
 	]);
 }, De = ({ messageProp: e, messageRevision: t }) => {
-	let [n, r] = V(e), i = B(null), a = B(0), [o, s] = V(!1);
-	return R(() => {
+	let [n, r] = H(e), i = V(null), a = V(0), [o, s] = H(!1);
+	return z(() => {
 		r(e);
-	}, [e, t]), R(() => {
+	}, [e, t]), z(() => {
 		i.current && (a.current = i.current.offsetHeight);
 	}, []), me(() => {
 		if (!i.current || a.current === 0) return;
@@ -306,11 +306,11 @@ var ye = (e, t) => {
 	"audio/ogg;codecs=opus",
 	"audio/webm"
 ], Ae = () => ke.find((e) => MediaRecorder.isTypeSupported(e)) ?? "", je = ({ onAttachAudio: e }) => {
-	let [t, n] = V("idle"), [r, i] = V(null), a = B(null), o = B(null), s = B(null), c = B(null), l = B([]), u = B(""), d = B(e);
+	let [t, n] = H("idle"), [r, i] = H(null), a = V(null), o = V(null), s = V(null), c = V(null), l = V([]), u = V(""), d = V(e);
 	d.current = e;
-	let f = L(() => {
+	let f = R(() => {
 		a.current &&= (a.current.getTracks().forEach((e) => e.stop()), null), o.current &&= (o.current.close(), null), s.current = null, c.current = null;
-	}, []), p = L(() => {
+	}, []), p = R(() => {
 		(async () => {
 			try {
 				let e = await navigator.mediaDevices.getUserMedia({ audio: !0 });
@@ -329,17 +329,17 @@ var ye = (e, t) => {
 				i(e instanceof Error ? e.message : "Microphone access denied"), n("error");
 			}
 		})();
-	}, []), m = L(() => {
+	}, []), m = R(() => {
 		let e = c.current;
 		!e || e.state !== "recording" || (e.onstop = () => {
 			let e = u.current || "audio/webm", t = new Blob(l.current, { type: e }), r = e.split(";")[0].split("/")[1] ?? "webm", a = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, -1), o = new File([t], `voice-${a}.${r}`, { type: e });
 			d.current(o), f(), i(null), n("idle");
 		}, e.stop());
-	}, [f]), h = L(() => {
+	}, [f]), h = R(() => {
 		let e = c.current;
 		e && e.state === "recording" && (e.ondataavailable = null, e.onstop = null, e.stop()), f(), i(null), n("idle");
 	}, [f]);
-	return R(() => () => {
+	return z(() => () => {
 		f();
 	}, [f]), {
 		state: t,
@@ -363,7 +363,7 @@ var ye = (e, t) => {
 		"--ci-sheet-item-active": p?.itemActiveBg,
 		"--ci-sheet-icon": p?.itemIcon
 	});
-	return /* @__PURE__ */ U(G, {
+	return /* @__PURE__ */ W(K, {
 		isOpen: e,
 		title: t,
 		closeLabel: n,
@@ -372,23 +372,23 @@ var ye = (e, t) => {
 		className: c,
 		titleClassName: u,
 		colors: p?.shell,
-		children: /* @__PURE__ */ U("ul", {
+		children: /* @__PURE__ */ W("ul", {
 			role: "list",
 			className: "flex flex-col",
 			style: h,
-			children: s.map(({ key: e, label: t, icon: n, iconAfter: r, onClick: i }) => /* @__PURE__ */ U("li", { children: /* @__PURE__ */ U(l, {
+			children: s.map(({ key: e, label: t, icon: n, iconAfter: r, onClick: i }) => /* @__PURE__ */ W("li", { children: /* @__PURE__ */ W(l, {
 				type: "button",
 				className: o(Ne.item, "w-full gap-3 px-4 py-[10px] text-start"),
-				iconBefore: /* @__PURE__ */ U("span", {
+				iconBefore: /* @__PURE__ */ W("span", {
 					className: Ne.itemIcon,
 					children: n
 				}),
-				iconAfter: r ? /* @__PURE__ */ U("span", {
+				iconAfter: r ? /* @__PURE__ */ W("span", {
 					className: "ms-auto",
 					children: r
 				}) : null,
 				textClassName: f,
-				label: /* @__PURE__ */ U("span", {
+				label: /* @__PURE__ */ W("span", {
 					className: d,
 					children: t
 				}),
@@ -397,8 +397,8 @@ var ye = (e, t) => {
 		})
 	});
 }, Fe = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, isOpen: o }) => {
-	let [s, c] = V(t), [l, u] = V(n), [d, f] = V(r), p = B(o);
-	R(() => {
+	let [s, c] = H(t), [l, u] = H(n), [d, f] = H(r), p = V(o);
+	z(() => {
 		o && !p.current && (c(t), u(n), f(r)), p.current = o;
 	}, [
 		o,
@@ -415,7 +415,7 @@ var ye = (e, t) => {
 		setResponseFormat: c,
 		setSystemPrompt: u,
 		setTemperature: f,
-		handleSubmit: L(() => {
+		handleSubmit: R(() => {
 			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();
@@ -435,11 +435,11 @@ var ye = (e, t) => {
 	"Creative"
 ], temperatureHint: v, labelClassName: y = "!dial-small-semi-text", colors: b }) => {
 	let x = a({ "--csf-label-text": b?.labelText }), S = o(y, Ie.label, "gap-1");
-	return /* @__PURE__ */ W("div", {
+	return /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-4 px-6 pb-3",
 		style: x,
 		children: [
-			e.responseFormat && /* @__PURE__ */ U(C, {
+			e.responseFormat && /* @__PURE__ */ W(w, {
 				id: "response-format",
 				labelProps: {
 					label: u,
@@ -447,7 +447,7 @@ var ye = (e, t) => {
 					caption: d
 				},
 				optionsClassName: "mb-2",
-				orientation: w.Column,
+				orientation: T.Column,
 				value: t ?? i.Markdown,
 				items: [{
 					value: i.Markdown,
@@ -458,7 +458,7 @@ var ye = (e, t) => {
 				}],
 				onChange: (e) => s(e)
 			}),
-			e.systemPrompt && /* @__PURE__ */ U(ee, {
+			e.systemPrompt && /* @__PURE__ */ W(ee, {
 				value: n,
 				placeholder: h,
 				resize: !0,
@@ -468,7 +468,7 @@ var ye = (e, t) => {
 				},
 				onChange: (e) => c(e ?? "")
 			}),
-			e.temperature && /* @__PURE__ */ U(O, {
+			e.temperature && /* @__PURE__ */ W(k, {
 				labelProps: {
 					label: g,
 					className: S,
@@ -484,8 +484,8 @@ var ye = (e, t) => {
 			})
 		]
 	});
-}, Re = ({ 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: S, saveLabel: C = "Apply changes", saveDisabledTooltip: w }) => {
-	let { responseFormat: T, systemPrompt: E, temperature: D, canSubmit: O, setResponseFormat: k, setSystemPrompt: ee, setTemperature: te, handleSubmit: ne } = Fe({
+}, Re = ({ 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: O, setResponseFormat: k, setSystemPrompt: A, setTemperature: ee, handleSubmit: te } = Fe({
 		isOpen: e,
 		features: s,
 		initialResponseFormat: c,
@@ -494,7 +494,7 @@ var ye = (e, t) => {
 		onSave: d,
 		onClose: r
 	});
-	return /* @__PURE__ */ W(G, {
+	return /* @__PURE__ */ G(K, {
 		isOpen: e,
 		title: f,
 		closeLabel: i,
@@ -502,14 +502,14 @@ var ye = (e, t) => {
 		onBack: t,
 		backLabel: n,
 		style: a,
-		children: [/* @__PURE__ */ U(Le, {
+		children: [/* @__PURE__ */ W(Le, {
 			features: s,
 			responseFormat: T,
 			systemPrompt: E,
 			temperature: D,
 			onResponseFormatChange: k,
-			onSystemPromptChange: ee,
-			onTemperatureChange: te,
+			onSystemPromptChange: A,
+			onTemperatureChange: ee,
 			responseFormatLabel: p,
 			responseFormatHint: m,
 			responseFormatMarkdownLabel: h,
@@ -518,24 +518,24 @@ var ye = (e, t) => {
 			systemPromptTooltip: v,
 			temperatureLabel: y,
 			temperatureLabels: b,
-			temperatureHint: S
-		}), /* @__PURE__ */ U("div", {
+			temperatureHint: x
+		}), /* @__PURE__ */ W("div", {
 			className: o("px-6 py-4 mobile:pb-8"),
-			children: /* @__PURE__ */ U(A, {
+			children: /* @__PURE__ */ W(j, {
 				tooltip: w,
 				hideTooltip: O || !w,
 				triggerClassName: "w-full",
-				children: /* @__PURE__ */ U(x, {
+				children: /* @__PURE__ */ W(S, {
 					label: C,
-					onClick: ne,
+					onClick: te,
 					disabled: !O,
 					className: "w-full"
 				})
 			})
 		})]
 	});
-}, ze = { modal: "_modal_kl0h0_1" }, Be = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, title: o = "Chat settings", titleClassName: s = "dial-h1-text", responseFormatLabel: c, responseFormatHint: l, responseFormatMarkdownLabel: u, responseFormatPlainTextLabel: d, systemPromptLabel: f, systemPromptTooltip: p, temperatureLabel: m, temperatureLabels: h, temperatureHint: g, saveLabel: _ = "Apply changes", saveDisabledTooltip: v, backgroundClassName: S = ze.modal }) => {
-	let { responseFormat: C, systemPrompt: w, temperature: T, canSubmit: E, setResponseFormat: D, setSystemPrompt: O, setTemperature: k, handleSubmit: ee } = Fe({
+}, ze = { modal: "_modal_kl0h0_1" }, Be = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, title: o = "Chat settings", titleClassName: s = "dial-h1-text", responseFormatLabel: c, responseFormatHint: l, responseFormatMarkdownLabel: u, responseFormatPlainTextLabel: d, systemPromptLabel: f, systemPromptTooltip: p, temperatureLabel: m, temperatureLabels: h, temperatureHint: g, saveLabel: _ = "Apply changes", saveDisabledTooltip: v, backgroundClassName: y = ze.modal }) => {
+	let { responseFormat: C, systemPrompt: w, temperature: T, canSubmit: E, setResponseFormat: D, setSystemPrompt: O, setTemperature: k, handleSubmit: A } = Fe({
 		features: e,
 		initialResponseFormat: t,
 		initialSystemPrompt: n,
@@ -543,26 +543,26 @@ var ye = (e, t) => {
 		onSave: i,
 		onClose: a
 	});
-	return /* @__PURE__ */ U(y, {
+	return /* @__PURE__ */ W(b, {
 		open: !0,
 		header: o,
 		titleClassName: s,
-		size: b.Sm,
+		size: x.Sm,
 		onClose: a,
-		className: S,
-		footer: /* @__PURE__ */ U("div", {
+		className: y,
+		footer: /* @__PURE__ */ W("div", {
 			className: "flex justify-end px-6 py-4",
-			children: /* @__PURE__ */ U(A, {
+			children: /* @__PURE__ */ W(j, {
 				tooltip: v,
 				hideTooltip: E || !v,
-				children: /* @__PURE__ */ U(x, {
+				children: /* @__PURE__ */ W(S, {
 					label: _,
-					onClick: ee,
+					onClick: A,
 					disabled: !E
 				})
 			})
 		}),
-		children: /* @__PURE__ */ U(Le, {
+		children: /* @__PURE__ */ W(Le, {
 			features: e,
 			responseFormat: C,
 			systemPrompt: w,
@@ -582,11 +582,11 @@ var ye = (e, t) => {
 		})
 	});
 };
-I(Be);
+L(Be);
 var Ve = {
 	icon: "_icon_1fv6z_1",
 	selectedIcon: "_selectedIcon_1fv6z_5"
-}, He = ({ isOpen: e, onBack: t, backLabel: n = "Back", onClose: r, closeLabel: i = "Close", style: s, title: u = "Tools", items: d, onToolToggle: f, itemLabelClassName: p = "dial-small-text", colors: m }) => /* @__PURE__ */ U(G, {
+}, He = ({ isOpen: e, onBack: t, backLabel: n = "Back", onClose: r, closeLabel: i = "Close", style: s, title: u = "Tools", items: d, onToolToggle: p, itemLabelClassName: m = "dial-small-text", colors: h }) => /* @__PURE__ */ W(K, {
 	isOpen: e,
 	title: u,
 	closeLabel: i,
@@ -594,36 +594,37 @@ var Ve = {
 	onBack: t,
 	backLabel: n,
 	style: s,
-	children: /* @__PURE__ */ U("ul", {
+	children: /* @__PURE__ */ W("ul", {
 		role: "menu",
 		className: "flex flex-col pb-4",
 		style: a({
-			"--tbs-icon-text": m?.iconText,
-			"--tbs-selected-icon-text": m?.selectedIconText
+			"--tbs-icon-text": h?.iconText,
+			"--tbs-selected-icon-text": h?.selectedIconText
 		}),
-		children: d.map((e) => /* @__PURE__ */ U("li", {
+		children: d.map((e) => /* @__PURE__ */ W("li", {
 			role: "none",
-			children: /* @__PURE__ */ U(l, {
+			children: /* @__PURE__ */ W(l, {
 				type: "button",
 				role: "menuitemcheckbox",
 				"aria-checked": e.isSelected,
 				className: "w-full gap-3 px-4 py-[10px] text-start",
-				iconBefore: /* @__PURE__ */ U("span", {
+				iconBefore: /* @__PURE__ */ W("span", {
 					className: o("flex items-center", Ve.icon),
 					children: e.icon
 				}),
-				iconAfter: e.isSelected ? /* @__PURE__ */ U("span", {
+				iconAfter: e.isSelected ? /* @__PURE__ */ W("span", {
 					className: o("ms-auto", Ve.selectedIcon),
-					children: /* @__PURE__ */ U(j, {
+					children: /* @__PURE__ */ W(M, {
 						size: c,
-						"aria-hidden": !0
+						"aria-hidden": !0,
+						stroke: f
 					})
 				}) : null,
-				label: /* @__PURE__ */ U("span", {
-					className: p,
+				label: /* @__PURE__ */ W("span", {
+					className: m,
 					children: e.label
 				}),
-				onClick: () => f(e.id)
+				onClick: () => p(e.id)
 			})
 		}, e.id))
 	})
@@ -631,82 +632,86 @@ var Ve = {
 	selectedToolIcon: "_selectedToolIcon_r268y_1",
 	toolIcon: "_toolIcon_r268y_5",
 	chevronIcon: "_chevronIcon_r268y_9"
-}, We = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, menuCloseLabel: l, style: u, listClassName: f = "w-[240px]", isDisabled: h = !1, chatSettings: _, extraMenuItems: v, toolsMenuItems: y = [], onToolToggle: b, toolsMenuTitle: x = "Tools", toolsBackLabel: S = "Back", promptsMenuOverlay: C, promptsMenuTitle: w = "Prompts", promptsBackLabel: T = "Back", colors: E }) => {
-	let D = s(), [O, k] = V(!1), [ee, A] = V(!1), [te, ne] = V(!1), [re, ie] = V(!1), [ae, N] = V(!1), P = z(() => a({
-		"--aab-selected-tool-icon": E?.selectedToolIcon,
-		"--aab-tool-icon": E?.toolIcon,
-		"--aab-chevron-icon": E?.chevronIcon
+}, We = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, menuCloseLabel: l, style: u, listClassName: p = "w-[240px]", isDisabled: g = !1, chatSettings: v, extraMenuItems: y, toolsMenuItems: b = [], onToolToggle: x, toolsMenuTitle: S = "Tools", toolsBackLabel: C = "Back", promptsMenuOverlay: w, promptsMenuTitle: T = "Prompts", promptsBackLabel: E = "Back", colors: D }) => {
+	let O = s(), [k, A] = H(!1), [ee, j] = H(!1), [te, ne] = H(!1), [re, ie] = H(!1), [ae, P] = H(!1), F = B(() => a({
+		"--aab-selected-tool-icon": D?.selectedToolIcon,
+		"--aab-tool-icon": D?.toolIcon,
+		"--aab-chevron-icon": D?.chevronIcon
 	}), [
-		E?.selectedToolIcon,
-		E?.toolIcon,
-		E?.chevronIcon
-	]), de = y.length > 0 && b != null, fe = z(() => y.map((e) => ({
+		D?.selectedToolIcon,
+		D?.toolIcon,
+		D?.chevronIcon
+	]), de = b.length > 0 && x != null, fe = B(() => b.map((e) => ({
 		key: e.id,
-		label: /* @__PURE__ */ W("span", {
+		label: /* @__PURE__ */ G("span", {
 			className: "flex flex-1 items-center gap-2",
-			children: [/* @__PURE__ */ U("span", {
+			children: [/* @__PURE__ */ W("span", {
 				className: "flex-1",
 				children: e.label
-			}), e.isSelected && /* @__PURE__ */ U(j, {
+			}), e.isSelected && /* @__PURE__ */ W(M, {
 				size: c,
-				style: P,
+				style: F,
 				className: Ue.selectedToolIcon,
-				"aria-hidden": !0
+				"aria-hidden": !0,
+				stroke: f
 			})]
 		}),
-		icon: /* @__PURE__ */ U("span", {
-			style: P,
+		icon: /* @__PURE__ */ W("span", {
+			style: F,
 			className: o("flex items-center", Ue.toolIcon),
 			children: e.icon
 		}),
-		onClick: () => b?.(e.id)
+		onClick: () => x?.(e.id)
 	})), [
-		y,
 		b,
-		P
-	]), F = z(() => [
+		x,
+		F
+	]), I = B(() => [
 		...e == null ? [] : [{
 			key: "attach",
 			label: t,
-			icon: /* @__PURE__ */ U(oe, {
+			icon: /* @__PURE__ */ W(oe, {
 				size: c,
-				"aria-hidden": !0
+				"aria-hidden": !0,
+				stroke: f
 			}),
 			onClick: e
 		}],
-		...v ?? [],
+		...y ?? [],
 		...de ? [{
 			key: "tools",
-			label: x,
-			icon: /* @__PURE__ */ U(ue, {
+			label: S,
+			icon: /* @__PURE__ */ W(ue, {
 				size: c,
-				"aria-hidden": !0
+				"aria-hidden": !0,
+				stroke: f
 			}),
-			onClick: D ? () => {
-				ne(!0), k(!1);
+			onClick: O ? () => {
+				ne(!0), A(!1);
 			} : () => void 0,
-			...D ? { iconAfter: /* @__PURE__ */ U(M, {
+			...O ? { iconAfter: /* @__PURE__ */ W(N, {
 				size: c,
-				stroke: 1.5,
-				style: P,
+				stroke: f,
+				style: F,
 				className: o("rtl:scale-x-[-1]", Ue.chevronIcon),
 				"aria-hidden": !0
 			}) } : { children: fe }
 		}] : [],
-		...C == null ? [] : [{
+		...w == null ? [] : [{
 			key: "prompts",
-			label: w,
-			icon: /* @__PURE__ */ U(ce, {
+			label: T,
+			icon: /* @__PURE__ */ W(ce, {
 				size: c,
-				"aria-hidden": !0
+				"aria-hidden": !0,
+				stroke: f
 			}),
-			onClick: D ? () => {
-				ie(!0), k(!1);
+			onClick: O ? () => {
+				ie(!0), A(!1);
 			} : () => void 0,
-			...D ? { iconAfter: /* @__PURE__ */ U(M, {
+			...O ? { iconAfter: /* @__PURE__ */ W(N, {
 				size: c,
-				stroke: 1.5,
-				style: P,
+				stroke: f,
+				style: F,
 				className: o("rtl:scale-x-[-1]", Ue.chevronIcon),
 				"aria-hidden": !0
 			}) } : {
@@ -714,157 +719,160 @@ var Ve = {
 					key: "prompts-panel",
 					label: ""
 				}],
-				renderSubMenu: () => C(() => N(!1))
+				renderSubMenu: () => w(() => P(!1))
 			}
 		}],
-		..._ == null ? [] : [{
+		...v == null ? [] : [{
 			key: "chat-settings",
-			label: _.menuItemLabel ?? "Chat settings",
-			icon: /* @__PURE__ */ U(le, {
+			label: v.menuItemLabel ?? "Chat settings",
+			icon: /* @__PURE__ */ W(le, {
 				size: c,
-				"aria-hidden": !0
+				"aria-hidden": !0,
+				stroke: f
 			}),
-			iconAfter: D ? /* @__PURE__ */ U(M, {
+			iconAfter: O ? /* @__PURE__ */ W(N, {
 				size: c,
-				stroke: 1.5,
-				style: P,
+				stroke: f,
+				style: F,
 				className: o("rtl:scale-x-[-1]", Ue.chevronIcon),
 				"aria-hidden": !0
 			}) : null,
-			onClick: () => A(!0)
+			onClick: () => j(!0)
 		}]
 	], [
 		t,
 		e,
-		_,
 		v,
-		D,
+		y,
+		O,
 		de,
-		x,
+		S,
 		fe,
-		C,
 		w,
-		P
+		T,
+		F
 	]);
-	if (F.length === 0) return null;
-	let I = /* @__PURE__ */ U(p, {
+	if (I.length === 0) return null;
+	let L = /* @__PURE__ */ W(m, {
 		matchReferenceWidth: !1,
 		placement: "bottom-start",
-		listClassName: f,
-		items: F,
-		open: C == null ? void 0 : ae,
-		onOpenChange: C == null ? void 0 : N,
-		children: /* @__PURE__ */ U(g, {
-			icon: /* @__PURE__ */ U(se, {
+		listClassName: p,
+		items: I,
+		open: w == null ? void 0 : ae,
+		onOpenChange: w == null ? void 0 : P,
+		children: /* @__PURE__ */ W(_, {
+			icon: /* @__PURE__ */ W(se, {
 				size: d.LG,
-				"aria-hidden": !0
+				"aria-hidden": !0,
+				stroke: f
 			}),
 			"aria-label": n,
 			tooltipProps: { tooltip: n },
-			disabled: h
+			disabled: g
 		})
 	});
-	return /* @__PURE__ */ U(H, { children: D ? /* @__PURE__ */ W(H, { children: [
-		/* @__PURE__ */ U(g, {
-			icon: /* @__PURE__ */ U(se, {
+	return /* @__PURE__ */ W(U, { children: O ? /* @__PURE__ */ G(U, { children: [
+		/* @__PURE__ */ W(_, {
+			icon: /* @__PURE__ */ W(se, {
 				size: d.LG,
-				"aria-hidden": !0
+				"aria-hidden": !0,
+				stroke: f
 			}),
 			"aria-label": n,
-			size: m.Large,
+			size: h.Large,
 			tooltipProps: { tooltip: n },
-			disabled: h,
-			onClick: () => k(!0)
+			disabled: g,
+			onClick: () => A(!0)
 		}),
-		/* @__PURE__ */ U(Pe, {
-			isOpen: O,
+		/* @__PURE__ */ W(Pe, {
+			isOpen: k,
 			title: r,
 			closeLabel: l,
-			onClose: () => k(!1),
+			onClose: () => A(!1),
 			style: u,
-			items: F,
+			items: I,
 			className: "pb-4",
 			btnTextClassName: "flex-1"
 		}),
-		de && /* @__PURE__ */ U(He, {
+		de && /* @__PURE__ */ W(He, {
 			isOpen: te,
 			onBack: () => {
-				ne(!1), k(!0);
+				ne(!1), A(!0);
 			},
-			backLabel: S,
+			backLabel: C,
 			onClose: () => ne(!1),
 			closeLabel: l,
 			style: u,
-			title: x,
-			items: y,
-			onToolToggle: b
+			title: S,
+			items: b,
+			onToolToggle: x
 		}),
-		C != null && /* @__PURE__ */ U(G, {
+		w != null && /* @__PURE__ */ W(K, {
 			isOpen: re,
-			title: w,
+			title: T,
 			closeLabel: l,
 			onBack: () => {
-				ie(!1), k(!0);
+				ie(!1), A(!0);
 			},
-			backLabel: T,
+			backLabel: E,
 			onClose: () => ie(!1),
 			style: u,
-			children: C(() => ie(!1))
+			children: w(() => ie(!1))
 		}),
-		_ != null && /* @__PURE__ */ U(Re, {
+		v != null && /* @__PURE__ */ W(Re, {
 			isOpen: ee,
 			onBack: () => {
-				A(!1), k(!0);
+				j(!1), A(!0);
 			},
-			backLabel: _.backLabel ?? "Back",
-			onClose: () => A(!1),
+			backLabel: v.backLabel ?? "Back",
+			onClose: () => j(!1),
 			closeLabel: l,
 			style: u,
-			features: _.features,
-			initialResponseFormat: _.responseFormat ?? i.Markdown,
-			initialSystemPrompt: _.systemPrompt,
-			initialTemperature: _.temperature,
-			onSave: _.onSave,
-			title: _.title,
-			responseFormatLabel: _.responseFormatLabel,
-			responseFormatHint: _.responseFormatHint,
-			responseFormatMarkdownLabel: _.responseFormatMarkdownLabel,
-			responseFormatPlainTextLabel: _.responseFormatPlainTextLabel,
-			systemPromptLabel: _.systemPromptLabel,
-			systemPromptTooltip: _.systemPromptTooltip,
-			temperatureLabel: _.temperatureLabel,
-			temperatureLabels: _.temperatureLabels,
-			temperatureHint: _.temperatureHint,
-			saveLabel: _.saveLabel,
-			saveDisabledTooltip: _.saveDisabledTooltip
+			features: v.features,
+			initialResponseFormat: v.responseFormat ?? i.Markdown,
+			initialSystemPrompt: v.systemPrompt,
+			initialTemperature: v.temperature,
+			onSave: v.onSave,
+			title: v.title,
+			responseFormatLabel: v.responseFormatLabel,
+			responseFormatHint: v.responseFormatHint,
+			responseFormatMarkdownLabel: v.responseFormatMarkdownLabel,
+			responseFormatPlainTextLabel: v.responseFormatPlainTextLabel,
+			systemPromptLabel: v.systemPromptLabel,
+			systemPromptTooltip: v.systemPromptTooltip,
+			temperatureLabel: v.temperatureLabel,
+			temperatureLabels: v.temperatureLabels,
+			temperatureHint: v.temperatureHint,
+			saveLabel: v.saveLabel,
+			saveDisabledTooltip: v.saveDisabledTooltip
 		})
-	] }) : /* @__PURE__ */ W(H, { children: [I, _ != null && ee && /* @__PURE__ */ U(Be, {
-		features: _.features,
-		initialResponseFormat: _.responseFormat ?? i.Markdown,
-		initialSystemPrompt: _.systemPrompt,
-		initialTemperature: _.temperature,
-		onSave: _.onSave,
-		onClose: () => A(!1),
-		title: _.title,
-		responseFormatLabel: _.responseFormatLabel,
-		responseFormatHint: _.responseFormatHint,
-		responseFormatMarkdownLabel: _.responseFormatMarkdownLabel,
-		responseFormatPlainTextLabel: _.responseFormatPlainTextLabel,
-		systemPromptLabel: _.systemPromptLabel,
-		systemPromptTooltip: _.systemPromptTooltip,
-		temperatureLabel: _.temperatureLabel,
-		temperatureLabels: _.temperatureLabels,
-		temperatureHint: _.temperatureHint,
-		saveLabel: _.saveLabel,
-		saveDisabledTooltip: _.saveDisabledTooltip
+	] }) : /* @__PURE__ */ G(U, { children: [L, v != null && ee && /* @__PURE__ */ W(Be, {
+		features: v.features,
+		initialResponseFormat: v.responseFormat ?? i.Markdown,
+		initialSystemPrompt: v.systemPrompt,
+		initialTemperature: v.temperature,
+		onSave: v.onSave,
+		onClose: () => j(!1),
+		title: v.title,
+		responseFormatLabel: v.responseFormatLabel,
+		responseFormatHint: v.responseFormatHint,
+		responseFormatMarkdownLabel: v.responseFormatMarkdownLabel,
+		responseFormatPlainTextLabel: v.responseFormatPlainTextLabel,
+		systemPromptLabel: v.systemPromptLabel,
+		systemPromptTooltip: v.systemPromptTooltip,
+		temperatureLabel: v.temperatureLabel,
+		temperatureLabels: v.temperatureLabels,
+		temperatureHint: v.temperatureHint,
+		saveLabel: v.saveLabel,
+		saveDisabledTooltip: v.saveDisabledTooltip
 	})] }) });
-}, K = {
+}, q = {
 	chip: "_chip_ydmd8_1",
 	chipSelected: "_chipSelected_ydmd8_9",
 	chipIcon: "_chipIcon_ydmd8_16",
 	chipText: "_chipText_ydmd8_19",
 	chipClose: "_chipClose_ydmd8_22"
-}, Ge = (e) => `Remove ${e}`, Ke = ({ items: e, onToolToggle: t, onToolDismiss: n, removeLabel: r = Ge, typography: i, colors: s }) => e.length === 0 ? null : /* @__PURE__ */ U("div", {
+}, Ge = (e) => `Remove ${e}`, Ke = ({ items: e, onToolToggle: t, onToolDismiss: n, removeLabel: r = Ge, typography: i, colors: s }) => e.length === 0 ? null : /* @__PURE__ */ W("div", {
 	className: "flex flex-wrap items-center gap-2",
 	style: a({
 		"--ci-chip-bg": s?.chipBg,
@@ -879,33 +887,34 @@ var Ve = {
 		"--ci-chip-close": s?.chipClose,
 		"--ci-chip-close-hover": s?.chipCloseHover
 	}),
-	children: e.map((e) => /* @__PURE__ */ W("div", {
-		className: o(K.chip, e.isSelected && K.chipSelected, "flex min-w-0 items-center gap-1.5 rounded-full border py-1 pe-1 ps-2 transition-colors"),
-		children: [/* @__PURE__ */ W("button", {
+	children: e.map((e) => /* @__PURE__ */ G("div", {
+		className: o(q.chip, e.isSelected && q.chipSelected, "flex min-w-0 items-center gap-1.5 rounded-full border py-1 pe-1 ps-2 transition-colors"),
+		children: [/* @__PURE__ */ G("button", {
 			type: "button",
 			onClick: () => t(e.id),
 			"aria-pressed": e.isSelected,
 			className: "flex min-w-0 items-center gap-1.5",
-			children: [/* @__PURE__ */ U("span", {
-				className: o(K.chipIcon, "shrink-0"),
+			children: [/* @__PURE__ */ W("span", {
+				className: o(q.chipIcon, "shrink-0"),
 				"aria-hidden": !0,
 				children: e.icon
-			}), /* @__PURE__ */ U("span", {
-				className: o(K.chipText, i?.fontClassName || "dial-small-paragraph-text", "truncate"),
+			}), /* @__PURE__ */ W("span", {
+				className: o(q.chipText, i?.fontClassName || "dial-small-paragraph-text", "truncate"),
 				children: e.label
 			})]
-		}), /* @__PURE__ */ U("button", {
+		}), /* @__PURE__ */ W("button", {
 			type: "button",
 			onClick: () => n(e.id),
 			"aria-label": r(e.label),
-			className: o(K.chipClose, "flex shrink-0 items-center rounded p-0.5 transition-colors"),
-			children: /* @__PURE__ */ U(de, {
+			className: o(q.chipClose, "flex shrink-0 items-center rounded p-0.5 transition-colors"),
+			children: /* @__PURE__ */ W(de, {
 				size: 12,
-				"aria-hidden": !0
+				"aria-hidden": !0,
+				stroke: f
 			})
 		})]
 	}, e.id))
-}), q = {
+}), J = {
 	wrapper: "_wrapper_10e5r_1",
 	wrapperDisabled: "_wrapperDisabled_10e5r_8",
 	textarea: "_textarea_10e5r_13",
@@ -917,29 +926,29 @@ var Ve = {
 	waveformCanvas: "_waveformCanvas_129ri_5",
 	recordingDot: "_recordingDot_129ri_19",
 	"recording-pulse": "_recording-pulse_129ri_1"
-}, Je = 3, Ye = 4, J = 200, Xe = ({ state: e, analyserNodeRef: t, errorMessage: n, onStop: r, onDiscard: i, stopLabel: a = "Stop recording", discardLabel: s = "Discard recording", style: c, className: l }) => {
-	let u = B(null), f = B(new Float32Array(J)), p = B(0), m = B(0), _ = e === Oe.Recording, v = e === Oe.Error, y = L((e) => {
+}, Je = 3, Ye = 4, Y = 200, Xe = ({ state: e, analyserNodeRef: t, errorMessage: n, onStop: r, onDiscard: i, stopLabel: a = "Stop recording", discardLabel: s = "Discard recording", style: c, className: l }) => {
+	let u = V(null), p = V(new Float32Array(Y)), m = V(0), h = V(0), v = e === Oe.Recording, y = e === Oe.Error, b = R((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 / Ye)), J - 1), a = p.current, o = m.current;
+		let i = Math.min(Math.max(1, Math.floor(n / Ye)), Y - 1), a = m.current, o = h.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) % J + J) % J, o = f.current[n] ?? 0, s = Math.min(1, o * 6), c = Math.max(3, s * r);
+			let n = ((a - i + e) % Y + Y) % Y, o = p.current[n] ?? 0, s = Math.min(1, o * 6), c = Math.max(3, s * r);
 			t.fillRect(e * Ye, (r - c) / 2, Je, c);
 		}
 		t.restore();
 	}, []);
-	R(() => {
-		if (!_) return;
+	z(() => {
+		if (!v) return;
 		let e = u.current;
 		if (!e) return;
-		f.current.fill(0), p.current = 0, m.current = 0;
+		p.current.fill(0), m.current = 0, h.current = 0;
 		let n, r = () => {
-			if (m.current += 1, m.current >= Ye) {
-				m.current -= Ye;
+			if (h.current += 1, h.current >= Ye) {
+				h.current -= Ye;
 				let e = t.current;
 				if (e) {
 					let t = new Uint8Array(e.frequencyBinCount);
@@ -949,37 +958,38 @@ var Ve = {
 						let r = (t[e] - 128) / 128;
 						n += r * r;
 					}
-					f.current[p.current % J] = Math.sqrt(n / t.length), p.current++;
+					p.current[m.current % Y] = Math.sqrt(n / t.length), m.current++;
 				}
 			}
-			y(e), n = requestAnimationFrame(r);
+			b(e), n = requestAnimationFrame(r);
 		};
 		return n = requestAnimationFrame(r), () => {
 			cancelAnimationFrame(n);
 		};
 	}, [
-		_,
+		v,
 		t,
-		y
-	]), R(() => {
+		b
+	]), z(() => {
 		let e = u.current;
 		if (!e) return;
 		let t = new ResizeObserver(() => {
-			y(e);
+			b(e);
 		});
 		return t.observe(e), () => t.disconnect();
-	}, [y]);
-	let b = /* @__PURE__ */ W("div", {
+	}, [b]);
+	let x = /* @__PURE__ */ G("div", {
 		className: "flex flex-shrink-0 items-center justify-end gap-1",
-		children: [/* @__PURE__ */ U(g, {
-			icon: /* @__PURE__ */ U(de, {
+		children: [/* @__PURE__ */ W(_, {
+			icon: /* @__PURE__ */ W(de, {
 				size: d.LG,
-				"aria-hidden": !0
+				"aria-hidden": !0,
+				stroke: f
 			}),
 			"aria-label": s,
 			onClick: i
-		}), _ && /* @__PURE__ */ U(S, {
-			icon: /* @__PURE__ */ U(N, {
+		}), v && /* @__PURE__ */ W(C, {
+			icon: /* @__PURE__ */ W(P, {
 				size: d.LG,
 				"aria-hidden": !0
 			}),
@@ -987,68 +997,72 @@ var Ve = {
 			"aria-label": a
 		})]
 	});
-	return /* @__PURE__ */ W("div", {
+	return /* @__PURE__ */ G("div", {
 		className: l,
-		children: [/* @__PURE__ */ W("div", {
+		children: [/* @__PURE__ */ G("div", {
 			style: c,
-			className: o(q.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", v && qe.wrapperError),
-			children: [/* @__PURE__ */ W("div", {
+			className: o(J.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 && qe.wrapperError),
+			children: [/* @__PURE__ */ G("div", {
 				className: "flex min-w-0 flex-1 items-center gap-3",
-				children: [_ && /* @__PURE__ */ U("span", {
+				children: [v && /* @__PURE__ */ W("span", {
 					className: o(qe.recordingDot, "pointer-events-none block size-[8px] rounded-3xl"),
 					"aria-hidden": !0
-				}), /* @__PURE__ */ U("canvas", {
+				}), /* @__PURE__ */ W("canvas", {
 					ref: u,
 					height: 32,
 					className: o(qe.waveformCanvas, "h-8 min-w-0 flex-1 desktop:h-6")
 				})]
-			}), b]
-		}), v && n && /* @__PURE__ */ U(h, {
+			}), x]
+		}), y && n && /* @__PURE__ */ W(g, {
 			text: n,
 			className: "mt-1 px-1"
 		})]
 	});
-}, Ze = ({ onSend: e, isDisabled: t = !1, ariaLabel: n = "Send message", isExiting: r = !1 }) => /* @__PURE__ */ U(S, {
+}, Ze = ({ onSend: e, isDisabled: t = !1, ariaLabel: n = "Send message", isExiting: r = !1 }) => /* @__PURE__ */ W(C, {
 	"aria-label": n,
 	onClick: () => e?.(),
 	disabled: t,
 	"aria-hidden": r,
-	icon: /* @__PURE__ */ U(ne, {
+	icon: /* @__PURE__ */ W(ne, {
 		size: d.LG,
-		className: "rtl:scale-x-[-1]"
+		className: "rtl:scale-x-[-1]",
+		stroke: f
 	})
-}), Qe = ({ onStop: e, ariaLabel: t = "Stop streaming" }) => /* @__PURE__ */ U(k, {
-	icon: /* @__PURE__ */ U(P, { size: d.LG }),
+}), Qe = ({ onStop: e, ariaLabel: t = "Stop streaming" }) => /* @__PURE__ */ W(A, {
+	icon: /* @__PURE__ */ W(F, {
+		size: d.LG,
+		stroke: f
+	}),
 	onClick: () => e?.(),
 	"aria-label": t
-}), $e = ({ size: e = 20 }) => /* @__PURE__ */ U(E, {
-	variant: D.Circular,
+}), $e = ({ size: e = 20 }) => /* @__PURE__ */ W(D, {
+	variant: O.Circular,
 	width: e,
 	height: e,
 	active: !0
-}), et = ({ loadingLabel: e }) => /* @__PURE__ */ W("span", {
+}), et = ({ loadingLabel: e }) => /* @__PURE__ */ G("span", {
 	className: "flex min-w-0 flex-1 items-center",
-	children: [/* @__PURE__ */ U(E, {
-		variant: D.Text,
+	children: [/* @__PURE__ */ W(D, {
+		variant: O.Text,
 		width: "100%",
 		height: 16,
 		active: !0
-	}), e && /* @__PURE__ */ U("span", {
+	}), e && /* @__PURE__ */ W("span", {
 		className: "sr-only",
 		children: e
 	})]
-}), tt = ({ loadingLabel: e }) => /* @__PURE__ */ U("div", {
+}), tt = ({ loadingLabel: e }) => /* @__PURE__ */ W("div", {
 	role: "status",
 	"aria-label": e,
-	children: Array.from({ length: 7 }).map((e, t) => /* @__PURE__ */ W("div", {
+	children: Array.from({ length: 7 }).map((e, t) => /* @__PURE__ */ G("div", {
 		className: "flex h-11 items-center gap-3 px-4",
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ U($e, {}), /* @__PURE__ */ U(et, {})]
+		children: [/* @__PURE__ */ W($e, {}), /* @__PURE__ */ W(et, {})]
 	}, t))
-}), Y = (e) => e.displayName ?? e.id, X = (e, t) => {
+}), X = (e) => e.displayName ?? e.id, Z = (e, t) => {
 	let n = t.trim().toLowerCase();
-	return n ? e.filter((e) => Y(e).toLowerCase().includes(n)) : e;
-}, nt = (e, t, r, i = 18, a) => /* @__PURE__ */ U(n, {
+	return n ? e.filter((e) => X(e).toLowerCase().includes(n)) : e;
+}, nt = (e, t, r, i = 18, a) => /* @__PURE__ */ W(n, {
 	src: e,
 	size: i,
 	labels: { tooltip: a },
@@ -1058,21 +1072,21 @@ var Ve = {
 	selectedItem: "_selectedItem_1tt5t_5",
 	selectedItemCheck: "_selectedItemCheck_1tt5t_9"
 }, it = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, searchHeaderClassName: i = rt.searchHeader, selectedItemClassName: s = rt.selectedItem, selectedItemCheckClassName: c = rt.selectedItemCheck, colors: l }) => {
-	let [u, f] = V(""), p = z(() => e?.find((e) => e.id === t), [e, t]), h = r?.loading !== void 0, g = !h && !p && !!t, v = z(() => h ? /* @__PURE__ */ U($e, { size: d.LG }) : nt(p?.iconUrl, p?.type, p?.displayName ?? p?.id ?? "", d.LG, g ? r?.unavailableTooltip ?? "This deployment is no longer available" : void 0), [
-		h,
-		p,
+	let [u, p] = H(""), m = B(() => e?.find((e) => e.id === t), [e, t]), g = r?.loading !== void 0, _ = !g && !m && !!t, y = B(() => g ? /* @__PURE__ */ W($e, { size: d.LG }) : nt(m?.iconUrl, m?.type, m?.displayName ?? m?.id ?? "", d.LG, _ ? r?.unavailableTooltip ?? "This deployment is no longer available" : void 0), [
 		g,
+		m,
+		_,
 		r?.unavailableTooltip
-	]), y = p?.displayName ?? p?.id;
+	]), b = m?.displayName ?? m?.id;
 	return {
-		selectorIcon: v,
-		selectorAriaLabel: y ? `${r?.ariaLabel ?? "Select model"}: ${y}` : r?.ariaLabel ?? "Select model",
-		selectedLabel: y,
-		menuItems: z(() => {
-			if (h) return Array.from({ length: 7 }, (e, t) => ({
+		selectorIcon: y,
+		selectorAriaLabel: b ? `${r?.ariaLabel ?? "Select model"}: ${b}` : r?.ariaLabel ?? "Select model",
+		selectedLabel: b,
+		menuItems: B(() => {
+			if (g) return Array.from({ length: 7 }, (e, t) => ({
 				key: `__loading-${t}`,
-				icon: /* @__PURE__ */ U($e, {}),
-				label: /* @__PURE__ */ U(et, { loadingLabel: t === 0 ? r?.loading : void 0 }),
+				icon: /* @__PURE__ */ W($e, {}),
+				label: /* @__PURE__ */ W(et, { loadingLabel: t === 0 ? r?.loading : void 0 }),
 				disabled: !0
 			}));
 			if (!e || e.length === 0) {
@@ -1083,20 +1097,20 @@ var Ve = {
 					disabled: !0
 				}] : [];
 			}
-			return X(e, u).map((e) => {
+			return Z(e, u).map((e) => {
 				let r = e.id === t;
 				return {
 					key: e.id,
-					label: /* @__PURE__ */ W("span", {
+					label: /* @__PURE__ */ G("span", {
 						className: "flex w-full items-center justify-between gap-2",
 						style: a({ "--ms-selected-item-check": l?.selectedItemCheck }),
-						children: [/* @__PURE__ */ U(_, {
-							text: Y(e),
+						children: [/* @__PURE__ */ W(v, {
+							text: X(e),
 							query: u,
 							maxLines: 1
-						}), r && /* @__PURE__ */ U(j, {
+						}), r && /* @__PURE__ */ W(M, {
 							size: d.SM,
-							stroke: 2,
+							stroke: f,
 							className: c,
 							"aria-hidden": !0
 						})]
@@ -1108,7 +1122,7 @@ var Ve = {
 			});
 		}, [
 			e,
-			h,
+			g,
 			u,
 			t,
 			r,
@@ -1117,29 +1131,29 @@ var Ve = {
 			c,
 			l?.selectedItemCheck
 		]),
-		menuHeader: z(() => !h && e && e.length > 0 ? /* @__PURE__ */ U("div", {
+		menuHeader: B(() => !g && e && e.length > 0 ? /* @__PURE__ */ W("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__ */ U(T, {
+			children: /* @__PURE__ */ W(E, {
 				value: u,
 				placeholder: r?.searchPlaceholder ?? "Search",
-				size: m.Small,
+				size: h.Small,
 				wrapperClassName: "border-0",
-				onChange: (e) => f(e ?? "")
+				onChange: (e) => p(e ?? "")
 			})
 		}) : void 0, [
 			e,
-			h,
+			g,
 			u,
 			r,
 			i,
 			l?.searchHeaderBackground
 		]),
 		onOpenChange: (e) => {
-			e || f("");
+			e || p("");
 		}
 	};
-}, Z = typeof window < "u" ? me : R;
+}, Q = typeof window < "u" ? me : z;
 function at(e) {
 	if (e !== void 0) switch (typeof e) {
 		case "number": return e;
@@ -1149,14 +1163,14 @@ function at(e) {
 	}
 }
 function ot({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
-	let { styleHeight: s, styleWidth: c } = z(() => ({
+	let { styleHeight: s, styleWidth: c } = B(() => ({
 		styleHeight: at(o?.height),
 		styleWidth: at(o?.width)
-	}), [o?.height, o?.width]), [l, u] = V({
+	}), [o?.height, o?.width]), [l, u] = H({
 		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 Z(() => {
+	return Q(() => {
 		if (i === null || d) return;
 		let t = new ResizeObserver((e) => {
 			for (let t of e) {
@@ -1176,7 +1190,7 @@ function ot({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 		i,
 		s,
 		c
-	]), z(() => ({
+	]), B(() => ({
 		height: s ?? l.height,
 		width: c ?? l.width
 	}), [
@@ -1186,12 +1200,12 @@ function ot({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 	]);
 }
 function st(e) {
-	let t = B(() => {
+	let t = V(() => {
 		throw Error("Cannot call during render.");
 	});
-	return Z(() => {
+	return Q(() => {
 		t.current = e;
-	}, [e]), L((e) => t.current?.(e), [t]);
+	}, [e]), R((e) => t.current?.(e), [t]);
 }
 var ct = null;
 function lt(e = !1) {
@@ -1215,12 +1229,12 @@ function ut({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
 	}
 	return r;
 }
-function Q(e, t = "Assertion error") {
+function $(e, t = "Assertion error") {
 	if (!e) throw console.error(t), Error(t);
 }
 function dt(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 || ($(e !== void 0), $(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;
 }
@@ -1229,7 +1243,7 @@ function ft({ cachedBounds: e, itemCount: t, itemSize: n }) {
 	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 $(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
 	}
 }
 function pt({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, containerScrollOffset: a, containerSize: o }) {
@@ -1269,7 +1283,7 @@ function ht({ 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 ($(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
 				let e = r.size, a;
 				switch (typeof n) {
 					case "function":
@@ -1285,14 +1299,14 @@ function ht({ 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, {
+					$(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 $(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
 		},
 		set(e, t) {
 			r.set(e, t);
@@ -1303,7 +1317,7 @@ function ht({ itemCount: e, itemProps: t, itemSize: n }) {
 	};
 }
 function gt({ itemCount: e, itemProps: t, itemSize: n }) {
-	return z(() => ht({
+	return B(() => ht({
 		itemCount: e,
 		itemProps: t,
 		itemSize: n
@@ -1317,7 +1331,7 @@ function _t({ 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;
+			$(t.endsWith("%"), `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`), $(e !== void 0, "Container size must be defined if a percentage item size is specified"), n = e * parseInt(t) / 100;
 			break;
 		default:
 			n = t;
@@ -1332,7 +1346,7 @@ function vt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		element: e,
 		mode: r === "vertical" ? "only-height" : "only-width",
 		style: t
-	}), f = B({
+	}), f = V({
 		height: 0,
 		width: 0
 	}), p = r === "vertical" ? u : d, m = _t({
@@ -1356,7 +1370,7 @@ function vt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		itemCount: a,
 		itemProps: o,
 		itemSize: m
-	}), g = L((e) => h.get(e), [h]), [_, v] = V(() => mt({
+	}), g = R((e) => h.get(e), [h]), [_, v] = H(() => mt({
 		cachedBounds: h,
 		containerScrollOffset: 0,
 		containerSize: p,
@@ -1367,7 +1381,7 @@ function vt({ 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 = L(() => ft({
+	}, C = R(() => ft({
 		cachedBounds: h,
 		itemCount: a,
 		itemSize: m
@@ -1375,7 +1389,7 @@ function vt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		h,
 		a,
 		m
-	]), w = L((t) => mt({
+	]), w = R((t) => mt({
 		cachedBounds: h,
 		containerScrollOffset: ut({
 			containerElement: e,
@@ -1395,13 +1409,13 @@ function vt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		a,
 		l
 	]);
-	return Z(() => {
+	return Q(() => {
 		v(w((r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0));
 	}, [
 		e,
 		r,
 		w
-	]), Z(() => {
+	]), Q(() => {
 		if (!e) return;
 		let t = () => {
 			v((t) => {
@@ -1463,7 +1477,7 @@ function vt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 	};
 }
 function yt(e) {
-	return z(() => e, Object.values(e));
+	return B(() => e, Object.values(e));
 }
 function bt(e, t) {
 	let { ariaAttributes: n, style: r, ...i } = e, { ariaAttributes: a, style: o, ...s } = t;
@@ -1474,14 +1488,14 @@ function xt(e) {
 }
 var St = "data-react-window-index";
 function Ct({ 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 = yt(u), h = z(() => I(s, bt), [s]), [g, _] = V(null), v = xt(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = vt({
+	let m = yt(u), h = B(() => L(s, bt), [s]), [g, _] = H(null), v = xt(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = vt({
 		containerElement: g,
 		containerStyle: f,
 		defaultContainerSize: n,
 		direction: "vertical",
 		itemCount: c,
 		itemProps: m,
-		itemSize: z(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
+		itemSize: B(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
 		onResize: i,
 		overscanCount: o
 	});
@@ -1500,7 +1514,7 @@ function Ct({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 				top: r
 			});
 		}
-	}), [g, x]), Z(() => {
+	}), [g, x]), Q(() => {
 		if (!g) return;
 		let e = Array.from(g.children).filter((e, t) => {
 			if (e.hasAttribute("aria-hidden")) return !1;
@@ -1514,7 +1528,7 @@ function Ct({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		l,
 		S,
 		w
-	]), R(() => {
+	]), z(() => {
 		S >= 0 && w >= 0 && a && a({
 			startIndex: C,
 			stopIndex: T
@@ -1529,11 +1543,11 @@ function Ct({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		w,
 		T
 	]);
-	let E = z(() => {
+	let E = B(() => {
 		let e = [];
 		if (c > 0) for (let t = S; t <= w; t++) {
 			let n = y(t);
-			e.push(/* @__PURE__ */ F(h, {
+			e.push(/* @__PURE__ */ I(h, {
 				...m,
 				ariaAttributes: {
 					"aria-posinset": t + 1,
@@ -1560,7 +1574,7 @@ function Ct({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		m,
 		S,
 		w
-	]), D = /* @__PURE__ */ U("div", {
+	]), D = /* @__PURE__ */ W("div", {
 		"aria-hidden": !0,
 		style: {
 			height: b(),
@@ -1568,7 +1582,7 @@ function Ct({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 			zIndex: -1
 		}
 	});
-	return F(d, {
+	return I(d, {
 		role: "list",
 		...p,
 		className: t,
@@ -1589,41 +1603,42 @@ var wt = {
 	checkIcon: "_checkIcon_1tiyp_19",
 	stateLabel: "_stateLabel_1tiyp_23"
 }, Tt = 44, Et = 8, Dt = ({ index: e, style: t, ariaAttributes: n, items: r, selectedDeploymentId: i, labelClassName: a, query: s, onSelect: c }) => {
-	let u = r[e], f = nt(u.iconUrl, u.type, u.displayName ?? u.id, d.SM), p = u.id === i;
-	return /* @__PURE__ */ U("div", {
+	let u = r[e], p = nt(u.iconUrl, u.type, u.displayName ?? u.id, d.SM), m = u.id === i;
+	return /* @__PURE__ */ W("div", {
 		style: t,
 		...n,
-		children: /* @__PURE__ */ U(l, {
+		children: /* @__PURE__ */ W(l, {
 			type: "button",
 			className: o(wt.item, "h-full w-full gap-3 px-4"),
-			iconBefore: /* @__PURE__ */ U("span", {
+			iconBefore: /* @__PURE__ */ W("span", {
 				className: wt.itemIcon,
-				children: f
+				children: p
 			}),
-			label: /* @__PURE__ */ W("span", {
+			label: /* @__PURE__ */ G("span", {
 				className: "flex flex-1 items-center justify-between gap-2",
-				children: [/* @__PURE__ */ U(_, {
+				children: [/* @__PURE__ */ W(v, {
 					text: u.displayName ?? u.id,
 					query: s,
 					maxLines: 1,
 					className: o(a, "min-w-0 flex-1 text-start")
-				}), p && /* @__PURE__ */ U(j, {
+				}), m && /* @__PURE__ */ W(M, {
 					size: d.SM,
 					className: wt.checkIcon,
-					"aria-hidden": !0
+					"aria-hidden": !0,
+					stroke: f
 				})]
 			}),
 			onClick: () => c(u.id)
 		})
 	});
-}, Ot = ({ 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: h = "dial-body-semi-text", labelClassName: g = "dial-small-text", colors: _ }) => {
-	let [v, y] = V("");
-	R(() => {
+}, Ot = ({ 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: g = "dial-small-text", colors: _ }) => {
+	let [v, y] = H("");
+	z(() => {
 		e || y("");
 	}, [e]);
-	let b = s && s.length > 0, x = u !== void 0, S = !b && !x ? d ?? f : void 0, C = b ? X(s, v) : [], w = (e) => {
+	let b = s && s.length > 0, x = u !== void 0, S = !b && !x ? d ?? f : void 0, C = b ? Z(s, v) : [], w = (e) => {
 		l(e), i();
-	}, E = a({
+	}, T = a({
 		"--ci-sheet-divider": _?.divider,
 		"--ci-sheet-text": _?.itemText,
 		"--ci-sheet-item-hover": _?.itemHoverBg,
@@ -1631,31 +1646,31 @@ var wt = {
 		"--ci-sheet-icon": _?.itemIcon,
 		"--ci-check-icon": _?.checkIcon
 	});
-	return /* @__PURE__ */ U(G, {
+	return /* @__PURE__ */ W(K, {
 		isOpen: e,
 		title: t,
 		closeLabel: n,
 		onClose: i,
 		style: p,
-		titleClassName: h,
+		titleClassName: m,
 		className: "max-h-[80dvh]",
 		colors: _?.shell,
-		children: /* @__PURE__ */ W("div", {
+		children: /* @__PURE__ */ G("div", {
 			className: "contents",
-			style: E,
-			children: [b && !x && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("div", {
+			style: T,
+			children: [b && !x && /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("div", {
 				className: "flex-shrink-0 px-4 py-[10px]",
-				children: /* @__PURE__ */ U(T, {
+				children: /* @__PURE__ */ W(E, {
 					value: v,
 					placeholder: r,
-					size: m.Standard,
+					size: h.Standard,
 					onChange: (e) => y(e ?? "")
 				})
-			}), /* @__PURE__ */ U("div", { className: o(wt.divider, "h-px flex-shrink-0") })] }), x ? /* @__PURE__ */ U(tt, { loadingLabel: u }) : S ? /* @__PURE__ */ U("div", {
+			}), /* @__PURE__ */ W("div", { className: o(wt.divider, "h-px flex-shrink-0") })] }), x ? /* @__PURE__ */ W(tt, { loadingLabel: u }) : S ? /* @__PURE__ */ W("div", {
 				role: "list",
 				className: o(wt.stateLabel, g, "px-4 py-4"),
 				children: S
-			}) : /* @__PURE__ */ U(Ct, {
+			}) : /* @__PURE__ */ W(Ct, {
 				role: "list",
 				className: "overflow-y-auto",
 				style: { height: Math.min(C.length, Et) * Tt },
@@ -1672,45 +1687,46 @@ var wt = {
 			})]
 		})
 	});
-}, kt = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, isStreaming: i, isMobile: a, isDisabled: s = !1, style: c, modelPickerOverlay: l, isPickerOpen: u, onPickerToggle: h, onPickerOpenChange: _ }) => {
-	let [v, y] = V(!1), { selectorIcon: b, selectorAriaLabel: x, selectedLabel: S, menuItems: C, menuHeader: w, onOpenChange: T } = it({
+}, kt = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, isStreaming: i, isMobile: a, isDisabled: s = !1, style: c, modelPickerOverlay: l, isPickerOpen: u, onPickerToggle: g, onPickerOpenChange: v }) => {
+	let [y, b] = H(!1), { selectorIcon: x, selectorAriaLabel: S, selectedLabel: C, menuItems: w, menuHeader: T, onOpenChange: E } = it({
 		deployments: e,
 		selectedDeploymentId: t,
 		onDeploymentChange: n,
 		modelSelectorLabels: r
 	});
 	if (!e) return null;
-	let E = i || s ? "pointer-events-none opacity-50 cursor-not-allowed" : void 0, D = /* @__PURE__ */ U(re, {
+	let D = i || s ? "pointer-events-none opacity-50 cursor-not-allowed" : void 0, O = /* @__PURE__ */ W(re, {
 		size: d.SM,
-		className: q.modelSelectorCaret,
-		"aria-hidden": !0
+		className: J.modelSelectorCaret,
+		"aria-hidden": !0,
+		stroke: f
 	});
-	return a ? /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(A, {
-		tooltip: S,
-		children: /* @__PURE__ */ U(g, {
-			icon: /* @__PURE__ */ W("div", {
+	return a ? /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(j, {
+		tooltip: C,
+		children: /* @__PURE__ */ W(_, {
+			icon: /* @__PURE__ */ G("div", {
 				className: "flex items-center gap-1",
-				children: [b, D]
+				children: [x, O]
 			}),
-			"aria-label": x,
+			"aria-label": S,
 			onClick: () => {
-				s || y(!0);
+				s || b(!0);
 			},
-			className: o("w-[50px]", q.modelSelectorButton, E)
+			className: o("w-[50px]", J.modelSelectorButton, D)
 		})
-	}), l ? /* @__PURE__ */ U(G, {
-		isOpen: v,
+	}), l ? /* @__PURE__ */ W(K, {
+		isOpen: y,
 		title: r?.ariaLabel ?? "Select model",
 		closeLabel: r?.closeLabel ?? "Close",
-		onClose: () => y(!1),
+		onClose: () => b(!1),
 		style: c,
-		children: l(() => y(!1))
-	}) : /* @__PURE__ */ U(Ot, {
-		isOpen: v,
+		children: l(() => b(!1))
+	}) : /* @__PURE__ */ W(Ot, {
+		isOpen: y,
 		title: r?.ariaLabel ?? "Select model",
 		closeLabel: r?.closeLabel ?? "Close",
 		searchPlaceholder: r?.searchPlaceholder ?? "Search",
-		onClose: () => y(!1),
+		onClose: () => b(!1),
 		deployments: e,
 		selectedDeploymentId: t,
 		onSelect: (e) => n?.(e),
@@ -1718,173 +1734,174 @@ var wt = {
 		errorLabel: r?.error,
 		emptyLabel: r?.empty,
 		style: c
-	})] }) : l ? /* @__PURE__ */ U(p, {
+	})] }) : l ? /* @__PURE__ */ W(m, {
 		placement: "top-end",
 		matchReferenceWidth: !1,
 		open: u,
-		onOpenChange: _,
+		onOpenChange: v,
 		trigger: [],
 		outsideClosable: !0,
-		renderOverlay: () => l(() => _?.(!1)),
+		renderOverlay: () => l(() => v?.(!1)),
 		listClassName: "!w-[368px] !bg-layer-raised",
-		children: /* @__PURE__ */ U(A, {
-			tooltip: S,
-			children: /* @__PURE__ */ W("button", {
+		children: /* @__PURE__ */ W(j, {
+			tooltip: C,
+			children: /* @__PURE__ */ G("button", {
 				type: "button",
-				"aria-label": x,
+				"aria-label": S,
 				"aria-disabled": s || void 0,
-				className: o("flex items-center justify-center gap-1 rounded-full p-2", q.modelSelectorButton, E, s && q.modelSelectorButtonDisabled),
+				className: o("flex items-center justify-center gap-1 rounded-full p-2", J.modelSelectorButton, D, s && J.modelSelectorButtonDisabled),
 				onClick: () => {
-					!i && !s && h?.();
+					!i && !s && g?.();
 				},
-				children: [b, D]
+				children: [x, O]
 			})
 		})
-	}) : /* @__PURE__ */ U("div", {
-		className: o(s && E),
+	}) : /* @__PURE__ */ W("div", {
+		className: o(s && D),
 		"aria-disabled": s || void 0,
-		children: /* @__PURE__ */ U(A, {
-			tooltip: S,
-			children: /* @__PURE__ */ U(f, {
-				icon: b,
-				ariaLabel: x,
-				items: C,
-				menuHeader: w,
+		children: /* @__PURE__ */ W(j, {
+			tooltip: C,
+			children: /* @__PURE__ */ W(p, {
+				icon: x,
+				ariaLabel: S,
+				items: w,
+				menuHeader: T,
 				placement: "bottom-end",
 				matchReferenceWidth: !1,
 				listClassName: "!w-[240px] !max-h-80",
-				onOpenChange: s ? void 0 : T,
-				size: m.Standard,
-				caretIcon: D,
-				iconClassName: s ? E : void 0,
-				buttonClassName: o("bg-transparent", q.modelSelectorButton, s && q.modelSelectorButtonDisabled)
+				onOpenChange: s ? void 0 : E,
+				size: h.Standard,
+				caretIcon: O,
+				iconClassName: s ? D : void 0,
+				buttonClassName: o("bg-transparent", J.modelSelectorButton, s && J.modelSelectorButtonDisabled)
 			})
 		})
 	});
-}, At = 160, jt = ({ message: e = "", messageRevision: t, onSend: n, onUploadAttachment: r, onStop: i, isStreaming: l = !1, onChange: u, onAttachmentsChange: f, placeholder: p = "Type a message...", ariaLabel: m, attachLabel: h = "Attach file", fileAccept: g, addMenuTitle: _ = "Add", menuTitle: v = "Menu", menuCloseLabel: y = "Close", removeLabel: b, retryLabel: x, sendLabel: S, stopLabel: C, micLabel: w = "Record voice message", stopRecordingLabel: T, discardRecordingLabel: E, colors: D, typography: O, className: ee, pendingDropFiles: A = [], onDropFilesConsumed: te, pendingAttachments: ne = [], onPendingAttachmentsConsumed: j, pasteTextThreshold: re = 4e3, maxMessageLength: M = 5e4, deployments: oe, selectedDeploymentId: N, onDeploymentChange: P, modelSelectorLabels: se, initialAttachments: ce = [], isStacked: le = !1, hideAddButton: ue = !1, hideAttachFile: de = !1, hideActionBar: fe = !1, renderFooterActions: F, isInputDisabled: I = !1, isModelSelectorDisabled: pe = !1, isSendDisabled: me = !1, isAudioMessageSupported: ge = !1, sendOnEnter: _e = Me.Enter, prefixAttachments: ye = [], onRemovePrefixAttachment: be, chatSettings: G, toolsMenuItems: xe, onToolToggle: we, toolsMenuTitle: Te, toolsBackLabel: Oe, toolsChipLabels: ke, promptsMenuOverlay: Ae, promptsMenuTitle: Ne, promptsBackLabel: Pe, autoFocus: Fe = !1, messageHistory: Ie, onDialFileSystemClick: Le, dialFileSystemLabel: Re, validateAttachment: ze, onAttachmentClick: Be, modelPickerOverlay: Ve, maximumAttachmentsAmount: He, onAttachmentsLimitExceeded: Ue, isAttachmentsEnabled: K = !0, usageLimitsSlot: Ge, onMessageTooLong: qe }) => {
-	let Je = s(), [Ye, J] = V(!1), $e = Ee(Ie), et = z(() => a({
-		"--ci-bg": D?.background,
-		"--ci-text": D?.text,
-		"--ci-border": D?.border,
-		"--ci-border-focus": D?.borderFocus,
-		"--ci-placeholder": D?.placeholder,
-		"--ci-text-disabled": D?.textDisabled,
-		"--ci-model-selector-caret-color": D?.modelSelectorCaret,
-		"--ci-model-selector-hover-bg": D?.modelSelectorHoverBg,
-		"--ci-model-selector-disabled-color": D?.modelSelectorDisabled,
-		"--ci-voice-error": D?.voiceError,
-		"--ci-voice-waveform": D?.voiceWaveform,
-		"--ci-voice-accent": D?.voiceAccent
-	}), [D]), tt = z(() => Le ? [{
+}, At = 160, jt = ({ message: e = "", messageRevision: t, onSend: n, onUploadAttachment: r, onStop: i, isStreaming: l = !1, onChange: u, onAttachmentsChange: p, placeholder: m = "Type a message...", ariaLabel: h, attachLabel: g = "Attach file", fileAccept: v, addMenuTitle: y = "Add", menuTitle: b = "Menu", menuCloseLabel: x = "Close", removeLabel: S, retryLabel: C, sendLabel: w, stopLabel: T, micLabel: E = "Record voice message", stopRecordingLabel: D, discardRecordingLabel: O, colors: k, typography: A, className: ee, pendingDropFiles: j = [], onDropFilesConsumed: te, pendingAttachments: ne = [], onPendingAttachmentsConsumed: M, pasteTextThreshold: re = 4e3, maxMessageLength: N = 5e4, deployments: oe, selectedDeploymentId: P, onDeploymentChange: F, modelSelectorLabels: se, initialAttachments: ce = [], isStacked: le = !1, hideAddButton: ue = !1, hideAttachFile: de = !1, hideActionBar: fe = !1, renderFooterActions: I, isInputDisabled: L = !1, isModelSelectorDisabled: pe = !1, isSendDisabled: me = !1, isAudioMessageSupported: ge = !1, sendOnEnter: _e = Me.Enter, prefixAttachments: ye = [], onRemovePrefixAttachment: be, chatSettings: K, toolsMenuItems: xe, onToolToggle: we, toolsMenuTitle: Te, toolsBackLabel: Oe, toolsChipLabels: ke, promptsMenuOverlay: Ae, promptsMenuTitle: Ne, promptsBackLabel: Pe, autoFocus: Fe = !1, messageHistory: Ie, onDialFileSystemClick: Le, dialFileSystemLabel: Re, validateAttachment: ze, onAttachmentClick: Be, modelPickerOverlay: Ve, maximumAttachmentsAmount: He, onAttachmentsLimitExceeded: Ue, isAttachmentsEnabled: q = !0, usageLimitsSlot: Ge, onMessageTooLong: qe }) => {
+	let Je = s(), [Ye, Y] = H(!1), $e = Ee(Ie), et = B(() => a({
+		"--ci-bg": k?.background,
+		"--ci-text": k?.text,
+		"--ci-border": k?.border,
+		"--ci-border-focus": k?.borderFocus,
+		"--ci-placeholder": k?.placeholder,
+		"--ci-text-disabled": k?.textDisabled,
+		"--ci-model-selector-caret-color": k?.modelSelectorCaret,
+		"--ci-model-selector-hover-bg": k?.modelSelectorHoverBg,
+		"--ci-model-selector-disabled-color": k?.modelSelectorDisabled,
+		"--ci-voice-error": k?.voiceError,
+		"--ci-voice-waveform": k?.voiceWaveform,
+		"--ci-voice-accent": k?.voiceAccent
+	}), [k]), tt = B(() => Le ? [{
 		key: "dial-fs",
 		label: Re ?? "DIAL file system",
-		icon: /* @__PURE__ */ U(ie, {
+		icon: /* @__PURE__ */ W(ie, {
 			size: c,
-			"aria-hidden": !0
+			"aria-hidden": !0,
+			stroke: f
 		}),
 		onClick: Le
-	}] : [], [Le, Re]), { message: Y, setMessage: X, textareaRef: nt, isMultiLine: rt } = De({
+	}] : [], [Le, Re]), { message: X, setMessage: Z, textareaRef: nt, isMultiLine: rt } = De({
 		messageProp: e,
 		messageRevision: t
-	}), { attachments: it, buildAttachments: Z, addAttachments: at, resetAttachments: ot, handleRemove: st, handleRetry: ct, handleExpand: lt, hasBlockedAttachments: ut } = Se({
+	}), { attachments: it, buildAttachments: Q, addAttachments: at, resetAttachments: ot, handleRemove: st, handleRetry: ct, handleExpand: lt, hasBlockedAttachments: ut } = Se({
 		initialAttachments: ce,
 		onUploadAttachment: r,
-		onAttachmentsChange: f,
+		onAttachmentsChange: p,
 		validateAttachment: ze,
-		pendingDropFiles: A,
+		pendingDropFiles: j,
 		onDropFilesConsumed: te,
 		pendingAttachments: ne,
-		onPendingAttachmentsConsumed: j,
-		onExpandPastedText: L((e) => {
-			X((t) => t ? `${t}\n${e}` : e);
-		}, [X]),
+		onPendingAttachmentsConsumed: M,
+		onExpandPastedText: R((e) => {
+			Z((t) => t ? `${t}\n${e}` : e);
+		}, [Z]),
 		maximumAttachmentsAmount: He,
 		baseAttachmentsAmount: ye.length,
 		onAttachmentsLimitExceeded: Ue
-	}), { state: Q, analyserNodeRef: dt, errorMessage: ft, startRecording: pt, stopRecording: mt, discardRecording: ht } = je({ onAttachAudio: L((e) => {
-		at(Z([e]));
-	}, [at, Z]) }), gt = B(null), _t = B(null), { handlePaste: vt } = ve(at, K ? re : Infinity), yt = L((e) => {
-		if (!K) {
+	}), { state: $, analyserNodeRef: dt, errorMessage: ft, startRecording: pt, stopRecording: mt, discardRecording: ht } = je({ onAttachAudio: R((e) => {
+		at(Q([e]));
+	}, [at, Q]) }), gt = V(null), _t = V(null), { handlePaste: vt } = ve(at, q ? re : Infinity), yt = R((e) => {
+		if (!q) {
 			let t = e.clipboardData.getData("text/plain");
-			t.length >= M && qe?.(t.length, M);
+			t.length >= N && qe?.(t.length, N);
 		}
 		vt(e);
 	}, [
-		K,
-		M,
+		q,
+		N,
 		qe,
 		vt
-	]), bt = Y.trim().length > 0 || it.length > 0, xt = bt && !ut && !me, { shouldRender: St, isExiting: Ct, instanceKey: wt } = Ce(!l && bt, At), [Tt, Et] = V([]);
-	R(() => {
+	]), bt = X.trim().length > 0 || it.length > 0, xt = bt && !ut && !me, { shouldRender: St, isExiting: Ct, instanceKey: wt } = Ce(!l && bt, At), [Tt, Et] = H([]);
+	z(() => {
 		Et([]);
 	}, [(xe ?? []).map((e) => e.id).join("|")]);
-	let Dt = z(() => (xe ?? []).filter((e) => e.isSelected || !Tt.includes(e.id)), [xe, Tt]), Ot = L((e) => {
+	let Dt = B(() => (xe ?? []).filter((e) => e.isSelected || !Tt.includes(e.id)), [xe, Tt]), Ot = R((e) => {
 		Et((t) => t.includes(e) ? t : [...t, e]), xe?.find((t) => t.id === e)?.isSelected && we?.(e);
-	}, [xe, we]), jt = Dt.length > 0 && we != null, $ = le || Y.includes("\n") || rt || jt, Mt = oe === void 0 || N != null, Nt = z(() => ge && !Ct && !l, [
+	}, [xe, we]), jt = Dt.length > 0 && we != null, Mt = le || X.includes("\n") || rt || jt, Nt = oe === void 0 || P != null, Pt = B(() => ge && !Ct && !l, [
 		ge,
 		Ct,
 		l
-	]), Pt = async () => {
+	]), Ft = async () => {
 		if (me) return;
-		if (!K && Y.length >= M) {
-			qe?.(Y.length, M);
+		if (!q && X.length >= N) {
+			qe?.(X.length, N);
 			return;
 		}
-		let e = Y, t = it;
-		X(""), $e.reset();
+		let e = X, t = it;
+		Z(""), $e.reset();
 		try {
 			await n?.(e, t), t.forEach((e) => {
 				e.previewUrl && URL.revokeObjectURL(e.previewUrl), e.playUrl && URL.revokeObjectURL(e.playUrl);
 			}), ot([]);
 		} catch {
-			X(e), ot(t);
+			Z(e), ot(t);
 		}
-	}, Ft = (e) => {
-		if (!e.nativeEvent.isComposing && !I && !l && (e.key === "ArrowUp" || e.key === "ArrowDown")) {
-			let t = e.currentTarget.selectionStart ?? 0, n = $e.navigate(e.key === "ArrowUp" ? "up" : "down", Y, t);
+	}, It = (e) => {
+		if (!e.nativeEvent.isComposing && !L && !l && (e.key === "ArrowUp" || e.key === "ArrowDown")) {
+			let t = e.currentTarget.selectionStart ?? 0, n = $e.navigate(e.key === "ArrowUp" ? "up" : "down", X, t);
 			if (n !== null) {
-				e.preventDefault(), X(n);
+				e.preventDefault(), Z(n);
 				return;
 			}
 		}
-		e.key === "Enter" && (_e === Me.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey) && (e.preventDefault(), !l && xt && Mt && !I && Pt());
-	}, It = (e) => {
+		e.key === "Enter" && (_e === Me.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey) && (e.preventDefault(), !l && xt && Nt && !L && Ft());
+	}, Lt = (e) => {
 		let t = Array.from(e.target.files ?? []);
 		if (t.length === 0) return;
-		let n = Z(t);
+		let n = Q(t);
 		e.target.value = "", at(n);
 	};
-	if (Q !== "idle") return /* @__PURE__ */ U(Xe, {
-		state: Q,
+	if ($ !== "idle") return /* @__PURE__ */ W(Xe, {
+		state: $,
 		analyserNodeRef: dt,
 		errorMessage: ft,
 		onStop: mt,
 		onDiscard: ht,
-		stopLabel: T,
-		discardLabel: E,
+		stopLabel: D,
+		discardLabel: O,
 		style: et,
 		className: ee
 	});
-	let Lt = /* @__PURE__ */ U("textarea", {
-		className: o(q.textarea, O?.fontClassName || "dial-body-paragraph-text", "max-h-[272px] w-full resize-none overflow-y-auto border-0 bg-transparent outline-none [field-sizing:content]"),
+	let Rt = /* @__PURE__ */ W("textarea", {
+		className: o(J.textarea, A?.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: nt,
 		autoFocus: Fe,
-		value: Y,
+		value: X,
 		onChange: (e) => {
-			X(e.target.value), $e.notifyChange(), u?.(e.target.value);
+			Z(e.target.value), $e.notifyChange(), u?.(e.target.value);
 		},
-		onKeyDown: Ft,
+		onKeyDown: It,
 		onPaste: yt,
-		placeholder: p,
-		"aria-label": m,
-		disabled: I,
+		placeholder: m,
+		"aria-label": h,
+		disabled: L,
 		rows: 1
 	});
-	return /* @__PURE__ */ W("div", {
+	return /* @__PURE__ */ G("div", {
 		ref: _t,
 		style: et,
-		className: o(q.wrapper, I && q.wrapperDisabled, "flex min-h-[64px] w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border shadow-md", "focus-within:outline focus-within:-outline-offset-1 active:outline active:-outline-offset-1", it.length > 6 ? "py-3 ps-3" : "p-3", ee),
-		children: [(ye.length > 0 || it.length > 0) && /* @__PURE__ */ U(he, {
+		className: o(J.wrapper, L && J.wrapperDisabled, "flex min-h-[64px] w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border shadow-md", "focus-within:outline focus-within:-outline-offset-1 active:outline active:-outline-offset-1", it.length > 6 ? "py-3 ps-3" : "p-3", ee),
+		children: [(ye.length > 0 || it.length > 0) && /* @__PURE__ */ W(he, {
 			attachments: [...ye, ...it],
 			onRemove: (e) => {
 				ye.some((t) => t.id === e) ? be?.(e) : st(e);
@@ -1892,36 +1909,36 @@ var wt = {
 			onRetry: ct,
 			onExpand: lt,
 			labels: {
-				removeLabel: b,
-				retryLabel: x
+				removeLabel: S,
+				retryLabel: C
 			},
 			onAttachmentClick: Be == null ? void 0 : (e) => {
 				let t = [...ye, ...it].find((t) => t.id === e);
 				t != null && Be(t);
 			}
-		}), fe ? $ && Lt : /* @__PURE__ */ W("div", {
-			className: o("flex items-center gap-2", $ ? "flex-wrap" : "flex-wrap desktop:flex-nowrap"),
+		}), fe ? Mt && Rt : /* @__PURE__ */ G("div", {
+			className: o("flex items-center gap-2", Mt ? "flex-wrap" : "flex-wrap desktop:flex-nowrap"),
 			children: [
-				!ue && /* @__PURE__ */ W("div", {
-					className: o("flex", "order-2", !$ && "desktop:order-1"),
-					children: [/* @__PURE__ */ U("input", {
+				!ue && /* @__PURE__ */ G("div", {
+					className: o("flex", "order-2", !Mt && "desktop:order-1"),
+					children: [/* @__PURE__ */ W("input", {
 						ref: gt,
 						type: "file",
 						multiple: !0,
-						accept: g,
+						accept: v,
 						className: "sr-only",
 						"aria-hidden": !0,
 						tabIndex: -1,
-						onChange: It
-					}), /* @__PURE__ */ U(We, {
+						onChange: Lt
+					}), /* @__PURE__ */ W(We, {
 						onAttachClick: de ? void 0 : () => gt.current?.click(),
-						attachLabel: h,
-						addMenuTitle: _,
-						menuTitle: v,
-						menuCloseLabel: y,
+						attachLabel: g,
+						addMenuTitle: y,
+						menuTitle: b,
+						menuCloseLabel: x,
 						style: et,
-						isDisabled: I,
-						chatSettings: G,
+						isDisabled: L,
+						chatSettings: K,
 						extraMenuItems: tt,
 						toolsMenuItems: xe,
 						onToolToggle: we,
@@ -1932,30 +1949,30 @@ var wt = {
 						promptsBackLabel: Pe
 					})]
 				}),
-				$ && Dt.length > 0 && we != null && /* @__PURE__ */ U("div", {
+				Mt && Dt.length > 0 && we != null && /* @__PURE__ */ W("div", {
 					className: "order-3 min-w-0 flex-1",
-					children: /* @__PURE__ */ U(Ke, {
+					children: /* @__PURE__ */ W(Ke, {
 						items: Dt,
 						onToolToggle: we,
 						onToolDismiss: Ot,
 						removeLabel: ke?.removeLabel
 					})
 				}),
-				/* @__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: Lt
-				}),
 				/* @__PURE__ */ W("div", {
-					className: o("flex flex-shrink-0 items-center gap-2", $ && jt ? "order-4" : "order-3", "ms-auto", !$ && "desktop:ms-0"),
-					children: [F ? F({
+					className: o("order-1 flex w-full min-w-0 items-center self-stretch", !Mt && "desktop:order-2 desktop:w-auto desktop:flex-1"),
+					children: Rt
+				}),
+				/* @__PURE__ */ G("div", {
+					className: o("flex flex-shrink-0 items-center gap-2", Mt && jt ? "order-4" : "order-3", "ms-auto", !Mt && "desktop:ms-0"),
+					children: [I ? I({
 						canSend: xt,
-						onSend: Pt
-					}) : /* @__PURE__ */ W(H, { children: [
+						onSend: Ft
+					}) : /* @__PURE__ */ G(U, { children: [
 						Ge,
-						/* @__PURE__ */ U(kt, {
+						/* @__PURE__ */ W(kt, {
 							deployments: oe,
-							selectedDeploymentId: N,
-							onDeploymentChange: P,
+							selectedDeploymentId: P,
+							onDeploymentChange: F,
 							modelSelectorLabels: se,
 							isStreaming: l,
 							isMobile: Je,
@@ -1963,43 +1980,44 @@ var wt = {
 							style: et,
 							modelPickerOverlay: Ve,
 							isPickerOpen: Ye,
-							onPickerToggle: () => J((e) => !e),
-							onPickerOpenChange: J
+							onPickerToggle: () => Y((e) => !e),
+							onPickerOpenChange: Y
 						}),
-						l && i ? /* @__PURE__ */ U(Qe, {
+						l && i ? /* @__PURE__ */ W(Qe, {
 							onStop: i,
-							ariaLabel: C
-						}) : !l && St && /* @__PURE__ */ U(Ze, {
-							onSend: Pt,
-							isDisabled: !Mt || ut || me,
-							ariaLabel: S,
+							ariaLabel: T
+						}) : !l && St && /* @__PURE__ */ W(Ze, {
+							onSend: Ft,
+							isDisabled: !Nt || ut || me,
+							ariaLabel: w,
 							isExiting: Ct
 						}, wt)
-					] }), Nt && /* @__PURE__ */ U(k, {
-						icon: /* @__PURE__ */ U(ae, {
+					] }), Pt && /* @__PURE__ */ W(_, {
+						icon: /* @__PURE__ */ W(ae, {
 							size: d.LG,
+							stroke: f,
 							"aria-hidden": !0
 						}),
-						"aria-label": w,
-						className: "size-8 flex-shrink-0",
+						"aria-label": E,
+						className: "size-[40px] flex-shrink-0",
 						onClick: pt,
-						disabled: I || l
+						disabled: L || l
 					})]
 				})
 			]
 		})]
 	});
-}, $ = { welcome: "_welcome_n2ph8_1" }, Mt = ({ isStreaming: e = !1, placeholder: t = "Type a prompt or use \"/\" to select one", welcomeText: n, styles: r, className: i, inputClassName: s, isInputDisabled: c = !1, ...l }) => {
+}, Mt = { welcome: "_welcome_n2ph8_1" }, Nt = ({ 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__ */ W("div", {
+	return /* @__PURE__ */ G("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__ */ U("h1", {
-			className: o($.welcome, "m-0 text-center", d?.welcomeClassName || "dial-display2-text"),
+		children: [n && /* @__PURE__ */ W("h1", {
+			className: o(Mt.welcome, "m-0 text-center", d?.welcomeClassName || "dial-display2-text"),
 			children: n
-		}), /* @__PURE__ */ U("div", {
+		}), /* @__PURE__ */ W("div", {
 			className: "relative w-full max-w-[748px]",
-			children: /* @__PURE__ */ U(jt, {
+			children: /* @__PURE__ */ W(jt, {
 				placeholder: t,
 				isStreaming: e,
 				isInputDisabled: c,
@@ -2010,90 +2028,91 @@ var wt = {
 			})
 		})]
 	});
-}, Nt = ({ message: e, initialAttachments: t = [], onCancel: n, onSave: i, onUploadAttachment: a, cancelLabel: s = "Cancel", saveLabel: l = "Save & Submit", ariaLabel: u, removeLabel: d, retryLabel: f, addMenuTitle: p = "Add", attachLabel: m = "Attach file", menuTitle: h = "Menu", menuCloseLabel: g = "Close", className: _, pendingDropFiles: y, onDropFilesConsumed: b, validateAttachment: S, isAttachmentsEnabled: C, hideAttachFile: w = !1, fileAccept: T, maximumAttachmentsAmount: E, onAttachmentsLimitExceeded: D, onDialFileSystemClick: O, dialFileSystemLabel: k, pendingAttachments: ee, onPendingAttachmentsConsumed: A, onAttachmentClick: te, pasteTextThreshold: ne, maxMessageLength: j = 5e4, onMessageTooLong: re }) => {
-	let M = B(null), [ae, oe] = V([]);
-	R(() => {
-		y?.length && (oe(y), b?.());
-	}, [y, b]);
-	let [N, P] = V(e ?? ""), [se, ce] = V([]), [le, ue] = V(t), de = se.some((e) => e.status === r.Loading || e.status === r.Error), fe = (N.trim().length > 0 || se.length > 0 || le.length > 0) && !de, F = (e) => {
+}, Pt = ({ message: e, initialAttachments: t = [], onCancel: n, onSave: i, onUploadAttachment: a, cancelLabel: s = "Cancel", saveLabel: l = "Save & Submit", ariaLabel: u, removeLabel: d, retryLabel: p, addMenuTitle: m = "Add", attachLabel: h = "Attach file", menuTitle: g = "Menu", menuCloseLabel: _ = "Close", className: v, pendingDropFiles: b, onDropFilesConsumed: x, validateAttachment: C, isAttachmentsEnabled: w, hideAttachFile: T = !1, fileAccept: E, maximumAttachmentsAmount: D, onAttachmentsLimitExceeded: O, onDialFileSystemClick: k, dialFileSystemLabel: A, pendingAttachments: ee, onPendingAttachmentsConsumed: j, onAttachmentClick: te, pasteTextThreshold: ne, maxMessageLength: M = 5e4, onMessageTooLong: re }) => {
+	let N = V(null), [ae, oe] = H([]);
+	z(() => {
+		b?.length && (oe(b), x?.());
+	}, [b, x]);
+	let [P, F] = H(e ?? ""), [se, ce] = H([]), [le, ue] = H(t), de = se.some((e) => e.status === r.Loading || e.status === r.Error), fe = (P.trim().length > 0 || se.length > 0 || le.length > 0) && !de, I = (e) => {
 		ue((t) => t.filter((t) => t.id !== e));
-	}, I = L((e, t) => {
+	}, L = R((e, t) => {
 		i(e, le, t);
 	}, [le, i]), pe = () => {
 		if (fe) {
-			if (!C && N.length >= j) {
-				re?.(N.length, j);
+			if (!w && P.length >= M) {
+				re?.(P.length, M);
 				return;
 			}
-			I(N, se);
+			L(P, se);
 		}
-	}, me = L(() => oe([]), []), he = L((e) => {
+	}, me = R(() => oe([]), []), he = R((e) => {
 		let t = Array.from(e.target.files ?? []);
 		t.length !== 0 && (e.target.value = "", oe(t));
-	}, []), ge = z(() => O ? [{
+	}, []), ge = B(() => k ? [{
 		key: "dial-fs",
-		label: k ?? "DIAL file system",
-		icon: /* @__PURE__ */ U(ie, {
+		label: A ?? "DIAL file system",
+		icon: /* @__PURE__ */ W(ie, {
 			size: c,
-			"aria-hidden": !0
+			"aria-hidden": !0,
+			stroke: f
 		}),
-		onClick: O
-	}] : [], [O, k]);
-	return /* @__PURE__ */ W("div", {
-		className: o("flex w-full flex-col gap-2", _),
-		children: [/* @__PURE__ */ U(jt, {
+		onClick: k
+	}] : [], [k, A]);
+	return /* @__PURE__ */ G("div", {
+		className: o("flex w-full flex-col gap-2", v),
+		children: [/* @__PURE__ */ W(jt, {
 			message: e,
 			ariaLabel: u,
 			isStacked: !0,
 			hideActionBar: !0,
 			pendingDropFiles: ae,
 			onDropFilesConsumed: me,
-			onSend: I,
+			onSend: L,
 			onUploadAttachment: a,
-			onChange: P,
+			onChange: F,
 			onAttachmentsChange: ce,
 			removeLabel: d,
-			retryLabel: f,
+			retryLabel: p,
 			className: "max-w-full",
 			prefixAttachments: le,
-			onRemovePrefixAttachment: F,
-			validateAttachment: S,
-			isAttachmentsEnabled: C,
-			maximumAttachmentsAmount: E,
-			onAttachmentsLimitExceeded: D,
+			onRemovePrefixAttachment: I,
+			validateAttachment: C,
+			isAttachmentsEnabled: w,
+			maximumAttachmentsAmount: D,
+			onAttachmentsLimitExceeded: O,
 			pendingAttachments: ee,
-			onPendingAttachmentsConsumed: A,
+			onPendingAttachmentsConsumed: j,
 			onAttachmentClick: te,
 			pasteTextThreshold: ne,
-			maxMessageLength: j,
+			maxMessageLength: M,
 			onMessageTooLong: re
-		}), /* @__PURE__ */ W("div", {
+		}), /* @__PURE__ */ G("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ U("div", {
+			children: [/* @__PURE__ */ W("div", {
 				className: "flex",
-				children: !w && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("input", {
-					ref: M,
+				children: !T && /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("input", {
+					ref: N,
 					type: "file",
 					multiple: !0,
-					accept: T,
+					accept: E,
 					className: "sr-only",
 					"aria-hidden": !0,
 					tabIndex: -1,
 					onChange: he
-				}), /* @__PURE__ */ U(We, {
-					onAttachClick: () => M.current?.click(),
-					attachLabel: m,
-					addMenuTitle: p,
-					menuTitle: h,
-					menuCloseLabel: g,
+				}), /* @__PURE__ */ W(We, {
+					onAttachClick: () => N.current?.click(),
+					attachLabel: h,
+					addMenuTitle: m,
+					menuTitle: g,
+					menuCloseLabel: _,
 					extraMenuItems: ge
 				})] })
-			}), /* @__PURE__ */ W("div", {
+			}), /* @__PURE__ */ G("div", {
 				className: "flex gap-2",
-				children: [/* @__PURE__ */ U(v, {
+				children: [/* @__PURE__ */ W(y, {
 					label: s,
 					onClick: n
-				}), /* @__PURE__ */ U(x, {
+				}), /* @__PURE__ */ W(S, {
 					label: l,
 					onClick: pe,
 					disabled: !fe
@@ -2103,4 +2122,4 @@ var wt = {
 	});
 };
 //#endregion
-export { G as BottomSheetShell, Be as ChatSettingsModal, Mt as ConversationInput, Nt as EditMessageInput, jt as Input, Me as SendOnEnter };
+export { K as BottomSheetShell, Be as ChatSettingsModal, Nt as ConversationInput, Pt as EditMessageInput, jt as Input, Me as SendOnEnter };