@epam/ai-dial-conversation-input 1.2.0-dev.2 → 1.2.0-dev.21

package/index.js

@@ -1,8 +1,8 @@
 import { AttachmentErrorReason as e, AttachmentType as t, DeploymentIcon as n, RESIZABLE_TEXTAREA_CLASS_NAME as r, RequestStatus as i, ResponseFormat as a, SELECT_LIST_MAX_HEIGHT_PX as o, buildCssVars as s, mergeClasses as c, useIsMobile as l } from "@epam/ai-dial-chat-shared";
-import { BASE_ICON_SIZE as u, Button as d, CloseButton as f, DIAL_ICON_SIZE as p, DIAL_KIT_ICON_STROKE as m, Dropdown as h, ElementSize as g, ErrorText as _, GhostIconButton as v, Highlight as y, MenuItemMark as b, NeutralButton as x, Popup as S, PopupSize as C, PrimaryButton as w, PrimaryIconButton as T, RadioGroup as E, RadioGroupOrientation as D, Search as O, Skeleton as k, SkeletonVariant as ee, Slider as A, Spinner as te, StaticIconButton as j, Textarea as ne, TextareaResize as re, Tooltip as ie } from "@epam/ai-dial-ui-kit";
-import { IconArrowLeft as ae, IconArrowNarrowRight as oe, IconCheck as M, IconChevronDown as N, IconChevronRight as P, IconFile as se, IconMicrophone as ce, IconPaperclip as le, IconPlayerStopFilled as F, IconPlaystationSquare as ue, IconPlus as de, IconSettings as fe, IconTool as pe, IconX as me } from "@tabler/icons-react";
-import { createElement as he, memo as ge, useCallback as I, useEffect as L, useImperativeHandle as R, useLayoutEffect as _e, useMemo as z, useRef as B, useState as V } from "react";
-import { createPortal as ve } from "react-dom";
+import { BASE_ICON_SIZE as u, Button as d, CloseButton as f, DIAL_ICON_SIZE as p, DIAL_KIT_ICON_STROKE as m, Dropdown as h, ElementSize as g, ErrorText as _, GhostIconButton as v, Highlight as y, MenuItemMark as b, NeutralButton as x, Popup as S, PopupSize as C, PrimaryButton as w, PrimaryIconButton as T, RadioGroup as E, RadioGroupOrientation as D, Search as O, Skeleton as k, SkeletonVariant as ee, Slider as A, Spinner as te, StaticIconButton as j, Textarea as ne, TextareaResize as M, Tooltip as N } from "@epam/ai-dial-ui-kit";
+import { IconArrowLeft as re, IconArrowNarrowRight as ie, IconCheck as ae, IconChevronDown as P, IconChevronRight as oe, IconFile as se, IconMicrophone as ce, IconPaperclip as le, IconPlayerStopFilled as F, IconPlaystationSquare as ue, IconPlus as de, IconSettings as fe, IconTool as pe, IconX as me } from "@tabler/icons-react";
+import { createElement as he, memo as ge, useCallback as I, useEffect as L, useImperativeHandle as _e, useLayoutEffect as ve, useMemo as R, useRef as z, useState as B } from "react";
+import { createPortal as V } from "react-dom";
 import { Fragment as H, jsx as U, jsxs as W } from "react/jsx-runtime";
 import { AttachmentTray as ye, MAX_UPLOADS_PER_MINUTE as be, generateAttachmentId as xe, useClipboardPaste as Se } from "@epam/ai-dial-attachment-input";
 //#region src/hooks/useBottomSheet.ts
