@epam/ai-dial-conversation-input 1.1.0-dev.127 → 1.1.0-dev.129

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, DialPopup as h, DialRadioGroup as g, DialSearch as _, DialSkeleton as v, DialSkeletonVariant as y, DialSlider as b, DialTooltip as x, ElementSize as S, GhostIconButton as C, Highlight as w, Input 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 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 { BASE_ICON_SIZE as c, Button as l, CloseButton as u, DIAL_ICON_SIZE as d, DialDropdownIcon as f, DialRadioGroup as p, DialSearch as m, DialSlider as h, DialTooltip as g, Dropdown as _, ElementSize as v, ErrorText as y, GhostIconButton as b, Highlight as x, Input as S, NeutralButton as C, Popup as w, PopupSize as T, PrimaryButton as E, PrimaryIconButton as D, RadioGroupOrientation as O, Skeleton as k, SkeletonVariant as A, StaticIconButton as j } from "@epam/ai-dial-ui-kit";
+import { IconArrowLeft as M, IconArrowNarrowRight as N, IconCheck as P, IconChevronDown as F, IconChevronRight as I, IconFile as ee, IconMicrophone as te, IconPaperclip as ne, IconPlayerStopFilled as re, IconPlaystationSquare as ie, IconPlus as ae, IconSettings as oe, IconTool as se, IconX as ce } from "@tabler/icons-react";
+import { createPortal as le } from "react-dom";
+import { createElement as ue, memo as de, useCallback as L, useEffect as R, useImperativeHandle as fe, useLayoutEffect as pe, 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) => {
-	L(() => {
+	R(() => {
 		if (!e) return;
 		let n = (e) => {
 			e.key === "Escape" && t();
 		};
 		return window.addEventListener("keydown", n), () => window.removeEventListener("keydown", n);
-	}, [e, t]), L(() => {
+	}, [e, t]), R(() => {
 		if (e) return document.body.style.overflow = "hidden", () => {
 			document.body.style.overflow = "";
 		};
@@ -32,7 +32,7 @@ var Ce = (e, t) => {
 		"--ci-sheet-text": m?.sheetText,
 		"--ci-sheet-divider": m?.divider
 	});
-	return ue(/* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("div", {
+	return le(/* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("div", {
 		className: o(we.backdrop, "fixed inset-0 z-[55]"),
 		style: g,
 		onPointerDown: r,
@@ -51,9 +51,9 @@ var Ce = (e, t) => {
 			children: [
 				i && /* @__PURE__ */ U("div", {
 					className: "absolute start-4",
-					children: /* @__PURE__ */ U(C, {
+					children: /* @__PURE__ */ U(b, {
 						icon: /* @__PURE__ */ U(M, {
-							size: u.LG,
+							size: d.LG,
 							stroke: 1.5,
 							className: "rtl:scale-x-[-1]"
 						}),
@@ -67,9 +67,8 @@ var Ce = (e, t) => {
 				}),
 				/* @__PURE__ */ U("div", {
 					className: "absolute end-4 m-2",
-					children: /* @__PURE__ */ U(d, {
+					children: /* @__PURE__ */ U(u, {
 						ariaLabel: n,
-						size: u.LG,
 						onClose: r
 					})
 				})
@@ -85,14 +84,14 @@ var Ce = (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] = V(n), _ = B(h);
-	L(() => {
+	R(() => {
 		_.current = h;
-	}, [h]), L(() => () => {
+	}, [h]), R(() => () => {
 		_.current.forEach((e) => {
 			e.previewUrl && URL.revokeObjectURL(e.previewUrl), e.playUrl && URL.revokeObjectURL(e.playUrl);
 		});
 	}, []);
-	let v = I((e) => e.map((e) => {
+	let v = L((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(),
@@ -105,25 +104,25 @@ var Ce = (e, t) => {
 			playUrl: o
 		};
 	}), []), y = B(a);
-	L(() => {
+	R(() => {
 		y.current = a;
 	}, [a]);
-	let b = B(!0), x = I((e) => {
+	let b = B(!0), x = L((e) => {
 		g((t) => {
 			let n = e(t);
 			return n === t ? t : n;
 		});
 	}, []);
-	L(() => {
+	R(() => {
 		if (b.current) {
 			b.current = !1;
 			return;
 		}
 		y.current?.(h);
 	}, [h]);
-	let S = I((e) => {
+	let S = L((e) => {
 		g(e);
-	}, []), C = I(async (t) => {
+	}, []), C = L(async (t) => {
 		if (i) {
 			x((e) => e.map((e) => e.id === t.id ? {
 				...e,
@@ -145,7 +144,7 @@ var Ce = (e, t) => {
 				} : e));
 			}
 		}
-	}, [i, x]), w = I((e, t = !0) => {
+	}, [i, x]), w = L((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 +176,20 @@ var Ce = (e, t) => {
 		C,
 		o
 	]);
-	L(() => {
+	R(() => {
 		s.length !== 0 && (w(v(s)), c?.());
 	}, [
 		w,
 		v,
 		c,
 		s
-	]), L(() => {
+	]), R(() => {
 		l.length !== 0 && (w(l, !1), u?.());
 	}, [
 		w,
 		u,
 		l
-	]), L(() => {
+	]), R(() => {
 		if (!o) return;
 		let t = !1, n = [], i = _.current.map((i) => {
 			if (i.status === r.Loading) return i;
@@ -217,7 +216,7 @@ var Ce = (e, t) => {
 		x,
 		C
 	]);
-	let T = I((e) => {
+	let T = L((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 +228,11 @@ var Ce = (e, t) => {
 		addAttachments: w,
 		resetAttachments: S,
 		handleRemove: T,
-		handleRetry: I((e) => {
+		handleRetry: L((e) => {
 			let t = h.find((t) => t.id === e);
 			t && C(t);
 		}, [h, C]),
-		handleExpand: I(async (e) => {
+		handleExpand: L(async (e) => {
 			let n = h.find((t) => t.id === e);
 			if (!n || n.type !== t.Pasted) return;
 			let r = await n.file.text();
@@ -247,7 +246,7 @@ var Ce = (e, t) => {
 	};
 }, De = (e, t) => {
 	let [n, r] = V(e), [i, a] = V(!1), [o, s] = V(0);
-	return L(() => {
+	return R(() => {
 		if (e) {
 			r(!0), a(!1), s((e) => e + 1);
 			return;
@@ -266,12 +265,12 @@ var Ce = (e, t) => {
 }, Oe = (e, t) => !e.slice(0, t).includes("\n"), ke = (e, t) => !e.slice(t).includes("\n"), Ae = (e) => {
 	let t = B(e);
 	t.current = e;
-	let n = B(-1), r = B(""), i = I((e, i, a) => {
+	let n = B(-1), r = B(""), i = L((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 = I(() => {
+	}, []), a = L(() => {
 		n.current = -1, r.current = "";
-	}, []), o = I(() => {
+	}, []), o = L(() => {
 		n.current = -1, r.current = "";
 	}, []);
 	return z(() => ({
@@ -285,11 +284,11 @@ var Ce = (e, t) => {
 	]);
 }, je = ({ messageProp: e, messageRevision: t }) => {
 	let [n, r] = V(e), i = B(null), a = B(0), [o, s] = V(!1);
-	return L(() => {
+	return R(() => {
 		r(e);
-	}, [e, t]), L(() => {
+	}, [e, t]), R(() => {
 		i.current && (a.current = i.current.offsetHeight);
-	}, []), R(() => {
+	}, []), pe(() => {
 		if (!i.current || a.current === 0) return;
 		let e = i.current.offsetHeight > a.current;
 		s((t) => e ? !0 : n === "" ? !1 : t);
@@ -308,11 +307,11 @@ var Ce = (e, t) => {
 ], Pe = () => Ne.find((e) => MediaRecorder.isTypeSupported(e)) ?? "", Fe = ({ onAttachAudio: 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 = I(() => {
+	let h = L(() => {
 		p.current != null && (clearInterval(p.current), p.current = null);
-	}, []), g = I(() => {
+	}, []), g = L(() => {
 		h(), s.current &&= (s.current.getTracks().forEach((e) => e.stop()), null), c.current &&= (c.current.close(), null), l.current = null, u.current = null;
-	}, [h]), _ = I(() => {
+	}, [h]), _ = L(() => {
 		(async () => {
 			try {
 				let e = await navigator.mediaDevices.getUserMedia({ audio: !0 });
@@ -333,17 +332,17 @@ var Ce = (e, t) => {
 				i(e instanceof Error ? e.message : "Microphone access denied"), n("error");
 			}
 		})();
-	}, []), v = I(() => {
+	}, []), v = L(() => {
 		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 = I(() => {
+	}, [h, g]), y = L(() => {
 		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 L(() => () => {
+	return R(() => () => {
 		g();
 	}, [g]), {
 		state: t,
@@ -403,7 +402,7 @@ var Ce = (e, t) => {
 	});
 }, ze = ({ 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);
-	L(() => {
+	R(() => {
 		o && !p.current && (c(t), u(n), f(r)), p.current = o;
 	}, [
 		o,
@@ -420,7 +419,7 @@ var Ce = (e, t) => {
 		setResponseFormat: c,
 		setSystemPrompt: u,
 		setTemperature: f,
-		handleSubmit: I(() => {
+		handleSubmit: L(() => {
 			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();
@@ -434,21 +433,21 @@ var Ce = (e, t) => {
 			a
 		])
 	};
-}, Be = { label: "_label_14i7c_1" }, Ve = ({ features: e, responseFormat: t, systemPrompt: n, temperature: r, onResponseFormatChange: s, onSystemPromptChange: c, onTemperatureChange: l, responseFormatLabel: u = "Response format", responseFormatHint: d = "Applies to new and existing messages", responseFormatMarkdownLabel: f = "Markdown", responseFormatPlainTextLabel: p = "Plain text", systemPromptLabel: m = "System prompt", systemPromptTooltip: h = "Enter a prompt", temperatureLabel: _ = "Temperature", temperatureLabels: v = [
+}, Be = { label: "_label_14i7c_1" }, Ve = ({ features: e, responseFormat: t, systemPrompt: n, temperature: r, onResponseFormatChange: s, onSystemPromptChange: c, onTemperatureChange: l, responseFormatLabel: u = "Response format", responseFormatHint: d = "Applies to new and existing messages", responseFormatMarkdownLabel: f = "Markdown", responseFormatPlainTextLabel: m = "Plain text", systemPromptLabel: g = "System prompt", systemPromptTooltip: _ = "Enter a prompt", temperatureLabel: v = "Temperature", temperatureLabels: y = [
 	"Precise",
 	"Neutral",
 	"Creative"
-], temperatureHint: y, labelClassName: x = "!dial-small-semi-text", colors: S }) => {
-	let C = a({ "--csf-label-text": S?.labelText }), w = o(x, Be.label, "gap-1");
+], temperatureHint: b, labelClassName: x = "!dial-small-semi-text", colors: C }) => {
+	let w = a({ "--csf-label-text": C?.labelText }), T = o(x, Be.label, "gap-1");
 	return /* @__PURE__ */ W("div", {
 		className: "flex flex-col gap-4 px-6 py-3",
-		style: C,
+		style: w,
 		children: [
-			e.responseFormat && /* @__PURE__ */ U(g, {
+			e.responseFormat && /* @__PURE__ */ U(p, {
 				fieldTitle: u,
-				labelClassName: w,
+				labelClassName: T,
 				elementId: "response-format",
-				orientation: A.Column,
+				orientation: O.Column,
 				activeRadioButton: t ?? i.Markdown,
 				labelDescription: d,
 				radioButtons: [{
@@ -456,36 +455,36 @@ var Ce = (e, t) => {
 					name: f
 				}, {
 					id: i.PlainText,
-					name: p
+					name: m
 				}],
 				onChange: (e) => s(e)
 			}),
-			e.systemPrompt && /* @__PURE__ */ U(T, {
+			e.systemPrompt && /* @__PURE__ */ U(S, {
 				value: n,
-				placeholder: h,
+				placeholder: _,
 				labelProps: {
-					className: w,
-					label: m
+					className: T,
+					label: g
 				},
 				onChange: (e) => c(e ?? "")
 			}),
-			e.temperature && /* @__PURE__ */ U(b, {
+			e.temperature && /* @__PURE__ */ U(h, {
 				labelProps: {
-					label: _,
-					className: w,
-					caption: y
+					label: v,
+					className: T,
+					caption: b
 				},
 				value: r,
 				min: 0,
 				max: 1,
 				step: .1,
-				labels: v,
+				labels: y,
 				onChange: l
 			})
 		]
 	});
-}, 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: S, saveLabel: C = "Apply changes", saveDisabledTooltip: w }) => {
-	let { responseFormat: T, systemPrompt: E, temperature: D, canSubmit: k, 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: _, systemPromptLabel: v, systemPromptTooltip: y, temperatureLabel: b, temperatureLabels: x, temperatureHint: S, saveLabel: C = "Apply changes", saveDisabledTooltip: w }) => {
+	let { responseFormat: T, systemPrompt: D, temperature: O, canSubmit: k, setResponseFormat: A, setSystemPrompt: j, setTemperature: M, handleSubmit: N } = ze({
 		isOpen: e,
 		features: s,
 		initialResponseFormat: c,
@@ -505,27 +504,27 @@ var Ce = (e, t) => {
 		children: [/* @__PURE__ */ U(Ve, {
 			features: s,
 			responseFormat: T,
-			systemPrompt: E,
-			temperature: D,
+			systemPrompt: D,
+			temperature: O,
 			onResponseFormatChange: A,
 			onSystemPromptChange: j,
 			onTemperatureChange: M,
 			responseFormatLabel: p,
 			responseFormatHint: m,
 			responseFormatMarkdownLabel: h,
-			responseFormatPlainTextLabel: g,
-			systemPromptLabel: _,
-			systemPromptTooltip: v,
-			temperatureLabel: y,
-			temperatureLabels: b,
+			responseFormatPlainTextLabel: _,
+			systemPromptLabel: v,
+			systemPromptTooltip: y,
+			temperatureLabel: b,
+			temperatureLabels: x,
 			temperatureHint: S
 		}), /* @__PURE__ */ U("div", {
 			className: o("px-6 py-4 mobile:pb-8"),
-			children: /* @__PURE__ */ U(x, {
+			children: /* @__PURE__ */ U(g, {
 				tooltip: w,
 				hideTooltip: k || !w,
 				triggerClassName: "w-full",
-				children: /* @__PURE__ */ U(O, {
+				children: /* @__PURE__ */ U(E, {
 					label: C,
 					onClick: N,
 					disabled: !k,
@@ -534,8 +533,8 @@ var Ce = (e, t) => {
 			})
 		})]
 	});
-}, 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: g, saveLabel: _ = "Apply changes", saveDisabledTooltip: v, backgroundClassName: y = Ue.modal }) => {
-	let { responseFormat: b, systemPrompt: S, temperature: C, canSubmit: w, setResponseFormat: T, setSystemPrompt: E, setTemperature: k, 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: S, canSubmit: C, setResponseFormat: D, setSystemPrompt: O, setTemperature: k, handleSubmit: A } = ze({
 		features: e,
 		initialResponseFormat: t,
 		initialSystemPrompt: n,
@@ -543,31 +542,31 @@ var Ce = (e, t) => {
 		onSave: i,
 		onClose: a
 	});
-	return /* @__PURE__ */ U(h, {
+	return /* @__PURE__ */ U(w, {
 		open: !0,
 		header: o,
-		size: D.Sm,
+		size: T.Sm,
 		onClose: a,
 		className: y,
 		footer: /* @__PURE__ */ U("div", {
 			className: "flex justify-end px-6 py-4",
-			children: /* @__PURE__ */ U(x, {
+			children: /* @__PURE__ */ U(g, {
 				tooltip: v,
-				hideTooltip: w || !v,
-				children: /* @__PURE__ */ U(O, {
+				hideTooltip: C || !v,
+				children: /* @__PURE__ */ U(E, {
 					label: _,
 					onClick: A,
-					disabled: !w
+					disabled: !C
 				})
 			})
 		}),
 		children: /* @__PURE__ */ U(Ve, {
 			features: e,
 			responseFormat: b,
-			systemPrompt: S,
-			temperature: C,
-			onResponseFormatChange: T,
-			onSystemPromptChange: E,
+			systemPrompt: x,
+			temperature: S,
+			onResponseFormatChange: D,
+			onSystemPromptChange: O,
 			onTemperatureChange: k,
 			responseFormatLabel: s,
 			responseFormatHint: c,
@@ -577,11 +576,11 @@ var Ce = (e, t) => {
 			systemPromptTooltip: f,
 			temperatureLabel: p,
 			temperatureLabels: m,
-			temperatureHint: g
+			temperatureHint: h
 		})
 	});
 };
-fe(We);
+de(We);
 var Ge = {
 	icon: "_icon_1fv6z_1",
 	selectedIcon: "_selectedIcon_1fv6z_5"
@@ -630,16 +629,16 @@ var Ge = {
 	selectedToolIcon: "_selectedToolIcon_r268y_1",
 	toolIcon: "_toolIcon_r268y_5",
 	chevronIcon: "_chevronIcon_r268y_9"
-}, 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 }) => {
+}, qe = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, menuCloseLabel: l, style: u, listClassName: f = "w-[240px]", isDisabled: p = !1, chatSettings: m, extraMenuItems: h, toolsMenuItems: g = [], onToolToggle: y, toolsMenuTitle: x = "Tools", toolsBackLabel: S = "Back", colors: C }) => {
 	let w = 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
+		"--aab-selected-tool-icon": C?.selectedToolIcon,
+		"--aab-tool-icon": C?.toolIcon,
+		"--aab-chevron-icon": C?.chevronIcon
 	}), [
-		x?.selectedToolIcon,
-		x?.toolIcon,
-		x?.chevronIcon
-	]), M = _.length > 0 && v != null, N = z(() => _.map((e) => ({
+		C?.selectedToolIcon,
+		C?.toolIcon,
+		C?.chevronIcon
+	]), M = g.length > 0 && y != null, N = z(() => g.map((e) => ({
 		key: e.id,
 		label: /* @__PURE__ */ W("span", {
 			className: "flex flex-1 items-center gap-2",
@@ -658,33 +657,33 @@ var Ge = {
 			className: o("flex items-center", K.toolIcon),
 			children: e.icon
 		}),
-		onClick: () => v?.(e.id)
+		onClick: () => y?.(e.id)
 	})), [
-		_,
-		v,
+		g,
+		y,
 		j
-	]), ee = z(() => [
+	]), F = z(() => [
 		...e == null ? [] : [{
 			key: "attach",
 			label: t,
-			icon: /* @__PURE__ */ U(re, {
+			icon: /* @__PURE__ */ U(ne, {
 				size: c,
 				"aria-hidden": !0
 			}),
 			onClick: e
 		}],
-		...g ?? [],
+		...h ?? [],
 		...M ? [{
 			key: "tools",
-			label: y,
-			icon: /* @__PURE__ */ U(ce, {
+			label: x,
+			icon: /* @__PURE__ */ U(se, {
 				size: c,
 				"aria-hidden": !0
 			}),
 			onClick: w ? () => {
 				A(!0), E(!1);
 			} : () => void 0,
-			...w ? { iconAfter: /* @__PURE__ */ U(F, {
+			...w ? { iconAfter: /* @__PURE__ */ U(I, {
 				size: c,
 				stroke: 1.5,
 				style: j,
@@ -692,14 +691,14 @@ var Ge = {
 				"aria-hidden": !0
 			}) } : { children: N }
 		}] : [],
-		...h == null ? [] : [{
+		...m == null ? [] : [{
 			key: "chat-settings",
-			label: h.menuItemLabel ?? "Chat settings",
-			icon: /* @__PURE__ */ U(se, {
+			label: m.menuItemLabel ?? "Chat settings",
+			icon: /* @__PURE__ */ U(oe, {
 				size: c,
 				"aria-hidden": !0
 			}),
-			iconAfter: w ? /* @__PURE__ */ U(F, {
+			iconAfter: w ? /* @__PURE__ */ U(I, {
 				size: c,
 				stroke: 1.5,
 				style: j,
@@ -711,24 +710,24 @@ var Ge = {
 	], [
 		t,
 		e,
+		m,
 		h,
-		g,
 		w,
 		M,
-		y,
+		x,
 		N,
 		j
 	]);
-	return ee.length === 0 ? null : /* @__PURE__ */ U(H, { children: w ? /* @__PURE__ */ W(H, { children: [
-		/* @__PURE__ */ U(C, {
-			icon: /* @__PURE__ */ U(oe, {
-				size: u.LG,
+	return F.length === 0 ? null : /* @__PURE__ */ U(H, { children: w ? /* @__PURE__ */ W(H, { children: [
+		/* @__PURE__ */ U(b, {
+			icon: /* @__PURE__ */ U(ae, {
+				size: d.LG,
 				"aria-hidden": !0
 			}),
 			"aria-label": n,
-			size: S.Large,
+			size: v.Large,
 			tooltipProps: { tooltip: n },
-			disabled: m,
+			disabled: p,
 			onClick: () => E(!0)
 		}),
 		/* @__PURE__ */ U(Re, {
@@ -736,8 +735,8 @@ var Ge = {
 			title: r,
 			closeLabel: l,
 			onClose: () => E(!1),
-			style: d,
-			items: ee,
+			style: u,
+			items: F,
 			className: "pb-4",
 			btnTextClassName: "flex-1"
 		}),
@@ -746,74 +745,74 @@ var Ge = {
 			onBack: () => {
 				A(!1), E(!0);
 			},
-			backLabel: b,
+			backLabel: S,
 			onClose: () => A(!1),
 			closeLabel: l,
-			style: d,
-			title: y,
-			items: _,
-			onToolToggle: v
+			style: u,
+			title: x,
+			items: g,
+			onToolToggle: y
 		}),
-		h != null && /* @__PURE__ */ U(He, {
+		m != null && /* @__PURE__ */ U(He, {
 			isOpen: D,
 			onBack: () => {
 				O(!1), E(!0);
 			},
-			backLabel: h.backLabel ?? "Back",
+			backLabel: m.backLabel ?? "Back",
 			onClose: () => O(!1),
 			closeLabel: l,
-			style: d,
-			features: h.features,
-			initialResponseFormat: h.responseFormat ?? i.Markdown,
-			initialSystemPrompt: h.systemPrompt,
-			initialTemperature: h.temperature,
-			onSave: h.onSave,
-			title: h.title,
-			responseFormatLabel: h.responseFormatLabel,
-			responseFormatHint: h.responseFormatHint,
-			responseFormatMarkdownLabel: h.responseFormatMarkdownLabel,
-			responseFormatPlainTextLabel: h.responseFormatPlainTextLabel,
-			systemPromptLabel: h.systemPromptLabel,
-			systemPromptTooltip: h.systemPromptTooltip,
-			temperatureLabel: h.temperatureLabel,
-			temperatureLabels: h.temperatureLabels,
-			temperatureHint: h.temperatureHint,
-			saveLabel: h.saveLabel,
-			saveDisabledTooltip: h.saveDisabledTooltip
+			style: u,
+			features: m.features,
+			initialResponseFormat: m.responseFormat ?? i.Markdown,
+			initialSystemPrompt: m.systemPrompt,
+			initialTemperature: m.temperature,
+			onSave: m.onSave,
+			title: m.title,
+			responseFormatLabel: m.responseFormatLabel,
+			responseFormatHint: m.responseFormatHint,
+			responseFormatMarkdownLabel: m.responseFormatMarkdownLabel,
+			responseFormatPlainTextLabel: m.responseFormatPlainTextLabel,
+			systemPromptLabel: m.systemPromptLabel,
+			systemPromptTooltip: m.systemPromptTooltip,
+			temperatureLabel: m.temperatureLabel,
+			temperatureLabels: m.temperatureLabels,
+			temperatureHint: m.temperatureHint,
+			saveLabel: m.saveLabel,
+			saveDisabledTooltip: m.saveDisabledTooltip
 		})
-	] }) : /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(f, {
+	] }) : /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(_, {
 		matchReferenceWidth: !1,
 		placement: "bottom-start",
-		listClassName: p,
-		items: ee,
-		children: /* @__PURE__ */ U(C, {
-			icon: /* @__PURE__ */ U(oe, {
-				size: u.LG,
+		listClassName: f,
+		items: F,
+		children: /* @__PURE__ */ U(b, {
+			icon: /* @__PURE__ */ U(ae, {
+				size: d.LG,
 				"aria-hidden": !0
 			}),
 			"aria-label": n,
 			tooltipProps: { tooltip: n },
-			disabled: m
+			disabled: p
 		})
-	}), h != null && D && /* @__PURE__ */ U(We, {
-		features: h.features,
-		initialResponseFormat: h.responseFormat ?? i.Markdown,
-		initialSystemPrompt: h.systemPrompt,
-		initialTemperature: h.temperature,
-		onSave: h.onSave,
+	}), m != null && D && /* @__PURE__ */ U(We, {
+		features: m.features,
+		initialResponseFormat: m.responseFormat ?? i.Markdown,
+		initialSystemPrompt: m.systemPrompt,
+		initialTemperature: m.temperature,
+		onSave: m.onSave,
 		onClose: () => O(!1),
-		title: h.title,
-		responseFormatLabel: h.responseFormatLabel,
-		responseFormatHint: h.responseFormatHint,
-		responseFormatMarkdownLabel: h.responseFormatMarkdownLabel,
-		responseFormatPlainTextLabel: h.responseFormatPlainTextLabel,
-		systemPromptLabel: h.systemPromptLabel,
-		systemPromptTooltip: h.systemPromptTooltip,
-		temperatureLabel: h.temperatureLabel,
-		temperatureLabels: h.temperatureLabels,
-		temperatureHint: h.temperatureHint,
-		saveLabel: h.saveLabel,
-		saveDisabledTooltip: h.saveDisabledTooltip
+		title: m.title,
+		responseFormatLabel: m.responseFormatLabel,
+		responseFormatHint: m.responseFormatHint,
+		responseFormatMarkdownLabel: m.responseFormatMarkdownLabel,
+		responseFormatPlainTextLabel: m.responseFormatPlainTextLabel,
+		systemPromptLabel: m.systemPromptLabel,
+		systemPromptTooltip: m.systemPromptTooltip,
+		temperatureLabel: m.temperatureLabel,
+		temperatureLabels: m.temperatureLabels,
+		temperatureHint: m.temperatureHint,
+		saveLabel: m.saveLabel,
+		saveDisabledTooltip: m.saveDisabledTooltip
 	})] }) });
 }, q = {
 	chip: "_chip_1gu87_1",
@@ -832,7 +831,7 @@ var Ge = {
 		"--ci-chip-close-hover": l?.chipCloseHover
 	});
 	if (n) {
-		let e = u.length === 1, t = e ? u[0].icon : /* @__PURE__ */ U(ce, {
+		let e = u.length === 1, t = e ? u[0].icon : /* @__PURE__ */ U(se, {
 			size: c,
 			"aria-hidden": !0
 		}), n = e ? u[0].label : r(u.length);
@@ -872,7 +871,7 @@ var Ge = {
 					onClick: () => t(e.id),
 					className: o(q.chipClose, "flex items-center rounded p-0.5 transition-colors"),
 					"aria-label": i(e.label),
-					children: /* @__PURE__ */ U(le, {
+					children: /* @__PURE__ */ U(ce, {
 						size: 12,
 						"aria-hidden": !0
 					})
@@ -893,29 +892,29 @@ var Ge = {
 	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) => {
+}, 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: u, className: f }) => {
+	let p = B(null), m = B(new Float32Array(Z)), h = B(0), g = B(0), _ = e === Me.Recording, v = e === Me.Error, x = L((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 / X)), Z - 1), a = g.current, o = _.current;
+		let i = Math.min(Math.max(1, Math.floor(n / X)), Z - 1), a = h.current, o = g.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) % Z + Z) % Z, o = h.current[n] ?? 0, s = Math.min(1, o * 6), c = Math.max(3, s * r);
+			let n = ((a - i + e) % Z + Z) % Z, o = m.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();
 	}, []);
-	L(() => {
-		if (!v) return;
+	R(() => {
+		if (!_) return;
 		let e = p.current;
 		if (!e) return;
-		h.current.fill(0), g.current = 0, _.current = 0;
+		m.current.fill(0), h.current = 0, g.current = 0;
 		let n, r = () => {
-			if (_.current += 1, _.current >= X) {
-				_.current -= X;
+			if (g.current += 1, g.current >= X) {
+				g.current -= X;
 				let e = t.current;
 				if (e) {
 					let t = new Uint8Array(e.frequencyBinCount);
@@ -925,38 +924,38 @@ var Ge = {
 						let r = (t[e] - 128) / 128;
 						n += r * r;
 					}
-					h.current[g.current % Z] = Math.sqrt(n / t.length), g.current++;
+					m.current[h.current % Z] = Math.sqrt(n / t.length), h.current++;
 				}
 			}
-			b(e), n = requestAnimationFrame(r);
+			x(e), n = requestAnimationFrame(r);
 		};
 		return n = requestAnimationFrame(r), () => {
 			cancelAnimationFrame(n);
 		};
 	}, [
-		v,
+		_,
 		t,
-		b
-	]), L(() => {
+		x
+	]), R(() => {
 		let e = p.current;
 		if (!e) return;
 		let t = new ResizeObserver(() => {
-			b(e);
+			x(e);
 		});
 		return t.observe(e), () => t.disconnect();
-	}, [b]);
-	let x = /* @__PURE__ */ W("div", {
+	}, [x]);
+	let S = /* @__PURE__ */ W("div", {
 		className: "flex flex-shrink-0 items-center justify-end gap-1",
-		children: [/* @__PURE__ */ U(C, {
-			icon: /* @__PURE__ */ U(le, {
-				size: u.LG,
+		children: [/* @__PURE__ */ U(b, {
+			icon: /* @__PURE__ */ U(ce, {
+				size: d.LG,
 				"aria-hidden": !0
 			}),
 			"aria-label": c,
 			onClick: a
-		}), v && /* @__PURE__ */ U(k, {
-			icon: /* @__PURE__ */ U(ie, {
-				size: u.LG,
+		}), _ && /* @__PURE__ */ U(D, {
+			icon: /* @__PURE__ */ U(re, {
+				size: d.LG,
 				"aria-hidden": !0
 			}),
 			onClick: () => i?.(),
@@ -966,11 +965,11 @@ var Ge = {
 	return /* @__PURE__ */ W("div", {
 		className: f,
 		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 && Xe.wrapperError),
+			style: u,
+			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", v && Xe.wrapperError),
 			children: [/* @__PURE__ */ W("div", {
 				className: "flex min-w-0 flex-1 items-center gap-3",
-				children: [v && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("span", {
+				children: [_ && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("span", {
 					className: o(Xe.recordingDot, "pointer-events-none block size-[8px] rounded-3xl"),
 					"aria-hidden": !0
 				}), /* @__PURE__ */ U("span", {
@@ -982,34 +981,34 @@ var Ge = {
 					height: 32,
 					className: o(Xe.waveformCanvas, "h-8 min-w-0 flex-1 desktop:h-6")
 				})]
-			}), x]
-		}), y && r && /* @__PURE__ */ U(m, {
+			}), S]
+		}), v && r && /* @__PURE__ */ U(y, {
 			text: r,
 			className: "mt-1 px-1"
 		})]
 	});
-}, et = ({ onSend: e, isDisabled: t = !1, ariaLabel: n = "Send message", isExiting: r = !1 }) => /* @__PURE__ */ U(k, {
+}, et = ({ onSend: e, isDisabled: t = !1, ariaLabel: n = "Send message", isExiting: r = !1 }) => /* @__PURE__ */ U(D, {
 	"aria-label": n,
 	onClick: () => e?.(),
 	disabled: t,
 	"aria-hidden": r,
 	icon: /* @__PURE__ */ U(N, {
-		size: u.LG,
+		size: d.LG,
 		className: "rtl:scale-x-[-1]"
 	})
 }), tt = ({ onStop: e, ariaLabel: t = "Stop streaming" }) => /* @__PURE__ */ U(j, {
-	icon: /* @__PURE__ */ U(ae, { size: u.LG }),
+	icon: /* @__PURE__ */ U(ie, { size: d.LG }),
 	onClick: () => e?.(),
 	"aria-label": t
-}), nt = ({ size: e = 20 }) => /* @__PURE__ */ U(v, {
-	variant: y.Circular,
+}), nt = ({ size: e = 20 }) => /* @__PURE__ */ U(k, {
+	variant: A.Circular,
 	width: e,
 	height: e,
 	active: !0
 }), rt = ({ loadingLabel: e }) => /* @__PURE__ */ W("span", {
 	className: "flex min-w-0 flex-1 items-center",
-	children: [/* @__PURE__ */ U(v, {
-		variant: y.Text,
+	children: [/* @__PURE__ */ U(k, {
+		variant: A.Text,
 		width: "100%",
 		height: 16,
 		active: !0
@@ -1038,13 +1037,13 @@ var Ge = {
 	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;
+	let [u, f] = V(""), p = z(() => e?.find((e) => e.id === t), [e, t]), h = r?.loading !== void 0, g = z(() => h ? /* @__PURE__ */ U(nt, { size: d.LG }) : st(p?.iconUrl, p?.type, p?.displayName ?? p?.id ?? "", d.LG), [h, p]), _ = p?.displayName ?? p?.id;
 	return {
-		selectorIcon: h,
-		selectorAriaLabel: g ? `${r?.ariaLabel ?? "Select model"}: ${g}` : r?.ariaLabel ?? "Select model",
-		selectedLabel: g,
+		selectorIcon: g,
+		selectorAriaLabel: _ ? `${r?.ariaLabel ?? "Select model"}: ${_}` : r?.ariaLabel ?? "Select model",
+		selectedLabel: _,
 		menuItems: z(() => {
-			if (m) return Array.from({ length: 7 }, (e, t) => ({
+			if (h) return Array.from({ length: 7 }, (e, t) => ({
 				key: `__loading-${t}`,
 				icon: /* @__PURE__ */ U(nt, {}),
 				label: /* @__PURE__ */ U(rt, { loadingLabel: t === 0 ? r?.loading : void 0 }),
@@ -1058,19 +1057,19 @@ var Ge = {
 					disabled: !0
 				}] : [];
 			}
-			return ot(e, d).map((e) => {
+			return ot(e, u).map((e) => {
 				let r = e.id === t;
 				return {
 					key: e.id,
 					label: /* @__PURE__ */ W("span", {
 						className: "flex w-full items-center justify-between gap-2",
 						style: a({ "--ms-selected-item-check": l?.selectedItemCheck }),
-						children: [/* @__PURE__ */ U(w, {
+						children: [/* @__PURE__ */ U(x, {
 							text: at(e),
-							query: d,
+							query: u,
 							maxLines: 1
 						}), r && /* @__PURE__ */ U(P, {
-							size: u.SM,
+							size: d.SM,
 							stroke: 2,
 							className: c,
 							"aria-hidden": !0
@@ -1083,8 +1082,8 @@ var Ge = {
 			});
 		}, [
 			e,
-			m,
-			d,
+			h,
+			u,
 			t,
 			r,
 			n,
@@ -1092,20 +1091,20 @@ var Ge = {
 			c,
 			l?.selectedItemCheck
 		]),
-		menuHeader: z(() => !m && e && e.length > 0 ? /* @__PURE__ */ U("div", {
+		menuHeader: z(() => !h && 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__ */ U(_, {
-				value: d,
+			children: /* @__PURE__ */ U(m, {
+				value: u,
 				placeholder: r?.searchPlaceholder ?? "Search",
-				size: S.Small,
+				size: v.Small,
 				wrapperClassName: "border-0",
 				onChange: f
 			})
 		}) : void 0, [
 			e,
-			m,
-			d,
+			h,
+			u,
 			r,
 			i,
 			l?.searchHeaderBackground
@@ -1114,7 +1113,7 @@ var Ge = {
 			e || f("");
 		}
 	};
-}, ut = typeof window < "u" ? R : L;
+}, ut = typeof window < "u" ? pe : R;
 function dt(e) {
 	if (e !== void 0) switch (typeof e) {
 		case "number": return e;
@@ -1166,7 +1165,7 @@ function pt(e) {
 	});
 	return ut(() => {
 		t.current = e;
-	}, [e]), I((e) => t.current?.(e), [t]);
+	}, [e]), L((e) => t.current?.(e), [t]);
 }
 var mt = null;
 function ht(e = !1) {
@@ -1314,7 +1313,7 @@ function Ct({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		containerSize: p,
 		itemSize: s
 	});
-	R(() => {
+	pe(() => {
 		if (typeof c == "function") {
 			let e = f.current;
 			(e.height !== u || e.width !== d) && (c({
@@ -1331,7 +1330,7 @@ function Ct({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		itemCount: a,
 		itemProps: o,
 		itemSize: m
-	}), g = I((e) => h.get(e), [h]), [_, v] = V(() => bt({
+	}), g = L((e) => h.get(e), [h]), [_, v] = V(() => bt({
 		cachedBounds: h,
 		containerScrollOffset: 0,
 		containerSize: p,
@@ -1342,7 +1341,7 @@ function Ct({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		startIndexOverscan: Math.min(a - 1, _.startIndexOverscan),
 		stopIndexVisible: Math.min(a - 1, _.stopIndexVisible),
 		stopIndexOverscan: Math.min(a - 1, _.stopIndexOverscan)
-	}, C = I(() => vt({
+	}, C = L(() => vt({
 		cachedBounds: h,
 		itemCount: a,
 		itemSize: m
@@ -1350,7 +1349,7 @@ function Ct({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		h,
 		a,
 		m
-	]), w = I((t) => bt({
+	]), w = L((t) => bt({
 		cachedBounds: h,
 		containerScrollOffset: gt({
 			containerElement: e,
@@ -1449,7 +1448,7 @@ function Et(e) {
 }
 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({
+	let m = wt(u), h = z(() => de(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,
@@ -1460,7 +1459,7 @@ function Ot({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		onResize: i,
 		overscanCount: o
 	});
-	pe(r, () => ({
+	fe(r, () => ({
 		get element() {
 			return g;
 		},
@@ -1489,7 +1488,7 @@ function Ot({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		l,
 		S,
 		w
-	]), L(() => {
+	]), R(() => {
 		S >= 0 && w >= 0 && a && a({
 			startIndex: C,
 			stopIndex: T
@@ -1508,7 +1507,7 @@ function Ot({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		let e = [];
 		if (c > 0) for (let t = S; t <= w; t++) {
 			let n = y(t);
-			e.push(/* @__PURE__ */ de(h, {
+			e.push(/* @__PURE__ */ ue(h, {
 				...m,
 				ariaAttributes: {
 					"aria-posinset": t + 1,
@@ -1543,7 +1542,7 @@ function Ot({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 			zIndex: -1
 		}
 	});
-	return de(d, {
+	return ue(d, {
 		role: "list",
 		...p,
 		className: t,
@@ -1564,7 +1563,7 @@ var kt = {
 	checkIcon: "_checkIcon_s5khb_19",
 	stateLabel: "_stateLabel_s5khb_23"
 }, 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;
+	let u = r[e], f = st(u.iconUrl, u.type, u.displayName ?? u.id, d.SM), p = u.id === i;
 	return /* @__PURE__ */ U("div", {
 		style: t,
 		...n,
@@ -1577,34 +1576,34 @@ var kt = {
 			}),
 			label: /* @__PURE__ */ W("span", {
 				className: "flex flex-1 items-center justify-between gap-2",
-				children: [/* @__PURE__ */ U(w, {
-					text: d.displayName ?? d.id,
+				children: [/* @__PURE__ */ U(x, {
+					text: u.displayName ?? u.id,
 					query: s,
 					maxLines: 1,
 					className: o(a, "min-w-0 flex-1 text-start")
 				}), p && /* @__PURE__ */ U(P, {
-					size: u.SM,
+					size: d.SM,
 					className: kt.checkIcon,
 					"aria-hidden": !0
 				})]
 			}),
-			onClick: () => c(d.id)
+			onClick: () => c(u.id)
 		})
 	});
-}, 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 [v, y] = V("");
-	L(() => {
-		e || y("");
+}, 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: h = "dial-body-semi-text", labelClassName: g = "dial-small-text", colors: _ }) => {
+	let [y, b] = V("");
+	R(() => {
+		e || b("");
 	}, [e]);
-	let b = s && s.length > 0, x = u !== void 0, C = !b && !x ? d ?? f : void 0, w = b ? ot(s, v) : [], T = (e) => {
+	let x = s && s.length > 0, S = u !== void 0, C = !x && !S ? d ?? f : void 0, w = x ? ot(s, y) : [], T = (e) => {
 		l(e), i();
 	}, E = a({
-		"--ci-sheet-divider": g?.divider,
-		"--ci-sheet-text": g?.itemText,
-		"--ci-sheet-item-hover": g?.itemHoverBg,
-		"--ci-sheet-item-active": g?.itemActiveBg,
-		"--ci-sheet-icon": g?.itemIcon,
-		"--ci-check-icon": g?.checkIcon
+		"--ci-sheet-divider": _?.divider,
+		"--ci-sheet-text": _?.itemText,
+		"--ci-sheet-item-hover": _?.itemHoverBg,
+		"--ci-sheet-item-active": _?.itemActiveBg,
+		"--ci-sheet-icon": _?.itemIcon,
+		"--ci-check-icon": _?.checkIcon
 	});
 	return /* @__PURE__ */ U(G, {
 		isOpen: e,
@@ -1612,23 +1611,23 @@ var kt = {
 		closeLabel: n,
 		onClose: i,
 		style: p,
-		titleClassName: m,
+		titleClassName: h,
 		className: "max-h-[80dvh]",
-		colors: g?.shell,
+		colors: _?.shell,
 		children: /* @__PURE__ */ W("div", {
 			className: "contents",
 			style: E,
-			children: [b && !x && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("div", {
+			children: [x && !S && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("div", {
 				className: "flex-shrink-0 px-4 py-[10px]",
-				children: /* @__PURE__ */ U(_, {
-					value: v,
+				children: /* @__PURE__ */ U(m, {
+					value: y,
 					placeholder: r,
-					size: S.Standard,
-					onChange: y
+					size: v.Standard,
+					onChange: b
 				})
-			}), /* @__PURE__ */ U("div", { className: o(kt.divider, "h-px flex-shrink-0") })] }), x ? /* @__PURE__ */ U(it, { loadingLabel: u }) : C ? /* @__PURE__ */ U("div", {
+			}), /* @__PURE__ */ U("div", { className: o(kt.divider, "h-px flex-shrink-0") })] }), S ? /* @__PURE__ */ U(it, { loadingLabel: u }) : C ? /* @__PURE__ */ U("div", {
 				role: "list",
-				className: o(kt.stateLabel, h, "px-4 py-4"),
+				className: o(kt.stateLabel, g, "px-4 py-4"),
 				children: C
 			}) : /* @__PURE__ */ U(Ot, {
 				role: "list",
@@ -1640,52 +1639,52 @@ var kt = {
 				rowProps: {
 					items: w,
 					selectedDeploymentId: c,
-					labelClassName: h,
-					query: v,
+					labelClassName: g,
+					query: y,
 					onSelect: T
 				}
 			})]
 		})
 	});
-}, 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: w, menuItems: T, menuHeader: E, onOpenChange: D } = lt({
+}, Pt = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, isStreaming: i, isMobile: a, isInputDisabled: s = !1, isDisabled: c = !1, style: l, modelPickerOverlay: u, isPickerOpen: p, onPickerToggle: m, onPickerOpenChange: h }) => {
+	let [y, x] = V(!1), { selectorIcon: S, selectorAriaLabel: C, selectedLabel: w, 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__ */ U(ee, {
-		size: u.SM,
+	let O = i || c ? "pointer-events-none opacity-50 cursor-not-allowed" : void 0, k = /* @__PURE__ */ U(F, {
+		size: d.SM,
 		className: Y.modelSelectorCaret,
 		"aria-hidden": !0
 	});
-	return a ? /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(x, {
+	return a ? /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(g, {
 		tooltip: w,
-		children: /* @__PURE__ */ U(C, {
+		children: /* @__PURE__ */ U(b, {
 			icon: /* @__PURE__ */ W("div", {
 				className: "flex items-center gap-1",
-				children: [y, k]
+				children: [S, k]
 			}),
-			"aria-label": b,
+			"aria-label": C,
 			onClick: () => {
-				c || v(!0);
+				c || x(!0);
 			},
 			className: o(Y.modelSelectorButton, O)
 		})
-	}), d ? /* @__PURE__ */ U(G, {
-		isOpen: _,
+	}), u ? /* @__PURE__ */ U(G, {
+		isOpen: y,
 		title: r?.ariaLabel ?? "Select model",
 		closeLabel: r?.closeLabel ?? "Close",
-		onClose: () => v(!1),
+		onClose: () => x(!1),
 		style: l,
-		children: d(() => v(!1))
+		children: u(() => x(!1))
 	}) : /* @__PURE__ */ U(Nt, {
-		isOpen: _,
+		isOpen: y,
 		title: r?.ariaLabel ?? "Select model",
 		closeLabel: r?.closeLabel ?? "Close",
 		searchPlaceholder: r?.searchPlaceholder ?? "Search",
-		onClose: () => v(!1),
+		onClose: () => x(!1),
 		deployments: e,
 		selectedDeploymentId: t,
 		onSelect: (e) => n?.(e),
@@ -1693,49 +1692,49 @@ var kt = {
 		errorLabel: r?.error,
 		emptyLabel: r?.empty,
 		style: l
-	})] }) : d ? /* @__PURE__ */ U(f, {
+	})] }) : u ? /* @__PURE__ */ U(_, {
 		placement: "top-end",
 		matchReferenceWidth: !1,
-		open: m,
-		onOpenChange: g,
+		open: p,
+		onOpenChange: h,
 		trigger: [],
 		outsideClosable: !0,
-		renderOverlay: () => d(() => g?.(!1)),
+		renderOverlay: () => u(() => h?.(!1)),
 		listClassName: "cp-dropdown-overlay !w-[320px]",
-		children: /* @__PURE__ */ U(x, {
+		children: /* @__PURE__ */ U(g, {
 			tooltip: w,
 			children: /* @__PURE__ */ W("button", {
 				type: "button",
-				"aria-label": b,
+				"aria-label": C,
 				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),
 				onClick: () => {
-					!s && !i && !c && h?.();
+					!s && !i && !c && m?.();
 				},
-				children: [y, k]
+				children: [S, k]
 			})
 		})
 	}) : /* @__PURE__ */ U("div", {
 		className: o(c && O),
 		"aria-disabled": c || void 0,
-		children: /* @__PURE__ */ U(x, {
+		children: /* @__PURE__ */ U(g, {
 			tooltip: w,
-			children: /* @__PURE__ */ U(p, {
-				icon: y,
-				ariaLabel: b,
+			children: /* @__PURE__ */ U(f, {
+				icon: S,
+				ariaLabel: C,
 				items: T,
 				menuHeader: E,
 				placement: "bottom-end",
 				matchReferenceWidth: !1,
 				listClassName: "cp-dropdown-overlay !w-[240px] !max-h-80",
 				onOpenChange: c ? void 0 : D,
-				size: S.Standard,
+				size: v.Standard,
 				caretIcon: k,
 				iconClassName: s || c ? O : void 0,
 				buttonClassName: o("bg-transparent", Y.modelSelectorButton, (s || c) && O && Y.modelSelectorButtonDisabled)
 			})
 		})
 	});
-}, 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 }) => {
+}, Ft = 160, It = ({ message: e = "", messageRevision: t, onSend: n, onUploadAttachment: r, onStop: i, isStreaming: l = !1, onChange: u, onAttachmentsChange: f, placeholder: p = "Type a message...", ariaLabel: m, attachLabel: h = "Attach file", fileAccept: g, addMenuTitle: _ = "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: F, pasteTextThreshold: I = 4e3, deployments: ne, selectedDeploymentId: re, onDeploymentChange: ie, modelSelectorLabels: ae, initialAttachments: oe = [], isStacked: se = !1, hideAddButton: ce = !1, hideAttachFile: le = !1, hideActionBar: ue = !1, renderFooterActions: de, isInputDisabled: R = !1, isModelSelectorDisabled: fe = !1, isSendDisabled: pe = !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,
@@ -1752,7 +1751,7 @@ var kt = {
 	}), [O]), q = z(() => ke ? [{
 		key: "dial-fs",
 		label: Me ?? "DIAL file system",
-		icon: /* @__PURE__ */ U(te, {
+		icon: /* @__PURE__ */ U(ee, {
 			size: c,
 			"aria-hidden": !0
 		}),
@@ -1761,41 +1760,41 @@ var kt = {
 		messageProp: e,
 		messageRevision: t
 	}), { attachments: X, buildAttachments: Z, addAttachments: Qe, resetAttachments: nt, handleRemove: rt, handleRetry: it, handleExpand: at, hasBlockedAttachments: ot } = Ee({
-		initialAttachments: se,
+		initialAttachments: oe,
 		onUploadAttachment: r,
 		onAttachmentsChange: f,
 		validateAttachment: Ne,
 		pendingDropFiles: M,
 		onDropFilesConsumed: N,
 		pendingAttachments: P,
-		onPendingAttachmentsConsumed: ee,
-		onExpandPastedText: I((e) => {
+		onPendingAttachmentsConsumed: F,
+		onExpandPastedText: L((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) => {
+	}), { state: st, analyserNodeRef: ct, elapsedSeconds: lt, errorMessage: ut, startRecording: dt, stopRecording: ft, discardRecording: pt } = Fe({ onAttachAudio: L((e) => {
 		Qe(Z([e]));
-	}, [Qe, Z]) }), mt = B(null), ht = B(null), { handlePaste: gt } = Se(Qe, Be ? F : Infinity), Q = I((e) => {
+	}, [Qe, Z]) }), mt = B(null), ht = B(null), { handlePaste: gt } = Se(Qe, Be ? I : Infinity), Q = L((e) => {
 		if (!Be) {
 			let t = e.clipboardData.getData("text/plain");
-			t.length >= F && He?.(t.length, F);
+			t.length >= I && He?.(t.length, I);
 		}
 		gt(e);
 	}, [
 		Be,
-		F,
+		I,
 		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, [
+	]), _t = J.trim().length > 0 || X.length > 0, vt = _t && !ot && !pe, { shouldRender: yt, isExiting: bt, instanceKey: xt } = De(!l && _t, Ft), St = (be?.some((e) => e.isSelected) ?? !1) && xe != null, $ = se || J.includes("\n") || Ze || St, Ct = ne === void 0 || re != null, wt = z(() => me && !bt && !l, [
 		me,
 		bt,
 		l
 	]), Tt = async () => {
-		if (R) return;
-		if (!Be && J.length >= F) {
-			He?.(J.length, F);
+		if (pe) return;
+		if (!Be && J.length >= I) {
+			He?.(J.length, I);
 			return;
 		}
 		let e = J, t = X;
@@ -1808,14 +1807,14 @@ var kt = {
 			Je(e), nt(t);
 		}
 	}, Et = (e) => {
-		if (!e.nativeEvent.isComposing && !L && !l && (e.key === "ArrowUp" || e.key === "ArrowDown")) {
+		if (!e.nativeEvent.isComposing && !R && !l && (e.key === "ArrowUp" || e.key === "ArrowDown")) {
 			let t = e.currentTarget.selectionStart ?? 0, n = Ke.navigate(e.key === "ArrowUp" ? "up" : "down", J, t);
 			if (n !== null) {
 				e.preventDefault(), Je(n);
 				return;
 			}
 		}
-		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());
+		e.key === "Enter" && (he === Ie.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey) && (e.preventDefault(), !l && vt && Ct && !R && Tt());
 	}, Dt = (e) => {
 		let t = Array.from(e.target.files ?? []);
 		if (t.length === 0) return;
@@ -1841,19 +1840,19 @@ var kt = {
 		autoFocus: Te,
 		value: J,
 		onChange: (e) => {
-			Je(e.target.value), Ke.notifyChange(), d?.(e.target.value);
+			Je(e.target.value), Ke.notifyChange(), u?.(e.target.value);
 		},
 		onKeyDown: Et,
 		onPaste: Q,
 		placeholder: p,
 		"aria-label": m,
-		disabled: L,
+		disabled: R,
 		rows: 1
 	});
 	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", "focus-within:outline focus-within:-outline-offset-1 active:outline active:-outline-offset-1", X.length > 6 ? "py-3 ps-3" : "p-3", A),
+		className: o(Y.wrapper, R && Y.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", 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) => {
@@ -1869,10 +1868,10 @@ var kt = {
 				let t = [...ge, ...X].find((t) => t.id === e);
 				t != null && Pe(t);
 			}
-		}), de ? $ && Ot : /* @__PURE__ */ W("div", {
+		}), ue ? $ && Ot : /* @__PURE__ */ W("div", {
 			className: o("flex items-center gap-2", $ ? "flex-wrap" : "flex-wrap desktop:flex-nowrap"),
 			children: [
-				!le && /* @__PURE__ */ W("div", {
+				!ce && /* @__PURE__ */ W("div", {
 					className: o("flex", "order-2", !$ && "desktop:order-1"),
 					children: [/* @__PURE__ */ U("input", {
 						ref: mt,
@@ -1884,13 +1883,13 @@ var kt = {
 						tabIndex: -1,
 						onChange: Dt
 					}), /* @__PURE__ */ U(qe, {
-						onAttachClick: ue ? void 0 : () => mt.current?.click(),
+						onAttachClick: le ? void 0 : () => mt.current?.click(),
 						attachLabel: h,
 						addMenuTitle: _,
 						menuTitle: v,
 						menuCloseLabel: y,
 						style: K,
-						isDisabled: L,
+						isDisabled: R,
 						chatSettings: ye,
 						extraMenuItems: q,
 						toolsMenuItems: be,
@@ -1915,20 +1914,20 @@ var kt = {
 				}),
 				/* @__PURE__ */ W("div", {
 					className: o("flex flex-shrink-0 items-center gap-2", $ && St ? "order-4" : "order-3", "ms-auto", !$ && "desktop:ms-0"),
-					children: [fe ? fe({
+					children: [de ? de({
 						canSend: vt,
 						onSend: Tt
 					}) : /* @__PURE__ */ W(H, { children: [
 						Ve,
 						/* @__PURE__ */ U(Pt, {
-							deployments: re,
-							selectedDeploymentId: ie,
-							onDeploymentChange: ae,
-							modelSelectorLabels: oe,
+							deployments: ne,
+							selectedDeploymentId: re,
+							onDeploymentChange: ie,
+							modelSelectorLabels: ae,
 							isStreaming: l,
 							isMobile: Ue,
-							isInputDisabled: L,
-							isDisabled: pe,
+							isInputDisabled: R,
+							isDisabled: fe,
 							style: K,
 							modelPickerOverlay: Le,
 							isPickerOpen: We,
@@ -1940,19 +1939,19 @@ var kt = {
 							ariaLabel: C
 						}) : !l && yt && /* @__PURE__ */ U(et, {
 							onSend: Tt,
-							isDisabled: !Ct || ot || R,
+							isDisabled: !Ct || ot || pe,
 							ariaLabel: S,
 							isExiting: bt
 						}, xt)
 					] }), wt && /* @__PURE__ */ U(j, {
-						icon: /* @__PURE__ */ U(ne, {
-							size: u.LG,
+						icon: /* @__PURE__ */ U(te, {
+							size: d.LG,
 							"aria-hidden": !0
 						}),
 						"aria-label": w,
 						className: "size-8 flex-shrink-0",
 						onClick: dt,
-						disabled: L || l
+						disabled: R || l
 					})]
 				})
 			]
@@ -1979,35 +1978,35 @@ var kt = {
 			})
 		})]
 	});
-}, 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?.());
+}, 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: w, maximumAttachmentsAmount: T, onAttachmentsLimitExceeded: D, onDialFileSystemClick: O, dialFileSystemLabel: k, pendingAttachments: A, onPendingAttachmentsConsumed: j, onAttachmentClick: M, pasteTextThreshold: N, onMessageTooLong: P }) => {
+	let F = B(null), [I, te] = V([]);
+	R(() => {
+		v?.length && (te(v), y?.());
 	}, [v, y]);
-	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)) {
-				P?.(re.length, N ?? 4e3);
+	let [ne, re] = V(e ?? ""), [ie, ae] = V([]), [oe, se] = V(t), ce = ie.some((e) => e.status === r.Loading || e.status === r.Error), le = (ne.trim().length > 0 || ie.length > 0 || oe.length > 0) && !ce, ue = (e) => {
+		se((t) => t.filter((t) => t.id !== e));
+	}, de = L((e, t) => {
+		i(e, oe, t);
+	}, [oe, i]), fe = () => {
+		if (le) {
+			if (!x && ne.length >= (N ?? 4e3)) {
+				P?.(ne.length, N ?? 4e3);
 				return;
 			}
-			fe(re, ae);
+			de(ne, ie);
 		}
-	}, R = I(() => ne([]), []), me = I((e) => {
+	}, pe = L(() => te([]), []), me = L((e) => {
 		let t = Array.from(e.target.files ?? []);
-		t.length !== 0 && (e.target.value = "", ne(t));
-	}, []), he = z(() => D ? [{
+		t.length !== 0 && (e.target.value = "", te(t));
+	}, []), he = z(() => O ? [{
 		key: "dial-fs",
 		label: k ?? "DIAL file system",
-		icon: /* @__PURE__ */ U(te, {
+		icon: /* @__PURE__ */ U(ee, {
 			size: c,
 			"aria-hidden": !0
 		}),
-		onClick: D
-	}] : [], [D, k]);
+		onClick: O
+	}] : [], [O, k]);
 	return /* @__PURE__ */ W("div", {
 		className: o("flex w-full flex-col gap-2", _),
 		children: [/* @__PURE__ */ U(It, {
@@ -2015,21 +2014,21 @@ var kt = {
 			ariaLabel: u,
 			isStacked: !0,
 			hideActionBar: !0,
-			pendingDropFiles: F,
-			onDropFilesConsumed: R,
-			onSend: fe,
+			pendingDropFiles: I,
+			onDropFilesConsumed: pe,
+			onSend: de,
 			onUploadAttachment: a,
-			onChange: ie,
-			onAttachmentsChange: oe,
+			onChange: re,
+			onAttachmentsChange: ae,
 			removeLabel: d,
 			retryLabel: f,
 			className: "max-w-full",
-			prefixAttachments: se,
-			onRemovePrefixAttachment: de,
+			prefixAttachments: oe,
+			onRemovePrefixAttachment: ue,
 			validateAttachment: b,
 			isAttachmentsEnabled: x,
-			maximumAttachmentsAmount: w,
-			onAttachmentsLimitExceeded: T,
+			maximumAttachmentsAmount: T,
+			onAttachmentsLimitExceeded: D,
 			pendingAttachments: A,
 			onPendingAttachmentsConsumed: j,
 			onAttachmentClick: M,
@@ -2040,16 +2039,16 @@ var kt = {
 			children: [/* @__PURE__ */ U("div", {
 				className: "flex",
 				children: !S && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("input", {
-					ref: ee,
+					ref: F,
 					type: "file",
 					multiple: !0,
-					accept: C,
+					accept: w,
 					className: "sr-only",
 					"aria-hidden": !0,
 					tabIndex: -1,
 					onChange: me
 				}), /* @__PURE__ */ U(qe, {
-					onAttachClick: () => ee.current?.click(),
+					onAttachClick: () => F.current?.click(),
 					attachLabel: m,
 					addMenuTitle: p,
 					menuTitle: h,
@@ -2058,13 +2057,13 @@ var kt = {
 				})] })
 			}), /* @__PURE__ */ W("div", {
 				className: "flex gap-2",
-				children: [/* @__PURE__ */ U(E, {
+				children: [/* @__PURE__ */ U(C, {
 					label: s,
 					onClick: n
-				}), /* @__PURE__ */ U(O, {
+				}), /* @__PURE__ */ U(E, {
 					label: l,
-					onClick: pe,
-					disabled: !ue
+					onClick: fe,
+					disabled: !le
 				})]
 			})]
 		})]