@epam/ai-dial-conversation-input 1.3.0-dev.195 → 1.3.0-dev.202

package/index.js

@@ -1,8 +1,8 @@
 import { AttachmentErrorReason as e, AttachmentType as t, DeploymentIcon as n, MIME_TYPE_EXT_MAP as r, RESIZABLE_TEXTAREA_CLASS_NAME as i, RequestStatus as a, ResponseFormat as o, SELECT_LIST_MAX_HEIGHT_PX as s, buildCssVars as c, mergeClasses as l, normalizeMimeType as u, useIsMobile as d } from "@epam/ai-dial-chat-shared";
-import { BASE_ICON_SIZE as f, BottomSheet as p, Button as m, ButtonVariant as h, CloseButton as g, DIAL_ICON_SIZE as _, DIAL_KIT_ICON_STROKE as v, Dropdown as y, ElementSize as b, ErrorText as x, GhostIconButton as S, Highlight as C, MenuItemMark as w, NeutralButton as T, NeutralIconButton as E, Popup as D, PopupSize as ee, PrimaryButton as O, PrimaryIconButton as k, RadioGroup as A, RadioGroupOrientation as j, Search as M, Skeleton as te, SkeletonVariant as ne, Slider as re, Spinner as ie, Textarea as ae, TextareaResize as N, Tooltip as P } from "@epam/ai-dial-ui-kit";
-import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
-import { AttachmentTray as oe, MAX_UPLOADS_PER_MINUTE as se, generateAttachmentId as ce, useClipboardPaste as le } from "@epam/ai-dial-attachment-input";
-import { IconAlertCircleFilled as ue, IconAlertTriangleFilled as de, IconArrowNarrowRight as fe, IconCheck as pe, IconChevronDown as me, IconChevronRight as he, IconFile as ge, IconMicrophone as _e, IconPaperclip as ve, IconPlayerStop as ye, IconPlus as be, IconSettings as xe, IconTool as Se, IconX as Ce } from "@tabler/icons-react";
+import { BASE_ICON_SIZE as f, BottomSheet as p, Button as m, ButtonVariant as h, CloseButton as g, DIAL_ICON_SIZE as _, DIAL_KIT_ICON_STROKE as v, Dropdown as y, ElementSize as b, ErrorText as x, GhostIconButton as S, Highlight as C, MenuItemMark as w, NeutralButton as T, NeutralIconButton as E, Popup as D, PopupSize as ee, PrimaryButton as O, PrimaryIconButton as k, RadioGroup as te, RadioGroupOrientation as A, Search as j, Skeleton as ne, SkeletonVariant as re, Slider as ie, Spinner as ae, Textarea as oe, TextareaResize as M, Tooltip as se } from "@epam/ai-dial-ui-kit";
+import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
+import { AttachmentTray as I, MAX_UPLOADS_PER_MINUTE as ce, generateAttachmentId as le, useClipboardPaste as ue } from "@epam/ai-dial-attachment-input";
+import { IconAlertCircleFilled as de, IconAlertTriangleFilled as fe, IconArrowNarrowRight as pe, IconCheck as me, IconChevronDown as he, IconChevronRight as ge, IconFile as _e, IconMicrophone as ve, IconPaperclip as L, IconPlayerStop as ye, IconPlus as be, IconSettings as xe, IconTool as Se, IconX as Ce } from "@tabler/icons-react";
 import { createElement as we, forwardRef as Te, memo as Ee, useCallback as R, useEffect as z, useId as De, useImperativeHandle as Oe, useLayoutEffect as ke, useMemo as B, useRef as V, useState as H } from "react";
 //#region src/constants/public-class-names.ts
 var U = {
@@ -32,7 +32,7 @@ var U = {
 		"--ci-sheet-text": f?.sheetText,
 		"--ci-sheet-divider": f?.divider
 	});
