@epam/ai-dial-conversation-input 1.1.0-dev.240 → 1.1.0-dev.244

package/index.js

@@ -1,6 +1,6 @@
 import { AttachmentErrorReason as e, AttachmentType as t, DeploymentIcon as n, RequestStatus as r, ResponseFormat as i, buildCssVars as a, mergeClasses as o, useIsMobile as s } from "@epam/ai-dial-chat-shared";
-import { BASE_ICON_SIZE as c, Button as l, CloseButton as u, DIAL_ICON_SIZE as d, DialDropdownIcon as f, DialRadioGroup as p, DialSearch as m, DialSlider as h, DialTooltip as g, Dropdown as _, ElementSize as v, ErrorText as y, GhostIconButton as b, Highlight as x, NeutralButton as S, Popup as C, PopupSize as w, PrimaryButton as T, PrimaryIconButton as E, RadioGroupOrientation as D, Skeleton as O, SkeletonVariant as k, StaticIconButton as A, Textarea as j } from "@epam/ai-dial-ui-kit";
-import { IconArrowLeft as ee, IconArrowNarrowRight as M, IconCheck as N, IconChevronDown as te, IconChevronRight as P, IconFile as ne, IconMicrophone as re, IconPaperclip as ie, IconPlayerStopFilled as F, IconPlaystationSquare as I, IconPlus as ae, IconPrompt as oe, IconSettings as se, IconTool as ce, IconX as le } from "@tabler/icons-react";
+import { BASE_ICON_SIZE as c, Button as l, CloseButton as u, DIAL_ICON_SIZE as d, DialDropdownIcon as f, DialSlider as p, Dropdown as m, ElementSize as h, ErrorText as g, GhostIconButton as _, Highlight as v, NeutralButton as y, Popup as b, PopupSize as x, PrimaryButton as S, PrimaryIconButton as C, RadioGroup as w, RadioGroupOrientation as T, Search as E, Skeleton as D, SkeletonVariant as O, StaticIconButton as k, Textarea as A, Tooltip as j } from "@epam/ai-dial-ui-kit";
+import { IconArrowLeft as ee, IconArrowNarrowRight as te, IconCheck as M, IconChevronDown as ne, IconChevronRight as N, IconFile as re, IconMicrophone as ie, IconPaperclip as ae, IconPlayerStopFilled as P, IconPlaystationSquare as F, IconPlus as oe, IconPrompt as se, IconSettings as ce, IconTool as le, IconX as I } from "@tabler/icons-react";
 import { createPortal as ue } from "react-dom";
 import { createElement as L, memo as R, useCallback as z, useEffect as B, useImperativeHandle as de, useLayoutEffect as fe, useMemo as V, useRef as H, useState as U } from "react";
 import { Fragment as W, jsx as G, jsxs as K } from "react/jsx-runtime";