@@ -42,7 +42,7 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 	title: "_title_1d50f_18",
 	divider: "_divider_1d50f_22"
 }, Ee = ({ isOpen: e, title: t, closeLabel: n, onClose: r, onBack: i, backLabel: a, "aria-label": o, style: l, titleClassName: u = "dial-body-semi-text", className: d, colors: h, children: _ }) => {
-	let y = B(null);
+	let y = z(null);
 	if (we(e, r, y), !e || typeof document > "u") return null;
 	let b = s({
 		"--ci-backdrop": h?.backdrop,
@@ -50,7 +50,7 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 		"--ci-sheet-text": h?.sheetText,
 		"--ci-sheet-divider": h?.divider
 	});
-	return ve(/* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("div", {
+	return V(/* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("div", {
 		className: c(Te.backdrop, "fixed inset-0 z-[55]"),
 		style: b,
 		onPointerDown: r,
@@ -72,7 +72,7 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 				i && /* @__PURE__ */ U("div", {
 					className: "absolute start-4",
 					children: /* @__PURE__ */ U(v, {
-						icon: /* @__PURE__ */ U(ae, {
+						icon: /* @__PURE__ */ U(re, {
 							size: p.LG,
 							stroke: m,
 							className: "rtl:scale-x-[-1]"
@@ -104,7 +104,7 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 	for (let t = 0; t < e.length; t++) t > 0 && await new Promise((e) => setTimeout(e, r)), i.push(n(e[t]));
 	await Promise.allSettled(i);
 }, Oe = ({ initialAttachments: n, onUploadAttachment: r, onAttachmentsChange: a, validateAttachment: o, pendingDropFiles: s, onDropFilesConsumed: c, pendingAttachments: l, onPendingAttachmentsConsumed: u, onExpandPastedText: d, maximumAttachmentsAmount: f, baseAttachmentsAmount: p = 0, onAttachmentsLimitExceeded: m }) => {
-	let [h, g] = V(n), _ = B(h);
+	let [h, g] = B(n), _ = z(h);
 	L(() => {
 		_.current = h;
 	}, [h]), L(() => () => {
@@ -124,11 +124,11 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 			previewUrl: a,
 			playUrl: o
 		};
-	}), []), y = B(a);
+	}), []), y = z(a);
 	L(() => {
 		y.current = a;
 	}, [a]);
-	let b = B(!0), x = I((e) => {
+	let b = z(!0), x = I((e) => {
 		g((t) => {
 			let n = e(t);
 			return n === t ? t : n;
@@ -271,7 +271,7 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 	let n = e.slice(t.length);
 	return !/\s/.test(n) && !n.includes(t);
 }, Ae = ({ config: e, message: t }) => {
-	let [n, r] = V(!1), [i, a] = V(!1), o = e != null && ke(t, e.triggerPrefix) ? t.slice(e.triggerPrefix.length) : "", s = I((n, a, o) => {
+	let [n, r] = B(!1), [i, a] = B(!1), o = e != null && ke(t, e.triggerPrefix) ? t.slice(e.triggerPrefix.length) : "", s = I((n, a, o) => {
 		if (e == null || a || t !== "" || i) return;
 		let s = n === e.triggerPrefix, c = o === "insertFromPaste" && ke(n, e.triggerPrefix);
 		(s || c) && r(!0);
@@ -295,9 +295,9 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 		handleValueChange: s
 	};
 }, je = (e, t) => !e.slice(0, t).includes("\n"), Me = (e, t) => !e.slice(t).includes("\n"), Ne = (e) => {
-	let t = B(e);
+	let t = z(e);
 	t.current = e;
-	let n = B(-1), r = B(""), i = I((e, i, a) => {
+	let n = z(-1), r = z(""), i = I((e, i, a) => {
 		let o = t.current;
 		return !o || o.length === 0 ? null : e === "up" ? !je(i, a) || n.current === 0 ? null : (n.current === -1 ? (r.current = i, n.current = o.length - 1) : --n.current, o[n.current]) : n.current === -1 || !Me(i, a) ? null : n.current < o.length - 1 ? (n.current += 1, o[n.current]) : (n.current = -1, r.current);
 	}, []), a = I(() => {
@@ -305,7 +305,7 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 	}, []), o = I(() => {
 		n.current = -1, r.current = "";
 	}, []);
-	return z(() => ({
+	return R(() => ({
 		navigate: i,
 		notifyChange: a,
 		reset: o
@@ -315,7 +315,7 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 		o
 	]);
 }, Pe = ({ messageProp: e, messageRevision: t }) => {
-	let [n, r] = V(e), i = B(null);
+	let [n, r] = B(e), i = z(null);
 	return L(() => {
 		r(e);
 	}, [e, t]), {
@@ -327,9 +327,9 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 	let r = Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, "value")?.set;
 	r ? r.call(e, t) : e.value = t, e.setSelectionRange(n, n), e.dispatchEvent(new Event("input", { bubbles: !0 }));
 }, Ie = ({ insertion: e, textareaRef: t }) => {
-	let n = e?.revision, r = B(e?.text);
+	let n = e?.revision, r = z(e?.text);
 	r.current = e?.text;
-	let i = B(n);
+	let i = z(n);
 	L(() => {
 		if (n === i.current) return;
 		i.current = n;
@@ -347,7 +347,7 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 	"audio/ogg;codecs=opus",
 	"audio/webm"
 ], Be = 100, Ve = 100, He = .01, Ue = ({ onAttachAudio: e, onTranscribeAudio: t, onTranscript: n, errorLabel: r = "Voice input failed" }) => {
-	let [i, a] = V("idle"), [o, s] = V(null), c = B(null), l = B(null), u = B({
+	let [i, a] = B("idle"), [o, s] = B(null), c = z(null), l = z(null), u = z({
 		onAttachAudio: e,
 		onTranscribeAudio: t,
 		onTranscript: n,
@@ -362,7 +362,7 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 	let d = I((e = "dictation") => {
 		if (l.current) return;
 		let t = { controller: new AbortController() };
-		l.current = t, a("recording");
+		l.current = t, s(null), a("recording");
 		let { signal: n } = t.controller, r = e === "dictation" ? u.current.onTranscribeAudio : void 0, i, o, d, f, p = !1, m = !1, h = [], g = () => {
 			clearInterval(f), f = void 0;
 		}, _ = () => {
@@ -374,7 +374,7 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 		let v = () => {
 			n.aborted || (_(), l.current = null, s(null), a("idle"));
 		}, y = (e) => {
-			n.aborted || (t.controller.abort(), s(e instanceof Error ? e.message : u.current.errorLabel), a("error"));
+			n.aborted || (t.controller.abort(), l.current = null, s(e instanceof Error ? e.message : u.current.errorLabel), a("error"));
 		}, b = () => {
 			if (!i || n.aborted) return;
 			let e = ze.find((e) => MediaRecorder.isTypeSupported(e)), t = new MediaRecorder(i, e ? { mimeType: e } : void 0);
@@ -491,7 +491,7 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 		})
 	});
 }, qe = ({ 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);
+	let [s, c] = B(t), [l, u] = B(n), [d, f] = B(r), p = z(o);
 	L(() => {
 		o && !p.current && (c(t), u(n), f(r)), p.current = o;
 	}, [
@@ -523,12 +523,12 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 			a
 		])
 	};
-}, G = { label: "_label_14i7c_1" }, Je = ({ features: e, responseFormat: t, systemPrompt: n, temperature: i, onResponseFormatChange: o, onSystemPromptChange: l, onTemperatureChange: u, responseFormatLabel: d = "Response format", responseFormatHint: f = "Applies to new and existing messages", responseFormatMarkdownLabel: p = "Markdown", responseFormatPlainTextLabel: m = "Plain text", systemPromptLabel: h = "System prompt", systemPromptTooltip: g = "Enter a prompt", temperatureLabel: _ = "Temperature", temperatureLabels: v = [
+}, Je = { label: "_label_14i7c_1" }, Ye = ({ features: e, responseFormat: t, systemPrompt: n, temperature: i, onResponseFormatChange: o, onSystemPromptChange: l, onTemperatureChange: u, responseFormatLabel: d = "Response format", responseFormatHint: f = "Applies to new and existing messages", responseFormatMarkdownLabel: p = "Markdown", responseFormatPlainTextLabel: m = "Plain text", systemPromptLabel: h = "System prompt", systemPromptTooltip: g = "Enter a prompt", temperatureLabel: _ = "Temperature", temperatureLabels: v = [
 	"Precise",
 	"Neutral",
 	"Creative"
 ], temperatureHint: y, labelClassName: b = "!dial-small-semi-text", colors: x }) => {
-	let S = s({ "--csf-label-text": x?.labelText }), C = c(b, G.label, "gap-1");
+	let S = s({ "--csf-label-text": x?.labelText }), C = c(b, Je.label, "gap-1");
 	return /* @__PURE__ */ W("div", {
 		className: "flex flex-col gap-4 px-6 pb-3",
 		style: S,
@@ -556,7 +556,7 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 				value: n,
 				placeholder: g,
 				className: r,
-				resize: re.Vertical,
+				resize: M.Vertical,
 				labelProps: {
 					className: C,
 					label: h
@@ -579,7 +579,7 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 			})
 		]
 	});
-}, Ye = ({ isOpen: e, onBack: t, backLabel: n, onClose: r, closeLabel: i, style: a, features: o, initialResponseFormat: s, initialSystemPrompt: l, initialTemperature: u, onSave: d, title: f = "Chat settings", responseFormatLabel: p, responseFormatHint: m, responseFormatMarkdownLabel: h, responseFormatPlainTextLabel: g, systemPromptLabel: _, systemPromptTooltip: v, temperatureLabel: y, temperatureLabels: b, temperatureHint: x, saveLabel: S = "Apply changes", saveDisabledTooltip: C }) => {
+}, G = ({ isOpen: e, onBack: t, backLabel: n, onClose: r, closeLabel: i, style: a, features: o, initialResponseFormat: s, initialSystemPrompt: l, initialTemperature: u, onSave: d, title: f = "Chat settings", responseFormatLabel: p, responseFormatHint: m, responseFormatMarkdownLabel: h, responseFormatPlainTextLabel: g, systemPromptLabel: _, systemPromptTooltip: v, temperatureLabel: y, temperatureLabels: b, temperatureHint: x, saveLabel: S = "Apply changes", saveDisabledTooltip: C }) => {
 	let { responseFormat: T, systemPrompt: E, temperature: D, canSubmit: O, setResponseFormat: k, setSystemPrompt: ee, setTemperature: A, handleSubmit: te } = qe({
 		isOpen: e,
 		features: o,
@@ -597,7 +597,7 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 		onBack: t,
 		backLabel: n,
 		style: a,
-		children: [/* @__PURE__ */ U(Je, {
+		children: [/* @__PURE__ */ U(Ye, {
 			features: o,
 			responseFormat: T,
 			systemPrompt: E,
@@ -616,7 +616,7 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 			temperatureHint: x
 		}), /* @__PURE__ */ U("div", {
 			className: c("px-6 py-4 mobile:pb-8"),
-			children: /* @__PURE__ */ U(ie, {
+			children: /* @__PURE__ */ U(N, {
 				tooltip: C,
 				hideTooltip: O || !C,
 				triggerClassName: "w-full",
@@ -647,7 +647,7 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 		className: y,
 		footer: /* @__PURE__ */ U("div", {
 			className: "flex justify-end px-6 py-4",
-			children: /* @__PURE__ */ U(ie, {
+			children: /* @__PURE__ */ U(N, {
 				tooltip: v,
 				hideTooltip: E || !v,
 				children: /* @__PURE__ */ U(w, {
@@ -657,7 +657,7 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 				})
 			})
 		}),
-		children: /* @__PURE__ */ U(Je, {
+		children: /* @__PURE__ */ U(Ye, {
 			features: e,
 			responseFormat: b,
 			systemPrompt: x,
@@ -707,7 +707,7 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 				}),
 				iconAfter: e.isSelected ? /* @__PURE__ */ U("span", {
 					className: c("ms-auto", Qe.selectedIcon),
-					children: /* @__PURE__ */ U(M, {
+					children: /* @__PURE__ */ U(ae, {
 						size: u,
 						"aria-hidden": !0,
 						stroke: m
@@ -725,14 +725,14 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 	toolIcon: "_toolIcon_ma5s5_1",
 	chevronIcon: "_chevronIcon_ma5s5_5"
 }, tt = ({ onAttachClick: e, onRecordVoice: t, recordVoiceLabel: n = "Record voice", attachLabel: r, addMenuTitle: i, menuTitle: o, menuCloseLabel: d, style: f, listClassName: _ = "w-[240px]", isDisabled: y = !1, chatSettings: x, extraMenuItems: S, toolsMenuItems: C = [], onToolToggle: w, toolsMenuTitle: T = "Tools", toolsBackLabel: E = "Back", menuOverlays: D, colors: O }) => {
-	let k = l(), [ee, A] = V(!1), [te, j] = V(!1), [ne, re] = V(!1), [ie, ae] = V(null), [oe, M] = V(!1), N = z(() => s({
+	let k = l(), [ee, A] = B(!1), [te, j] = B(!1), [ne, M] = B(!1), [N, re] = B(null), [ie, ae] = B(!1), P = R(() => s({
 		"--aab-tool-icon": O?.toolIcon,
 		"--aab-chevron-icon": O?.chevronIcon
-	}), [O?.toolIcon, O?.chevronIcon]), se = C.length > 0 && w != null, F = D != null && D.length > 0, ue = z(() => C.map((e) => ({
+	}), [O?.toolIcon, O?.chevronIcon]), se = C.length > 0 && w != null, F = D != null && D.length > 0, ue = R(() => C.map((e) => ({
 		key: e.id,
 		label: e.label,
 		icon: /* @__PURE__ */ U("span", {
-			style: N,
+			style: P,
 			className: c("flex items-center", et.toolIcon),
 			children: e.icon
 		}),
@@ -743,8 +743,8 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 	})), [
 		C,
 		w,
-		N
-	]), me = z(() => [
+		P
+	]), me = R(() => [
 		...e == null ? [] : [{
 			key: "attach",
 			label: r,
@@ -765,12 +765,12 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 				stroke: m
 			}),
 			onClick: k ? () => {
-				re(!0), A(!1);
+				M(!0), A(!1);
 			} : () => void 0,
-			...k ? { iconAfter: /* @__PURE__ */ U(P, {
+			...k ? { iconAfter: /* @__PURE__ */ U(oe, {
 				size: u,
 				stroke: m,
-				style: N,
+				style: P,
 				className: c("rtl:scale-x-[-1]", et.chevronIcon),
 				"aria-hidden": !0
 			}) } : { children: ue }
@@ -780,12 +780,12 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 			label: e.title,
 			icon: e.icon,
 			onClick: k ? () => {
-				ae(e.key), A(!1);
+				re(e.key), A(!1);
 			} : () => void 0,
-			...k ? { iconAfter: /* @__PURE__ */ U(P, {
+			...k ? { iconAfter: /* @__PURE__ */ U(oe, {
 				size: u,
 				stroke: m,
-				style: N,
+				style: P,
 				className: c("rtl:scale-x-[-1]", et.chevronIcon),
 				"aria-hidden": !0
 			}) } : {
@@ -793,7 +793,7 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 					key: `${e.key}-panel`,
 					label: ""
 				}],
-				renderSubMenu: () => e.renderOverlay(() => M(!1))
+				renderSubMenu: () => e.renderOverlay(() => ae(!1))
 			}
 		})),
 		...t == null ? [] : [{
@@ -805,7 +805,7 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 				stroke: m
 			}),
 			onClick: () => {
-				A(!1), M(!1), t();
+				A(!1), ae(!1), t();
 			}
 		}],
 		...x == null ? [] : [{
@@ -816,10 +816,10 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 				"aria-hidden": !0,
 				stroke: m
 			}),
-			iconAfter: k ? /* @__PURE__ */ U(P, {
+			iconAfter: k ? /* @__PURE__ */ U(oe, {
 				size: u,
 				stroke: m,
-				style: N,
+				style: P,
 				className: c("rtl:scale-x-[-1]", et.chevronIcon),
 				"aria-hidden": !0
 			}) : null,
@@ -837,7 +837,7 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 		T,
 		ue,
 		D,
-		N
+		P
 	]);
 	if (me.length === 0) return null;
 	let he = /* @__PURE__ */ U(h, {
@@ -845,8 +845,8 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 		placement: "bottom-start",
 		listClassName: _,
 		items: me,
-		open: F ? oe : void 0,
-		onOpenChange: F ? M : void 0,
+		open: F ? ie : void 0,
+		onOpenChange: F ? ae : void 0,
 		children: /* @__PURE__ */ U(v, {
 			icon: /* @__PURE__ */ U(de, {
 				size: p.LG,
@@ -884,10 +884,10 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 		se && /* @__PURE__ */ U($e, {
 			isOpen: ne,
 			onBack: () => {
-				re(!1), A(!0);
+				M(!1), A(!0);
 			},
 			backLabel: E,
-			onClose: () => re(!1),
+			onClose: () => M(!1),
 			closeLabel: d,
 			style: f,
 			title: T,
@@ -895,18 +895,18 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 			onToolToggle: w
 		}),
 		D?.map((e) => /* @__PURE__ */ U(Ee, {
-			isOpen: ie === e.key,
+			isOpen: N === e.key,
 			title: e.title,
 			closeLabel: d,
 			onBack: () => {
-				ae(null), A(!0);
+				re(null), A(!0);
 			},
 			backLabel: e.backLabel ?? "Back",
-			onClose: () => ae(null),
+			onClose: () => re(null),
 			style: f,
-			children: e.renderOverlay(() => ae(null))
+			children: e.renderOverlay(() => re(null))
 		}, e.key)),
-		x != null && /* @__PURE__ */ U(Ye, {
+		x != null && /* @__PURE__ */ U(G, {
 			isOpen: te,
 			onBack: () => {
 				j(!1), A(!0);
@@ -1017,17 +1017,17 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 	waveformCanvas: "_waveformCanvas_129ri_5",
 	recordingDot: "_recordingDot_129ri_19",
 	"recording-pulse": "_recording-pulse_129ri_1"
-}, ot = 3, st = 4, q = 200, ct = ({ state: e, analyserNodeRef: t, errorMessage: n, onStop: r, onDiscard: i, attachButton: a, stopLabel: o = "Stop recording", discardLabel: s = "Discard recording", processingLabel: l = "Transcribing audio…", style: u, className: d, embedded: f = !1 }) => {
-	let h = B(null), g = B(new Float32Array(q)), y = B(0), b = B(0), x = e === Le.Recording, S = e === Le.Error, C = e === Le.Processing, w = I((e) => {
+}, ot = 3, st = 4, ct = 200, lt = ({ state: e, analyserNodeRef: t, errorMessage: n, onStop: r, onDiscard: i, attachButton: a, stopLabel: o = "Stop recording", discardLabel: s = "Discard recording", processingLabel: l = "Transcribing audio…", style: u, className: d, embedded: f = !1 }) => {
+	let h = z(null), g = z(new Float32Array(ct)), y = z(0), b = z(0), x = e === Le.Recording, S = e === Le.Error, C = e === Le.Processing, w = I((e) => {
 		let t = e.getContext("2d");
 		if (!t) return;
 		e.width = e.clientWidth || 200, e.height = e.clientHeight || 32;
 		let { width: n, height: r } = e;
 		t.clearRect(0, 0, n, r), t.fillStyle = getComputedStyle(e).color;
-		let i = Math.min(Math.max(1, Math.floor(n / st)), q - 1), a = y.current, o = b.current;
+		let i = Math.min(Math.max(1, Math.floor(n / st)), ct - 1), a = y.current, o = b.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) % q + q) % q, o = g.current[n] ?? 0, s = Math.min(1, o * 6), c = Math.max(3, s * r);
+			let n = ((a - i + e) % ct + ct) % ct, o = g.current[n] ?? 0, s = Math.min(1, o * 6), c = Math.max(3, s * r);
 			t.fillRect(e * st, (r - c) / 2, ot, c);
 		}
 		t.restore();
@@ -1049,7 +1049,7 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 						let r = (t[e] - 128) / 128;
 						n += r * r;
 					}
-					g.current[y.current % q] = Math.sqrt(n / t.length), y.current++;
+					g.current[y.current % ct] = Math.sqrt(n / t.length), y.current++;
 				}
 			}
 			w(e), n = requestAnimationFrame(r);
@@ -1129,28 +1129,29 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 			})
 		})]
 	});
-}, lt = ({ onSend: e, isDisabled: t = !1, ariaLabel: n = "Send message" }) => /* @__PURE__ */ U(T, {
+}, ut = ({ onSend: e, isDisabled: t = !1, ariaLabel: n = "Send message", sendTooltip: r }) => /* @__PURE__ */ U(T, {
 	"aria-label": n,
 	onClick: () => e?.(),
 	disabled: t,
-	icon: /* @__PURE__ */ U(oe, {
+	tooltipProps: r ? { tooltip: r } : void 0,
+	icon: /* @__PURE__ */ U(ie, {
 		size: p.LG,
 		className: "rtl:scale-x-[-1]",
 		stroke: m
 	})
-}), ut = ({ onStop: e, ariaLabel: t = "Stop streaming" }) => /* @__PURE__ */ U(j, {
+}), dt = ({ onStop: e, ariaLabel: t = "Stop streaming" }) => /* @__PURE__ */ U(j, {
 	icon: /* @__PURE__ */ U(ue, {
 		size: p.LG,
 		stroke: m
 	}),
 	onClick: () => e?.(),
 	"aria-label": t
-}), dt = ({ size: e = 20 }) => /* @__PURE__ */ U(k, {
+}), ft = ({ size: e = 20 }) => /* @__PURE__ */ U(k, {
 	variant: ee.Circular,
 	width: e,
 	height: e,
 	active: !0
-}), ft = ({ loadingLabel: e }) => /* @__PURE__ */ W("span", {
+}), pt = ({ loadingLabel: e }) => /* @__PURE__ */ W("span", {
 	className: "flex min-w-0 flex-1 items-center",
 	children: [/* @__PURE__ */ U(k, {
 		variant: ee.Text,
@@ -1161,24 +1162,24 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 		className: "sr-only",
 		children: e
 	})]
-}), pt = ({ loadingLabel: e }) => /* @__PURE__ */ U("div", {
+}), mt = ({ loadingLabel: e }) => /* @__PURE__ */ U("div", {
 	role: "status",
 	"aria-label": e,
 	children: Array.from({ length: 7 }).map((e, t) => /* @__PURE__ */ W("div", {
 		className: "flex h-11 items-center gap-3 px-4",
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ U(dt, {}), /* @__PURE__ */ U(ft, {})]
+		children: [/* @__PURE__ */ U(ft, {}), /* @__PURE__ */ U(pt, {})]
 	}, t))
-}), J = (e) => e.displayName ?? e.id, Y = (e, t) => {
+}), ht = (e) => e.displayName ?? e.id, gt = (e, t) => {
 	let n = t.trim().toLowerCase();
-	return n ? e.filter((e) => J(e).toLowerCase().includes(n)) : e;
-}, mt = (e, t, r, i = 18, a) => /* @__PURE__ */ U(n, {
+	return n ? e.filter((e) => ht(e).toLowerCase().includes(n)) : e;
+}, q = (e, t, r, i = 18, a) => /* @__PURE__ */ U(n, {
 	src: e,
 	size: i,
 	labels: { tooltip: a },
 	initialsName: r
-}), ht = { searchHeader: "_searchHeader_1728o_1" }, gt = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, searchHeaderClassName: i = ht.searchHeader, colors: a }) => {
-	let [o, l] = V(""), u = z(() => e?.find((e) => e.id === t), [e, t]), d = r?.loading !== void 0, f = !d && !u && !!t, m = z(() => d ? /* @__PURE__ */ U(dt, { size: p.LG }) : mt(u?.iconUrl, u?.type, u?.displayName ?? u?.id ?? "", p.LG, f ? r?.unavailableTooltip ?? "This deployment is no longer available" : void 0), [
+}), J = { searchHeader: "_searchHeader_1728o_1" }, _t = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, searchHeaderClassName: i = J.searchHeader, colors: a }) => {
+	let [o, l] = B(""), u = R(() => e?.find((e) => e.id === t), [e, t]), d = r?.loading !== void 0, f = !d && !u && !!t, m = R(() => d ? /* @__PURE__ */ U(ft, { size: p.LG }) : q(u?.iconUrl, u?.type, u?.displayName ?? u?.id ?? "", p.LG, f ? r?.unavailableTooltip ?? "This deployment is no longer available" : void 0), [
 		d,
 		u,
 		f,
@@ -1189,11 +1190,11 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 		selectorAriaLabel: h ? `${r?.ariaLabel ?? "Select model"}: ${h}` : r?.ariaLabel ?? "Select model",
 		selectedLabel: h,
 		selectedVersion: _,
-		menuItems: z(() => {
+		menuItems: R(() => {
 			if (d) return Array.from({ length: 7 }, (e, t) => ({
 				key: `__loading-${t}`,
-				icon: /* @__PURE__ */ U(dt, {}),
-				label: /* @__PURE__ */ U(ft, { loadingLabel: t === 0 ? r?.loading : void 0 }),
+				icon: /* @__PURE__ */ U(ft, {}),
+				label: /* @__PURE__ */ U(pt, { loadingLabel: t === 0 ? r?.loading : void 0 }),
 				disabled: !0
 			}));
 			if (!e || e.length === 0) {
@@ -1204,14 +1205,14 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 					disabled: !0
 				}] : [];
 			}
-			return Y(e, o).map((e) => ({
+			return gt(e, o).map((e) => ({
 				key: e.id,
 				label: /* @__PURE__ */ U(y, {
-					text: J(e),
+					text: ht(e),
 					query: o,
 					maxLines: 1
 				}),
-				icon: mt(e.iconUrl, e.type, e.displayName ?? e.id),
+				icon: q(e.iconUrl, e.type, e.displayName ?? e.id),
 				mark: b.Check,
 				checked: e.id === t,
 				onClick: () => n?.(e.id)
@@ -1224,7 +1225,7 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 			r,
 			n
 		]),
-		menuHeader: z(() => !d && e && e.length > 0 ? /* @__PURE__ */ U("div", {
+		menuHeader: R(() => !d && e && e.length > 0 ? /* @__PURE__ */ U("div", {
 			style: s({ "--ms-search-header-bg": a?.searchHeaderBackground }),
 			className: c("sticky top-0 z-10 pb-1 pe-2 pt-2", i),
 			children: /* @__PURE__ */ U(O, {
@@ -1246,8 +1247,8 @@ var Ce = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 			e || l("");
 		}
 	};
-}, _t = typeof window < "u" ? _e : L;
-function vt(e) {
+}, vt = typeof window < "u" ? ve : L;
+function yt(e) {
 	if (e !== void 0) switch (typeof e) {
 		case "number": return e;
 		case "string":
@@ -1255,15 +1256,15 @@ function vt(e) {
 			break;
 	}
 }
-function X({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
-	let { styleHeight: s, styleWidth: c } = z(() => ({
-		styleHeight: vt(o?.height),
-		styleWidth: vt(o?.width)
-	}), [o?.height, o?.width]), [l, u] = V({
+function bt({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
+	let { styleHeight: s, styleWidth: c } = R(() => ({
+		styleHeight: yt(o?.height),
+		styleWidth: yt(o?.width)
+	}), [o?.height, o?.width]), [l, u] = B({
 		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 _t(() => {
+	return vt(() => {
 		if (i === null || d) return;
 		let t = new ResizeObserver((e) => {
 			for (let t of e) {
@@ -1283,7 +1284,7 @@ function X({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i,
 		i,
 		s,
 		c
-	]), z(() => ({
+	]), R(() => ({
 		height: s ?? l.height,
 		width: c ?? l.width
 	}), [
@@ -1292,26 +1293,26 @@ function X({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i,
 		c
 	]);
 }
-function Z(e) {
-	let t = B(() => {
+function xt(e) {
+	let t = z(() => {
 		throw Error("Cannot call during render.");
 	});
-	return _t(() => {
+	return vt(() => {
 		t.current = e;
 	}, [e]), I((e) => t.current?.(e), [t]);
 }
-var Q = null;
-function yt(e = !1) {
-	if (Q === null || e) {
+var Y = null;
+function X(e = !1) {
+	if (Y === null || e) {
 		let e = document.createElement("div"), t = e.style;
 		t.width = "50px", t.height = "50px", t.overflow = "scroll", t.direction = "rtl";
 		let n = document.createElement("div"), r = n.style;
-		return r.width = "100px", r.height = "100px", e.appendChild(n), document.body.appendChild(e), e.scrollLeft > 0 ? Q = "positive-descending" : (e.scrollLeft = 1, Q = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), Q;
+		return r.width = "100px", r.height = "100px", e.appendChild(n), document.body.appendChild(e), e.scrollLeft > 0 ? Y = "positive-descending" : (e.scrollLeft = 1, Y = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), Y;
 	}
-	return Q;
+	return Y;
 }
-function bt({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
-	if (t === "horizontal" && n) switch (yt()) {
+function Z({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
+	if (t === "horizontal" && n) switch (X()) {
 		case "negative": return -r;
 		case "positive-descending":
 			if (e) {
@@ -1322,26 +1323,26 @@ function bt({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
 	}
 	return r;
 }
-function $(e, t = "Assertion error") {
+function Q(e, t = "Assertion error") {
 	if (!e) throw console.error(t), Error(t);
 }
-function xt(e, t) {
+function St(e, t) {
 	if (e === t) return !0;
-	if (!!e != !!t || ($(e !== void 0), $(t !== void 0), Object.keys(e).length !== Object.keys(t).length)) return !1;
+	if (!!e != !!t || (Q(e !== void 0), Q(t !== void 0), Object.keys(e).length !== Object.keys(t).length)) return !1;
 	for (let n in e) if (!Object.is(t[n], e[n])) return !1;
 	return !0;
 }
-function St({ cachedBounds: e, itemCount: t, itemSize: n }) {
+function Ct({ cachedBounds: e, itemCount: t, itemSize: n }) {
 	if (t === 0) return 0;
 	if (typeof n == "number") return t * n;
 	{
 		let n = e.get(e.size === 0 ? 0 : e.size - 1);
-		return $(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
+		return Q(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
 	}
 }
-function Ct({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, containerScrollOffset: a, containerSize: o }) {
+function wt({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, containerScrollOffset: a, containerSize: o }) {
 	if (n < 0 || n >= r) throw RangeError(`Invalid index specified: ${n}`, { cause: `Index ${n} is not within the range of 0 - ${r - 1}` });
-	let s = St({
+	let s = Ct({
 		cachedBounds: t,
 		itemCount: r,
 		itemSize: i
@@ -1353,7 +1354,7 @@ function Ct({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, co
 		default: return a >= u && a <= l ? a : a < u ? u : l;
 	}
 }
-function wt({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCount: r, overscanCount: i }) {
+function Tt({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCount: r, overscanCount: i }) {
 	let a = r - 1, o = 0, s = -1, c = 0, l = -1, u = 0;
 	for (; u < a;) {
 		let n = e.get(u);
@@ -1372,11 +1373,11 @@ function wt({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemC
 		stopIndexOverscan: l
 	};
 }
-function Tt({ itemCount: e, itemProps: t, itemSize: n }) {
+function Et({ itemCount: e, itemProps: t, itemSize: n }) {
 	let r = /* @__PURE__ */ new Map();
 	return {
 		get(i) {
-			for ($(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
+			for (Q(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
 				let e = r.size, a;
 				switch (typeof n) {
 					case "function":
@@ -1392,14 +1393,14 @@ function Tt({ itemCount: e, itemProps: t, itemSize: n }) {
 				});
 				else {
 					let t = r.get(e - 1);
-					$(t !== void 0, `Unexpected bounds cache miss for index ${i}`), r.set(e, {
+					Q(t !== void 0, `Unexpected bounds cache miss for index ${i}`), r.set(e, {
 						scrollOffset: t.scrollOffset + t.size,
 						size: a
 					});
 				}
 			}
 			let a = r.get(i);
-			return $(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
+			return Q(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
 		},
 		set(e, t) {
 			r.set(e, t);
@@ -1409,8 +1410,8 @@ function Tt({ itemCount: e, itemProps: t, itemSize: n }) {
 		}
 	};
 }
-function Et({ itemCount: e, itemProps: t, itemSize: n }) {
-	return z(() => Tt({
+function Dt({ itemCount: e, itemProps: t, itemSize: n }) {
+	return R(() => Et({
 		itemCount: e,
 		itemProps: t,
 		itemSize: n
@@ -1420,11 +1421,11 @@ function Et({ itemCount: e, itemProps: t, itemSize: n }) {
 		n
 	]);
 }
-function Dt({ containerSize: e, itemSize: t }) {
+function Ot({ containerSize: e, itemSize: t }) {
 	let n;
 	switch (typeof t) {
 		case "string":
-			$(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;
+			Q(t.endsWith("%"), `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`), Q(e !== void 0, "Container size must be defined if a percentage item size is specified"), n = e * parseInt(t) / 100;
 			break;
 		default:
 			n = t;
@@ -1432,21 +1433,21 @@ function Dt({ containerSize: e, itemSize: t }) {
 	}
 	return n;
 }
-function Ot({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0, direction: r, isRtl: i = !1, itemCount: a, itemProps: o, itemSize: s, onResize: c, overscanCount: l }) {
-	let { height: u = n, width: d = n } = X({
+function kt({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0, direction: r, isRtl: i = !1, itemCount: a, itemProps: o, itemSize: s, onResize: c, overscanCount: l }) {
+	let { height: u = n, width: d = n } = bt({
 		defaultHeight: r === "vertical" ? n : void 0,
 		defaultWidth: r === "horizontal" ? n : void 0,
 		element: e,
 		mode: r === "vertical" ? "only-height" : "only-width",
 		style: t
-	}), f = B({
+	}), f = z({
 		height: 0,
 		width: 0
-	}), p = r === "vertical" ? u : d, m = Dt({
+	}), p = r === "vertical" ? u : d, m = Ot({
 		containerSize: p,
 		itemSize: s
 	});
-	_e(() => {
+	ve(() => {
 		if (typeof c == "function") {
 			let e = f.current;
 			(e.height !== u || e.width !== d) && (c({
@@ -1459,11 +1460,11 @@ function Ot({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		c,
 		d
 	]);
-	let h = Et({
+	let h = Dt({
 		itemCount: a,
 		itemProps: o,
 		itemSize: m
-	}), g = I((e) => h.get(e), [h]), [_, v] = V(() => wt({
+	}), g = I((e) => h.get(e), [h]), [_, v] = B(() => Tt({
 		cachedBounds: h,
 		containerScrollOffset: 0,
 		containerSize: p,
@@ -1474,7 +1475,7 @@ function Ot({ 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(() => St({
+	}, C = I(() => Ct({
 		cachedBounds: h,
 		itemCount: a,
 		itemSize: m
@@ -1482,9 +1483,9 @@ function Ot({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		h,
 		a,
 		m
-	]), w = I((t) => wt({
+	]), w = I((t) => Tt({
 		cachedBounds: h,
-		containerScrollOffset: bt({
+		containerScrollOffset: Z({
 			containerElement: e,
 			direction: r,
 			isRtl: i,
@@ -1502,19 +1503,19 @@ function Ot({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		a,
 		l
 	]);
-	return _t(() => {
+	return vt(() => {
 		v(w((r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0));
 	}, [
 		e,
 		r,
 		w
-	]), _t(() => {
+	]), vt(() => {
 		if (!e) return;
 		let t = () => {
 			v((t) => {
-				let { scrollLeft: n, scrollTop: o } = e, s = wt({
+				let { scrollLeft: n, scrollTop: o } = e, s = Tt({
 					cachedBounds: h,
-					containerScrollOffset: bt({
+					containerScrollOffset: Z({
 						containerElement: e,
 						direction: r,
 						isRtl: i,
@@ -1524,7 +1525,7 @@ function Ot({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 					itemCount: a,
 					overscanCount: l
 				});
-				return xt(s, t) ? t : s;
+				return St(s, t) ? t : s;
 			});
 		};
 		return e.addEventListener("scroll", t), () => {
@@ -1540,8 +1541,8 @@ function Ot({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 	]), {
 		getCellBounds: g,
 		getEstimatedSize: C,
-		scrollToIndex: Z(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
-			let s = Ct({
+		scrollToIndex: xt(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
+			let s = wt({
 				align: t,
 				cachedBounds: h,
 				containerScrollOffset: n,
@@ -1551,14 +1552,14 @@ function Ot({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 				itemSize: m
 			});
 			if (e) {
-				if (s = bt({
+				if (s = Z({
 					containerElement: e,
 					direction: r,
 					isRtl: i,
 					scrollOffset: s
 				}), typeof e.scrollTo != "function") {
 					let e = w(s);
-					xt(_, e) || v(e);
+					St(_, e) || v(e);
 				}
 				return s;
 			}
@@ -1569,30 +1570,30 @@ function Ot({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		stopIndexVisible: x
 	};
 }
-function kt(e) {
-	return z(() => e, Object.values(e));
+function At(e) {
+	return R(() => e, Object.values(e));
 }
-function At(e, t) {
+function jt(e, t) {
 	let { ariaAttributes: n, style: r, ...i } = e, { ariaAttributes: a, style: o, ...s } = t;
-	return xt(n, a) && xt(r, o) && xt(i, s);
+	return St(n, a) && St(r, o) && St(i, s);
 }
-function jt(e) {
+function Mt(e) {
 	return typeof e == "object" && !!e && "getAverageRowHeight" in e && typeof e.getAverageRowHeight == "function";
 }
-var Mt = "data-react-window-index";
-function Nt({ 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 = kt(u), h = z(() => ge(s, At), [s]), [g, _] = V(null), v = jt(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = Ot({
+var Nt = "data-react-window-index";
+function Pt({ 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 = At(u), h = R(() => ge(s, jt), [s]), [g, _] = B(null), v = Mt(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = kt({
 		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: R(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
 		onResize: i,
 		overscanCount: o
 	});
-	R(r, () => ({
+	_e(r, () => ({
 		get element() {
 			return g;
 		},
@@ -1607,12 +1608,12 @@ function Nt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 				top: r
 			});
 		}
-	}), [g, x]), _t(() => {
+	}), [g, x]), vt(() => {
 		if (!g) return;
 		let e = Array.from(g.children).filter((e, t) => {
 			if (e.hasAttribute("aria-hidden")) return !1;
 			let n = `${S + t}`;
-			return e.setAttribute(Mt, n), !0;
+			return e.setAttribute(Nt, n), !0;
 		});
 		if (v) return l.observeRowElements(e);
 	}, [
@@ -1636,7 +1637,7 @@ function Nt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		w,
 		T
 	]);
-	let E = z(() => {
+	let E = R(() => {
 		let e = [];
 		if (c > 0) for (let t = S; t <= w; t++) {
 			let n = y(t);
@@ -1689,23 +1690,23 @@ function Nt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		}
 	}, E, e, D);
 }
-var Pt = {
+var Ft = {
 	divider: "_divider_1tiyp_1",
 	item: "_item_1tiyp_5",
 	itemIcon: "_itemIcon_1tiyp_15",
 	checkIcon: "_checkIcon_1tiyp_19",
 	stateLabel: "_stateLabel_1tiyp_23"
-}, Ft = 44, It = 8, Lt = ({ index: e, style: t, ariaAttributes: n, items: r, selectedDeploymentId: i, labelClassName: a, query: o, onSelect: s }) => {
-	let l = r[e], u = mt(l.iconUrl, l.type, l.displayName ?? l.id, p.SM), f = l.id === i;
+}, It = 44, Lt = 8, Rt = ({ index: e, style: t, ariaAttributes: n, items: r, selectedDeploymentId: i, labelClassName: a, query: o, onSelect: s }) => {
+	let l = r[e], u = q(l.iconUrl, l.type, l.displayName ?? l.id, p.SM), f = l.id === i;
 	return /* @__PURE__ */ U("div", {
 		style: t,
 		...n,
 		children: /* @__PURE__ */ U(d, {
 			type: "button",
 			"aria-current": f ? "true" : void 0,
-			className: c(Pt.item, "h-full w-full gap-3 px-4"),
+			className: c(Ft.item, "h-full w-full gap-3 px-4"),
 			iconBefore: /* @__PURE__ */ U("span", {
-				className: Pt.itemIcon,
+				className: Ft.itemIcon,
 				children: u
 			}),
 			label: /* @__PURE__ */ W("span", {
@@ -1715,9 +1716,9 @@ var Pt = {
 					query: o,
 					maxLines: 1,
 					className: c(a, "min-w-0 flex-1 text-start")
-				}), f && /* @__PURE__ */ U(M, {
+				}), f && /* @__PURE__ */ U(ae, {
 					size: p.SM,
-					className: Pt.checkIcon,
+					className: Ft.checkIcon,
 					"aria-hidden": !0,
 					stroke: m
 				})]
@@ -1725,12 +1726,12 @@ var Pt = {
 			onClick: () => s(l.id)
 		})
 	});
-}, Rt = ({ isOpen: e, title: t, closeLabel: n, searchPlaceholder: r = "Search", onClose: i, deployments: a, selectedDeploymentId: o, onSelect: l, loadingLabel: u, errorLabel: d, emptyLabel: f, style: p, titleClassName: m = "dial-body-semi-text", labelClassName: h = "dial-small-text", colors: _ }) => {
-	let [v, y] = V("");
+}, zt = ({ isOpen: e, title: t, closeLabel: n, searchPlaceholder: r = "Search", onClose: i, deployments: a, selectedDeploymentId: o, onSelect: l, loadingLabel: u, errorLabel: d, emptyLabel: f, style: p, titleClassName: m = "dial-body-semi-text", labelClassName: h = "dial-small-text", colors: _ }) => {
+	let [v, y] = B("");
 	L(() => {
 		e || y("");
 	}, [e]);
-	let b = a && a.length > 0, x = u !== void 0, S = !b && !x ? d ?? f : void 0, C = b ? Y(a, v) : [], w = (e) => {
+	let b = a && a.length > 0, x = u !== void 0, S = !b && !x ? d ?? f : void 0, C = b ? gt(a, v) : [], w = (e) => {
 		l(e), i();
 	}, T = s({
 		"--ci-sheet-divider": _?.divider,
@@ -1760,17 +1761,17 @@ var Pt = {
 					size: g.Standard,
 					onChange: (e) => y(e ?? "")
 				})
-			}), /* @__PURE__ */ U("div", { className: c(Pt.divider, "h-px flex-shrink-0") })] }), x ? /* @__PURE__ */ U(pt, { loadingLabel: u }) : S ? /* @__PURE__ */ U("div", {
+			}), /* @__PURE__ */ U("div", { className: c(Ft.divider, "h-px flex-shrink-0") })] }), x ? /* @__PURE__ */ U(mt, { loadingLabel: u }) : S ? /* @__PURE__ */ U("div", {
 				role: "list",
-				className: c(Pt.stateLabel, h, "px-4 py-4"),
+				className: c(Ft.stateLabel, h, "px-4 py-4"),
 				children: S
-			}) : /* @__PURE__ */ U(Nt, {
+			}) : /* @__PURE__ */ U(Pt, {
 				role: "list",
 				className: "overflow-y-auto",
-				style: { height: Math.min(C.length, It) * Ft },
-				rowComponent: Lt,
+				style: { height: Math.min(C.length, Lt) * It },
+				rowComponent: Rt,
 				rowCount: C.length,
-				rowHeight: Ft,
+				rowHeight: It,
 				rowProps: {
 					items: C,
 					selectedDeploymentId: o,
@@ -1781,21 +1782,21 @@ var Pt = {
 			})]
 		})
 	});
-}, zt = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, isStreaming: i, isMobile: a, isDisabled: s = !1, style: l, modelPickerOverlay: u, isPickerOpen: d, onPickerToggle: f, onPickerOpenChange: g }) => {
-	let [_, y] = V(!1), { selectorIcon: b, selectorAriaLabel: x, selectedLabel: S, selectedVersion: C, menuItems: w, menuHeader: T, onOpenChange: E } = gt({
+}, Bt = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, isStreaming: i, isMobile: a, isDisabled: s = !1, style: l, modelPickerOverlay: u, isPickerOpen: d, onPickerToggle: f, onPickerOpenChange: g }) => {
+	let [_, y] = B(!1), { selectorIcon: b, selectorAriaLabel: x, selectedLabel: S, selectedVersion: C, menuItems: w, menuHeader: T, onOpenChange: E } = _t({
 		deployments: e,
 		selectedDeploymentId: t,
 		onDeploymentChange: n,
 		modelSelectorLabels: r
 	});
 	if (!e) return null;
-	let D = i || s ? "pointer-events-none opacity-50 cursor-not-allowed" : void 0, O = /* @__PURE__ */ U(N, {
+	let D = i || s ? "pointer-events-none opacity-50 cursor-not-allowed" : void 0, O = /* @__PURE__ */ U(P, {
 		size: p.SM,
 		className: K.modelSelectorCaret,
 		"aria-hidden": !0,
 		stroke: m
 	});
-	return a ? /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(ie, {
+	return a ? /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(N, {
 		tooltip: S,
 		children: /* @__PURE__ */ U(v, {
 			icon: /* @__PURE__ */ W("div", {
@@ -1815,7 +1816,7 @@ var Pt = {
 		onClose: () => y(!1),
 		style: l,
 		children: u(() => y(!1))
-	}) : /* @__PURE__ */ U(Rt, {
+	}) : /* @__PURE__ */ U(zt, {
 		isOpen: _,
 		title: r?.ariaLabel ?? "Select model",
 		closeLabel: r?.closeLabel ?? "Close",
@@ -1837,7 +1838,7 @@ var Pt = {
 		outsideClosable: !0,
 		renderOverlay: () => u(() => g?.(!1)),
 		listClassName: "!w-[368px] !bg-layer-raised",
-		children: /* @__PURE__ */ U(ie, {
+		children: /* @__PURE__ */ U(N, {
 			tooltip: C ? `${S} · ${C}` : S,
 			children: /* @__PURE__ */ W("button", {
 				type: "button",
@@ -1875,7 +1876,7 @@ var Pt = {
 			listClassName: "!w-[240px]",
 			disabled: s,
 			onOpenChange: s ? void 0 : E,
-			children: /* @__PURE__ */ U(ie, {
+			children: /* @__PURE__ */ U(N, {
 				tooltip: S,
 				children: /* @__PURE__ */ W("button", {
 					type: "button",
@@ -1887,211 +1888,211 @@ var Pt = {
 			})
 		})
 	});
-}, Bt = ({ message: e = "", messageRevision: t, textInsertion: n, onSend: r, onUploadAttachment: i, onStop: a, isStreaming: o = !1, onChange: d, onAttachmentsChange: f, placeholder: g = "Type a message...", ariaLabel: _, attachLabel: y = "Attach file", fileAccept: b, addMenuTitle: x = "Add", menuTitle: S = "Menu", menuCloseLabel: C = "Close", removeLabel: w, retryLabel: T, uploadingLabel: E, sendLabel: D, stopLabel: O, micLabel: k = "Dictate", recordVoiceLabel: ee = "Record voice", stopRecordingLabel: A, discardRecordingLabel: te, colors: j, typography: ne, className: re, pendingDropFiles: ie = [], onDropFilesConsumed: ae, pendingAttachments: oe = [], onPendingAttachmentsConsumed: M, pasteTextThreshold: N = 4e3, maxMessageLength: P = 5e4, deployments: le, selectedDeploymentId: F, onDeploymentChange: ue, modelSelectorLabels: de, initialAttachments: fe = [], hideAddButton: pe = !1, hideAttachFile: me = !1, hideActionBar: he = !1, renderFooterActions: ge, isInputDisabled: R = !1, isModelSelectorDisabled: _e = !1, isSendDisabled: ve = !1, isAudioMessageSupported: be = !1, isVoiceRecordingSupported: xe = be, onTranscribeAudio: Ce, transcribingLabel: we, voiceErrorLabel: Te, sendOnEnter: Ee = We.Enter, prefixAttachments: De = [], onRemovePrefixAttachment: ke, chatSettings: je, toolsMenuItems: Me, onToolToggle: Fe, canRemoveTools: ze = !0, toolsMenuTitle: Be, toolsBackLabel: Ve, toolsChipLabels: He, menuOverlays: Ge, inlineStartSlot: Ke, onInlineStartRemove: qe, commandMenu: G, autoFocus: Je = !1, messageHistory: Ye, onDialFileSystemClick: Xe, dialFileSystemLabel: Ze, validateAttachment: Qe, onAttachmentClick: $e, modelPickerOverlay: et, maximumAttachmentsAmount: nt, onAttachmentsLimitExceeded: rt, isAttachmentsEnabled: at = !0, isTextAttachmentsAllowed: ot = !0, usageLimitsSlot: st, onMessageTooLong: q }) => {
-	let dt = l(), [ft, pt] = V(!1), J = Ne(Ye), Y = Ke != null, mt = B(null), [ht, gt] = V(0), _t = z(() => s({
-		"--ci-bg": j?.background,
-		"--ci-text": j?.text,
-		"--ci-border": j?.border,
-		"--ci-border-focus": j?.borderFocus,
-		"--ci-placeholder": j?.placeholder,
-		"--ci-text-disabled": j?.textDisabled,
-		"--ci-model-selector-caret-color": j?.modelSelectorCaret,
-		"--ci-model-selector-hover-bg": j?.modelSelectorHoverBg,
-		"--ci-model-selector-disabled-color": j?.modelSelectorDisabled,
-		"--ci-model-selector-name-color": j?.modelSelectorName,
-		"--ci-model-selector-version-color": j?.modelSelectorVersion,
-		"--ci-voice-error": j?.voiceError,
-		"--ci-voice-waveform": j?.voiceWaveform,
-		"--ci-voice-accent": j?.voiceAccent,
-		"--ci-first-line-indent": Y ? `calc(${ht}px + 4px)` : void 0
+}, Vt = ({ message: e = "", messageRevision: t, textInsertion: n, onSend: r, onUploadAttachment: i, onStop: a, isStreaming: o = !1, onChange: d, onAttachmentsChange: f, placeholder: g = "Type a message...", ariaLabel: y, attachLabel: b = "Attach file", fileAccept: x, addMenuTitle: S = "Add", menuTitle: C = "Menu", menuCloseLabel: w = "Close", removeLabel: T, retryLabel: E, uploadingLabel: D, sendLabel: O, sendTooltip: k, stopLabel: ee, micLabel: A = "Dictate", recordVoiceLabel: te = "Record voice", stopRecordingLabel: j, discardRecordingLabel: ne, colors: M, typography: N, className: re, pendingDropFiles: ie = [], onDropFilesConsumed: ae, pendingAttachments: P = [], onPendingAttachmentsConsumed: oe, pasteTextThreshold: le = 4e3, maxMessageLength: F = 5e4, deployments: ue, selectedDeploymentId: de, onDeploymentChange: fe, modelSelectorLabels: pe, initialAttachments: me = [], hideAddButton: he = !1, hideAttachFile: ge = !1, hideActionBar: _e = !1, renderFooterActions: ve, isInputDisabled: V = !1, isModelSelectorDisabled: be = !1, isSendDisabled: xe = !1, isAudioMessageSupported: Ce = !1, isVoiceRecordingSupported: we = Ce, onTranscribeAudio: Te, transcribingLabel: Ee, voiceErrorLabel: De, sendOnEnter: ke = We.Enter, prefixAttachments: je = [], onRemovePrefixAttachment: Me, chatSettings: Fe, toolsMenuItems: ze, onToolToggle: Be, canRemoveTools: Ve = !0, toolsMenuTitle: He, toolsBackLabel: Ge, toolsChipLabels: Ke, menuOverlays: qe, inlineStartSlot: Je, onInlineStartRemove: Ye, commandMenu: G, autoFocus: Xe = !1, messageHistory: Ze, onDialFileSystemClick: Qe, dialFileSystemLabel: $e, validateAttachment: et, onAttachmentClick: nt, modelPickerOverlay: rt, maximumAttachmentsAmount: at, onAttachmentsLimitExceeded: ot, isAttachmentsEnabled: st = !0, isTextAttachmentsAllowed: ct = !0, usageLimitsSlot: ft, onMessageTooLong: pt }) => {
+	let mt = l(), [ht, gt] = B(!1), q = Ne(Ze), J = Je != null, _t = z(null), [vt, yt] = B(0), bt = R(() => s({
+		"--ci-bg": M?.background,
+		"--ci-text": M?.text,
+		"--ci-border": M?.border,
+		"--ci-border-focus": M?.borderFocus,
+		"--ci-placeholder": M?.placeholder,
+		"--ci-text-disabled": M?.textDisabled,
+		"--ci-model-selector-caret-color": M?.modelSelectorCaret,
+		"--ci-model-selector-hover-bg": M?.modelSelectorHoverBg,
+		"--ci-model-selector-disabled-color": M?.modelSelectorDisabled,
+		"--ci-model-selector-name-color": M?.modelSelectorName,
+		"--ci-model-selector-version-color": M?.modelSelectorVersion,
+		"--ci-voice-error": M?.voiceError,
+		"--ci-voice-waveform": M?.voiceWaveform,
+		"--ci-voice-accent": M?.voiceAccent,
+		"--ci-first-line-indent": J ? `calc(${vt}px + 4px)` : void 0
 	}), [
-		j,
-		Y,
-		ht
-	]), vt = z(() => Xe ? [{
+		M,
+		J,
+		vt
+	]), xt = R(() => Qe ? [{
 		key: "dial-fs",
-		label: Ze ?? "DIAL file system",
+		label: $e ?? "DIAL file system",
 		icon: /* @__PURE__ */ U(se, {
 			size: u,
 			"aria-hidden": !0,
 			stroke: m
 		}),
-		onClick: Xe
-	}] : [], [Xe, Ze]), { message: X, setMessage: Z, textareaRef: Q } = Pe({
+		onClick: Qe
+	}] : [], [Qe, $e]), { message: Y, setMessage: X, textareaRef: Z } = Pe({
 		messageProp: e,
 		messageRevision: t
 	});
 	Ie({
 		insertion: n,
-		textareaRef: Q
+		textareaRef: Z
 	});
-	let { isMenuOpen: yt, query: bt, dismiss: $, handleValueChange: xt } = Ae({
+	let { isMenuOpen: Q, query: St, dismiss: Ct, handleValueChange: wt } = Ae({
 		config: G,
-		message: X
-	}), St = G?.emptyQueryHint != null, Ct = St && yt && bt === "", wt = I((e) => {
-		if (G == null || ($(), !e?.consumeQuery)) return;
-		Q.current?.focus();
-		let t = `${G.triggerPrefix}${bt}`;
-		if (!X.startsWith(t)) return;
-		let n = X.slice(t.length);
-		Z(n), J.notifyChange(), d?.(n);
+		message: Y
+	}), Tt = G?.emptyQueryHint != null, Et = Tt && Q && St === "", Dt = I((e) => {
+		if (G == null || (Ct(), !e?.consumeQuery)) return;
+		Z.current?.focus();
+		let t = `${G.triggerPrefix}${St}`;
+		if (!Y.startsWith(t)) return;
+		let n = Y.slice(t.length);
+		X(n), q.notifyChange(), d?.(n);
 	}, [
 		G,
-		$,
-		bt,
+		Ct,
+		St,
+		Y,
 		X,
-		Z,
-		J,
+		q,
 		d,
-		Q
+		Z
 	]);
 	L(() => {
-		let e = mt.current;
+		let e = _t.current;
 		if (e == null) return;
 		let t = new ResizeObserver((e) => {
 			let t = e[0];
-			t != null && gt(t.contentRect.width);
+			t != null && yt(t.contentRect.width);
 		});
 		return t.observe(e), () => t.disconnect();
-	}, [Y]);
-	let { attachments: Tt, buildAttachments: Et, addAttachments: Dt, resetAttachments: Ot, handleRemove: kt, handleRetry: At, handleExpand: jt, hasBlockedAttachments: Mt } = Oe({
-		initialAttachments: fe,
+	}, [J]);
+	let { attachments: Ot, buildAttachments: kt, addAttachments: At, resetAttachments: jt, handleRemove: Mt, handleRetry: Nt, handleExpand: Pt, hasBlockedAttachments: Ft } = Oe({
+		initialAttachments: me,
 		onUploadAttachment: i,
 		onAttachmentsChange: f,
-		validateAttachment: Qe,
+		validateAttachment: et,
 		pendingDropFiles: ie,
 		onDropFilesConsumed: ae,
-		pendingAttachments: oe,
-		onPendingAttachmentsConsumed: M,
+		pendingAttachments: P,
+		onPendingAttachmentsConsumed: oe,
 		onExpandPastedText: I((e) => {
-			Z((t) => t ? `${t}\n${e}` : e);
-		}, [Z]),
-		maximumAttachmentsAmount: nt,
-		baseAttachmentsAmount: De.length,
-		onAttachmentsLimitExceeded: rt
-	}), Nt = I((e) => {
-		Dt(Et([e]));
-	}, [Dt, Et]), Pt = B(!1), Ft = B(X);
-	Ft.current = X;
-	let [It, Lt] = V({
+			X((t) => t ? `${t}\n${e}` : e);
+		}, [X]),
+		maximumAttachmentsAmount: at,
+		baseAttachmentsAmount: je.length,
+		onAttachmentsLimitExceeded: ot
+	}), It = I((e) => {
+		At(kt([e]));
+	}, [At, kt]), Lt = z(!1), Rt = z(Y);
+	Rt.current = Y;
+	let [zt, Vt] = B({
 		text: "",
 		revision: 0
-	}), { state: Rt, analyserNodeRef: Bt, errorMessage: Vt, startRecording: Ht, stopRecording: Ut, discardRecording: Wt } = Ue({
-		onAttachAudio: Nt,
-		onTranscribeAudio: Ce,
+	}), { state: Ht, analyserNodeRef: Ut, errorMessage: Wt, startRecording: Gt, stopRecording: Kt, discardRecording: qt } = Ue({
+		onAttachAudio: It,
+		onTranscribeAudio: Te,
 		onTranscript: I((e) => {
 			let t = e.trim();
 			if (t) {
-				let e = Ft.current, n = `${e}${e && !/\s$/.test(e) ? " " : ""}${t}`;
-				Ft.current = n, Z(n), Lt((e) => ({
+				let e = Rt.current, n = `${e}${e && !/\s$/.test(e) ? " " : ""}${t}`;
+				Rt.current = n, X(n), Vt((e) => ({
 					text: t,
 					revision: e.revision + 1
-				})), J.notifyChange(), d?.(n);
+				})), q.notifyChange(), d?.(n);
 			}
-			Pt.current = !0;
+			Lt.current = !0;
 		}, [
-			Z,
-			J,
+			X,
+			q,
 			d
 		]),
-		errorLabel: Te
-	}), Gt = Rt !== Le.Idle;
+		errorLabel: De
+	}), $ = Ht === Le.Recording || Ht === Le.Processing;
 	L(() => {
-		Rt === Le.Idle && Pt.current && (Pt.current = !1, Q.current?.focus());
-	}, [Rt, Q]);
-	let Kt = B(null), qt = B(null), Jt = at && ot, { handlePaste: Yt } = Se(Dt, Jt ? N : Infinity), Xt = I((e) => {
-		if (!Jt) {
+		(Ht === Le.Error || Ht === Le.Idle && Lt.current) && (Lt.current = !1, Z.current?.focus());
+	}, [Ht, Z]);
+	let Jt = z(null), Yt = z(null), Xt = st && ct, { handlePaste: Zt } = Se(At, Xt ? le : Infinity), Qt = I((e) => {
+		if (!Xt) {
 			let t = e.clipboardData.getData("text/plain");
-			t.length >= P && q?.(t.length, P);
+			t.length >= F && pt?.(t.length, F);
 		}
-		Yt(e);
+		Zt(e);
 	}, [
-		Jt,
-		P,
-		q,
-		Yt
-	]), Zt = (X.trim().length > 0 || Tt.length > 0 || Y) && !Mt && !ve && !Gt, [Qt, $t] = V([]);
+		Xt,
+		F,
+		pt,
+		Zt
+	]), $t = (Y.trim().length > 0 || Ot.length > 0 || J) && !Ft && !xe && !$, [en, tn] = B([]);
 	L(() => {
-		$t([]);
-	}, [(Me ?? []).map((e) => e.id).join("|")]);
-	let en = z(() => {
-		let e = Me ?? [];
-		return ze ? e.filter((e) => e.isSelected || !Qt.includes(e.id)) : e;
+		tn([]);
+	}, [(ze ?? []).map((e) => e.id).join("|")]);
+	let nn = R(() => {
+		let e = ze ?? [];
+		return Ve ? e.filter((e) => e.isSelected || !en.includes(e.id)) : e;
 	}, [
-		Me,
-		Qt,
-		ze
-	]), tn = I((e) => {
-		$t((t) => t.includes(e) ? t : [...t, e]), Me?.find((t) => t.id === e)?.isSelected && Fe?.(e);
-	}, [Me, Fe]), nn = le === void 0 || F != null, rn = be && !o, an = async () => {
-		if (ve || Gt) return;
-		if (X.length >= P) {
-			q?.(X.length, P);
+		ze,
+		en,
+		Ve
+	]), rn = I((e) => {
+		tn((t) => t.includes(e) ? t : [...t, e]), ze?.find((t) => t.id === e)?.isSelected && Be?.(e);
+	}, [ze, Be]), an = ue === void 0 || de != null, on = Ce && !o, sn = async () => {
+		if (xe || $) return;
+		if (Y.length >= F) {
+			pt?.(Y.length, F);
 			return;
 		}
-		let e = X, t = Tt;
-		Z(""), J.reset();
+		let e = Y, t = Ot;
+		X(""), q.reset();
 		try {
 			await r?.(e, t), t.forEach((e) => {
 				e.previewUrl && URL.revokeObjectURL(e.previewUrl), e.playUrl && URL.revokeObjectURL(e.playUrl);
-			}), Ot([]);
+			}), jt([]);
 		} catch {
-			Z(e), Ot(t);
+			X(e), jt(t);
 		}
-	}, on = (e) => {
-		if (!Gt) {
-			if (!e.nativeEvent.isComposing && !R && !o) {
+	}, cn = (e) => {
+		if (!$) {
+			if (!e.nativeEvent.isComposing && !V && !o) {
 				if (e.key === "ArrowUp" || e.key === "ArrowDown") {
-					let t = e.currentTarget.selectionStart ?? 0, n = J.navigate(e.key === "ArrowUp" ? "up" : "down", X, t);
+					let t = e.currentTarget.selectionStart ?? 0, n = q.navigate(e.key === "ArrowUp" ? "up" : "down", Y, t);
 					if (n !== null) {
-						e.preventDefault(), Z(n);
+						e.preventDefault(), X(n);
 						return;
 					}
 				}
-				if (e.key === "Backspace" && Y && qe != null && e.currentTarget.selectionStart === 0 && e.currentTarget.selectionEnd === 0) {
-					e.preventDefault(), qe();
+				if (e.key === "Backspace" && J && Ye != null && e.currentTarget.selectionStart === 0 && e.currentTarget.selectionEnd === 0) {
+					e.preventDefault(), Ye();
 					return;
 				}
 			}
-			e.key === "Enter" && (Ee === We.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey) && (e.preventDefault(), !o && Zt && nn && !R && an());
+			e.key === "Enter" && (ke === We.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey) && (e.preventDefault(), !o && $t && an && !V && sn());
 		}
-	}, sn = (e) => {
+	}, ln = (e) => {
 		let t = Array.from(e.target.files ?? []);
 		if (t.length === 0) return;
-		let n = Et(t);
-		e.target.value = "", Dt(n);
-	}, cn = /* @__PURE__ */ U("textarea", {
-		className: c(K.textarea, Y && K.textareaIndented, ne?.fontClassName || "dial-body-paragraph-text", "max-h-[272px] w-full resize-none overflow-y-auto border-0 bg-transparent outline-none [field-sizing:content]", "disabled:cursor-not-allowed"),
-		ref: Q,
-		autoFocus: Je,
-		value: X,
+		let n = kt(t);
+		e.target.value = "", At(n);
+	}, un = /* @__PURE__ */ U("textarea", {
+		className: c(K.textarea, J && K.textareaIndented, N?.fontClassName || "dial-body-paragraph-text", "max-h-[272px] w-full resize-none overflow-y-auto border-0 bg-transparent outline-none [field-sizing:content]", "disabled:cursor-not-allowed"),
+		ref: Z,
+		autoFocus: Xe,
+		value: Y,
 		onChange: (e) => {
-			Z(e.target.value), J.notifyChange();
+			X(e.target.value), q.notifyChange();
 			let t = e.nativeEvent instanceof InputEvent ? e.nativeEvent : void 0;
-			xt(e.target.value, t?.isComposing ?? !1, t?.inputType), d?.(e.target.value);
+			wt(e.target.value, t?.isComposing ?? !1, t?.inputType), d?.(e.target.value);
 		},
-		onKeyDown: on,
-		onPaste: Xt,
-		placeholder: Y ? void 0 : g,
-		"aria-label": _,
-		disabled: R,
-		readOnly: Gt,
+		onKeyDown: cn,
+		onPaste: Qt,
+		placeholder: J ? void 0 : g,
+		"aria-label": y,
+		disabled: V,
+		readOnly: $,
 		rows: 1
-	}), ln = G == null ? cn : /* @__PURE__ */ U(h, {
+	}), dn = G == null ? un : /* @__PURE__ */ U(h, {
 		className: "w-full",
-		open: yt,
+		open: Q,
 		onOpenChange: (e) => {
-			e || $();
+			e || Ct();
 		},
 		placement: "top-start",
 		trigger: [],
 		initialFocus: -1,
 		matchReferenceWidth: !1,
-		outsidePressIgnoreRef: Q,
+		outsidePressIgnoreRef: Z,
 		renderOverlay: () => {
 			let e = G.renderMenu({
-				query: bt,
-				close: wt
+				query: St,
+				close: Dt
 			});
 			return G.menuLabel == null ? e : /* @__PURE__ */ U("div", {
 				role: "group",
@@ -2099,149 +2100,154 @@ var Pt = {
 				children: e
 			});
 		},
-		children: cn
-	}), un = Y || St ? /* @__PURE__ */ W("div", {
+		children: un
+	}), fn = J || Tt ? /* @__PURE__ */ W("div", {
 		className: "relative w-full",
 		children: [
-			Y && /* @__PURE__ */ U("div", {
-				ref: mt,
+			J && /* @__PURE__ */ U("div", {
+				ref: _t,
 				className: "absolute start-0 top-0",
-				children: Ke
+				children: Je
 			}),
-			Ct && G != null && /* @__PURE__ */ W("span", {
-				className: c(K.commandHint, "pointer-events-none absolute start-[var(--ci-first-line-indent,0px)] top-0", ne?.fontClassName || "dial-body-paragraph-text"),
+			Et && G != null && /* @__PURE__ */ W("span", {
+				className: c(K.commandHint, "pointer-events-none absolute start-[var(--ci-first-line-indent,0px)] top-0", N?.fontClassName || "dial-body-paragraph-text"),
 				"aria-hidden": !0,
 				children: [/* @__PURE__ */ U("span", {
 					className: "invisible",
 					children: G.triggerPrefix
 				}), G.emptyQueryHint]
 			}),
-			ln
+			dn
 		]
-	}) : ln, dn = pe ? void 0 : /* @__PURE__ */ U(tt, {
-		onAttachClick: me ? void 0 : () => Kt.current?.click(),
-		attachLabel: y,
-		addMenuTitle: x,
-		menuTitle: S,
-		menuCloseLabel: C,
-		style: _t,
-		isDisabled: R || Gt && Rt !== Le.Recording,
-		chatSettings: je,
-		extraMenuItems: vt,
-		onRecordVoice: xe && at && !o && !Gt ? () => Ht(Re.Attachment) : void 0,
-		recordVoiceLabel: ee,
-		toolsMenuItems: ze ? Me : void 0,
-		onToolToggle: Fe,
-		toolsMenuTitle: Be,
-		toolsBackLabel: Ve,
-		menuOverlays: Ge
+	}) : dn, pn = he ? void 0 : /* @__PURE__ */ U(tt, {
+		onAttachClick: ge ? void 0 : () => Jt.current?.click(),
+		attachLabel: b,
+		addMenuTitle: S,
+		menuTitle: C,
+		menuCloseLabel: w,
+		style: bt,
+		isDisabled: V || $,
+		chatSettings: Fe,
+		extraMenuItems: xt,
+		onRecordVoice: we && st && !o && !$ ? () => Gt(Re.Attachment) : void 0,
+		recordVoiceLabel: te,
+		toolsMenuItems: Ve ? ze : void 0,
+		onToolToggle: Be,
+		toolsMenuTitle: He,
+		toolsBackLabel: Ge,
+		menuOverlays: qe
 	});
 	return /* @__PURE__ */ W("div", {
-		ref: qt,
-		style: _t,
-		className: c(K.wrapper, R && K.wrapperDisabled, R && "cursor-not-allowed", "flex w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border", "focus-within:outline focus-within:-outline-offset-1 active:outline active:-outline-offset-1", Tt.length > 6 ? "py-4 ps-4" : "p-4", re),
+		ref: Yt,
+		style: bt,
+		className: c(K.wrapper, V && K.wrapperDisabled, V && "cursor-not-allowed", "flex w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border", "focus-within:outline focus-within:-outline-offset-1 active:outline active:-outline-offset-1", Ot.length > 6 ? "py-4 ps-4" : "p-4", re),
 		children: [
-			(De.length > 0 || Tt.length > 0) && /* @__PURE__ */ U(ye, {
-				attachments: [...De, ...Tt],
+			(je.length > 0 || Ot.length > 0) && /* @__PURE__ */ U(ye, {
+				attachments: [...je, ...Ot],
 				onRemove: (e) => {
-					De.some((t) => t.id === e) ? ke?.(e) : kt(e);
+					je.some((t) => t.id === e) ? Me?.(e) : Mt(e);
 				},
-				onRetry: At,
-				onExpand: jt,
+				onRetry: Nt,
+				onExpand: Pt,
 				labels: {
-					removeLabel: w,
-					retryLabel: T,
-					uploadingLabel: E
+					removeLabel: T,
+					retryLabel: E,
+					uploadingLabel: D
 				},
-				onAttachmentClick: $e == null ? void 0 : (e) => {
-					let t = [...De, ...Tt].find((t) => t.id === e);
-					t != null && $e(t);
+				onAttachmentClick: nt == null ? void 0 : (e) => {
+					let t = [...je, ...Ot].find((t) => t.id === e);
+					t != null && nt(t);
 				}
 			}),
-			!pe && /* @__PURE__ */ U("input", {
-				ref: Kt,
+			!he && /* @__PURE__ */ U("input", {
+				ref: Jt,
 				type: "file",
 				multiple: !0,
-				accept: b,
+				accept: x,
 				className: "sr-only",
 				"aria-hidden": !0,
 				tabIndex: -1,
-				onChange: sn
+				onChange: ln
+			}),
+			Wt && /* @__PURE__ */ U(_, {
+				text: Wt,
+				className: "min-w-0 break-words px-1"
 			}),
-			Gt && /* @__PURE__ */ U(ct, {
+			$ && /* @__PURE__ */ U(lt, {
 				embedded: !0,
-				state: Rt,
-				analyserNodeRef: Bt,
-				errorMessage: Vt,
-				onStop: Ut,
-				onDiscard: Wt,
-				attachButton: dn,
-				stopLabel: A,
-				discardLabel: te,
-				processingLabel: we
+				state: Ht,
+				analyserNodeRef: Ut,
+				errorMessage: Wt,
+				onStop: Kt,
+				onDiscard: qt,
+				attachButton: pn,
+				stopLabel: j,
+				discardLabel: ne,
+				processingLabel: Ee
 			}),
-			!Gt && he && un,
-			!Gt && !he && /* @__PURE__ */ W("div", {
+			!$ && _e && fn,
+			!$ && !_e && /* @__PURE__ */ W("div", {
 				className: "flex flex-wrap items-center gap-2",
 				children: [
 					/* @__PURE__ */ U("div", {
 						className: "flex w-full min-w-0 items-center self-stretch",
-						children: un
+						children: fn
 					}),
-					dn && /* @__PURE__ */ U("div", {
+					pn && /* @__PURE__ */ U("div", {
 						className: "flex",
-						children: dn
+						children: pn
 					}),
-					en.length > 0 && Fe != null && /* @__PURE__ */ U("div", {
+					nn.length > 0 && Be != null && /* @__PURE__ */ U("div", {
 						className: "min-w-0 flex-1",
 						children: /* @__PURE__ */ U(it, {
-							items: en,
-							onToolToggle: Fe,
-							onToolDismiss: tn,
-							canRemove: ze,
-							removeLabel: He?.removeLabel
+							items: nn,
+							onToolToggle: Be,
+							onToolDismiss: rn,
+							canRemove: Ve,
+							removeLabel: Ke?.removeLabel
 						})
 					}),
 					/* @__PURE__ */ U("div", {
 						className: "ms-auto flex flex-shrink-0 items-center gap-2",
-						children: ge ? ge({
-							canSend: Zt,
-							onSend: an
+						children: ve ? ve({
+							canSend: $t,
+							onSend: sn
 						}) : /* @__PURE__ */ W(H, { children: [
-							st,
-							/* @__PURE__ */ U(zt, {
-								deployments: le,
-								selectedDeploymentId: F,
-								onDeploymentChange: ue,
-								modelSelectorLabels: de,
+							ft,
+							/* @__PURE__ */ U(Bt, {
+								deployments: ue,
+								selectedDeploymentId: de,
+								onDeploymentChange: fe,
+								modelSelectorLabels: pe,
 								isStreaming: o,
-								isMobile: dt,
-								isDisabled: _e,
-								style: _t,
-								modelPickerOverlay: et,
-								isPickerOpen: ft,
-								onPickerToggle: () => pt((e) => !e),
-								onPickerOpenChange: pt
+								isMobile: mt,
+								isDisabled: be,
+								style: bt,
+								modelPickerOverlay: rt,
+								isPickerOpen: ht,
+								onPickerToggle: () => gt((e) => !e),
+								onPickerOpenChange: gt
 							}),
-							rn && /* @__PURE__ */ U(v, {
+							on && /* @__PURE__ */ U(v, {
 								icon: /* @__PURE__ */ U(ce, {
 									size: p.LG,
 									stroke: m,
 									"aria-hidden": !0
 								}),
-								"aria-label": k,
-								tooltipProps: { tooltip: k },
+								"aria-label": A,
+								tooltipProps: { tooltip: A },
 								className: "size-[40px] flex-shrink-0 mobile:min-h-11 mobile:min-w-11",
-								onClick: () => Ht(Re.Dictation),
-								disabled: R || o
+								onClick: () => Gt(Re.Dictation),
+								disabled: V || o
 							}),
-							o && a ? /* @__PURE__ */ U(ut, {
+							o && a ? /* @__PURE__ */ U(dt, {
 								onStop: a,
-								ariaLabel: O
-							}) : !o && /* @__PURE__ */ U(lt, {
-								onSend: an,
-								isDisabled: !nn || !Zt,
-								ariaLabel: D
+								ariaLabel: ee
+							}) : !o && /* @__PURE__ */ U(ut, {
+								onSend: sn,
+								isDisabled: !an || !$t,
+								ariaLabel: O,
+								sendTooltip: k
 							})
 						] })
 					})
@@ -2252,14 +2258,14 @@ var Pt = {
 				role: "status",
 				"aria-live": "polite",
 				"aria-atomic": "true",
-				children: /* @__PURE__ */ U("span", { children: It.text }, It.revision)
+				children: /* @__PURE__ */ U("span", { children: zt.text }, zt.revision)
 			})
 		]
 	});
-}, Vt = {
+}, Ht = {
 	welcome: "_welcome_1icyo_1",
 	description: "_description_1icyo_5"
-}, Ht = ({ isStreaming: e = !1, placeholder: t = "Type a prompt or use \"/\" to select one", welcomeText: n, descriptionText: r, styles: i, className: a, inputClassName: o, isInputDisabled: l = !1, ...u }) => {
+}, Ut = ({ isStreaming: e = !1, placeholder: t = "Type a prompt or use \"/\" to select one", welcomeText: n, descriptionText: r, styles: i, className: a, inputClassName: o, isInputDisabled: l = !1, ...u }) => {
 	let { colors: d, typography: f } = i ?? {};
 	return /* @__PURE__ */ W("div", {
 		style: s({
@@ -2270,15 +2276,15 @@ var Pt = {
 		children: [n && /* @__PURE__ */ W("div", {
 			className: "flex flex-col items-center gap-4 text-center",
 			children: [/* @__PURE__ */ U("h1", {
-				className: c(Vt.welcome, "m-0", f?.welcomeClassName || "dial-display2-text"),
+				className: c(Ht.welcome, "m-0", f?.welcomeClassName || "dial-display2-text"),
 				children: n
 			}), r && /* @__PURE__ */ U("p", {
-				className: c(Vt.description, "m-0 max-w-[540px]", f?.descriptionClassName || "dial-body-paragraph-text"),
+				className: c(Ht.description, "m-0 max-w-[540px]", f?.descriptionClassName || "dial-body-paragraph-text"),
 				children: r
 			})]
 		}), /* @__PURE__ */ U("div", {
 			className: c("relative w-full", n ? "max-w-[700px]" : "max-w-[748px]"),
-			children: /* @__PURE__ */ U(Bt, {
+			children: /* @__PURE__ */ U(Vt, {
 				placeholder: t,
 				isStreaming: e,
 				isInputDisabled: l,
@@ -2289,27 +2295,27 @@ var Pt = {
 			})
 		})]
 	});
-}, Ut = ({ message: e, inlineStartSlot: t, onInlineStartRemove: n, initialAttachments: r = [], onCancel: a, onSave: o, onUploadAttachment: s, cancelLabel: l = "Cancel", saveLabel: d = "Save & Submit", ariaLabel: f, removeLabel: p, retryLabel: h, uploadingLabel: g, addMenuTitle: _ = "Add", attachLabel: v = "Attach file", menuTitle: y = "Menu", menuCloseLabel: b = "Close", className: S, pendingDropFiles: C, onDropFilesConsumed: T, validateAttachment: E, isAttachmentsEnabled: D, isTextAttachmentsAllowed: O, hideAttachFile: k = !1, fileAccept: ee, maximumAttachmentsAmount: A, onAttachmentsLimitExceeded: te, onDialFileSystemClick: j, dialFileSystemLabel: ne, pendingAttachments: re, onPendingAttachmentsConsumed: ie, onAttachmentClick: ae, pasteTextThreshold: oe, maxMessageLength: M = 5e4, onMessageTooLong: N }) => {
-	let P = B(null), [ce, le] = V([]);
+}, Wt = ({ message: e, inlineStartSlot: t, onInlineStartRemove: n, initialAttachments: r = [], onCancel: a, onSave: o, onUploadAttachment: s, cancelLabel: l = "Cancel", saveLabel: d = "Save & Submit", ariaLabel: f, removeLabel: p, retryLabel: h, uploadingLabel: g, addMenuTitle: _ = "Add", attachLabel: v = "Attach file", menuTitle: y = "Menu", menuCloseLabel: b = "Close", className: S, pendingDropFiles: C, onDropFilesConsumed: T, validateAttachment: E, isAttachmentsEnabled: D, isTextAttachmentsAllowed: O, hideAttachFile: k = !1, fileAccept: ee, maximumAttachmentsAmount: A, onAttachmentsLimitExceeded: te, onDialFileSystemClick: j, dialFileSystemLabel: ne, pendingAttachments: M, onPendingAttachmentsConsumed: N, onAttachmentClick: re, pasteTextThreshold: ie, maxMessageLength: ae = 5e4, onMessageTooLong: P }) => {
+	let oe = z(null), [ce, le] = B([]);
 	L(() => {
 		C?.length && (le(C), T?.());
 	}, [C, T]);
-	let [F, ue] = V(e ?? ""), [de, fe] = V([]), [pe, me] = V(r), he = de.some((e) => e.status === i.Loading || e.status === i.Error), ge = (F.trim().length > 0 || de.length > 0 || pe.length > 0) && !he, R = (e) => {
+	let [F, ue] = B(e ?? ""), [de, fe] = B([]), [pe, me] = B(r), he = de.some((e) => e.status === i.Loading || e.status === i.Error), ge = (F.trim().length > 0 || de.length > 0 || pe.length > 0) && !he, _e = (e) => {
 		me((t) => t.filter((t) => t.id !== e));
-	}, _e = I((e, t) => {
+	}, ve = I((e, t) => {
 		o(e, pe, t);
-	}, [pe, o]), ve = () => {
+	}, [pe, o]), V = () => {
 		if (ge) {
-			if (F.length >= M) {
-				N?.(F.length, M);
+			if (F.length >= ae) {
+				P?.(F.length, ae);
 				return;
 			}
-			_e(F, de);
+			ve(F, de);
 		}
 	}, ye = I(() => le([]), []), be = I((e) => {
 		let t = Array.from(e.target.files ?? []);
 		t.length !== 0 && (e.target.value = "", le(t));
-	}, []), xe = z(() => j ? [{
+	}, []), xe = R(() => j ? [{
 		key: "dial-fs",
 		label: ne ?? "DIAL file system",
 		icon: /* @__PURE__ */ U(se, {
@@ -2321,7 +2327,7 @@ var Pt = {
 	}] : [], [j, ne]);
 	return /* @__PURE__ */ W("div", {
 		className: c("flex w-full flex-col gap-2", S),
-		children: [/* @__PURE__ */ U(Bt, {
+		children: [/* @__PURE__ */ U(Vt, {
 			message: e,
 			inlineStartSlot: t,
 			onInlineStartRemove: n,
@@ -2329,7 +2335,7 @@ var Pt = {
 			hideActionBar: !0,
 			pendingDropFiles: ce,
 			onDropFilesConsumed: ye,
-			onSend: _e,
+			onSend: ve,
 			onUploadAttachment: s,
 			onChange: ue,
 			onAttachmentsChange: fe,
@@ -2338,24 +2344,24 @@ var Pt = {
 			uploadingLabel: g,
 			className: "max-w-full",
 			prefixAttachments: pe,
-			onRemovePrefixAttachment: R,
+			onRemovePrefixAttachment: _e,
 			validateAttachment: E,
 			isAttachmentsEnabled: D,
 			isTextAttachmentsAllowed: O,
 			maximumAttachmentsAmount: A,
 			onAttachmentsLimitExceeded: te,
-			pendingAttachments: re,
-			onPendingAttachmentsConsumed: ie,
-			onAttachmentClick: ae,
-			pasteTextThreshold: oe,
-			maxMessageLength: M,
-			onMessageTooLong: N
+			pendingAttachments: M,
+			onPendingAttachmentsConsumed: N,
+			onAttachmentClick: re,
+			pasteTextThreshold: ie,
+			maxMessageLength: ae,
+			onMessageTooLong: P
 		}), /* @__PURE__ */ W("div", {
 			className: "flex items-center justify-between",
 			children: [/* @__PURE__ */ U("div", {
 				className: "flex",
 				children: !k && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("input", {
-					ref: P,
+					ref: oe,
 					type: "file",
 					multiple: !0,
 					accept: ee,
@@ -2364,7 +2370,7 @@ var Pt = {
 					tabIndex: -1,
 					onChange: be
 				}), /* @__PURE__ */ U(tt, {
-					onAttachClick: () => P.current?.click(),
+					onAttachClick: () => oe.current?.click(),
 					attachLabel: v,
 					addMenuTitle: _,
 					menuTitle: y,
@@ -2378,7 +2384,7 @@ var Pt = {
 					onClick: a
 				}), /* @__PURE__ */ U(w, {
 					label: d,
-					onClick: ve,
+					onClick: V,
 					disabled: !ge
 				})]
 			})]
@@ -2386,4 +2392,4 @@ var Pt = {
 	});
 };
 //#endregion
-export { Ee as BottomSheetShell, Ze as ChatSettingsModal, Ht as ConversationInput, Ut as EditMessageInput, Bt as Input, We as SendOnEnter };
+export { Ee as BottomSheetShell, Ze as ChatSettingsModal, Ut as ConversationInput, Wt as EditMessageInput, Vt as Input, We as SendOnEnter };