-	return /* @__PURE__ */ I(p, {
+	return /* @__PURE__ */ P(p, {
 		open: e,
 		onClose: r,
 		title: t,
@@ -71,7 +71,7 @@ var U = {
 	let y = R((e) => e.map((e) => {
 		let n = e.type.startsWith("image/"), r = e.type.startsWith("audio/"), i = n ? URL.createObjectURL(e) : void 0, o = r ? URL.createObjectURL(e) : void 0;
 		return {
-			id: ce(),
+			id: le(),
 			name: e.name,
 			contentType: e.type,
 			file: e,
@@ -139,7 +139,7 @@ var U = {
 						status: a.Error,
 						errorReason: n
 					} : e));
-				}), G(e, se, w);
+				}), G(e, ce, w);
 			}
 		}
 	}, [
@@ -322,11 +322,11 @@ var U = {
 		if (n <= t) return;
 		let r = t;
 		o.filter((e) => e.offset >= t && e.offset <= n).forEach((t) => {
-			t.offset > r && s.push(/* @__PURE__ */ I("span", {
+			t.offset > r && s.push(/* @__PURE__ */ P("span", {
 				"aria-hidden": !0,
 				children: e.slice(r, t.offset)
 			}, `text-${l++}`)), s.push(t.node), r = t.offset;
-		}), r < n && s.push(/* @__PURE__ */ I("span", {
+		}), r < n && s.push(/* @__PURE__ */ P("span", {
 			"aria-hidden": !0,
 			children: e.slice(r, n)
 		}, `text-${l++}`));
@@ -334,10 +334,10 @@ var U = {
 	return a.forEach((t, n) => {
 		if (u(c, t.start), t.start + t.length <= c) return;
 		let a = e.slice(t.start, t.start + t.length);
-		s.push(t.render ? /* @__PURE__ */ I("span", {
+		s.push(t.render ? /* @__PURE__ */ P("span", {
 			className: "pointer-events-auto",
 			children: t.render()
-		}, `range-${n}`) : /* @__PURE__ */ I("span", {
+		}, `range-${n}`) : /* @__PURE__ */ P("span", {
 			"aria-hidden": !0,
 			className: t.isUnsupported ? i : r,
 			children: a
@@ -563,7 +563,7 @@ var U = {
 		"--ci-sheet-item-active": f?.itemActiveBg,
 		"--ci-sheet-icon": f?.itemIcon
 	});
-	return /* @__PURE__ */ I(W, {
+	return /* @__PURE__ */ P(W, {
 		isOpen: e,
 		title: t,
 		closeLabel: n,
@@ -572,23 +572,23 @@ var U = {
 		className: o,
 		titleClassName: s,
 		colors: f?.shell,
-		children: /* @__PURE__ */ I("ul", {
+		children: /* @__PURE__ */ P("ul", {
 			role: "list",
 			className: "flex flex-col",
 			style: h,
-			children: a.map(({ key: e, label: t, icon: n, iconAfter: r, onClick: i }) => /* @__PURE__ */ I("li", { children: /* @__PURE__ */ I(m, {
+			children: a.map(({ key: e, label: t, icon: n, iconAfter: r, onClick: i }) => /* @__PURE__ */ P("li", { children: /* @__PURE__ */ P(m, {
 				type: "button",
 				className: l(it.item, "w-full gap-3 px-4 py-[10px] text-start"),
-				iconBefore: /* @__PURE__ */ I("span", {
+				iconBefore: /* @__PURE__ */ P("span", {
 					className: it.itemIcon,
 					children: n
 				}),
-				iconAfter: r ? /* @__PURE__ */ I("span", {
+				iconAfter: r ? /* @__PURE__ */ P("span", {
 					className: "ms-auto",
 					children: r
 				}) : null,
 				textClassName: d,
-				label: /* @__PURE__ */ I("span", {
+				label: /* @__PURE__ */ P("span", {
 					className: u,
 					children: t
 				}),
@@ -635,11 +635,11 @@ var U = {
 	"Creative"
 ], temperatureHint: y, labelClassName: b = "!dial-small-semi-text", colors: x }) => {
 	let S = c({ "--csf-label-text": x?.labelText }), C = l(b, st.label, "gap-1");
-	return /* @__PURE__ */ L("div", {
+	return /* @__PURE__ */ F("div", {
 		className: "flex flex-col gap-4 px-6 pb-3",
 		style: S,
 		children: [
-			e.responseFormat && /* @__PURE__ */ I(A, {
+			e.responseFormat && /* @__PURE__ */ P(te, {
 				id: "response-format",
 				labelProps: {
 					label: d,
@@ -647,7 +647,7 @@ var U = {
 					caption: f
 				},
 				optionsClassName: "mb-2",
-				orientation: j.Column,
+				orientation: A.Column,
 				value: t ?? o.Markdown,
 				items: [{
 					value: o.Markdown,
@@ -658,18 +658,18 @@ var U = {
 				}],
 				onChange: (e) => a(e)
 			}),
-			e.systemPrompt && /* @__PURE__ */ I(ae, {
+			e.systemPrompt && /* @__PURE__ */ P(oe, {
 				value: n,
 				placeholder: g,
 				className: i,
-				resize: N.Vertical,
+				resize: M.Vertical,
 				labelProps: {
 					className: C,
 					label: h
 				},
 				onChange: (e) => s(e ?? "")
 			}),
-			e.temperature && /* @__PURE__ */ I(re, {
+			e.temperature && /* @__PURE__ */ P(ie, {
 				labelProps: {
 					label: _,
 					className: C,
@@ -687,7 +687,7 @@ var U = {
 		]
 	});
 }, lt = ({ isOpen: e, onBack: t, backLabel: n, onClose: r, closeLabel: i, style: a, features: o, initialResponseFormat: s, initialSystemPrompt: c, initialTemperature: u, onSave: d, title: f = "Chat settings", responseFormatLabel: p, responseFormatHint: m, responseFormatMarkdownLabel: h, responseFormatPlainTextLabel: g, systemPromptLabel: _, systemPromptTooltip: v, temperatureLabel: y, temperatureLabels: b, temperatureHint: x, saveLabel: S = "Apply changes", saveDisabledTooltip: C }) => {
-	let { responseFormat: w, systemPrompt: T, temperature: E, canSubmit: D, setResponseFormat: ee, setSystemPrompt: k, setTemperature: A, handleSubmit: j } = ot({
+	let { responseFormat: w, systemPrompt: T, temperature: E, canSubmit: D, setResponseFormat: ee, setSystemPrompt: k, setTemperature: te, handleSubmit: A } = ot({
 		isOpen: e,
 		features: o,
 		initialResponseFormat: s,
@@ -696,7 +696,7 @@ var U = {
 		onSave: d,
 		onClose: r
 	});
-	return /* @__PURE__ */ L(W, {
+	return /* @__PURE__ */ F(W, {
 		isOpen: e,
 		title: f,
 		closeLabel: i,
@@ -704,14 +704,14 @@ var U = {
 		onBack: t,
 		backLabel: n,
 		style: a,
-		children: [/* @__PURE__ */ I(ct, {
+		children: [/* @__PURE__ */ P(ct, {
 			features: o,
 			responseFormat: w,
 			systemPrompt: T,
 			temperature: E,
 			onResponseFormatChange: ee,
 			onSystemPromptChange: k,
-			onTemperatureChange: A,
+			onTemperatureChange: te,
 			responseFormatLabel: p,
 			responseFormatHint: m,
 			responseFormatMarkdownLabel: h,
@@ -721,15 +721,15 @@ var U = {
 			temperatureLabel: y,
 			temperatureLabels: b,
 			temperatureHint: x
-		}), /* @__PURE__ */ I("div", {
+		}), /* @__PURE__ */ P("div", {
 			className: l("px-6 py-4 mobile:pb-8"),
-			children: /* @__PURE__ */ I(P, {
+			children: /* @__PURE__ */ P(se, {
 				tooltip: C,
 				hideTooltip: D || !C,
 				triggerClassName: "w-full",
-				children: /* @__PURE__ */ I(O, {
+				children: /* @__PURE__ */ P(O, {
 					label: S,
-					onClick: j,
+					onClick: A,
 					disabled: !D,
 					className: "w-full"
 				})
@@ -745,7 +745,7 @@ var U = {
 		onSave: i,
 		onClose: a
 	});
-	return /* @__PURE__ */ I(D, {
+	return /* @__PURE__ */ P(D, {
 		open: !0,
 		header: o,
 		titleClassName: s,
@@ -762,7 +762,7 @@ var U = {
 				hideTooltip: w
 			} : void 0
 		}],
-		children: /* @__PURE__ */ I(ct, {
+		children: /* @__PURE__ */ P(ct, {
 			features: e,
 			responseFormat: x,
 			systemPrompt: S,
@@ -789,7 +789,7 @@ var U = {
 		"--tbs-icon-text": p?.iconText,
 		"--tbs-selected-icon-text": p?.selectedIconText
 	});
-	return /* @__PURE__ */ I(W, {
+	return /* @__PURE__ */ P(W, {
 		isOpen: e,
 		title: o,
 		closeLabel: i,
@@ -797,30 +797,30 @@ var U = {
 		onBack: t,
 		backLabel: n,
 		style: a,
-		children: /* @__PURE__ */ I("ul", {
+		children: /* @__PURE__ */ P("ul", {
 			role: "menu",
 			className: "flex flex-col pb-4",
 			style: h,
-			children: s.map((e) => /* @__PURE__ */ I("li", {
+			children: s.map((e) => /* @__PURE__ */ P("li", {
 				role: "none",
-				children: /* @__PURE__ */ I(m, {
+				children: /* @__PURE__ */ P(m, {
 					type: "button",
 					role: "menuitemcheckbox",
 					"aria-checked": e.isSelected,
 					className: "w-full gap-3 px-4 py-[10px] text-start",
-					iconBefore: /* @__PURE__ */ I("span", {
+					iconBefore: /* @__PURE__ */ P("span", {
 						className: l("flex items-center", K.icon),
 						children: e.icon
 					}),
-					iconAfter: e.isSelected ? /* @__PURE__ */ I("span", {
+					iconAfter: e.isSelected ? /* @__PURE__ */ P("span", {
 						className: l("ms-auto", K.selectedIcon),
-						children: /* @__PURE__ */ I(pe, {
+						children: /* @__PURE__ */ P(me, {
 							size: f,
 							"aria-hidden": !0,
 							stroke: v
 						})
 					}) : null,
-					label: /* @__PURE__ */ I("span", {
+					label: /* @__PURE__ */ P("span", {
 						className: d,
 						children: e.label
 					}),
@@ -833,14 +833,14 @@ var U = {
 	toolIcon: "_toolIcon_ma5s5_1",
 	chevronIcon: "_chevronIcon_ma5s5_5"
 }, mt = ({ onAttachClick: e, onRecordVoice: t, recordVoiceLabel: n = "Record voice", attachLabel: r, addMenuTitle: i, menuTitle: a, menuCloseLabel: s, style: u, listClassName: p = "w-[240px]", isDisabled: m = !1, chatSettings: h, extraMenuItems: g, toolsMenuItems: x = [], onToolToggle: C, toolsMenuTitle: T = "Tools", toolsBackLabel: E = "Back", menuOverlays: D, getCaretPosition: ee, colors: O }) => {
-	let k = d(), [A, j] = H(!1), [M, te] = H(!1), [ne, re] = H(!1), [ie, ae] = H(null), [N, P] = H(!1), oe = B(() => c({
+	let k = d(), [te, A] = H(!1), [j, ne] = H(!1), [re, ie] = H(!1), [ae, oe] = H(null), [M, se] = H(!1), I = B(() => c({
 		"--aab-tool-icon": O?.toolIcon,
 		"--aab-chevron-icon": O?.chevronIcon
-	}), [O?.toolIcon, O?.chevronIcon]), se = x.length > 0 && C != null, ce = D != null && D.length > 0, le = B(() => x.map((e) => ({
+	}), [O?.toolIcon, O?.chevronIcon]), ce = x.length > 0 && C != null, le = D != null && D.length > 0, ue = B(() => x.map((e) => ({
 		key: e.id,
 		label: e.label,
-		icon: /* @__PURE__ */ I("span", {
-			style: oe,
+		icon: /* @__PURE__ */ P("span", {
+			style: I,
 			className: l("flex items-center", pt.toolIcon),
 			children: e.icon
 		}),
@@ -851,12 +851,12 @@ var U = {
 	})), [
 		x,
 		C,
-		oe
-	]), ue = B(() => [
+		I
+	]), de = B(() => [
 		...e == null ? [] : [{
 			key: "attach",
 			label: r,
-			icon: /* @__PURE__ */ I(ve, {
+			icon: /* @__PURE__ */ P(L, {
 				size: f,
 				"aria-hidden": !0,
 				stroke: v
@@ -864,36 +864,36 @@ var U = {
 			onClick: e
 		}],
 		...g ?? [],
-		...se ? [{
+		...ce ? [{
 			key: "tools",
 			label: T,
-			icon: /* @__PURE__ */ I(Se, {
+			icon: /* @__PURE__ */ P(Se, {
 				size: f,
 				"aria-hidden": !0,
 				stroke: v
 			}),
 			onClick: k ? () => {
-				re(!0), j(!1);
+				ie(!0), A(!1);
 			} : () => void 0,
-			...k ? { iconAfter: /* @__PURE__ */ I(he, {
+			...k ? { iconAfter: /* @__PURE__ */ P(ge, {
 				size: f,
 				stroke: v,
-				style: oe,
+				style: I,
 				className: l("rtl:scale-x-[-1]", pt.chevronIcon),
 				"aria-hidden": !0
-			}) } : { children: le }
+			}) } : { children: ue }
 		}] : [],
 		...(D ?? []).map((e) => ({
 			key: e.key,
 			label: e.title,
 			icon: e.icon,
 			onClick: k ? () => {
-				ae(e.key), j(!1);
+				oe(e.key), A(!1);
 			} : () => void 0,
-			...k ? { iconAfter: /* @__PURE__ */ I(he, {
+			...k ? { iconAfter: /* @__PURE__ */ P(ge, {
 				size: f,
 				stroke: v,
-				style: oe,
+				style: I,
 				className: l("rtl:scale-x-[-1]", pt.chevronIcon),
 				"aria-hidden": !0
 			}) } : {
@@ -901,37 +901,37 @@ var U = {
 					key: `${e.key}-panel`,
 					label: ""
 				}],
-				renderSubMenu: () => e.renderOverlay(() => P(!1), ee?.() ?? 0)
+				renderSubMenu: () => e.renderOverlay(() => se(!1), ee?.() ?? 0)
 			}
 		})),
 		...t == null ? [] : [{
 			key: "record-voice",
 			label: n,
-			icon: /* @__PURE__ */ I(_e, {
+			icon: /* @__PURE__ */ P(ve, {
 				size: f,
 				"aria-hidden": !0,
 				stroke: v
 			}),
 			onClick: () => {
-				j(!1), P(!1), t();
+				A(!1), se(!1), t();
 			}
 		}],
 		...h == null ? [] : [{
 			key: "chat-settings",
 			label: h.menuItemLabel ?? "Chat settings",
-			icon: /* @__PURE__ */ I(xe, {
+			icon: /* @__PURE__ */ P(xe, {
 				size: f,
 				"aria-hidden": !0,
 				stroke: v
 			}),
-			iconAfter: k ? /* @__PURE__ */ I(he, {
+			iconAfter: k ? /* @__PURE__ */ P(ge, {
 				size: f,
 				stroke: v,
-				style: oe,
+				style: I,
 				className: l("rtl:scale-x-[-1]", pt.chevronIcon),
 				"aria-hidden": !0
 			}) : null,
-			onClick: () => te(!0)
+			onClick: () => ne(!0)
 		}]
 	], [
 		r,
@@ -941,25 +941,25 @@ var U = {
 		h,
 		g,
 		k,
-		se,
+		ce,
 		T,
-		le,
+		ue,
 		D,
 		ee,
-		oe
+		I
 	]);
-	if (ue.length === 0) return null;
-	let de = /* @__PURE__ */ I(y, {
+	if (de.length === 0) return null;
+	let fe = /* @__PURE__ */ P(y, {
 		matchReferenceWidth: !1,
 		placement: "bottom-start",
 		listClassName: p,
 		overlayContentClassName: "flex flex-col gap-1",
-		items: ue,
+		items: de,
 		disabled: m,
-		open: ce ? N : void 0,
-		onOpenChange: ce ? P : void 0,
-		children: /* @__PURE__ */ I(S, {
-			icon: /* @__PURE__ */ I(be, {
+		open: le ? M : void 0,
+		onOpenChange: le ? se : void 0,
+		children: /* @__PURE__ */ P(S, {
+			icon: /* @__PURE__ */ P(be, {
 				size: _.LG,
 				"aria-hidden": !0,
 				stroke: v
@@ -969,9 +969,9 @@ var U = {
 			disabled: m
 		})
 	});
-	return /* @__PURE__ */ I(F, { children: k ? /* @__PURE__ */ L(F, { children: [
-		/* @__PURE__ */ I(S, {
-			icon: /* @__PURE__ */ I(be, {
+	return /* @__PURE__ */ P(N, { children: k ? /* @__PURE__ */ F(N, { children: [
+		/* @__PURE__ */ P(S, {
+			icon: /* @__PURE__ */ P(be, {
 				size: _.LG,
 				"aria-hidden": !0,
 				stroke: v
@@ -980,54 +980,54 @@ var U = {
 			size: b.Large,
 			tooltipProps: { tooltip: i },
 			disabled: m,
-			onClick: () => j(!0)
+			onClick: () => A(!0)
 		}),
-		/* @__PURE__ */ I(at, {
-			isOpen: A,
+		/* @__PURE__ */ P(at, {
+			isOpen: te,
 			title: a,
 			closeLabel: s,
-			onClose: () => j(!1),
+			onClose: () => A(!1),
 			style: u,
-			items: ue,
+			items: de,
 			className: "pb-4",
 			btnTextClassName: "flex-1"
 		}),
-		se && /* @__PURE__ */ I(ft, {
-			isOpen: ne,
+		ce && /* @__PURE__ */ P(ft, {
+			isOpen: re,
 			onBack: () => {
-				re(!1), j(!0);
+				ie(!1), A(!0);
 			},
 			backLabel: E,
-			onClose: () => re(!1),
+			onClose: () => ie(!1),
 			closeLabel: s,
 			style: u,
 			title: T,
 			items: x,
 			onToolToggle: C
 		}),
-		D?.map((e) => /* @__PURE__ */ I(W, {
-			isOpen: ie === e.key,
+		D?.map((e) => /* @__PURE__ */ P(W, {
+			isOpen: ae === e.key,
 			title: e.title,
 			closeLabel: s,
 			onBack: () => {
-				ae(null), j(!0);
+				oe(null), A(!0);
 			},
 			backLabel: e.backLabel ?? "Back",
-			onClose: () => ae(null),
+			onClose: () => oe(null),
 			style: u,
-			children: /* @__PURE__ */ I("div", {
+			children: /* @__PURE__ */ P("div", {
 				role: "menu",
 				"aria-label": e.title,
-				children: e.renderOverlay(() => ae(null), ee?.() ?? 0)
+				children: e.renderOverlay(() => oe(null), ee?.() ?? 0)
 			})
 		}, e.key)),
-		h != null && /* @__PURE__ */ I(lt, {
-			isOpen: M,
+		h != null && /* @__PURE__ */ P(lt, {
+			isOpen: j,
 			onBack: () => {
-				te(!1), j(!0);
+				ne(!1), A(!0);
 			},
 			backLabel: h.backLabel ?? "Back",
-			onClose: () => te(!1),
+			onClose: () => ne(!1),
 			closeLabel: s,
 			style: u,
 			features: h.features,
@@ -1048,13 +1048,13 @@ var U = {
 			saveLabel: h.saveLabel,
 			saveDisabledTooltip: h.saveDisabledTooltip
 		})
-	] }) : /* @__PURE__ */ L(F, { children: [de, h != null && M && /* @__PURE__ */ I(dt, {
+	] }) : /* @__PURE__ */ F(N, { children: [fe, h != null && j && /* @__PURE__ */ P(dt, {
 		features: h.features,
 		initialResponseFormat: h.responseFormat ?? o.Markdown,
 		initialSystemPrompt: h.systemPrompt,
 		initialTemperature: h.temperature,
 		onSave: h.onSave,
-		onClose: () => te(!1),
+		onClose: () => ne(!1),
 		title: h.title,
 		responseFormatLabel: h.responseFormatLabel,
 		responseFormatHint: h.responseFormatHint,
@@ -1091,41 +1091,41 @@ var U = {
 		"--ci-chip-close": u?.chipClose,
 		"--ci-chip-close-hover": u?.chipCloseHover
 	});
-	return /* @__PURE__ */ I("div", {
+	return /* @__PURE__ */ P("div", {
 		className: "flex flex-wrap items-center gap-2",
 		style: f,
-		children: e.map((e) => /* @__PURE__ */ L("div", {
+		children: e.map((e) => /* @__PURE__ */ F("div", {
 			className: l(q.chip, e.isSelected && q.chipSelected, "flex min-w-0 items-center gap-1.5 rounded-full border py-1 transition-colors", r ? "ps-2 pe-1" : "px-2"),
-			children: [/* @__PURE__ */ L("button", {
+			children: [/* @__PURE__ */ F("button", {
 				type: "button",
 				onClick: () => t(e.id),
 				"aria-pressed": e.isSelected,
 				className: "flex min-w-0 items-center gap-1.5",
 				children: [
-					/* @__PURE__ */ I("span", {
+					/* @__PURE__ */ P("span", {
 						className: l(q.chipIcon, "shrink-0"),
 						"aria-hidden": !0,
 						children: e.icon
 					}),
-					/* @__PURE__ */ L("span", {
+					/* @__PURE__ */ F("span", {
 						className: l(q.chipText, s?.fontClassName || "dial-small-paragraph-text", "truncate"),
-						children: [e.label, d && /* @__PURE__ */ I("span", {
+						children: [e.label, d && /* @__PURE__ */ P("span", {
 							"aria-hidden": !0,
 							children: ":"
 						})]
 					}),
-					d && /* @__PURE__ */ I("span", {
+					d && /* @__PURE__ */ P("span", {
 						className: l(q.chipState, s?.fontClassName || "dial-small-paragraph-text", "ms-1 shrink-0 tracking-wider uppercase"),
 						"aria-hidden": !0,
 						children: e.isSelected ? a : o
 					})
 				]
-			}), r && /* @__PURE__ */ I("button", {
+			}), r && /* @__PURE__ */ P("button", {
 				type: "button",
 				onClick: () => n(e.id),
 				"aria-label": i(e.label),
 				className: l(q.chipClose, "flex shrink-0 items-center rounded p-0.5 transition-colors"),
-				children: /* @__PURE__ */ I(Ce, {
+				children: /* @__PURE__ */ P(Ce, {
 					size: 12,
 					"aria-hidden": !0,
 					stroke: v
@@ -1202,11 +1202,11 @@ var U = {
 		});
 		return t.observe(e), () => t.disconnect();
 	}, [b]);
-	let x = /* @__PURE__ */ L("div", {
+	let x = /* @__PURE__ */ F("div", {
 		className: "flex shrink-0 items-center justify-end gap-1",
 		children: [
-			/* @__PURE__ */ I(E, {
-				icon: /* @__PURE__ */ I(Ce, {
+			/* @__PURE__ */ P(E, {
+				icon: /* @__PURE__ */ P(Ce, {
 					size: _.LG,
 					"aria-hidden": !0,
 					stroke: v
@@ -1215,8 +1215,8 @@ var U = {
 				className: "mobile:min-h-11 mobile:min-w-11",
 				onClick: r
 			}),
-			g && /* @__PURE__ */ I(k, {
-				icon: /* @__PURE__ */ I(pe, {
+			g && /* @__PURE__ */ P(k, {
+				icon: /* @__PURE__ */ P(me, {
 					size: _.LG,
 					"aria-hidden": !0,
 					stroke: v
@@ -1226,82 +1226,82 @@ var U = {
 				"aria-label": a,
 				className: "mobile:min-h-11 mobile:min-w-11"
 			}),
-			y && /* @__PURE__ */ I("span", {
+			y && /* @__PURE__ */ P("span", {
 				className: "flex size-[40px] shrink-0 items-center justify-center mobile:min-h-11 mobile:min-w-11",
-				children: /* @__PURE__ */ I(ie, {
+				children: /* @__PURE__ */ P(ae, {
 					size: 20,
 					ariaLabel: s
 				})
 			})
 		]
 	});
-	return /* @__PURE__ */ I("div", {
+	return /* @__PURE__ */ P("div", {
 		className: u,
-		children: /* @__PURE__ */ L("div", {
+		children: /* @__PURE__ */ F("div", {
 			style: c,
 			className: l("flex w-full min-w-0 flex-col justify-center gap-2", !d && J.wrapper, !d && "min-h-[64px] max-w-[748px] rounded-xl border px-3 shadow-md"),
-			children: [/* @__PURE__ */ L("div", {
+			children: [/* @__PURE__ */ F("div", {
 				className: "flex min-w-0 flex-1 items-center gap-3",
-				children: [g && /* @__PURE__ */ I("span", {
+				children: [g && /* @__PURE__ */ P("span", {
 					className: l(_t.recordingDot, "pointer-events-none block size-[8px] rounded-3xl"),
 					"aria-hidden": !0
-				}), /* @__PURE__ */ I("canvas", {
+				}), /* @__PURE__ */ P("canvas", {
 					ref: f,
 					height: 26,
 					"aria-hidden": !0,
 					className: l(_t.waveformCanvas, "h-[26px] min-w-0 flex-1")
 				})]
-			}), /* @__PURE__ */ L("div", {
+			}), /* @__PURE__ */ F("div", {
 				className: "flex items-center justify-between gap-2",
-				children: [i ?? /* @__PURE__ */ I("span", { "aria-hidden": !0 }), x]
+				children: [i ?? /* @__PURE__ */ P("span", { "aria-hidden": !0 }), x]
 			})]
 		})
 	});
-}, St = ({ onSend: e, isDisabled: t = !1, ariaLabel: n = "Send message", sendTooltip: r }) => /* @__PURE__ */ I(k, {
+}, St = ({ onSend: e, isDisabled: t = !1, ariaLabel: n = "Send message", sendTooltip: r }) => /* @__PURE__ */ P(k, {
 	"aria-label": n,
 	onClick: () => e?.(),
 	disabled: t,
 	tooltipProps: r ? { tooltip: r } : void 0,
-	icon: /* @__PURE__ */ I(fe, {
+	icon: /* @__PURE__ */ P(pe, {
 		size: _.LG,
 		className: "rtl:scale-x-[-1]",
 		stroke: v
 	})
-}), Ct = ({ onStop: e, ariaLabel: t = "Stop streaming" }) => /* @__PURE__ */ I(E, {
-	icon: /* @__PURE__ */ I(ye, {
+}), Ct = ({ onStop: e, ariaLabel: t = "Stop streaming" }) => /* @__PURE__ */ P(E, {
+	icon: /* @__PURE__ */ P(ye, {
 		size: _.LG,
 		stroke: v
 	}),
 	onClick: () => e?.(),
 	"aria-label": t
-}), wt = ({ size: e = 20 }) => /* @__PURE__ */ I(te, {
-	variant: ne.Circular,
+}), wt = ({ size: e = 20 }) => /* @__PURE__ */ P(ne, {
+	variant: re.Circular,
 	width: e,
 	height: e,
 	active: !0
-}), Tt = ({ loadingLabel: e }) => /* @__PURE__ */ L("span", {
+}), Tt = ({ loadingLabel: e }) => /* @__PURE__ */ F("span", {
 	className: "flex min-w-0 flex-1 items-center",
-	children: [/* @__PURE__ */ I(te, {
-		variant: ne.Text,
+	children: [/* @__PURE__ */ P(ne, {
+		variant: re.Text,
 		width: "100%",
 		height: 16,
 		active: !0
-	}), e && /* @__PURE__ */ I("span", {
+	}), e && /* @__PURE__ */ P("span", {
 		className: "sr-only",
 		children: e
 	})]
-}), Et = ({ loadingLabel: e }) => /* @__PURE__ */ I("div", {
+}), Et = ({ loadingLabel: e }) => /* @__PURE__ */ P("div", {
 	role: "status",
 	"aria-label": e,
-	children: Array.from({ length: 7 }).map((e, t) => /* @__PURE__ */ L("div", {
+	children: Array.from({ length: 7 }).map((e, t) => /* @__PURE__ */ F("div", {
 		className: "flex h-11 items-center gap-3 px-4",
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ I(wt, {}), /* @__PURE__ */ I(Tt, {})]
+		children: [/* @__PURE__ */ P(wt, {}), /* @__PURE__ */ P(Tt, {})]
 	}, t))
 }), Dt = (e) => e.displayName ?? e.id, Ot = (e, t) => {
 	let n = t.trim().toLowerCase();
 	return n ? e.filter((e) => Dt(e).toLowerCase().includes(n)) : e;
-}, kt = (e, t, r, i = 18, a) => /* @__PURE__ */ I(n, {
+}, kt = (e, t, r, i = 18, a) => /* @__PURE__ */ P(n, {
 	src: e,
 	size: i,
 	labels: { tooltip: a },
@@ -1314,7 +1314,7 @@ var U = {
 	selectedItemText: "_selectedItemText_1u7db_26",
 	checkIcon: "_checkIcon_1u7db_30"
 }, jt = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, styles: i }) => {
-	let [a, o] = H(""), s = B(() => e?.find((e) => e.id === t), [e, t]), u = r?.loading !== void 0, d = !u && !s && !!t, f = B(() => u ? /* @__PURE__ */ I(wt, { size: _.LG }) : kt(s?.iconUrl, s?.type, s?.displayName ?? s?.id ?? "", _.LG, d ? r?.unavailableTooltip ?? "This deployment is no longer available" : void 0), [
+	let [a, o] = H(""), s = B(() => e?.find((e) => e.id === t), [e, t]), u = r?.loading !== void 0, d = !u && !s && !!t, f = B(() => u ? /* @__PURE__ */ P(wt, { size: _.LG }) : kt(s?.iconUrl, s?.type, s?.displayName ?? s?.id ?? "", _.LG, d ? r?.unavailableTooltip ?? "This deployment is no longer available" : void 0), [
 		u,
 		s,
 		d,
@@ -1322,8 +1322,8 @@ var U = {
 	]), p = s?.displayName ?? s?.id, m = s?.displayVersion, h = p ? `${r?.ariaLabel ?? "Select model"}: ${p}` : r?.ariaLabel ?? "Select model", g = B(() => {
 		if (u) return Array.from({ length: 7 }, (e, t) => ({
 			key: `__loading-${t}`,
-			icon: /* @__PURE__ */ I(wt, {}),
-			label: /* @__PURE__ */ I(Tt, { loadingLabel: t === 0 ? r?.loading : void 0 }),
+			icon: /* @__PURE__ */ P(wt, {}),
+			label: /* @__PURE__ */ P(Tt, { loadingLabel: t === 0 ? r?.loading : void 0 }),
 			disabled: !0
 		}));
 		if (!e || e.length === 0) {
@@ -1339,7 +1339,7 @@ var U = {
 			let r = e.id === t;
 			return {
 				key: e.id,
-				label: /* @__PURE__ */ I(C, {
+				label: /* @__PURE__ */ P(C, {
 					text: Dt(e),
 					query: a,
 					maxLines: 1
@@ -1374,10 +1374,10 @@ var U = {
 		selectedLabel: p,
 		selectedVersion: m,
 		menuItems: g,
-		menuHeader: B(() => !u && e && e.length > 0 ? /* @__PURE__ */ I("div", {
+		menuHeader: B(() => !u && e && e.length > 0 ? /* @__PURE__ */ P("div", {
 			style: c({ "--ms-search-header-bg": i?.colors?.searchHeaderBackground }),
 			className: l("sticky top-0 z-10 pe-2 pt-2 pb-1", At.searchHeader, i?.searchHeaderClassName, U.modelMenuSearch),
-			children: /* @__PURE__ */ I(M, {
+			children: /* @__PURE__ */ P(j, {
 				value: a,
 				placeholder: r?.searchPlaceholder ?? "Search",
 				size: b.Small,
@@ -1814,7 +1814,7 @@ function Jt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		m,
 		S,
 		w
-	]), D = /* @__PURE__ */ I("div", {
+	]), D = /* @__PURE__ */ P("div", {
 		"aria-hidden": !0,
 		style: {
 			height: b(),
@@ -1847,25 +1847,25 @@ var Yt = {
 	itemSelectedText: "_itemSelectedText_5skzl_41"
 }, Xt = 44, Zt = 8, Qt = ({ index: e, style: t, ariaAttributes: n, items: r, selectedDeploymentId: i, labelClassName: a, query: o, itemClassName: s, selectedItemClassName: c, hasSelectedBackground: u, hasSelectedText: d, onSelect: f }) => {
 	let p = r[e], h = kt(p.iconUrl, p.type, p.displayName ?? p.id, _.SM), g = p.id === i;
-	return /* @__PURE__ */ I("div", {
+	return /* @__PURE__ */ P("div", {
 		style: t,
 		...n,
-		children: /* @__PURE__ */ I(m, {
+		children: /* @__PURE__ */ P(m, {
 			type: "button",
 			"aria-current": g ? "true" : void 0,
 			className: l(Yt.item, "h-full w-full gap-3 px-4", g && u && Yt.itemSelectedBackground, g && d && Yt.itemSelectedText, s, g && c, U.modelMenuItem, g && U.modelMenuItemSelected),
-			iconBefore: /* @__PURE__ */ I("span", {
+			iconBefore: /* @__PURE__ */ P("span", {
 				className: Yt.itemIcon,
 				children: h
 			}),
-			label: /* @__PURE__ */ L("span", {
+			label: /* @__PURE__ */ F("span", {
 				className: "flex flex-1 items-center justify-between gap-2",
-				children: [/* @__PURE__ */ I(C, {
+				children: [/* @__PURE__ */ P(C, {
 					text: p.displayName ?? p.id,
 					query: o,
 					maxLines: 1,
 					className: l(a, "min-w-0 flex-1 text-start")
-				}), g && /* @__PURE__ */ I(pe, {
+				}), g && /* @__PURE__ */ P(me, {
 					size: _.SM,
 					className: Yt.checkIcon,
 					"aria-hidden": !0,
@@ -1892,7 +1892,7 @@ var Yt = {
 		"--ci-sheet-selected-bg": E?.selectedItemBackground,
 		"--ci-sheet-selected-text": E?.selectedItemText
 	});
-	return /* @__PURE__ */ I(W, {
+	return /* @__PURE__ */ P(W, {
 		isOpen: e,
 		title: t,
 		closeLabel: n,
@@ -1901,23 +1901,23 @@ var Yt = {
 		titleClassName: m,
 		className: l("max-h-[80dvh]", _?.className, U.modelMenu),
 		colors: g?.shell,
-		children: /* @__PURE__ */ L("div", {
+		children: /* @__PURE__ */ F("div", {
 			className: "contents",
 			style: D,
-			children: [x && !S && /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I("div", {
+			children: [x && !S && /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P("div", {
 				style: c({ "--ci-sheet-search-bg": _?.colors?.searchHeaderBackground }),
 				className: l("flex-shrink-0 px-4 py-[10px]", Yt.search, _?.searchHeaderClassName, U.modelMenuSearch),
-				children: /* @__PURE__ */ I(M, {
+				children: /* @__PURE__ */ P(j, {
 					value: v,
 					placeholder: r,
 					size: b.Standard,
 					onChange: (e) => y(e ?? "")
 				})
-			}), /* @__PURE__ */ I("div", { className: l(Yt.divider, "h-px flex-shrink-0") })] }), S ? /* @__PURE__ */ I(Et, { loadingLabel: u }) : C ? /* @__PURE__ */ I("div", {
+			}), /* @__PURE__ */ P("div", { className: l(Yt.divider, "h-px flex-shrink-0") })] }), S ? /* @__PURE__ */ P(Et, { loadingLabel: u }) : C ? /* @__PURE__ */ P("div", {
 				role: "list",
 				className: l(Yt.stateLabel, h, "px-4 py-4"),
 				children: C
-			}) : /* @__PURE__ */ I(Jt, {
+			}) : /* @__PURE__ */ P(Jt, {
 				role: "list",
 				className: "overflow-y-auto",
 				style: { height: Math.min(w.length, Zt) * Xt },
@@ -1947,28 +1947,28 @@ var Yt = {
 		styles: i
 	});
 	if (!e) return null;
-	let k = a || c, A = k ? "pointer-events-none opacity-50 cursor-not-allowed" : void 0, j = /* @__PURE__ */ I(me, {
+	let k = a || c, te = k ? "pointer-events-none opacity-50 cursor-not-allowed" : void 0, A = /* @__PURE__ */ P(he, {
 		size: _.SM,
 		className: l(J.modelSelectorCaret, U.modelSelectorCaret),
 		"aria-hidden": !0,
 		stroke: v
-	}), M = /* @__PURE__ */ I("span", {
+	}), j = /* @__PURE__ */ P("span", {
 		className: l("flex shrink-0 items-center", U.modelSelectorIcon),
 		children: x
 	});
-	if (o) return /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(S, {
+	if (o) return /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(S, {
 		tooltipProps: { tooltip: w },
-		icon: /* @__PURE__ */ L("div", {
+		icon: /* @__PURE__ */ F("div", {
 			className: "flex items-center gap-1",
-			children: [M, j]
+			children: [j, A]
 		}),
 		"aria-label": C,
 		"aria-disabled": k || void 0,
 		onClick: () => {
 			k || b(!0);
 		},
-		className: l("w-[50px]", J.modelSelectorButton, A, U.modelSelectorButton)
-	}), d ? /* @__PURE__ */ I(W, {
+		className: l("w-[50px]", J.modelSelectorButton, te, U.modelSelectorButton)
+	}), d ? /* @__PURE__ */ P(W, {
 		isOpen: g,
 		title: r?.ariaLabel ?? "Select model",
 		closeLabel: r?.closeLabel ?? "Close",
@@ -1976,7 +1976,7 @@ var Yt = {
 		style: u,
 		className: l(i?.className, U.modelMenu),
 		children: d(() => b(!1))
-	}) : /* @__PURE__ */ I($t, {
+	}) : /* @__PURE__ */ P($t, {
 		isOpen: g,
 		title: r?.ariaLabel ?? "Select model",
 		closeLabel: r?.closeLabel ?? "Close",
@@ -1993,7 +1993,7 @@ var Yt = {
 	})] });
 	if (d) {
 		let e = T ? `${w} · ${T}` : w;
-		return /* @__PURE__ */ I(y, {
+		return /* @__PURE__ */ P(y, {
 			placement: "top-end",
 			matchReferenceWidth: !1,
 			open: f,
@@ -2002,23 +2002,23 @@ var Yt = {
 			outsideClosable: !0,
 			renderOverlay: () => d(() => h?.(!1)),
 			listClassName: l("!w-[368px] !bg-layer-raised", i?.className, U.modelMenu),
-			children: /* @__PURE__ */ I(m, {
+			children: /* @__PURE__ */ P(m, {
 				"aria-label": C,
 				"aria-disabled": k || void 0,
 				tooltipProps: { tooltip: e },
-				className: l("h-auto min-w-0 gap-1.5 !rounded-full !border-0 px-0 py-1.5 ps-1.5 pe-2", J.modelSelectorButton, A, k && J.modelSelectorButtonDisabled, U.modelSelectorButton),
+				className: l("h-auto min-w-0 gap-1.5 !rounded-full !border-0 px-0 py-1.5 ps-1.5 pe-2", J.modelSelectorButton, te, k && J.modelSelectorButtonDisabled, U.modelSelectorButton),
 				onClick: () => {
 					k || p?.();
 				},
-				iconBefore: M,
-				iconAfter: j,
+				iconBefore: j,
+				iconAfter: A,
 				textClassName: "min-w-0",
-				label: /* @__PURE__ */ L("span", {
+				label: /* @__PURE__ */ F("span", {
 					className: "flex max-w-[180px] min-w-0 items-baseline gap-1",
-					children: [/* @__PURE__ */ I("span", {
+					children: [/* @__PURE__ */ P("span", {
 						className: l("dial-small-text max-w-[180px] shrink-0 truncate", J.modelSelectorName),
 						children: w
-					}), T && /* @__PURE__ */ I("span", {
+					}), T && /* @__PURE__ */ P("span", {
 						className: l("dial-tiny-text min-w-0 truncate", J.modelSelectorVersion),
 						children: T
 					})]
@@ -2026,10 +2026,10 @@ var Yt = {
 			})
 		});
 	}
-	return /* @__PURE__ */ I("div", {
-		className: l(A),
+	return /* @__PURE__ */ P("div", {
+		className: l(te),
 		"aria-disabled": k || void 0,
-		children: /* @__PURE__ */ I(y, {
+		children: /* @__PURE__ */ P(y, {
 			items: E,
 			menuHeader: D,
 			placement: "bottom-end",
@@ -2039,39 +2039,39 @@ var Yt = {
 			listStyle: ee,
 			disabled: k,
 			onOpenChange: k ? void 0 : O,
-			children: /* @__PURE__ */ I(m, {
+			children: /* @__PURE__ */ P(m, {
 				"aria-label": C,
 				"aria-disabled": k || void 0,
 				tooltipProps: { tooltip: w },
-				iconBefore: M,
-				iconAfter: j,
+				iconBefore: j,
+				iconAfter: A,
 				className: l("h-auto gap-1 !rounded-full !border-0 p-1.5", J.modelSelectorButton, k && J.modelSelectorButtonDisabled, U.modelSelectorButton)
 			})
 		})
 	});
-}, tn = Te(({ message: e = "", messageRevision: t, focusRequestId: n, textInsertion: r, onSend: i, onUploadAttachment: a, onStop: o, isStreaming: s = !1, onChange: u, onAttachmentsChange: p, placeholder: m = "Type a message...", ariaLabel: h, attachLabel: g = "Attach file", fileAccept: b, addMenuTitle: C = "Add", menuTitle: w = "Menu", menuCloseLabel: T = "Close", removeLabel: E, retryLabel: D, uploadingLabel: ee, expandLabel: O, clickLabel: k, sendLabel: A, sendTooltip: j, emptyMessageTooltip: M, stopLabel: te, micLabel: ne = "Dictate", recordVoiceLabel: re = "Record voice", stopRecordingLabel: ie, discardRecordingLabel: ae, colors: N, typography: P, attachmentTray: se, modelMenu: ce, className: ue, pendingDropFiles: de = [], onDropFilesConsumed: fe, pendingAttachments: pe = [], onPendingAttachmentsConsumed: me, pasteTextThreshold: he = 4e3, maxMessageLength: ve = 5e4, deployments: ye, selectedDeploymentId: be, onDeploymentChange: xe, modelSelectorLabels: Se, initialAttachments: Ce = [], hideAddButton: we = !1, hideAttachFile: Te = !1, hideActionBar: Ee = !1, actionRowLayout: De = rt.Stacked, isInlineActionRowAllowedBelowDesktop: Ae = !1, renderFooterActions: W, isInputDisabled: G = !1, isModelSelectorDisabled: Me = !1, isSendDisabled: Ne = !1, isAudioMessageSupported: Pe = !1, isVoiceRecordingSupported: Fe = Pe, onTranscribeAudio: Re, transcribingLabel: ze, voiceErrorLabel: He, sendOnEnter: Ue = nt.Enter, prefixAttachments: qe = [], onRemovePrefixAttachment: Ze, chatSettings: Qe, toolsMenuItems: $e, onToolToggle: et, canRemoveTools: it = !0, toolsMenuTitle: at, toolsBackLabel: ot, toolsChipLabels: st, menuOverlays: ct, activeMentions: lt, onBackspaceAtCaret: ut, caretPositionOverride: dt, commandMenu: K, autoFocus: ft = !1, messageHistory: pt, onDialFileSystemClick: q, dialFileSystemLabel: ht, validateAttachment: _t, onAttachmentClick: vt, modelPickerOverlay: yt, maximumAttachmentsAmount: bt, onAttachmentsLimitExceeded: wt, isAttachmentsEnabled: Tt = !0, isTextAttachmentsAllowed: Et = !0, usageLimitsSlot: Dt, onMessageTooLong: Ot }, kt) => {
+}, tn = Te(({ message: e = "", messageRevision: t, focusRequestId: n, textInsertion: r, onSend: i, onUploadAttachment: a, onStop: o, isStreaming: s = !1, onChange: u, onAttachmentsChange: p, placeholder: m = "Type a message...", ariaLabel: h, attachLabel: g = "Attach file", fileAccept: b, addMenuTitle: C = "Add", menuTitle: w = "Menu", menuCloseLabel: T = "Close", removeLabel: E, retryLabel: D, uploadingLabel: ee, expandLabel: O, clickLabel: k, sendLabel: te, sendTooltip: A, emptyMessageTooltip: j, stopLabel: ne, micLabel: re = "Dictate", recordVoiceLabel: ie = "Record voice", stopRecordingLabel: ae, discardRecordingLabel: oe, colors: M, typography: se, attachmentTray: ce, modelMenu: le, className: de, pendingDropFiles: fe = [], onDropFilesConsumed: pe, pendingAttachments: me = [], onPendingAttachmentsConsumed: he, pasteTextThreshold: ge = 4e3, maxMessageLength: L = 5e4, deployments: ye, selectedDeploymentId: be, onDeploymentChange: xe, modelSelectorLabels: Se, initialAttachments: Ce = [], hideAddButton: we = !1, hideAttachFile: Te = !1, hideActionBar: Ee = !1, actionRowLayout: De = rt.Stacked, isInlineActionRowAllowedBelowDesktop: Ae = !1, renderFooterActions: W, isInputDisabled: G = !1, isModelSelectorDisabled: Me = !1, isSendDisabled: Ne = !1, isAudioMessageSupported: Pe = !1, isVoiceRecordingSupported: Fe = Pe, onTranscribeAudio: Re, transcribingLabel: ze, voiceErrorLabel: He, sendOnEnter: Ue = nt.Enter, prefixAttachments: qe = [], onRemovePrefixAttachment: Ze, chatSettings: Qe, toolsMenuItems: $e, onToolToggle: et, canRemoveTools: it = !0, toolsMenuTitle: at, toolsBackLabel: ot, toolsChipLabels: st, menuOverlays: ct, activeMentions: lt, onBackspaceAtCaret: ut, caretPositionOverride: dt, commandMenu: K, autoFocus: ft = !1, messageHistory: pt, onDialFileSystemClick: q, dialFileSystemLabel: ht, validateAttachment: _t, onAttachmentClick: vt, modelPickerOverlay: yt, maximumAttachmentsAmount: bt, onAttachmentsLimitExceeded: wt, isAttachmentsEnabled: Tt = !0, isTextAttachmentsAllowed: Et = !0, usageLimitsSlot: Dt, onMessageTooLong: Ot }, kt) => {
 	let At = d(), [jt, Mt] = H(!1), Nt = Be(pt), Pt = lt ?? [], Ft = Pt.length > 0, It = B(() => c({
-		"--ci-bg": N?.background,
-		"--ci-text": N?.text,
-		"--ci-border": N?.border,
-		"--ci-border-focus": N?.borderFocus,
-		"--ci-placeholder": N?.placeholder,
-		"--ci-text-disabled": N?.textDisabled,
-		"--ci-model-selector-caret-color": N?.modelSelectorCaret,
-		"--ci-model-selector-hover-bg": N?.modelSelectorHoverBg,
-		"--ci-model-selector-disabled-color": N?.modelSelectorDisabled,
-		"--ci-model-selector-name-color": N?.modelSelectorName,
-		"--ci-model-selector-version-color": N?.modelSelectorVersion,
-		"--ci-voice-waveform": N?.voiceWaveform,
-		"--ci-voice-accent": N?.voiceAccent,
-		"--ci-mention-highlight-bg": N?.mentionHighlightBg,
-		"--ci-mention-highlight-text": N?.mentionHighlightText,
-		"--ci-mention-highlight-unsupported-bg": N?.mentionHighlightUnsupportedBg,
-		"--ci-mention-highlight-unsupported-text": N?.mentionHighlightUnsupportedText
-	}), [N]), Lt = B(() => q ? [{
+		"--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-waveform": M?.voiceWaveform,
+		"--ci-voice-accent": M?.voiceAccent,
+		"--ci-mention-highlight-bg": M?.mentionHighlightBg,
+		"--ci-mention-highlight-text": M?.mentionHighlightText,
+		"--ci-mention-highlight-unsupported-bg": M?.mentionHighlightUnsupportedBg,
+		"--ci-mention-highlight-unsupported-text": M?.mentionHighlightUnsupportedText
+	}), [M]), Lt = B(() => q ? [{
 		key: "dial-fs",
 		label: ht ?? "DIAL file system",
-		icon: /* @__PURE__ */ I(ge, {
+		icon: /* @__PURE__ */ P(_e, {
 			size: f,
 			"aria-hidden": !0,
 			stroke: v
@@ -2151,11 +2151,11 @@ var Yt = {
 		onUploadAttachment: a,
 		onAttachmentsChange: p,
 		validateAttachment: _t,
-		pendingDropFiles: de,
-		onDropFilesConsumed: fe,
+		pendingDropFiles: fe,
+		onDropFilesConsumed: pe,
 		isDropDisabled: G,
-		pendingAttachments: pe,
-		onPendingAttachmentsConsumed: me,
+		pendingAttachments: me,
+		onPendingAttachmentsConsumed: he,
 		onExpandPastedText: R((e) => {
 			let t = hn.current, n = t ? `${t}\n${e}` : e;
 			hn.current = n, X(n), u?.(n);
@@ -2199,17 +2199,17 @@ var Yt = {
 			}
 		}
 	}, [On, Z]);
-	let Pn = V(null), Fn = V(null), In = Tt && Et, { handlePaste: Ln } = le(vn, In ? he : Infinity), Rn = R((e) => {
+	let Pn = V(null), Fn = V(null), In = Tt && Et, { handlePaste: Ln } = ue(vn, In ? ge : Infinity), Rn = R((e) => {
 		if (!In) {
 			let t = e.clipboardData.getData("text/plain");
-			t.length >= ve && Ot?.(t.length, ve);
+			t.length >= L && Ot?.(t.length, L);
 		}
 		if (Ln(e), e.defaultPrevented) return;
 		let t = e.clipboardData.getData("text/plain").replace(/\r\n?/g, "\n");
 		t !== "" && K?.onTextPaste?.(t);
 	}, [
 		In,
-		ve,
+		L,
 		Ot,
 		Ln,
 		K
@@ -2228,8 +2228,8 @@ var Yt = {
 		Hn((t) => t.includes(e) ? t : [...t, e]), $e?.find((t) => t.id === e)?.isSelected && et?.(e);
 	}, [$e, et]), Kn = ye === void 0 || be != null, qn = Pe && !s, Jn = async () => {
 		if (Ne || $) return;
-		if (Y.length >= ve) {
-			Ot?.(Y.length, ve);
+		if (Y.length >= L) {
+			Ot?.(Y.length, L);
 			return;
 		}
 		let e = Y, t = gn;
@@ -2279,14 +2279,14 @@ var Yt = {
 		let e = [];
 		return sn != null && e.push({
 			offset: sn,
-			node: /* @__PURE__ */ I("span", {
+			node: /* @__PURE__ */ P("span", {
 				ref: cn,
 				"aria-hidden": !0,
 				className: "inline-block h-lh w-0 align-text-top"
 			}, "caret-marker")
 		}), on && K != null && rn != null && e.push({
 			offset: rn,
-			node: /* @__PURE__ */ I("span", {
+			node: /* @__PURE__ */ P("span", {
 				className: J.commandHint,
 				"aria-hidden": !0,
 				"data-mirror-synthetic": !0,
@@ -2310,8 +2310,8 @@ var Yt = {
 		sn,
 		Y
 	]);
-	let ar = /* @__PURE__ */ I("textarea", {
-		className: l(J.textarea, er && J.textareaMentionMode, P?.fontClassName || "dial-body-paragraph-text", "relative z-0 [field-sizing:content] max-h-[272px] w-full resize-none overflow-y-auto border-0 bg-transparent ps-1 pe-1 outline-hidden", "disabled:cursor-not-allowed"),
+	let ar = /* @__PURE__ */ P("textarea", {
+		className: l(J.textarea, er && J.textareaMentionMode, se?.fontClassName || "dial-body-paragraph-text", "relative z-0 [field-sizing:content] max-h-[272px] w-full resize-none overflow-y-auto border-0 bg-transparent ps-1 pe-1 outline-hidden", "disabled:cursor-not-allowed"),
 		ref: Z,
 		autoFocus: ft,
 		value: Y,
@@ -2338,14 +2338,14 @@ var Yt = {
 		disabled: G,
 		readOnly: $,
 		rows: 1
-	}), or = /* @__PURE__ */ L(F, { children: [ar, K != null && /* @__PURE__ */ I("div", {
+	}), or = /* @__PURE__ */ F(N, { children: [ar, K != null && /* @__PURE__ */ P("div", {
 		"aria-hidden": !0,
-		className: l("pointer-events-none absolute", P?.fontClassName || "dial-body-paragraph-text"),
+		className: l("pointer-events-none absolute", se?.fontClassName || "dial-body-paragraph-text"),
 		style: {
 			left: un?.left ?? 0,
 			top: un?.top ?? 0
 		},
-		children: /* @__PURE__ */ I(y, {
+		children: /* @__PURE__ */ P(y, {
 			open: zt,
 			onOpenChange: (e) => {
 				e || Ht();
@@ -2357,7 +2357,7 @@ var Yt = {
 			outsidePressIgnoreRef: Z,
 			renderOverlay: () => {
 				let e = K.menuLabel != null;
-				return /* @__PURE__ */ I("div", {
+				return /* @__PURE__ */ P("div", {
 					ref: Kt,
 					role: e ? "group" : void 0,
 					"aria-label": K.menuLabel,
@@ -2370,18 +2370,18 @@ var Yt = {
 					})
 				});
 			},
-			children: /* @__PURE__ */ I("span", {
+			children: /* @__PURE__ */ P("span", {
 				"aria-hidden": !0,
 				className: "inline-block h-lh w-0"
 			})
 		})
-	})] }), sr = /* @__PURE__ */ L("div", {
+	})] }), sr = /* @__PURE__ */ F("div", {
 		ref: ln,
 		className: "relative -ms-1 -me-1 w-[calc(100%+8px)]",
-		children: [er && /* @__PURE__ */ L("div", {
+		children: [er && /* @__PURE__ */ F("div", {
 			ref: tr,
-			className: l(J.textarea, P?.fontClassName || "dial-body-paragraph-text", "pointer-events-none absolute inset-0 z-10 max-h-[272px] w-full overflow-hidden ps-1 pe-1 [overflow-wrap:anywhere] whitespace-pre-wrap"),
-			children: [Ve(Y, Pt, $n, J.mentionHighlight, J.mentionHighlightUnsupported), nr.map((e, t) => /* @__PURE__ */ I("div", {
+			className: l(J.textarea, se?.fontClassName || "dial-body-paragraph-text", "pointer-events-none absolute inset-0 z-10 max-h-[272px] w-full overflow-hidden ps-1 pe-1 [overflow-wrap:anywhere] whitespace-pre-wrap"),
+			children: [Ve(Y, Pt, $n, J.mentionHighlight, J.mentionHighlightUnsupported), nr.map((e, t) => /* @__PURE__ */ P("div", {
 				"aria-hidden": !0,
 				className: "pointer-events-none absolute rounded-sm bg-control-accent-alpha-active",
 				style: {
@@ -2392,7 +2392,7 @@ var Yt = {
 				}
 			}, `selection-${t}`))]
 		}), or]
-	}), cr = we ? void 0 : /* @__PURE__ */ I(mt, {
+	}), cr = we ? void 0 : /* @__PURE__ */ P(mt, {
 		onAttachClick: Te ? void 0 : () => Pn.current?.click(),
 		attachLabel: g,
 		addMenuTitle: C,
@@ -2403,19 +2403,19 @@ var Yt = {
 		chatSettings: Qe,
 		extraMenuItems: Lt,
 		onRecordVoice: Fe && Tt && !s && !$ ? () => jn(Xe.Attachment) : void 0,
-		recordVoiceLabel: re,
+		recordVoiceLabel: ie,
 		toolsMenuItems: it ? $e : void 0,
 		onToolToggle: et,
 		toolsMenuTitle: at,
 		toolsBackLabel: ot,
 		menuOverlays: ct,
 		getCaretPosition: () => Z.current?.selectionStart ?? Y.length
-	}), lr = De === rt.Inline && (!At || Ae), ur = cr && /* @__PURE__ */ I("div", {
+	}), lr = De === rt.Inline && (!At || Ae), ur = cr && /* @__PURE__ */ P("div", {
 		className: l("flex", U.addCluster),
 		children: cr
-	}), dr = Wn.length > 0 && et != null && /* @__PURE__ */ I("div", {
+	}), dr = Wn.length > 0 && et != null && /* @__PURE__ */ P("div", {
 		className: l("min-w-0 flex-1", U.toolsChips),
-		children: /* @__PURE__ */ I(gt, {
+		children: /* @__PURE__ */ P(gt, {
 			items: Wn,
 			onToolToggle: et,
 			onToolDismiss: Gn,
@@ -2425,12 +2425,12 @@ var Yt = {
 			stateOffLabel: st?.stateOffLabel
 		})
 	});
-	return /* @__PURE__ */ L("div", {
+	return /* @__PURE__ */ F("div", {
 		ref: Fn,
 		style: It,
-		className: l(J.wrapper, G && J.wrapperDisabled, G && "cursor-not-allowed", "flex w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border", "p-4 focus-within:outline focus-within:-outline-offset-1 active:outline active:-outline-offset-1", ue, U.wrapper),
+		className: l(J.wrapper, G && J.wrapperDisabled, G && "cursor-not-allowed", "flex w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border", "p-4 focus-within:outline focus-within:-outline-offset-1 active:outline active:-outline-offset-1", de, U.wrapper),
 		children: [
-			(qe.length > 0 || gn.length > 0) && /* @__PURE__ */ I(oe, {
+			(qe.length > 0 || gn.length > 0) && /* @__PURE__ */ P(I, {
 				attachments: [...qe, ...gn],
 				onRemove: (e) => {
 					qe.some((t) => t.id === e) ? Ze?.(e) : bn(e);
@@ -2445,15 +2445,15 @@ var Yt = {
 					clickLabel: k
 				},
 				styles: {
-					...se,
-					className: l(gn.length > 6 && "-me-4", se?.className)
+					...ce,
+					className: l(gn.length > 6 && "-me-4", ce?.className)
 				},
 				onAttachmentClick: vt == null ? void 0 : (e) => {
 					let t = [...qe, ...gn].find((t) => t.id === e);
 					t != null && vt(t);
 				}
 			}),
-			!we && /* @__PURE__ */ I("input", {
+			!we && /* @__PURE__ */ P("input", {
 				ref: Pn,
 				type: "file",
 				multiple: !0,
@@ -2463,50 +2463,50 @@ var Yt = {
 				tabIndex: -1,
 				onChange: Qn
 			}),
-			An && /* @__PURE__ */ I("div", {
+			An && /* @__PURE__ */ P("div", {
 				role: "alert",
 				className: "min-w-0 px-1 wrap-break-word",
-				children: /* @__PURE__ */ I(x, { text: An })
+				children: /* @__PURE__ */ P(x, { text: An })
 			}),
-			$ && /* @__PURE__ */ I(xt, {
+			$ && /* @__PURE__ */ P(xt, {
 				embedded: !0,
 				state: On,
 				analyserNodeRef: kn,
 				onStop: Mn,
 				onDiscard: Nn,
 				attachButton: cr,
-				stopLabel: ie,
-				discardLabel: ae,
+				stopLabel: ae,
+				discardLabel: oe,
 				processingLabel: ze
 			}),
 			!$ && Ee && sr,
-			!$ && !Ee && lr && dr && /* @__PURE__ */ I("div", {
+			!$ && !Ee && lr && dr && /* @__PURE__ */ P("div", {
 				className: "flex",
 				children: dr
 			}),
-			!$ && !Ee && /* @__PURE__ */ L("div", {
+			!$ && !Ee && /* @__PURE__ */ F("div", {
 				className: l("flex items-center gap-2", lr ? "flex-nowrap" : "flex-wrap", U.actionRow),
 				children: [
 					lr && ur,
-					/* @__PURE__ */ I("div", {
+					/* @__PURE__ */ P("div", {
 						className: l("flex min-w-0 items-center self-stretch", lr ? "flex-1" : "w-full", U.textareaWrap),
 						children: sr
 					}),
 					!lr && ur,
 					!lr && dr,
-					/* @__PURE__ */ I("div", {
+					/* @__PURE__ */ P("div", {
 						className: l("ms-auto flex flex-shrink-0 items-center gap-2", U.footerActions),
 						children: W ? W({
 							canSend: Bn,
 							onSend: Jn
-						}) : /* @__PURE__ */ L(F, { children: [
+						}) : /* @__PURE__ */ F(N, { children: [
 							Dt,
-							/* @__PURE__ */ I(en, {
+							/* @__PURE__ */ P(en, {
 								deployments: ye,
 								selectedDeploymentId: be,
 								onDeploymentChange: xe,
 								modelSelectorLabels: Se,
-								menuStyles: ce,
+								menuStyles: le,
 								isStreaming: s,
 								isMobile: At,
 								isDisabled: Me,
@@ -2516,37 +2516,37 @@ var Yt = {
 								onPickerToggle: () => Mt((e) => !e),
 								onPickerOpenChange: Mt
 							}),
-							qn && /* @__PURE__ */ I(S, {
-								icon: /* @__PURE__ */ I(_e, {
+							qn && /* @__PURE__ */ P(S, {
+								icon: /* @__PURE__ */ P(ve, {
 									size: _.LG,
 									stroke: v,
 									"aria-hidden": !0
 								}),
-								"aria-label": ne,
-								tooltipProps: { tooltip: ne },
+								"aria-label": re,
+								tooltipProps: { tooltip: re },
 								className: "size-[40px] shrink-0 mobile:min-h-11 mobile:min-w-11",
 								onClick: () => jn(Xe.Dictation),
 								disabled: G || s
 							}),
-							s && o ? /* @__PURE__ */ I(Ct, {
+							s && o ? /* @__PURE__ */ P(Ct, {
 								onStop: o,
-								ariaLabel: te
-							}) : !s && /* @__PURE__ */ I(St, {
+								ariaLabel: ne
+							}) : !s && /* @__PURE__ */ P(St, {
 								onSend: Jn,
 								isDisabled: !Kn || !Bn,
-								ariaLabel: A,
-								sendTooltip: zn ? j : M ?? j
+								ariaLabel: te,
+								sendTooltip: zn ? A : j ?? A
 							})
 						] })
 					})
 				]
 			}),
-			/* @__PURE__ */ I("span", {
+			/* @__PURE__ */ P("span", {
 				className: "sr-only",
 				role: "status",
 				"aria-live": "polite",
 				"aria-atomic": "true",
-				children: /* @__PURE__ */ I("span", { children: En.text }, En.revision)
+				children: /* @__PURE__ */ P("span", { children: En.text }, En.revision)
 			})
 		]
 	});
@@ -2560,30 +2560,30 @@ var nn = {
 		"--ci-welcome-color": p?.welcomeText,
 		"--ci-description-color": p?.descriptionText
 	});
-	return /* @__PURE__ */ L("div", {
+	return /* @__PURE__ */ F("div", {
 		style: _,
 		className: l("relative flex w-full flex-col items-center gap-9 px-4 py-5 desktop:p-5", s),
 		children: [
-			n && /* @__PURE__ */ L("div", {
+			n && /* @__PURE__ */ F("div", {
 				className: "flex flex-col items-center gap-4 text-center",
-				children: [/* @__PURE__ */ I("h1", {
+				children: [/* @__PURE__ */ P("h1", {
 					className: l(nn.welcome, "m-0", m?.welcomeClassName || "dial-display2-text"),
 					children: n
-				}), r && /* @__PURE__ */ I("p", {
+				}), r && /* @__PURE__ */ P("p", {
 					className: l(nn.description, "m-0 max-w-[540px]", m?.descriptionClassName || "dial-body-paragraph-text"),
 					children: r
 				})]
 			}),
-			i != null && /* @__PURE__ */ I("div", {
+			i != null && /* @__PURE__ */ P("div", {
 				className: "flex w-full max-w-[700px] flex-col items-center empty:hidden",
 				children: i
 			}),
-			/* @__PURE__ */ L("div", {
+			/* @__PURE__ */ F("div", {
 				className: l("relative w-full", n ? "max-w-[700px]" : "max-w-[748px]"),
-				children: [a != null && /* @__PURE__ */ I("div", {
+				children: [a != null && /* @__PURE__ */ P("div", {
 					className: "mb-2",
 					children: a
-				}), /* @__PURE__ */ I(tn, {
+				}), /* @__PURE__ */ P(tn, {
 					placeholder: t,
 					isStreaming: e,
 					isInputDisabled: d,
@@ -2597,101 +2597,102 @@ var nn = {
 			})
 		]
 	});
-}, an = ({ message: e, messageRevision: t, onChange: n, activeMentions: r, onBackspaceAtCaret: i, caretPositionOverride: o, commandMenu: s, menuOverlays: c, initialAttachments: u = [], onCancel: d, onSave: p, onUploadAttachment: m, cancelLabel: h = "Cancel", saveLabel: g = "Save & Submit", ariaLabel: _, removeLabel: y, retryLabel: b, uploadingLabel: x, expandLabel: S, clickLabel: C, addMenuTitle: w = "Add", attachLabel: E = "Attach file", menuTitle: D = "Menu", menuCloseLabel: ee = "Close", className: k, pendingDropFiles: A, onDropFilesConsumed: j, validateAttachment: M, isAttachmentsEnabled: te, isTextAttachmentsAllowed: ne, hideAttachFile: re = !1, fileAccept: ie, maximumAttachmentsAmount: ae, onAttachmentsLimitExceeded: N, onDialFileSystemClick: P, dialFileSystemLabel: F, pendingAttachments: oe, onPendingAttachmentsConsumed: se, onAttachmentClick: ce, pasteTextThreshold: le, maxMessageLength: ue = 5e4, onMessageTooLong: de }) => {
-	let fe = V(null), pe = V(null), [me, he] = H([]);
+}, an = ({ message: e, messageRevision: t, onChange: n, activeMentions: r, onBackspaceAtCaret: i, caretPositionOverride: o, commandMenu: s, menuOverlays: c, sendOnEnter: u, initialAttachments: d = [], onCancel: p, onSave: m, onUploadAttachment: h, cancelLabel: g = "Cancel", saveLabel: _ = "Save & Submit", ariaLabel: y, removeLabel: b, retryLabel: x, uploadingLabel: S, expandLabel: C, clickLabel: w, addMenuTitle: E = "Add", attachLabel: D = "Attach file", menuTitle: ee = "Menu", menuCloseLabel: k = "Close", className: te, pendingDropFiles: A, onDropFilesConsumed: j, validateAttachment: ne, isAttachmentsEnabled: re, isTextAttachmentsAllowed: ie, hideAttachFile: ae = !1, fileAccept: oe, maximumAttachmentsAmount: M, onAttachmentsLimitExceeded: se, onDialFileSystemClick: N, dialFileSystemLabel: I, pendingAttachments: ce, onPendingAttachmentsConsumed: le, onAttachmentClick: ue, pasteTextThreshold: de, maxMessageLength: fe = 5e4, onMessageTooLong: pe }) => {
+	let me = V(null), he = V(null), [ge, ve] = H([]);
 	z(() => {
-		A?.length && (he(A), j?.());
+		A?.length && (ve(A), j?.());
 	}, [A, j]);
-	let [_e, ve] = H(e ?? ""), [ye, be] = H([]), [xe, Se] = H(u), Ce = ye.some((e) => e.status === a.Loading || e.status === a.Error), we = (_e.trim().length > 0 || ye.length > 0 || xe.length > 0) && !Ce, Te = (e) => {
-		Se((t) => t.filter((t) => t.id !== e));
-	}, Ee = R((e, t) => {
-		p(e, xe, t);
-	}, [xe, p]), De = () => {
-		we && (_e.length >= ue ? de?.(_e.length, ue) : Ee(_e, ye));
-	}, Oe = R(() => he([]), []), ke = R((e) => {
-		ve(e), n?.(e);
-	}, [n]), U = R((e) => {
+	let [L, ye] = H(e ?? ""), [be, xe] = H([]), [Se, Ce] = H(d), we = be.some((e) => e.status === a.Loading || e.status === a.Error), Te = (L.trim().length > 0 || be.length > 0 || Se.length > 0) && !we, Ee = (e) => {
+		Ce((t) => t.filter((t) => t.id !== e));
+	}, De = R((e, t) => {
+		m(e, Se, t);
+	}, [Se, m]), Oe = () => {
+		Te && (L.length >= fe ? pe?.(L.length, fe) : De(L, be));
+	}, ke = R(() => ve([]), []), U = R((e) => {
+		ye(e), n?.(e);
+	}, [n]), Ae = R((e) => {
 		let t = Array.from(e.target.files ?? []);
-		t.length !== 0 && (e.target.value = "", he(t));
-	}, []), Ae = B(() => P ? [{
+		t.length !== 0 && (e.target.value = "", ve(t));
+	}, []), W = B(() => N ? [{
 		key: "dial-fs",
-		label: F ?? "DIAL file system",
-		icon: /* @__PURE__ */ I(ge, {
+		label: I ?? "DIAL file system",
+		icon: /* @__PURE__ */ P(_e, {
 			size: f,
 			"aria-hidden": !0,
 			stroke: v
 		}),
-		onClick: P
-	}] : [], [P, F]);
-	return /* @__PURE__ */ L("div", {
-		className: l("flex w-full flex-col gap-2", k),
-		children: [/* @__PURE__ */ I(tn, {
-			ref: pe,
+		onClick: N
+	}] : [], [N, I]);
+	return /* @__PURE__ */ F("div", {
+		className: l("flex w-full flex-col gap-2", te),
+		children: [/* @__PURE__ */ P(tn, {
+			ref: he,
 			message: e,
 			messageRevision: t,
 			activeMentions: r,
 			onBackspaceAtCaret: i,
 			caretPositionOverride: o,
 			commandMenu: s,
-			ariaLabel: _,
+			ariaLabel: y,
 			hideActionBar: !0,
-			pendingDropFiles: me,
-			onDropFilesConsumed: Oe,
-			onSend: Ee,
-			onUploadAttachment: m,
-			onChange: ke,
-			onAttachmentsChange: be,
-			removeLabel: y,
-			retryLabel: b,
-			uploadingLabel: x,
-			expandLabel: S,
-			clickLabel: C,
+			sendOnEnter: u,
+			pendingDropFiles: ge,
+			onDropFilesConsumed: ke,
+			onSend: De,
+			onUploadAttachment: h,
+			onChange: U,
+			onAttachmentsChange: xe,
+			removeLabel: b,
+			retryLabel: x,
+			uploadingLabel: S,
+			expandLabel: C,
+			clickLabel: w,
 			className: "max-w-full",
-			prefixAttachments: xe,
-			onRemovePrefixAttachment: Te,
-			validateAttachment: M,
-			isAttachmentsEnabled: te,
-			isTextAttachmentsAllowed: ne,
-			maximumAttachmentsAmount: ae,
-			onAttachmentsLimitExceeded: N,
-			pendingAttachments: oe,
-			onPendingAttachmentsConsumed: se,
-			onAttachmentClick: ce,
-			pasteTextThreshold: le,
-			maxMessageLength: ue,
-			onMessageTooLong: de
-		}), /* @__PURE__ */ L("div", {
+			prefixAttachments: Se,
+			onRemovePrefixAttachment: Ee,
+			validateAttachment: ne,
+			isAttachmentsEnabled: re,
+			isTextAttachmentsAllowed: ie,
+			maximumAttachmentsAmount: M,
+			onAttachmentsLimitExceeded: se,
+			pendingAttachments: ce,
+			onPendingAttachmentsConsumed: le,
+			onAttachmentClick: ue,
+			pasteTextThreshold: de,
+			maxMessageLength: fe,
+			onMessageTooLong: pe
+		}), /* @__PURE__ */ F("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ L("div", {
+			children: [/* @__PURE__ */ F("div", {
 				className: "flex",
-				children: [!re && /* @__PURE__ */ I("input", {
-					ref: fe,
+				children: [!ae && /* @__PURE__ */ P("input", {
+					ref: me,
 					type: "file",
 					multiple: !0,
-					accept: ie,
+					accept: oe,
 					className: "sr-only",
 					"aria-hidden": !0,
 					tabIndex: -1,
-					onChange: U
-				}), (!re || (c?.length ?? 0) > 0) && /* @__PURE__ */ I(mt, {
-					onAttachClick: re ? void 0 : () => fe.current?.click(),
-					attachLabel: E,
-					addMenuTitle: w,
-					menuTitle: D,
-					menuCloseLabel: ee,
-					extraMenuItems: Ae,
+					onChange: Ae
+				}), (!ae || (c?.length ?? 0) > 0) && /* @__PURE__ */ P(mt, {
+					onAttachClick: ae ? void 0 : () => me.current?.click(),
+					attachLabel: D,
+					addMenuTitle: E,
+					menuTitle: ee,
+					menuCloseLabel: k,
+					extraMenuItems: W,
 					menuOverlays: c,
-					getCaretPosition: () => pe.current?.getCaretPosition() ?? 0
+					getCaretPosition: () => he.current?.getCaretPosition() ?? 0
 				})]
-			}), /* @__PURE__ */ L("div", {
+			}), /* @__PURE__ */ F("div", {
 				className: "flex gap-2",
-				children: [/* @__PURE__ */ I(T, {
-					label: h,
-					onClick: d
-				}), /* @__PURE__ */ I(O, {
+				children: [/* @__PURE__ */ P(T, {
 					label: g,
-					onClick: De,
-					disabled: !we
+					onClick: p
+				}), /* @__PURE__ */ P(O, {
+					label: _,
+					onClick: Oe,
+					disabled: !Te
 				})]
 			})]
 		})]
@@ -2700,44 +2701,44 @@ var nn = {
 	return e.Warning = "warning", e.Reached = "reached", e;
 }({}), sn = {
 	[on.Warning]: {
-		Icon: de,
+		Icon: fe,
 		className: "text-warning"
 	},
 	[on.Reached]: {
-		Icon: ue,
+		Icon: de,
 		className: "text-error"
 	}
 }, cn = ({ severity: e, limitText: t, reset: n, onClose: r, closeAriaLabel: i = "Close notification", limitTextClassName: a = "dial-small-paragraph-semi-text", resetTextClassName: o = "dial-small-paragraph-text", className: s }) => {
 	let { Icon: c, className: u } = sn[e];
-	return /* @__PURE__ */ L("div", {
+	return /* @__PURE__ */ F("div", {
 		role: "status",
 		className: l("relative flex items-center justify-between gap-3 rounded-xl border border-transparent bg-layer-sunken p-3 text-primary", U.usageBanner, s),
-		children: [/* @__PURE__ */ L("div", {
+		children: [/* @__PURE__ */ F("div", {
 			className: "flex min-w-0 flex-1 items-start gap-3",
-			children: [/* @__PURE__ */ I("span", {
+			children: [/* @__PURE__ */ P("span", {
 				"aria-hidden": "true",
 				className: l("flex shrink-0", u),
-				children: /* @__PURE__ */ I(c, { size: 24 })
-			}), /* @__PURE__ */ L("div", {
+				children: /* @__PURE__ */ P(c, { size: 24 })
+			}), /* @__PURE__ */ F("div", {
 				className: "flex min-w-0 flex-row flex-wrap items-baseline gap-x-1 wrap-break-word text-primary",
-				children: [/* @__PURE__ */ I("span", {
+				children: [/* @__PURE__ */ P("span", {
 					className: a,
 					children: t
-				}), n != null && /* @__PURE__ */ L(F, { children: [
+				}), n != null && /* @__PURE__ */ F(N, { children: [
 					" ",
-					/* @__PURE__ */ I("time", {
+					/* @__PURE__ */ P("time", {
 						dateTime: n.isoValue,
 						"aria-hidden": n.ariaLabel != null || void 0,
 						className: o,
 						children: n.label
 					}),
-					n.ariaLabel != null && /* @__PURE__ */ I("span", {
+					n.ariaLabel != null && /* @__PURE__ */ P("span", {
 						className: "sr-only",
 						children: n.ariaLabel
 					})
 				] })]
 			})]
-		}), r != null && /* @__PURE__ */ I(g, {
+		}), r != null && /* @__PURE__ */ P(g, {
 			className: "shrink-0 self-start",
 			ariaLabel: i,
 			onClose: () => r()