@@ -24,9 +24,9 @@ var Se = (e, t) => {
 	"slide-up": "_slide-up_1d50f_1",
 	title: "_title_1d50f_18",
 	divider: "_divider_1d50f_22"
-}, q = ({ isOpen: e, title: t, closeLabel: n, onClose: r, onBack: i, backLabel: s, "aria-label": c, style: l, titleClassName: f = "dial-body-semi-text", className: p, colors: m, children: h }) => {
+}, q = ({ isOpen: e, title: t, closeLabel: n, onClose: r, onBack: i, backLabel: s, "aria-label": c, style: l, titleClassName: f = "dial-body-semi-text", className: p, colors: m, children: g }) => {
 	if (Se(e, r), !e || typeof document > "u") return null;
-	let g = a({
+	let v = a({
 		"--ci-backdrop": m?.backdrop,
 		"--ci-sheet-bg": m?.sheetBg,
 		"--ci-sheet-text": m?.sheetText,
@@ -34,7 +34,7 @@ var Se = (e, t) => {
 	});
 	return ue(/* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G("div", {
 		className: o(Ce.backdrop, "fixed inset-0 z-[55]"),
-		style: g,
+		style: v,
 		onPointerDown: r,
 		"aria-hidden": !0
 	}), /* @__PURE__ */ K("div", {
@@ -42,7 +42,7 @@ var Se = (e, t) => {
 		"aria-modal": !0,
 		"aria-label": t ?? c,
 		style: {
-			...g,
+			...v,
 			...l
 		},
 		className: o(Ce.sheet, "fixed inset-x-0 bottom-0 z-[60] flex max-h-[85dvh] flex-col rounded-t-lg", p),
@@ -51,7 +51,7 @@ var Se = (e, t) => {
 			children: [
 				i && /* @__PURE__ */ G("div", {
 					className: "absolute start-4",
-					children: /* @__PURE__ */ G(b, {
+					children: /* @__PURE__ */ G(_, {
 						icon: /* @__PURE__ */ G(ee, {
 							size: d.LG,
 							stroke: 1.5,
@@ -70,13 +70,13 @@ var Se = (e, t) => {
 					children: /* @__PURE__ */ G(u, {
 						ariaLabel: n,
 						onClose: r,
-						size: v.Standard
+						size: h.Standard
 					})
 				})
 			]
 		}), /* @__PURE__ */ G("div", { className: o(Ce.divider, "h-px flex-shrink-0") })] }), /* @__PURE__ */ G("div", {
 			className: "overflow-y-auto",
-			children: h
+			children: g
 		})]
 	})] }), document.body);
 }, we = async (e, t, n) => {
@@ -429,61 +429,62 @@ var Se = (e, t) => {
 			a
 		])
 	};
-}, ze = { label: "_label_14i7c_1" }, Be = ({ features: e, responseFormat: t, systemPrompt: n, temperature: r, onResponseFormatChange: s, onSystemPromptChange: c, onTemperatureChange: l, responseFormatLabel: u = "Response format", responseFormatHint: d = "Applies to new and existing messages", responseFormatMarkdownLabel: f = "Markdown", responseFormatPlainTextLabel: m = "Plain text", systemPromptLabel: g = "System prompt", systemPromptTooltip: _ = "Enter a prompt", temperatureLabel: v = "Temperature", temperatureLabels: y = [
+}, ze = { label: "_label_14i7c_1" }, Be = ({ features: e, responseFormat: t, systemPrompt: n, temperature: r, onResponseFormatChange: s, onSystemPromptChange: c, onTemperatureChange: l, responseFormatLabel: u = "Response format", responseFormatHint: d = "Applies to new and existing messages", responseFormatMarkdownLabel: f = "Markdown", responseFormatPlainTextLabel: m = "Plain text", systemPromptLabel: h = "System prompt", systemPromptTooltip: g = "Enter a prompt", temperatureLabel: _ = "Temperature", temperatureLabels: v = [
 	"Precise",
 	"Neutral",
 	"Creative"
-], temperatureHint: b, labelClassName: x = "!dial-small-semi-text", colors: S }) => {
-	let C = a({ "--csf-label-text": S?.labelText }), w = o(x, ze.label, "gap-1");
+], temperatureHint: y, labelClassName: b = "!dial-small-semi-text", colors: x }) => {
+	let S = a({ "--csf-label-text": x?.labelText }), C = o(b, ze.label, "gap-1");
 	return /* @__PURE__ */ K("div", {
 		className: "flex flex-col gap-4 px-6 pb-3",
-		style: C,
+		style: S,
 		children: [
-			e.responseFormat && /* @__PURE__ */ G(p, {
-				fieldTitle: u,
-				groupLabelClassName: w,
-				containerClassName: "!gap-2",
-				formItemChildrenClassName: "mb-2",
-				elementId: "response-format",
-				orientation: D.Column,
-				activeRadioButton: t ?? i.Markdown,
-				labelDescription: d,
-				radioButtons: [{
-					id: i.Markdown,
-					name: f
+			e.responseFormat && /* @__PURE__ */ G(w, {
+				id: "response-format",
+				labelProps: {
+					label: u,
+					className: C,
+					caption: d
+				},
+				optionsClassName: "mb-2",
+				orientation: T.Column,
+				value: t ?? i.Markdown,
+				items: [{
+					value: i.Markdown,
+					label: f
 				}, {
-					id: i.PlainText,
-					name: m
+					value: i.PlainText,
+					label: m
 				}],
 				onChange: (e) => s(e)
 			}),
-			e.systemPrompt && /* @__PURE__ */ G(j, {
+			e.systemPrompt && /* @__PURE__ */ G(A, {
 				value: n,
-				placeholder: _,
+				placeholder: g,
 				resize: !0,
 				labelProps: {
-					className: w,
-					label: g
+					className: C,
+					label: h
 				},
 				onChange: (e) => c(e ?? "")
 			}),
-			e.temperature && /* @__PURE__ */ G(h, {
+			e.temperature && /* @__PURE__ */ G(p, {
 				labelProps: {
-					label: v,
-					className: w,
-					caption: b
+					label: _,
+					className: C,
+					caption: y
 				},
 				value: r,
 				min: 0,
 				max: 1,
 				step: .1,
-				labels: y,
+				labels: v,
 				onChange: l
 			})
 		]
 	});
-}, Ve = ({ isOpen: e, onBack: t, backLabel: n, onClose: r, closeLabel: i, style: a, features: s, initialResponseFormat: c, initialSystemPrompt: l, initialTemperature: u, onSave: d, title: f = "Chat settings", responseFormatLabel: p, responseFormatHint: m, responseFormatMarkdownLabel: h, responseFormatPlainTextLabel: _, systemPromptLabel: v, systemPromptTooltip: y, temperatureLabel: b, temperatureLabels: x, temperatureHint: S, saveLabel: C = "Apply changes", saveDisabledTooltip: w }) => {
-	let { responseFormat: E, systemPrompt: D, temperature: O, canSubmit: k, setResponseFormat: A, setSystemPrompt: j, setTemperature: ee, handleSubmit: M } = Re({
+}, Ve = ({ isOpen: e, onBack: t, backLabel: n, onClose: r, closeLabel: i, style: a, features: s, initialResponseFormat: c, initialSystemPrompt: l, initialTemperature: u, onSave: d, title: f = "Chat settings", responseFormatLabel: p, responseFormatHint: m, responseFormatMarkdownLabel: h, responseFormatPlainTextLabel: g, systemPromptLabel: _, systemPromptTooltip: v, temperatureLabel: y, temperatureLabels: b, temperatureHint: x, saveLabel: C = "Apply changes", saveDisabledTooltip: w }) => {
+	let { responseFormat: T, systemPrompt: E, temperature: D, canSubmit: O, setResponseFormat: k, setSystemPrompt: A, setTemperature: ee, handleSubmit: te } = Re({
 		isOpen: e,
 		features: s,
 		initialResponseFormat: c,
@@ -502,38 +503,38 @@ var Se = (e, t) => {
 		style: a,
 		children: [/* @__PURE__ */ G(Be, {
 			features: s,
-			responseFormat: E,
-			systemPrompt: D,
-			temperature: O,
-			onResponseFormatChange: A,
-			onSystemPromptChange: j,
+			responseFormat: T,
+			systemPrompt: E,
+			temperature: D,
+			onResponseFormatChange: k,
+			onSystemPromptChange: A,
 			onTemperatureChange: ee,
 			responseFormatLabel: p,
 			responseFormatHint: m,
 			responseFormatMarkdownLabel: h,
-			responseFormatPlainTextLabel: _,
-			systemPromptLabel: v,
-			systemPromptTooltip: y,
-			temperatureLabel: b,
-			temperatureLabels: x,
-			temperatureHint: S
+			responseFormatPlainTextLabel: g,
+			systemPromptLabel: _,
+			systemPromptTooltip: v,
+			temperatureLabel: y,
+			temperatureLabels: b,
+			temperatureHint: x
 		}), /* @__PURE__ */ G("div", {
 			className: o("px-6 py-4 mobile:pb-8"),
-			children: /* @__PURE__ */ G(g, {
+			children: /* @__PURE__ */ G(j, {
 				tooltip: w,
-				hideTooltip: k || !w,
+				hideTooltip: O || !w,
 				triggerClassName: "w-full",
-				children: /* @__PURE__ */ G(T, {
+				children: /* @__PURE__ */ G(S, {
 					label: C,
-					onClick: M,
-					disabled: !k,
+					onClick: te,
+					disabled: !O,
 					className: "w-full"
 				})
 			})
 		})]
 	});
-}, He = { modal: "_modal_kl0h0_1" }, Ue = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, title: o = "Chat settings", titleClassName: s = "dial-h1-text", responseFormatLabel: c, responseFormatHint: l, responseFormatMarkdownLabel: u, responseFormatPlainTextLabel: d, systemPromptLabel: f, systemPromptTooltip: p, temperatureLabel: m, temperatureLabels: h, temperatureHint: _, saveLabel: v = "Apply changes", saveDisabledTooltip: y, backgroundClassName: b = He.modal }) => {
-	let { responseFormat: x, systemPrompt: S, temperature: E, canSubmit: D, setResponseFormat: O, setSystemPrompt: k, setTemperature: A, handleSubmit: j } = Re({
+}, He = { modal: "_modal_kl0h0_1" }, Ue = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, title: o = "Chat settings", titleClassName: s = "dial-h1-text", responseFormatLabel: c, responseFormatHint: l, responseFormatMarkdownLabel: u, responseFormatPlainTextLabel: d, systemPromptLabel: f, systemPromptTooltip: p, temperatureLabel: m, temperatureLabels: h, temperatureHint: g, saveLabel: _ = "Apply changes", saveDisabledTooltip: v, backgroundClassName: y = He.modal }) => {
+	let { responseFormat: C, systemPrompt: w, temperature: T, canSubmit: E, setResponseFormat: D, setSystemPrompt: O, setTemperature: k, handleSubmit: A } = Re({
 		features: e,
 		initialResponseFormat: t,
 		initialSystemPrompt: n,
@@ -541,33 +542,33 @@ var Se = (e, t) => {
 		onSave: i,
 		onClose: a
 	});
-	return /* @__PURE__ */ G(C, {
+	return /* @__PURE__ */ G(b, {
 		open: !0,
 		header: o,
 		titleClassName: s,
-		size: w.Sm,
+		size: x.Sm,
 		onClose: a,
-		className: b,
+		className: y,
 		footer: /* @__PURE__ */ G("div", {
 			className: "flex justify-end px-6 py-4",
-			children: /* @__PURE__ */ G(g, {
-				tooltip: y,
-				hideTooltip: D || !y,
-				children: /* @__PURE__ */ G(T, {
-					label: v,
-					onClick: j,
-					disabled: !D
+			children: /* @__PURE__ */ G(j, {
+				tooltip: v,
+				hideTooltip: E || !v,
+				children: /* @__PURE__ */ G(S, {
+					label: _,
+					onClick: A,
+					disabled: !E
 				})
 			})
 		}),
 		children: /* @__PURE__ */ G(Be, {
 			features: e,
-			responseFormat: x,
-			systemPrompt: S,
-			temperature: E,
-			onResponseFormatChange: O,
-			onSystemPromptChange: k,
-			onTemperatureChange: A,
+			responseFormat: C,
+			systemPrompt: w,
+			temperature: T,
+			onResponseFormatChange: D,
+			onSystemPromptChange: O,
+			onTemperatureChange: k,
 			responseFormatLabel: c,
 			responseFormatHint: l,
 			responseFormatMarkdownLabel: u,
@@ -576,7 +577,7 @@ var Se = (e, t) => {
 			systemPromptTooltip: p,
 			temperatureLabel: m,
 			temperatureLabels: h,
-			temperatureHint: _
+			temperatureHint: g
 		})
 	});
 };
@@ -612,7 +613,7 @@ var We = {
 				}),
 				iconAfter: e.isSelected ? /* @__PURE__ */ G("span", {
 					className: o("ms-auto", We.selectedIcon),
-					children: /* @__PURE__ */ G(N, {
+					children: /* @__PURE__ */ G(M, {
 						size: c,
 						"aria-hidden": !0
 					})
@@ -629,8 +630,8 @@ var We = {
 	selectedToolIcon: "_selectedToolIcon_r268y_1",
 	toolIcon: "_toolIcon_r268y_5",
 	chevronIcon: "_chevronIcon_r268y_9"
-}, qe = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, menuCloseLabel: l, style: u, listClassName: f = "w-[240px]", isDisabled: p = !1, chatSettings: m, extraMenuItems: h, toolsMenuItems: g = [], onToolToggle: y, toolsMenuTitle: x = "Tools", toolsBackLabel: S = "Back", promptsMenuOverlay: C, promptsMenuTitle: w = "Prompts", promptsBackLabel: T = "Back", colors: E }) => {
-	let D = s(), [O, k] = U(!1), [A, j] = U(!1), [ee, M] = U(!1), [te, ne] = U(!1), [re, F] = U(!1), I = V(() => a({
+}, qe = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, menuCloseLabel: l, style: u, listClassName: f = "w-[240px]", isDisabled: p = !1, chatSettings: g, extraMenuItems: v, toolsMenuItems: y = [], onToolToggle: b, toolsMenuTitle: x = "Tools", toolsBackLabel: S = "Back", promptsMenuOverlay: C, promptsMenuTitle: w = "Prompts", promptsBackLabel: T = "Back", colors: E }) => {
+	let D = s(), [O, k] = U(!1), [A, j] = U(!1), [ee, te] = U(!1), [ne, re] = U(!1), [ie, P] = U(!1), F = V(() => a({
 		"--aab-selected-tool-icon": E?.selectedToolIcon,
 		"--aab-tool-icon": E?.toolIcon,
 		"--aab-chevron-icon": E?.chevronIcon
@@ -638,55 +639,55 @@ var We = {
 		E?.selectedToolIcon,
 		E?.toolIcon,
 		E?.chevronIcon
-	]), le = g.length > 0 && y != null, ue = V(() => g.map((e) => ({
+	]), I = y.length > 0 && b != null, ue = V(() => y.map((e) => ({
 		key: e.id,
 		label: /* @__PURE__ */ K("span", {
 			className: "flex flex-1 items-center gap-2",
 			children: [/* @__PURE__ */ G("span", {
 				className: "flex-1",
 				children: e.label
-			}), e.isSelected && /* @__PURE__ */ G(N, {
+			}), e.isSelected && /* @__PURE__ */ G(M, {
 				size: c,
-				style: I,
+				style: F,
 				className: Ke.selectedToolIcon,
 				"aria-hidden": !0
 			})]
 		}),
 		icon: /* @__PURE__ */ G("span", {
-			style: I,
+			style: F,
 			className: o("flex items-center", Ke.toolIcon),
 			children: e.icon
 		}),
-		onClick: () => y?.(e.id)
+		onClick: () => b?.(e.id)
 	})), [
-		g,
 		y,
-		I
+		b,
+		F
 	]), L = V(() => [
 		...e == null ? [] : [{
 			key: "attach",
 			label: t,
-			icon: /* @__PURE__ */ G(ie, {
+			icon: /* @__PURE__ */ G(ae, {
 				size: c,
 				"aria-hidden": !0
 			}),
 			onClick: e
 		}],
-		...h ?? [],
-		...le ? [{
+		...v ?? [],
+		...I ? [{
 			key: "tools",
 			label: x,
-			icon: /* @__PURE__ */ G(ce, {
+			icon: /* @__PURE__ */ G(le, {
 				size: c,
 				"aria-hidden": !0
 			}),
 			onClick: D ? () => {
-				M(!0), k(!1);
+				te(!0), k(!1);
 			} : () => void 0,
-			...D ? { iconAfter: /* @__PURE__ */ G(P, {
+			...D ? { iconAfter: /* @__PURE__ */ G(N, {
 				size: c,
 				stroke: 1.5,
-				style: I,
+				style: F,
 				className: o("rtl:scale-x-[-1]", Ke.chevronIcon),
 				"aria-hidden": !0
 			}) } : { children: ue }
@@ -694,17 +695,17 @@ var We = {
 		...C == null ? [] : [{
 			key: "prompts",
 			label: w,
-			icon: /* @__PURE__ */ G(oe, {
+			icon: /* @__PURE__ */ G(se, {
 				size: c,
 				"aria-hidden": !0
 			}),
 			onClick: D ? () => {
-				ne(!0), k(!1);
+				re(!0), k(!1);
 			} : () => void 0,
-			...D ? { iconAfter: /* @__PURE__ */ G(P, {
+			...D ? { iconAfter: /* @__PURE__ */ G(N, {
 				size: c,
 				stroke: 1.5,
-				style: I,
+				style: F,
 				className: o("rtl:scale-x-[-1]", Ke.chevronIcon),
 				"aria-hidden": !0
 			}) } : {
@@ -712,20 +713,20 @@ var We = {
 					key: "prompts-panel",
 					label: ""
 				}],
-				renderSubMenu: () => C(() => F(!1))
+				renderSubMenu: () => C(() => P(!1))
 			}
 		}],
-		...m == null ? [] : [{
+		...g == null ? [] : [{
 			key: "chat-settings",
-			label: m.menuItemLabel ?? "Chat settings",
-			icon: /* @__PURE__ */ G(se, {
+			label: g.menuItemLabel ?? "Chat settings",
+			icon: /* @__PURE__ */ G(ce, {
 				size: c,
 				"aria-hidden": !0
 			}),
-			iconAfter: D ? /* @__PURE__ */ G(P, {
+			iconAfter: D ? /* @__PURE__ */ G(N, {
 				size: c,
 				stroke: 1.5,
-				style: I,
+				style: F,
 				className: o("rtl:scale-x-[-1]", Ke.chevronIcon),
 				"aria-hidden": !0
 			}) : null,
@@ -734,26 +735,26 @@ var We = {
 	], [
 		t,
 		e,
-		m,
-		h,
+		g,
+		v,
 		D,
-		le,
+		I,
 		x,
 		ue,
 		C,
 		w,
-		I
+		F
 	]);
 	if (L.length === 0) return null;
-	let R = /* @__PURE__ */ G(_, {
+	let R = /* @__PURE__ */ G(m, {
 		matchReferenceWidth: !1,
 		placement: "bottom-start",
 		listClassName: f,
 		items: L,
-		open: C == null ? void 0 : re,
-		onOpenChange: C == null ? void 0 : F,
-		children: /* @__PURE__ */ G(b, {
-			icon: /* @__PURE__ */ G(ae, {
+		open: C == null ? void 0 : ie,
+		onOpenChange: C == null ? void 0 : P,
+		children: /* @__PURE__ */ G(_, {
+			icon: /* @__PURE__ */ G(oe, {
 				size: d.LG,
 				"aria-hidden": !0
 			}),
@@ -763,13 +764,13 @@ var We = {
 		})
 	});
 	return /* @__PURE__ */ G(W, { children: D ? /* @__PURE__ */ K(W, { children: [
-		/* @__PURE__ */ G(b, {
-			icon: /* @__PURE__ */ G(ae, {
+		/* @__PURE__ */ G(_, {
+			icon: /* @__PURE__ */ G(oe, {
 				size: d.LG,
 				"aria-hidden": !0
 			}),
 			"aria-label": n,
-			size: v.Large,
+			size: h.Large,
 			tooltipProps: { tooltip: n },
 			disabled: p,
 			onClick: () => k(!0)
@@ -784,77 +785,77 @@ var We = {
 			className: "pb-4",
 			btnTextClassName: "flex-1"
 		}),
-		le && /* @__PURE__ */ G(Ge, {
+		I && /* @__PURE__ */ G(Ge, {
 			isOpen: ee,
 			onBack: () => {
-				M(!1), k(!0);
+				te(!1), k(!0);
 			},
 			backLabel: S,
-			onClose: () => M(!1),
+			onClose: () => te(!1),
 			closeLabel: l,
 			style: u,
 			title: x,
-			items: g,
-			onToolToggle: y
+			items: y,
+			onToolToggle: b
 		}),
 		C != null && /* @__PURE__ */ G(q, {
-			isOpen: te,
+			isOpen: ne,
 			title: w,
 			closeLabel: l,
 			onBack: () => {
-				ne(!1), k(!0);
+				re(!1), k(!0);
 			},
 			backLabel: T,
-			onClose: () => ne(!1),
+			onClose: () => re(!1),
 			style: u,
-			children: C(() => ne(!1))
+			children: C(() => re(!1))
 		}),
-		m != null && /* @__PURE__ */ G(Ve, {
+		g != null && /* @__PURE__ */ G(Ve, {
 			isOpen: A,
 			onBack: () => {
 				j(!1), k(!0);
 			},
-			backLabel: m.backLabel ?? "Back",
+			backLabel: g.backLabel ?? "Back",
 			onClose: () => j(!1),
 			closeLabel: l,
 			style: u,
-			features: m.features,
-			initialResponseFormat: m.responseFormat ?? i.Markdown,
-			initialSystemPrompt: m.systemPrompt,
-			initialTemperature: m.temperature,
-			onSave: m.onSave,
-			title: m.title,
-			responseFormatLabel: m.responseFormatLabel,
-			responseFormatHint: m.responseFormatHint,
-			responseFormatMarkdownLabel: m.responseFormatMarkdownLabel,
-			responseFormatPlainTextLabel: m.responseFormatPlainTextLabel,
-			systemPromptLabel: m.systemPromptLabel,
-			systemPromptTooltip: m.systemPromptTooltip,
-			temperatureLabel: m.temperatureLabel,
-			temperatureLabels: m.temperatureLabels,
-			temperatureHint: m.temperatureHint,
-			saveLabel: m.saveLabel,
-			saveDisabledTooltip: m.saveDisabledTooltip
+			features: g.features,
+			initialResponseFormat: g.responseFormat ?? i.Markdown,
+			initialSystemPrompt: g.systemPrompt,
+			initialTemperature: g.temperature,
+			onSave: g.onSave,
+			title: g.title,
+			responseFormatLabel: g.responseFormatLabel,
+			responseFormatHint: g.responseFormatHint,
+			responseFormatMarkdownLabel: g.responseFormatMarkdownLabel,
+			responseFormatPlainTextLabel: g.responseFormatPlainTextLabel,
+			systemPromptLabel: g.systemPromptLabel,
+			systemPromptTooltip: g.systemPromptTooltip,
+			temperatureLabel: g.temperatureLabel,
+			temperatureLabels: g.temperatureLabels,
+			temperatureHint: g.temperatureHint,
+			saveLabel: g.saveLabel,
+			saveDisabledTooltip: g.saveDisabledTooltip
 		})
-	] }) : /* @__PURE__ */ K(W, { children: [R, m != null && A && /* @__PURE__ */ G(Ue, {
-		features: m.features,
-		initialResponseFormat: m.responseFormat ?? i.Markdown,
-		initialSystemPrompt: m.systemPrompt,
-		initialTemperature: m.temperature,
-		onSave: m.onSave,
+	] }) : /* @__PURE__ */ K(W, { children: [R, g != null && A && /* @__PURE__ */ G(Ue, {
+		features: g.features,
+		initialResponseFormat: g.responseFormat ?? i.Markdown,
+		initialSystemPrompt: g.systemPrompt,
+		initialTemperature: g.temperature,
+		onSave: g.onSave,
 		onClose: () => j(!1),
-		title: m.title,
-		responseFormatLabel: m.responseFormatLabel,
-		responseFormatHint: m.responseFormatHint,
-		responseFormatMarkdownLabel: m.responseFormatMarkdownLabel,
-		responseFormatPlainTextLabel: m.responseFormatPlainTextLabel,
-		systemPromptLabel: m.systemPromptLabel,
-		systemPromptTooltip: m.systemPromptTooltip,
-		temperatureLabel: m.temperatureLabel,
-		temperatureLabels: m.temperatureLabels,
-		temperatureHint: m.temperatureHint,
-		saveLabel: m.saveLabel,
-		saveDisabledTooltip: m.saveDisabledTooltip
+		title: g.title,
+		responseFormatLabel: g.responseFormatLabel,
+		responseFormatHint: g.responseFormatHint,
+		responseFormatMarkdownLabel: g.responseFormatMarkdownLabel,
+		responseFormatPlainTextLabel: g.responseFormatPlainTextLabel,
+		systemPromptLabel: g.systemPromptLabel,
+		systemPromptTooltip: g.systemPromptTooltip,
+		temperatureLabel: g.temperatureLabel,
+		temperatureLabels: g.temperatureLabels,
+		temperatureHint: g.temperatureHint,
+		saveLabel: g.saveLabel,
+		saveDisabledTooltip: g.saveDisabledTooltip
 	})] }) });
 }, J = {
 	chip: "_chip_1gu87_1",
@@ -873,7 +874,7 @@ var We = {
 		"--ci-chip-close-hover": l?.chipCloseHover
 	});
 	if (n) {
-		let e = u.length === 1, t = e ? u[0].icon : /* @__PURE__ */ G(ce, {
+		let e = u.length === 1, t = e ? u[0].icon : /* @__PURE__ */ G(le, {
 			size: c,
 			"aria-hidden": !0
 		}), n = e ? u[0].label : r(u.length);
@@ -913,7 +914,7 @@ var We = {
 					onClick: () => t(e.id),
 					className: o(J.chipClose, "flex items-center rounded p-0.5 transition-colors"),
 					"aria-label": i(e.label),
-					children: /* @__PURE__ */ G(le, {
+					children: /* @__PURE__ */ G(I, {
 						size: 12,
 						"aria-hidden": !0
 					})
@@ -922,19 +923,19 @@ var We = {
 		}, e.id))
 	});
 }, Y = {
-	wrapper: "_wrapper_teqwe_1",
-	wrapperDisabled: "_wrapperDisabled_teqwe_8",
-	textarea: "_textarea_teqwe_13",
-	modelSelectorButton: "_modelSelectorButton_teqwe_24",
-	modelSelectorCaret: "_modelSelectorCaret_teqwe_24",
-	modelSelectorButtonDisabled: "_modelSelectorButtonDisabled_teqwe_33"
+	wrapper: "_wrapper_18xqs_1",
+	wrapperDisabled: "_wrapperDisabled_18xqs_8",
+	textarea: "_textarea_18xqs_13",
+	modelSelectorButton: "_modelSelectorButton_18xqs_24",
+	modelSelectorCaret: "_modelSelectorCaret_18xqs_24",
+	modelSelectorButtonDisabled: "_modelSelectorButtonDisabled_18xqs_33"
 }, X = {
 	wrapperError: "_wrapperError_129ri_1",
 	waveformCanvas: "_waveformCanvas_129ri_5",
 	recordingDot: "_recordingDot_129ri_19",
 	"recording-pulse": "_recording-pulse_129ri_1"
 }, Ze = 3, Qe = 4, $e = 200, et = ({ state: e, analyserNodeRef: t, errorMessage: n, onStop: r, onDiscard: i, stopLabel: a = "Stop recording", discardLabel: s = "Discard recording", style: c, className: l }) => {
-	let u = H(null), f = H(new Float32Array($e)), p = H(0), m = H(0), h = e === je.Recording, g = e === je.Error, _ = z((e) => {
+	let u = H(null), f = H(new Float32Array($e)), p = H(0), m = H(0), h = e === je.Recording, v = e === je.Error, y = z((e) => {
 		let t = e.getContext("2d");
 		if (!t) return;
 		e.width = e.clientWidth || 200, e.height = e.clientHeight || 32;
@@ -968,7 +969,7 @@ var We = {
 					f.current[p.current % $e] = Math.sqrt(n / t.length), p.current++;
 				}
 			}
-			_(e), n = requestAnimationFrame(r);
+			y(e), n = requestAnimationFrame(r);
 		};
 		return n = requestAnimationFrame(r), () => {
 			cancelAnimationFrame(n);
@@ -976,26 +977,26 @@ var We = {
 	}, [
 		h,
 		t,
-		_
+		y
 	]), B(() => {
 		let e = u.current;
 		if (!e) return;
 		let t = new ResizeObserver(() => {
-			_(e);
+			y(e);
 		});
 		return t.observe(e), () => t.disconnect();
-	}, [_]);
-	let v = /* @__PURE__ */ K("div", {
+	}, [y]);
+	let b = /* @__PURE__ */ K("div", {
 		className: "flex flex-shrink-0 items-center justify-end gap-1",
-		children: [/* @__PURE__ */ G(b, {
-			icon: /* @__PURE__ */ G(le, {
+		children: [/* @__PURE__ */ G(_, {
+			icon: /* @__PURE__ */ G(I, {
 				size: d.LG,
 				"aria-hidden": !0
 			}),
 			"aria-label": s,
 			onClick: i
-		}), h && /* @__PURE__ */ G(E, {
-			icon: /* @__PURE__ */ G(F, {
+		}), h && /* @__PURE__ */ G(C, {
+			icon: /* @__PURE__ */ G(P, {
 				size: d.LG,
 				"aria-hidden": !0
 			}),
@@ -1007,7 +1008,7 @@ var We = {
 		className: l,
 		children: [/* @__PURE__ */ K("div", {
 			style: c,
-			className: o(Y.wrapper, "flex min-h-[64px] w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border px-3 shadow-md desktop:flex-row desktop:items-center desktop:gap-2 desktop:py-2", g && X.wrapperError),
+			className: o(Y.wrapper, "flex min-h-[64px] w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border px-3 shadow-md desktop:flex-row desktop:items-center desktop:gap-2 desktop:py-2", v && X.wrapperError),
 			children: [/* @__PURE__ */ K("div", {
 				className: "flex min-w-0 flex-1 items-center gap-3",
 				children: [h && /* @__PURE__ */ G("span", {
@@ -1018,34 +1019,34 @@ var We = {
 					height: 32,
 					className: o(X.waveformCanvas, "h-8 min-w-0 flex-1 desktop:h-6")
 				})]
-			}), v]
-		}), g && n && /* @__PURE__ */ G(y, {
+			}), b]
+		}), v && n && /* @__PURE__ */ G(g, {
 			text: n,
 			className: "mt-1 px-1"
 		})]
 	});
-}, tt = ({ onSend: e, isDisabled: t = !1, ariaLabel: n = "Send message", isExiting: r = !1 }) => /* @__PURE__ */ G(E, {
+}, tt = ({ onSend: e, isDisabled: t = !1, ariaLabel: n = "Send message", isExiting: r = !1 }) => /* @__PURE__ */ G(C, {
 	"aria-label": n,
 	onClick: () => e?.(),
 	disabled: t,
 	"aria-hidden": r,
-	icon: /* @__PURE__ */ G(M, {
+	icon: /* @__PURE__ */ G(te, {
 		size: d.LG,
 		className: "rtl:scale-x-[-1]"
 	})
-}), nt = ({ onStop: e, ariaLabel: t = "Stop streaming" }) => /* @__PURE__ */ G(A, {
-	icon: /* @__PURE__ */ G(I, { size: d.LG }),
+}), nt = ({ onStop: e, ariaLabel: t = "Stop streaming" }) => /* @__PURE__ */ G(k, {
+	icon: /* @__PURE__ */ G(F, { size: d.LG }),
 	onClick: () => e?.(),
 	"aria-label": t
-}), Z = ({ size: e = 20 }) => /* @__PURE__ */ G(O, {
-	variant: k.Circular,
+}), Z = ({ size: e = 20 }) => /* @__PURE__ */ G(D, {
+	variant: O.Circular,
 	width: e,
 	height: e,
 	active: !0
 }), rt = ({ loadingLabel: e }) => /* @__PURE__ */ K("span", {
 	className: "flex min-w-0 flex-1 items-center",
-	children: [/* @__PURE__ */ G(O, {
-		variant: k.Text,
+	children: [/* @__PURE__ */ G(D, {
+		variant: O.Text,
 		width: "100%",
 		height: 16,
 		active: !0
@@ -1074,8 +1075,8 @@ var We = {
 	selectedItem: "_selectedItem_ibyso_5",
 	selectedItemCheck: "_selectedItemCheck_ibyso_9"
 }, lt = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, searchHeaderClassName: i = ct.searchHeader, selectedItemClassName: s = ct.selectedItem, selectedItemCheckClassName: c = ct.selectedItemCheck, colors: l }) => {
-	let [u, f] = U(""), p = V(() => e?.find((e) => e.id === t), [e, t]), h = r?.loading !== void 0, g = !h && !p && !!t, _ = V(() => h ? /* @__PURE__ */ G(Z, { size: d.LG }) : st(p?.iconUrl, p?.type, p?.displayName ?? p?.id ?? "", d.LG, g ? r?.unavailableTooltip ?? "This deployment is no longer available" : void 0), [
-		h,
+	let [u, f] = U(""), p = V(() => e?.find((e) => e.id === t), [e, t]), m = r?.loading !== void 0, g = !m && !p && !!t, _ = V(() => m ? /* @__PURE__ */ G(Z, { size: d.LG }) : st(p?.iconUrl, p?.type, p?.displayName ?? p?.id ?? "", d.LG, g ? r?.unavailableTooltip ?? "This deployment is no longer available" : void 0), [
+		m,
 		p,
 		g,
 		r?.unavailableTooltip
@@ -1085,7 +1086,7 @@ var We = {
 		selectorAriaLabel: y ? `${r?.ariaLabel ?? "Select model"}: ${y}` : r?.ariaLabel ?? "Select model",
 		selectedLabel: y,
 		menuItems: V(() => {
-			if (h) return Array.from({ length: 7 }, (e, t) => ({
+			if (m) return Array.from({ length: 7 }, (e, t) => ({
 				key: `__loading-${t}`,
 				icon: /* @__PURE__ */ G(Z, {}),
 				label: /* @__PURE__ */ G(rt, { loadingLabel: t === 0 ? r?.loading : void 0 }),
@@ -1106,11 +1107,11 @@ var We = {
 					label: /* @__PURE__ */ K("span", {
 						className: "flex w-full items-center justify-between gap-2",
 						style: a({ "--ms-selected-item-check": l?.selectedItemCheck }),
-						children: [/* @__PURE__ */ G(x, {
+						children: [/* @__PURE__ */ G(v, {
 							text: at(e),
 							query: u,
 							maxLines: 1
-						}), r && /* @__PURE__ */ G(N, {
+						}), r && /* @__PURE__ */ G(M, {
 							size: d.SM,
 							stroke: 2,
 							className: c,
@@ -1124,7 +1125,7 @@ var We = {
 			});
 		}, [
 			e,
-			h,
+			m,
 			u,
 			t,
 			r,
@@ -1133,19 +1134,19 @@ var We = {
 			c,
 			l?.selectedItemCheck
 		]),
-		menuHeader: V(() => !h && e && e.length > 0 ? /* @__PURE__ */ G("div", {
+		menuHeader: V(() => !m && e && e.length > 0 ? /* @__PURE__ */ G("div", {
 			style: a({ "--ms-search-header-bg": l?.searchHeaderBackground }),
 			className: o("sticky top-0 z-10 pb-1 pe-2 pt-2", i),
-			children: /* @__PURE__ */ G(m, {
+			children: /* @__PURE__ */ G(E, {
 				value: u,
 				placeholder: r?.searchPlaceholder ?? "Search",
-				size: v.Small,
+				size: h.Small,
 				wrapperClassName: "border-0",
-				onChange: f
+				onChange: (e) => f(e ?? "")
 			})
 		}) : void 0, [
 			e,
-			h,
+			m,
 			u,
 			r,
 			i,
@@ -1618,12 +1619,12 @@ var kt = {
 			}),
 			label: /* @__PURE__ */ K("span", {
 				className: "flex flex-1 items-center justify-between gap-2",
-				children: [/* @__PURE__ */ G(x, {
+				children: [/* @__PURE__ */ G(v, {
 					text: u.displayName ?? u.id,
 					query: s,
 					maxLines: 1,
 					className: o(a, "min-w-0 flex-1 text-start")
-				}), p && /* @__PURE__ */ G(N, {
+				}), p && /* @__PURE__ */ G(M, {
 					size: d.SM,
 					className: kt.checkIcon,
 					"aria-hidden": !0
@@ -1632,14 +1633,14 @@ var kt = {
 			onClick: () => c(u.id)
 		})
 	});
-}, Nt = ({ isOpen: e, title: t, closeLabel: n, searchPlaceholder: r = "Search", onClose: i, deployments: s, selectedDeploymentId: c, onSelect: l, loadingLabel: u, errorLabel: d, emptyLabel: f, style: p, titleClassName: h = "dial-body-semi-text", labelClassName: g = "dial-small-text", colors: _ }) => {
-	let [y, b] = U("");
+}, Nt = ({ isOpen: e, title: t, closeLabel: n, searchPlaceholder: r = "Search", onClose: i, deployments: s, selectedDeploymentId: c, onSelect: l, loadingLabel: u, errorLabel: d, emptyLabel: f, style: p, titleClassName: m = "dial-body-semi-text", labelClassName: g = "dial-small-text", colors: _ }) => {
+	let [v, y] = U("");
 	B(() => {
-		e || b("");
+		e || y("");
 	}, [e]);
-	let x = s && s.length > 0, S = u !== void 0, C = !x && !S ? d ?? f : void 0, w = x ? ot(s, y) : [], T = (e) => {
+	let b = s && s.length > 0, x = u !== void 0, S = !b && !x ? d ?? f : void 0, C = b ? ot(s, v) : [], w = (e) => {
 		l(e), i();
-	}, E = a({
+	}, T = a({
 		"--ci-sheet-divider": _?.divider,
 		"--ci-sheet-text": _?.itemText,
 		"--ci-sheet-item-hover": _?.itemHoverBg,
@@ -1653,76 +1654,76 @@ var kt = {
 		closeLabel: n,
 		onClose: i,
 		style: p,
-		titleClassName: h,
+		titleClassName: m,
 		className: "max-h-[80dvh]",
 		colors: _?.shell,
 		children: /* @__PURE__ */ K("div", {
 			className: "contents",
-			style: E,
-			children: [x && !S && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G("div", {
+			style: T,
+			children: [b && !x && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G("div", {
 				className: "flex-shrink-0 px-4 py-[10px]",
-				children: /* @__PURE__ */ G(m, {
-					value: y,
+				children: /* @__PURE__ */ G(E, {
+					value: v,
 					placeholder: r,
-					size: v.Standard,
-					onChange: b
+					size: h.Standard,
+					onChange: (e) => y(e ?? "")
 				})
-			}), /* @__PURE__ */ G("div", { className: o(kt.divider, "h-px flex-shrink-0") })] }), S ? /* @__PURE__ */ G(it, { loadingLabel: u }) : C ? /* @__PURE__ */ G("div", {
+			}), /* @__PURE__ */ G("div", { className: o(kt.divider, "h-px flex-shrink-0") })] }), x ? /* @__PURE__ */ G(it, { loadingLabel: u }) : S ? /* @__PURE__ */ G("div", {
 				role: "list",
 				className: o(kt.stateLabel, g, "px-4 py-4"),
-				children: C
+				children: S
 			}) : /* @__PURE__ */ G(Ot, {
 				role: "list",
 				className: "overflow-y-auto",
-				style: { height: Math.min(w.length, jt) * At },
+				style: { height: Math.min(C.length, jt) * At },
 				rowComponent: Mt,
-				rowCount: w.length,
+				rowCount: C.length,
 				rowHeight: At,
 				rowProps: {
-					items: w,
+					items: C,
 					selectedDeploymentId: c,
 					labelClassName: g,
-					query: y,
-					onSelect: T
+					query: v,
+					onSelect: w
 				}
 			})]
 		})
 	});
-}, Pt = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, isStreaming: i, isMobile: a, isDisabled: s = !1, style: c, modelPickerOverlay: l, isPickerOpen: u, onPickerToggle: p, onPickerOpenChange: m }) => {
-	let [h, y] = U(!1), { selectorIcon: x, selectorAriaLabel: S, selectedLabel: C, menuItems: w, menuHeader: T, onOpenChange: E } = lt({
+}, Pt = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, isStreaming: i, isMobile: a, isDisabled: s = !1, style: c, modelPickerOverlay: l, isPickerOpen: u, onPickerToggle: p, onPickerOpenChange: g }) => {
+	let [v, y] = U(!1), { selectorIcon: b, selectorAriaLabel: x, selectedLabel: S, menuItems: C, menuHeader: w, onOpenChange: T } = lt({
 		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__ */ G(te, {
+	let E = i || s ? "pointer-events-none opacity-50 cursor-not-allowed" : void 0, D = /* @__PURE__ */ G(ne, {
 		size: d.SM,
 		className: Y.modelSelectorCaret,
 		"aria-hidden": !0
 	});
-	return a ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(g, {
-		tooltip: C,
-		children: /* @__PURE__ */ G(b, {
+	return a ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(j, {
+		tooltip: S,
+		children: /* @__PURE__ */ G(_, {
 			icon: /* @__PURE__ */ K("div", {
 				className: "flex items-center gap-1",
-				children: [x, O]
+				children: [b, D]
 			}),
-			"aria-label": S,
+			"aria-label": x,
 			onClick: () => {
 				s || y(!0);
 			},
-			className: o("w-[50px]", Y.modelSelectorButton, D)
+			className: o("w-[50px]", Y.modelSelectorButton, E)
 		})
 	}), l ? /* @__PURE__ */ G(q, {
-		isOpen: h,
+		isOpen: v,
 		title: r?.ariaLabel ?? "Select model",
 		closeLabel: r?.closeLabel ?? "Close",
 		onClose: () => y(!1),
 		style: c,
 		children: l(() => y(!1))
 	}) : /* @__PURE__ */ G(Nt, {
-		isOpen: h,
+		isOpen: v,
 		title: r?.ariaLabel ?? "Select model",
 		closeLabel: r?.closeLabel ?? "Close",
 		searchPlaceholder: r?.searchPlaceholder ?? "Search",
@@ -1734,50 +1735,50 @@ var kt = {
 		errorLabel: r?.error,
 		emptyLabel: r?.empty,
 		style: c
-	})] }) : l ? /* @__PURE__ */ G(_, {
+	})] }) : l ? /* @__PURE__ */ G(m, {
 		placement: "top-end",
 		matchReferenceWidth: !1,
 		open: u,
-		onOpenChange: m,
+		onOpenChange: g,
 		trigger: [],
 		outsideClosable: !0,
-		renderOverlay: () => l(() => m?.(!1)),
+		renderOverlay: () => l(() => g?.(!1)),
 		listClassName: "!w-[368px] !bg-layer-raised",
-		children: /* @__PURE__ */ G(g, {
-			tooltip: C,
+		children: /* @__PURE__ */ G(j, {
+			tooltip: S,
 			children: /* @__PURE__ */ K("button", {
 				type: "button",
-				"aria-label": S,
+				"aria-label": x,
 				"aria-disabled": s || void 0,
-				className: o("flex items-center justify-center gap-1 rounded-full p-2", Y.modelSelectorButton, D, s && Y.modelSelectorButtonDisabled),
+				className: o("flex items-center justify-center gap-1 rounded-full p-2", Y.modelSelectorButton, E, s && Y.modelSelectorButtonDisabled),
 				onClick: () => {
 					!i && !s && p?.();
 				},
-				children: [x, O]
+				children: [b, D]
 			})
 		})
 	}) : /* @__PURE__ */ G("div", {
-		className: o(s && D),
+		className: o(s && E),
 		"aria-disabled": s || void 0,
-		children: /* @__PURE__ */ G(g, {
-			tooltip: C,
+		children: /* @__PURE__ */ G(j, {
+			tooltip: S,
 			children: /* @__PURE__ */ G(f, {
-				icon: x,
-				ariaLabel: S,
-				items: w,
-				menuHeader: T,
+				icon: b,
+				ariaLabel: x,
+				items: C,
+				menuHeader: w,
 				placement: "bottom-end",
 				matchReferenceWidth: !1,
 				listClassName: "!w-[240px] !max-h-80",
-				onOpenChange: s ? void 0 : E,
-				size: v.Standard,
-				caretIcon: O,
-				iconClassName: s ? D : void 0,
+				onOpenChange: s ? void 0 : T,
+				size: h.Standard,
+				caretIcon: D,
+				iconClassName: s ? E : void 0,
 				buttonClassName: o("bg-transparent", Y.modelSelectorButton, s && Y.modelSelectorButtonDisabled)
 			})
 		})
 	});
-}, Ft = 160, It = ({ message: e = "", messageRevision: t, onSend: n, onUploadAttachment: r, onStop: i, isStreaming: l = !1, onChange: u, onAttachmentsChange: f, placeholder: p = "Type a message...", ariaLabel: m, attachLabel: h = "Attach file", fileAccept: g, addMenuTitle: _ = "Add", menuTitle: v = "Menu", menuCloseLabel: y = "Close", removeLabel: b, retryLabel: x, sendLabel: S, stopLabel: C, micLabel: w = "Record voice message", stopRecordingLabel: T, discardRecordingLabel: E, colors: D, typography: O, className: k, pendingDropFiles: j = [], onDropFilesConsumed: ee, pendingAttachments: M = [], onPendingAttachmentsConsumed: N, pasteTextThreshold: te = 4e3, maxMessageLength: P = 5e4, deployments: ie, selectedDeploymentId: F, onDeploymentChange: I, modelSelectorLabels: ae, initialAttachments: oe = [], isStacked: se = !1, hideAddButton: ce = !1, hideAttachFile: le = !1, hideActionBar: ue = !1, renderFooterActions: L, isInputDisabled: R = !1, isModelSelectorDisabled: B = !1, isSendDisabled: de = !1, isAudioMessageSupported: fe = !1, sendOnEnter: pe = Fe.Enter, prefixAttachments: me = [], onRemovePrefixAttachment: he, chatSettings: _e, toolsMenuItems: ve, onToolToggle: ye, toolsMenuTitle: be, toolsBackLabel: Se, toolsChipLabels: Ce, promptsMenuOverlay: q, promptsMenuTitle: we, promptsBackLabel: De, autoFocus: Oe = !1, messageHistory: je, onDialFileSystemClick: Me, dialFileSystemLabel: Ne, validateAttachment: Ie, onAttachmentClick: Le, modelPickerOverlay: Re, maximumAttachmentsAmount: ze, onAttachmentsLimitExceeded: Be, isAttachmentsEnabled: Ve = !0, usageLimitsSlot: He, onMessageTooLong: Ue }) => {
+}, Ft = 160, It = ({ message: e = "", messageRevision: t, onSend: n, onUploadAttachment: r, onStop: i, isStreaming: l = !1, onChange: u, onAttachmentsChange: f, placeholder: p = "Type a message...", ariaLabel: m, attachLabel: h = "Attach file", fileAccept: g, addMenuTitle: _ = "Add", menuTitle: v = "Menu", menuCloseLabel: y = "Close", removeLabel: b, retryLabel: x, sendLabel: S, stopLabel: C, micLabel: w = "Record voice message", stopRecordingLabel: T, discardRecordingLabel: E, colors: D, typography: O, className: A, pendingDropFiles: j = [], onDropFilesConsumed: ee, pendingAttachments: te = [], onPendingAttachmentsConsumed: M, pasteTextThreshold: ne = 4e3, maxMessageLength: N = 5e4, deployments: ae, selectedDeploymentId: P, onDeploymentChange: F, modelSelectorLabels: oe, initialAttachments: se = [], isStacked: ce = !1, hideAddButton: le = !1, hideAttachFile: I = !1, hideActionBar: ue = !1, renderFooterActions: L, isInputDisabled: R = !1, isModelSelectorDisabled: B = !1, isSendDisabled: de = !1, isAudioMessageSupported: fe = !1, sendOnEnter: pe = Fe.Enter, prefixAttachments: me = [], onRemovePrefixAttachment: he, chatSettings: _e, toolsMenuItems: ve, onToolToggle: ye, toolsMenuTitle: be, toolsBackLabel: Se, toolsChipLabels: Ce, promptsMenuOverlay: q, promptsMenuTitle: we, promptsBackLabel: De, autoFocus: Oe = !1, messageHistory: je, onDialFileSystemClick: Me, dialFileSystemLabel: Ne, validateAttachment: Ie, onAttachmentClick: Le, modelPickerOverlay: Re, maximumAttachmentsAmount: ze, onAttachmentsLimitExceeded: Be, isAttachmentsEnabled: Ve = !0, usageLimitsSlot: He, onMessageTooLong: Ue }) => {
 	let We = s(), [Ge, Ke] = U(!1), J = ke(je), Je = V(() => a({
 		"--ci-bg": D?.background,
 		"--ci-text": D?.text,
@@ -1794,7 +1795,7 @@ var kt = {
 	}), [D]), Ye = V(() => Me ? [{
 		key: "dial-fs",
 		label: Ne ?? "DIAL file system",
-		icon: /* @__PURE__ */ G(ne, {
+		icon: /* @__PURE__ */ G(re, {
 			size: c,
 			"aria-hidden": !0
 		}),
@@ -1803,14 +1804,14 @@ var kt = {
 		messageProp: e,
 		messageRevision: t
 	}), { attachments: Z, buildAttachments: rt, addAttachments: it, resetAttachments: at, handleRemove: ot, handleRetry: st, handleExpand: ct, hasBlockedAttachments: lt } = Te({
-		initialAttachments: oe,
+		initialAttachments: se,
 		onUploadAttachment: r,
 		onAttachmentsChange: f,
 		validateAttachment: Ie,
 		pendingDropFiles: j,
 		onDropFilesConsumed: ee,
-		pendingAttachments: M,
-		onPendingAttachmentsConsumed: N,
+		pendingAttachments: te,
+		onPendingAttachmentsConsumed: M,
 		onExpandPastedText: z((e) => {
 			Ze((t) => t ? `${t}\n${e}` : e);
 		}, [Ze]),
@@ -1819,25 +1820,25 @@ var kt = {
 		onAttachmentsLimitExceeded: Be
 	}), { state: ut, analyserNodeRef: dt, errorMessage: ft, startRecording: pt, stopRecording: mt, discardRecording: ht } = Pe({ onAttachAudio: z((e) => {
 		it(rt([e]));
-	}, [it, rt]) }), gt = H(null), Q = H(null), { handlePaste: _t } = xe(it, Ve ? te : Infinity), vt = z((e) => {
+	}, [it, rt]) }), gt = H(null), Q = H(null), { handlePaste: _t } = xe(it, Ve ? ne : Infinity), vt = z((e) => {
 		if (!Ve) {
 			let t = e.clipboardData.getData("text/plain");
-			t.length >= P && Ue?.(t.length, P);
+			t.length >= N && Ue?.(t.length, N);
 		}
 		_t(e);
 	}, [
 		Ve,
-		P,
+		N,
 		Ue,
 		_t
-	]), yt = X.trim().length > 0 || Z.length > 0, bt = yt && !lt && !de, { shouldRender: xt, isExiting: St, instanceKey: Ct } = Ee(!l && yt, Ft), wt = (ve?.some((e) => e.isSelected) ?? !1) && ye != null, $ = se || X.includes("\n") || $e || wt, Tt = ie === void 0 || F != null, Et = V(() => fe && !St && !l, [
+	]), yt = X.trim().length > 0 || Z.length > 0, bt = yt && !lt && !de, { shouldRender: xt, isExiting: St, instanceKey: Ct } = Ee(!l && yt, Ft), wt = (ve?.some((e) => e.isSelected) ?? !1) && ye != null, $ = ce || X.includes("\n") || $e || wt, Tt = ae === void 0 || P != null, Et = V(() => fe && !St && !l, [
 		fe,
 		St,
 		l
 	]), Dt = async () => {
 		if (de) return;
-		if (!Ve && X.length >= P) {
-			Ue?.(X.length, P);
+		if (!Ve && X.length >= N) {
+			Ue?.(X.length, N);
 			return;
 		}
 		let e = X, t = Z;
@@ -1873,7 +1874,7 @@ var kt = {
 		stopLabel: T,
 		discardLabel: E,
 		style: Je,
-		className: k
+		className: A
 	});
 	let At = /* @__PURE__ */ G("textarea", {
 		className: o(Y.textarea, O?.fontClassName || "dial-body-paragraph-text", "max-h-[272px] w-full resize-none overflow-y-auto border-0 bg-transparent outline-none [field-sizing:content]"),
@@ -1893,7 +1894,7 @@ var kt = {
 	return /* @__PURE__ */ K("div", {
 		ref: Q,
 		style: Je,
-		className: o(Y.wrapper, R && Y.wrapperDisabled, "flex min-h-[64px] w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border shadow-md", "focus-within:outline focus-within:-outline-offset-1 active:outline active:-outline-offset-1", Z.length > 6 ? "py-3 ps-3" : "p-3", k),
+		className: o(Y.wrapper, R && Y.wrapperDisabled, "flex min-h-[64px] w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border shadow-md", "focus-within:outline focus-within:-outline-offset-1 active:outline active:-outline-offset-1", Z.length > 6 ? "py-3 ps-3" : "p-3", A),
 		children: [(me.length > 0 || Z.length > 0) && /* @__PURE__ */ G(ge, {
 			attachments: [...me, ...Z],
 			onRemove: (e) => {
@@ -1912,7 +1913,7 @@ var kt = {
 		}), ue ? $ && At : /* @__PURE__ */ K("div", {
 			className: o("flex items-center gap-2", $ ? "flex-wrap" : "flex-wrap desktop:flex-nowrap"),
 			children: [
-				!ce && /* @__PURE__ */ K("div", {
+				!le && /* @__PURE__ */ K("div", {
 					className: o("flex", "order-2", !$ && "desktop:order-1"),
 					children: [/* @__PURE__ */ G("input", {
 						ref: gt,
@@ -1924,7 +1925,7 @@ var kt = {
 						tabIndex: -1,
 						onChange: kt
 					}), /* @__PURE__ */ G(qe, {
-						onAttachClick: le ? void 0 : () => gt.current?.click(),
+						onAttachClick: I ? void 0 : () => gt.current?.click(),
 						attachLabel: h,
 						addMenuTitle: _,
 						menuTitle: v,
@@ -1964,10 +1965,10 @@ var kt = {
 					}) : /* @__PURE__ */ K(W, { children: [
 						He,
 						/* @__PURE__ */ G(Pt, {
-							deployments: ie,
-							selectedDeploymentId: F,
-							onDeploymentChange: I,
-							modelSelectorLabels: ae,
+							deployments: ae,
+							selectedDeploymentId: P,
+							onDeploymentChange: F,
+							modelSelectorLabels: oe,
 							isStreaming: l,
 							isMobile: We,
 							isDisabled: B,
@@ -1986,8 +1987,8 @@ var kt = {
 							ariaLabel: S,
 							isExiting: St
 						}, Ct)
-					] }), Et && /* @__PURE__ */ G(A, {
-						icon: /* @__PURE__ */ G(re, {
+					] }), Et && /* @__PURE__ */ G(k, {
+						icon: /* @__PURE__ */ G(ie, {
 							size: d.LG,
 							"aria-hidden": !0
 						}),
@@ -2021,30 +2022,30 @@ var kt = {
 			})
 		})]
 	});
-}, zt = ({ message: e, initialAttachments: t = [], onCancel: n, onSave: i, onUploadAttachment: a, cancelLabel: s = "Cancel", saveLabel: l = "Save & Submit", ariaLabel: u, removeLabel: d, retryLabel: f, addMenuTitle: p = "Add", attachLabel: m = "Attach file", menuTitle: h = "Menu", menuCloseLabel: g = "Close", className: _, pendingDropFiles: v, onDropFilesConsumed: y, validateAttachment: b, isAttachmentsEnabled: x, hideAttachFile: C = !1, fileAccept: w, maximumAttachmentsAmount: E, onAttachmentsLimitExceeded: D, onDialFileSystemClick: O, dialFileSystemLabel: k, pendingAttachments: A, onPendingAttachmentsConsumed: j, onAttachmentClick: ee, pasteTextThreshold: M, maxMessageLength: N = 5e4, onMessageTooLong: te }) => {
-	let P = H(null), [re, ie] = U([]);
+}, zt = ({ message: e, initialAttachments: t = [], onCancel: n, onSave: i, onUploadAttachment: a, cancelLabel: s = "Cancel", saveLabel: l = "Save & Submit", ariaLabel: u, removeLabel: d, retryLabel: f, addMenuTitle: p = "Add", attachLabel: m = "Attach file", menuTitle: h = "Menu", menuCloseLabel: g = "Close", className: _, pendingDropFiles: v, onDropFilesConsumed: b, validateAttachment: x, isAttachmentsEnabled: C, hideAttachFile: w = !1, fileAccept: T, maximumAttachmentsAmount: E, onAttachmentsLimitExceeded: D, onDialFileSystemClick: O, dialFileSystemLabel: k, pendingAttachments: A, onPendingAttachmentsConsumed: j, onAttachmentClick: ee, pasteTextThreshold: te, maxMessageLength: M = 5e4, onMessageTooLong: ne }) => {
+	let N = H(null), [ie, ae] = U([]);
 	B(() => {
-		v?.length && (ie(v), y?.());
-	}, [v, y]);
-	let [F, I] = U(e ?? ""), [ae, oe] = U([]), [se, ce] = U(t), le = ae.some((e) => e.status === r.Loading || e.status === r.Error), ue = (F.trim().length > 0 || ae.length > 0 || se.length > 0) && !le, L = (e) => {
-		ce((t) => t.filter((t) => t.id !== e));
+		v?.length && (ae(v), b?.());
+	}, [v, b]);
+	let [P, F] = U(e ?? ""), [oe, se] = U([]), [ce, le] = U(t), I = oe.some((e) => e.status === r.Loading || e.status === r.Error), ue = (P.trim().length > 0 || oe.length > 0 || ce.length > 0) && !I, L = (e) => {
+		le((t) => t.filter((t) => t.id !== e));
 	}, R = z((e, t) => {
-		i(e, se, t);
-	}, [se, i]), de = () => {
+		i(e, ce, t);
+	}, [ce, i]), de = () => {
 		if (ue) {
-			if (!x && F.length >= N) {
-				te?.(F.length, N);
+			if (!C && P.length >= M) {
+				ne?.(P.length, M);
 				return;
 			}
-			R(F, ae);
+			R(P, oe);
 		}
-	}, fe = z(() => ie([]), []), pe = z((e) => {
+	}, fe = z(() => ae([]), []), pe = z((e) => {
 		let t = Array.from(e.target.files ?? []);
-		t.length !== 0 && (e.target.value = "", ie(t));
+		t.length !== 0 && (e.target.value = "", ae(t));
 	}, []), me = V(() => O ? [{
 		key: "dial-fs",
 		label: k ?? "DIAL file system",
-		icon: /* @__PURE__ */ G(ne, {
+		icon: /* @__PURE__ */ G(re, {
 			size: c,
 			"aria-hidden": !0
 		}),
@@ -2057,42 +2058,42 @@ var kt = {
 			ariaLabel: u,
 			isStacked: !0,
 			hideActionBar: !0,
-			pendingDropFiles: re,
+			pendingDropFiles: ie,
 			onDropFilesConsumed: fe,
 			onSend: R,
 			onUploadAttachment: a,
-			onChange: I,
-			onAttachmentsChange: oe,
+			onChange: F,
+			onAttachmentsChange: se,
 			removeLabel: d,
 			retryLabel: f,
 			className: "max-w-full",
-			prefixAttachments: se,
+			prefixAttachments: ce,
 			onRemovePrefixAttachment: L,
-			validateAttachment: b,
-			isAttachmentsEnabled: x,
+			validateAttachment: x,
+			isAttachmentsEnabled: C,
 			maximumAttachmentsAmount: E,
 			onAttachmentsLimitExceeded: D,
 			pendingAttachments: A,
 			onPendingAttachmentsConsumed: j,
 			onAttachmentClick: ee,
-			pasteTextThreshold: M,
-			maxMessageLength: N,
-			onMessageTooLong: te
+			pasteTextThreshold: te,
+			maxMessageLength: M,
+			onMessageTooLong: ne
 		}), /* @__PURE__ */ K("div", {
 			className: "flex items-center justify-between",
 			children: [/* @__PURE__ */ G("div", {
 				className: "flex",
-				children: !C && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G("input", {
-					ref: P,
+				children: !w && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G("input", {
+					ref: N,
 					type: "file",
 					multiple: !0,
-					accept: w,
+					accept: T,
 					className: "sr-only",
 					"aria-hidden": !0,
 					tabIndex: -1,
 					onChange: pe
 				}), /* @__PURE__ */ G(qe, {
-					onAttachClick: () => P.current?.click(),
+					onAttachClick: () => N.current?.click(),
 					attachLabel: m,
 					addMenuTitle: p,
 					menuTitle: h,
@@ -2101,10 +2102,10 @@ var kt = {
 				})] })
 			}), /* @__PURE__ */ K("div", {
 				className: "flex gap-2",
-				children: [/* @__PURE__ */ G(S, {
+				children: [/* @__PURE__ */ G(y, {
 					label: s,
 					onClick: n
-				}), /* @__PURE__ */ G(T, {
+				}), /* @__PURE__ */ G(S, {
 					label: l,
 					onClick: de,
 					disabled: !ue