npm - @epam/ai-dial-conversation-input - Versions diffs - 1.1.0-dev.53 → 1.1.0-dev.55 - Mend

@epam/ai-dial-conversation-input 1.1.0-dev.53 → 1.1.0-dev.55

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/components/ModelSelectorBottomSheet/ModelSelectorBottomSheet.d.ts.map +1 -1
package/hooks/useModelSelector.d.ts.map +1 -1
package/index.js +225 -225
package/package.json +5 -5

package/components/ModelSelectorBottomSheet/ModelSelectorBottomSheet.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModelSelectorBottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/ModelSelectorBottomSheet/ModelSelectorBottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,~~EACL~~,KAAK,cAAc,~~EAGpB~~,MAAM,2BAA2B,CAAC;~~AAQnC~~,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,EAAE,EAAuB,MAAM,OAAO,CAAC;AAiFzE,wDAAwD;AACxD,MAAM,WAAW,6BAA6B;IAC5C,iCAAiC;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,kFAAkF;IAClF,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,UAAU,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kFAAkF;IAClF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kJAAkJ;IAClJ,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,uEAAuE;IACvE,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,oFAAoF;IACpF,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wEAAwE;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,sFAAsF;IACtF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iGAAiG;IACjG,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wFAAwF;AACxF,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,6BAA6B,CAgGtE,CAAC"}
1	+ {"version":3,"file":"ModelSelectorBottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/ModelSelectorBottomSheet/ModelSelectorBottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAgB,MAAM,2BAA2B,CAAC;AAS9E,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,EAAE,EAAuB,MAAM,OAAO,CAAC;AAiFzE,wDAAwD;AACxD,MAAM,WAAW,6BAA6B;IAC5C,iCAAiC;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,kFAAkF;IAClF,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,UAAU,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kFAAkF;IAClF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kJAAkJ;IAClJ,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,uEAAuE;IACvE,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,oFAAoF;IACpF,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wEAAwE;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,sFAAsF;IACtF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iGAAiG;IACjG,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wFAAwF;AACxF,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,6BAA6B,CAgGtE,CAAC"}

package/hooks/useModelSelector.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useModelSelector.d.ts","sourceRoot":"","sources":["../../src/hooks/useModelSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,~~EACL~~,KAAK,cAAc,~~EAGpB~~,MAAM,2BAA2B,CAAC;~~AAEnC~~,OAAO,EAGL,YAAY,~~EAEb~~,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAM1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAO3D,4CAA4C;AAC5C,MAAM,WAAW,uBAAuB;IACtC,gIAAgI;IAChI,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,wCAAwC;IACxC,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,+CAA+C;IAC/C,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,iGAAiG;IACjG,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,6CAA6C;AAC7C,MAAM,WAAW,sBAAsB;IACrC,wCAAwC;IACxC,YAAY,EAAE,SAAS,CAAC;IACxB,+CAA+C;IAC/C,iBAAiB,EAAE,MAAM,CAAC;IAC1B,0GAA0G;IAC1G,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,8CAA8C;IAC9C,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,0DAA0D;IAC1D,UAAU,EAAE,SAAS,CAAC;IACtB,wFAAwF;IACxF,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC;AAED,2EAA2E;AAC3E,eAAO,MAAM,gBAAgB,GAAI,wGAM9B,uBAAuB,KAAG,sBA+H5B,CAAC"}
1	+ {"version":3,"file":"useModelSelector.d.ts","sourceRoot":"","sources":["../../src/hooks/useModelSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAgB,MAAM,2BAA2B,CAAC;AAE9E,OAAO,EAGL,YAAY,EAGb,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAM1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAO3D,4CAA4C;AAC5C,MAAM,WAAW,uBAAuB;IACtC,gIAAgI;IAChI,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,wCAAwC;IACxC,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,+CAA+C;IAC/C,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,iGAAiG;IACjG,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,6CAA6C;AAC7C,MAAM,WAAW,sBAAsB;IACrC,wCAAwC;IACxC,YAAY,EAAE,SAAS,CAAC;IACxB,+CAA+C;IAC/C,iBAAiB,EAAE,MAAM,CAAC;IAC1B,0GAA0G;IAC1G,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,8CAA8C;IAC9C,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,0DAA0D;IAC1D,UAAU,EAAE,SAAS,CAAC;IACtB,wFAAwF;IACxF,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC;AAED,2EAA2E;AAC3E,eAAO,MAAM,gBAAgB,GAAI,wGAM9B,uBAAuB,KAAG,sBA+H5B,CAAC"}

package/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { AttachmentErrorReason as e, AttachmentType as t, DeploymentIcon as n, Highlight as r, RequestStatus as i, ResponseFormat as a, buildCssVars as o, mergeClasses as s, useIsMobile as c } from "@epam/ai-dial-chat-shared";
-import { BASE_ICON_SIZE as l, ButtonAppearance as u, ButtonVariant as d, DIAL_ICON_SIZE as f, DialButton as p, DialCloseButton as m, DialDropdown as h, DialDropdownIcon as g, DialErrorText as _, DialGhostIconButton as v, DialInput as y, DialPopup as b, DialPrimaryButton as x, DialRadioGroup as S, DialSearch as C, DialSkeleton as w, DialSkeletonVariant as T, DialSlider as E, DialTag as D, DialTooltip as O, ElementSize as k, PopupSize as ee, RadioGroupOrientation as A } from "@epam/ai-dial-ui-kit";
+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, ButtonAppearance as l, ButtonVariant as u, DIAL_ICON_SIZE as d, DialButton as f, DialCloseButton as p, DialDropdown as m, DialDropdownIcon as h, DialErrorText as g, DialGhostIconButton as _, DialInput as v, DialPopup as y, DialPrimaryButton as b, DialRadioGroup as x, DialSearch as S, DialSkeleton as C, DialSkeletonVariant as w, DialSlider as T, DialTag as E, DialTooltip as D, ElementSize as O, Highlight as k, PopupSize as ee, RadioGroupOrientation as A } from "@epam/ai-dial-ui-kit";
 import { IconArrowLeft as te, IconArrowNarrowRight as ne, IconCheck as re, IconChevronDown as ie, IconChevronRight as ae, IconFile as oe, IconMicrophone as se, IconPaperclip as j, IconPlayerStopFilled as ce, IconPlaystationSquare as le, IconPlus as ue, IconSettings as de, IconX as fe } from "@tabler/icons-react";
 import { createPortal as pe } from "react-dom";
 import { createElement as me, memo as he, useCallback as M, useEffect as N, useImperativeHandle as P, useLayoutEffect as ge, useMemo as F, useRef as I, useState as L } from "react";
@@ -24,24 +24,24 @@ var Te = (e, t) => {
 	"slide-up": "_slide-up_3xrn0_1",
 	title: "_title_3xrn0_18",
 	divider: "_divider_3xrn0_22"
-}, U = ({ isOpen: e, title: t, closeLabel: n, onClose: r, onBack: i, backLabel: a, "aria-label": o, style: c, titleClassName: l = "dial-body-semi-text", className: u, children: d }) => (Te(e, r), !e || typeof document > "u" ? null : pe(/* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z("div", {
-	className: s(H.backdrop, "fixed inset-0 z-[55]"),
+}, U = ({ isOpen: e, title: t, closeLabel: n, onClose: r, onBack: i, backLabel: a, "aria-label": s, style: c, titleClassName: l = "dial-body-semi-text", className: u, children: f }) => (Te(e, r), !e || typeof document > "u" ? null : pe(/* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z("div", {
+	className: o(H.backdrop, "fixed inset-0 z-[55]"),
 	onPointerDown: r,
 	"aria-hidden": !0
 }), /* @__PURE__ */ B("div", {
 	role: "dialog",
 	"aria-modal": !0,
-	"aria-label": t ?? o,
+	"aria-label": t ?? s,
 	style: c,
-	className: s(H.sheet, "fixed inset-x-0 bottom-0 z-[60] flex max-h-[85dvh] flex-col", u),
+	className: o(H.sheet, "fixed inset-x-0 bottom-0 z-[60] flex max-h-[85dvh] flex-col", u),
 	children: [t != null && /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ B("div", {
 		className: "relative flex h-[60px] flex-shrink-0 items-center justify-center px-4",
 		children: [
 			i && /* @__PURE__ */ z("div", {
 				className: "absolute start-4",
-				children: /* @__PURE__ */ z(v, {
+				children: /* @__PURE__ */ z(_, {
 					icon: /* @__PURE__ */ z(te, {
-						size: f.LG,
+						size: d.LG,
 						stroke: 1.5,
 						className: "rtl:scale-x-[-1]"
 					}),
@@ -50,27 +50,27 @@ var Te = (e, t) => {
 				})
 			}),
 			/* @__PURE__ */ z("span", {
-				className: s(H.title, l),
+				className: o(H.title, l),
 				children: t
 			}),
 			/* @__PURE__ */ z("div", {
 				className: "absolute end-4 m-2",
-				children: /* @__PURE__ */ z(m, {
+				children: /* @__PURE__ */ z(p, {
 					ariaLabel: n,
-					size: f.LG,
+					size: d.LG,
 					onClose: r
 				})
 			})
 		]
 	}), /* @__PURE__ */ z("div", { className: "h-px flex-shrink-0" })] }), /* @__PURE__ */ z("div", {
 		className: "overflow-y-auto",
-		children: d
+		children: f
 	})]
 })] }), document.body)), Ee = async (e, t, n) => {
 	let r = 6e4 / t, i = [];
 	for (let t = 0; t < e.length; t++) t > 0 && await new Promise((e) => setTimeout(e, r)), i.push(n(e[t]));
 	await Promise.allSettled(i);
-}, De = ({ initialAttachments: n, onUploadAttachment: r, onAttachmentsChange: a, validateAttachment: o, pendingDropFiles: s, onDropFilesConsumed: c, pendingAttachments: l, onPendingAttachmentsConsumed: u, onExpandPastedText: d, maximumAttachmentsAmount: f, baseAttachmentsAmount: p = 0, onAttachmentsLimitExceeded: m }) => {
+}, De = ({ initialAttachments: n, onUploadAttachment: i, onAttachmentsChange: a, validateAttachment: o, pendingDropFiles: s, onDropFilesConsumed: c, pendingAttachments: l, onPendingAttachmentsConsumed: u, onExpandPastedText: d, maximumAttachmentsAmount: f, baseAttachmentsAmount: p = 0, onAttachmentsLimitExceeded: m }) => {
 	let [h, g] = L(n), _ = I(h);
 	N(() => {
 		_.current = h;
@@ -80,14 +80,14 @@ var Te = (e, t) => {
 		});
 	}, []);
 	let v = M((e) => e.map((e) => {
-		let n = e.type.startsWith("image/"), r = e.type.startsWith("audio/"), a = n ? URL.createObjectURL(e) : void 0, o = r ? URL.createObjectURL(e) : void 0;
+		let n = e.type.startsWith("image/"), i = e.type.startsWith("audio/"), a = n ? URL.createObjectURL(e) : void 0, o = i ? URL.createObjectURL(e) : void 0;
 		return {
 			id: Se(),
 			name: e.name,
 			contentType: e.type,
 			file: e,
-			type: n ? t.Image : r ? t.Audio : t.File,
-			status: i.Idle,
+			type: n ? t.Image : i ? t.Audio : t.File,
+			status: r.Idle,
 			previewUrl: a,
 			playUrl: o
 		};
@@ -99,46 +99,46 @@ var Te = (e, t) => {
 	}, [a]), b = M((e) => {
 		g(e), a?.(e);
 	}, [a]), x = M(async (t) => {
-		if (r) {
+		if (i) {
 			y((e) => e.map((e) => e.id === t.id ? {
 				...e,
-				status: i.Loading
+				status: r.Loading
 			} : e));
 			try {
-				let e = await r(t);
+				let e = await i(t);
 				y((n) => n.map((n) => n.id === t.id ? {
 					...n,
-					status: i.Idle,
+					status: r.Idle,
 					url: e
 				} : n));
 			} catch (n) {
-				let r = typeof n == "object" && n && "errorReason" in n && Object.values(e).includes(n.errorReason) ? n.errorReason : void 0;
+				let i = typeof n == "object" && n && "errorReason" in n && Object.values(e).includes(n.errorReason) ? n.errorReason : void 0;
 				y((e) => e.map((e) => e.id === t.id ? {
 					...e,
-					status: i.Error,
-					...r != null && { errorReason: r }
+					status: r.Error,
+					...i != null && { errorReason: i }
 				} : e));
 			}
 		}
-	}, [r, y]), S = M((e, t = !0) => {
-		let n = new Set(_.current.map((e) => e.id)), r = e.filter((e) => !n.has(e.id));
-		if (r.length !== 0) {
+	}, [i, y]), S = M((e, t = !0) => {
+		let n = new Set(_.current.map((e) => e.id)), i = e.filter((e) => !n.has(e.id));
+		if (i.length !== 0) {
 			if (f != null && f > 0 && Number.isFinite(f)) {
-				let e = p + _.current.length + r.length;
+				let e = p + _.current.length + i.length;
 				if (e > f) {
-					r.forEach((e) => {
+					i.forEach((e) => {
 						e.previewUrl && URL.revokeObjectURL(e.previewUrl);
 					}), m?.(e, f);
 					return;
 				}
 			}
-			if (y((e) => [...e, ...r]), t) {
+			if (y((e) => [...e, ...i]), t) {
 				let e = [];
-				r.forEach((t) => {
+				i.forEach((t) => {
 					let n = o?.(t);
 					n == null ? e.push(t) : y((e) => e.map((e) => e.id === t.id ? {
 						...e,
-						status: i.Error,
+						status: r.Error,
 						errorReason: n
 					} : e));
 				}), Ee(e, xe, x);
@@ -167,26 +167,26 @@ var Te = (e, t) => {
 		l
 	]), N(() => {
 		if (!o) return;
-		let t = !1, n = [], r = _.current.map((r) => {
-			if (r.status === i.Loading) return r;
-			let a = o(r);
-			if (a != null) return r.status === i.Error && r.errorReason === a ? r : (t = !0, {
-				...r,
-				status: i.Error,
+		let t = !1, n = [], i = _.current.map((i) => {
+			if (i.status === r.Loading) return i;
+			let a = o(i);
+			if (a != null) return i.status === r.Error && i.errorReason === a ? i : (t = !0, {
+				...i,
+				status: r.Error,
 				errorReason: a
 			});
-			if (r.errorReason === e.UnsupportedType) {
+			if (i.errorReason === e.UnsupportedType) {
 				t = !0;
 				let e = {
-					...r,
-					status: i.Idle,
+					...i,
+					status: r.Idle,
 					errorReason: void 0
 				};
 				return e.url ?? n.push(e), e;
 			}
-			return r;
+			return i;
 		});
-		t && y(() => r), n.forEach((e) => void x(e));
+		t && y(() => i), n.forEach((e) => void x(e));
 	}, [
 		o,
 		y,
@@ -218,7 +218,7 @@ var Te = (e, t) => {
 			C,
 			d
 		]),
-		hasBlockedAttachments: h.some((e) => e.status === i.Loading || e.status === i.Error)
+		hasBlockedAttachments: h.some((e) => e.status === r.Loading || e.status === r.Error)
 	};
 }, Oe = (e, t) => {
 	let [n, r] = L(e), [i, a] = L(!1), [o, s] = L(0);
@@ -334,7 +334,7 @@ var Te = (e, t) => {
 }({}), Re = {
 	item: "_item_vou13_1",
 	itemIcon: "_itemIcon_vou13_11"
-}, ze = ({ isOpen: e, title: t, closeLabel: n, onClose: r, style: i, items: a, className: o, titleClassName: c = "dial-body-semi-text", itemLabelClassName: l = "dial-small-text", btnTextClassName: u = "" }) => {
+}, ze = ({ isOpen: e, title: t, closeLabel: n, onClose: r, style: i, items: a, className: s, titleClassName: c = "dial-body-semi-text", itemLabelClassName: l = "dial-small-text", btnTextClassName: u = "" }) => {
 	let d = (e) => {
 		e(), r();
 	};
@@ -344,14 +344,14 @@ var Te = (e, t) => {
 		closeLabel: n,
 		onClose: r,
 		style: i,
-		className: o,
+		className: s,
 		titleClassName: c,
 		children: /* @__PURE__ */ z("ul", {
 			role: "list",
 			className: "flex flex-col",
-			children: a.map(({ key: e, label: t, icon: n, iconAfter: r, onClick: i }) => /* @__PURE__ */ z("li", { children: /* @__PURE__ */ z(p, {
+			children: a.map(({ key: e, label: t, icon: n, iconAfter: r, onClick: i }) => /* @__PURE__ */ z("li", { children: /* @__PURE__ */ z(f, {
 				type: "button",
-				className: s(Re.item, "flex w-full items-center gap-3 px-4 py-[10px] text-start"),
+				className: o(Re.item, "flex w-full items-center gap-3 px-4 py-[10px] text-start"),
 				iconBefore: /* @__PURE__ */ z("span", {
 					className: Re.itemIcon,
 					children: n
@@ -370,8 +370,8 @@ var Te = (e, t) => {
 		})
 	});
 }, Be = ({ gradientId: e = "gradient-check-icon" }) => /* @__PURE__ */ B("svg", {
-	width: f.SM,
-	height: f.SM,
+	width: d.SM,
+	height: d.SM,
 	viewBox: "0 0 24 24",
 	fill: "none",
 	"aria-hidden": !0,
@@ -411,11 +411,11 @@ he(({ tabs: e, activeTabId: t, onTabChange: n, styles: r }) => {
 				role: "tab",
 				"aria-selected": r,
 				className: "contents",
-				children: /* @__PURE__ */ z(D, {
+				children: /* @__PURE__ */ z(E, {
 					label: e.label,
 					selected: r,
 					onClick: () => n(e.id),
-					className: s("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", i, Ve.tabContainer, r && Ve.tabActive)
+					className: o("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", i, Ve.tabContainer, r && Ve.tabActive)
 				})
 			}, e.id);
 		})
@@ -423,10 +423,10 @@ he(({ tabs: e, activeTabId: t, onTabChange: n, styles: r }) => {
 });
 //#endregion
 //#region ../ai-dial-kit/src/components/Button/Buttons.tsx
-var W = (e) => /* @__PURE__ */ z(x, { ...e }), He = (e) => /* @__PURE__ */ z(p, {
+var W = (e) => /* @__PURE__ */ z(b, { ...e }), He = (e) => /* @__PURE__ */ z(f, {
 	...e,
-	variant: d.Neutral,
-	appearance: u.Outlined
+	variant: u.Neutral,
+	appearance: l.Outlined
 }), G = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, isOpen: o }) => {
 	let [s, c] = L(t), [l, u] = L(n), [d, f] = L(r), p = I(o);
 	N(() => {
@@ -460,30 +460,30 @@ var W = (e) => /* @__PURE__ */ z(x, { ...e }), He = (e) => /* @__PURE__ */ z(p,
 			a
 		])
 	};
-}, K = "!dial-small-semi-text !text-primary gap-1", Ue = ({ features: e, responseFormat: t, systemPrompt: n, temperature: r, onResponseFormatChange: i, onSystemPromptChange: o, onTemperatureChange: s, responseFormatLabel: c = "Response format", responseFormatHint: l = "Applies to new and existing messages", responseFormatMarkdownLabel: u = "Markdown", responseFormatPlainTextLabel: d = "Plain text", systemPromptLabel: f = "System prompt", systemPromptTooltip: p = "Enter a prompt", temperatureLabel: m = "Temperature", temperatureLabels: h = [
+}, K = "!dial-small-semi-text !text-primary gap-1", Ue = ({ features: e, responseFormat: t, systemPrompt: n, temperature: r, onResponseFormatChange: a, onSystemPromptChange: o, onTemperatureChange: s, responseFormatLabel: c = "Response format", responseFormatHint: l = "Applies to new and existing messages", responseFormatMarkdownLabel: u = "Markdown", responseFormatPlainTextLabel: d = "Plain text", systemPromptLabel: f = "System prompt", systemPromptTooltip: p = "Enter a prompt", temperatureLabel: m = "Temperature", temperatureLabels: h = [
 	"Precise",
 	"Neutral",
 	"Creative"
 ], temperatureHint: g }) => /* @__PURE__ */ B("div", {
 	className: "flex flex-col gap-4 px-6 py-3",
 	children: [
-		e.responseFormat && /* @__PURE__ */ z(S, {
+		e.responseFormat && /* @__PURE__ */ z(x, {
 			fieldTitle: c,
 			labelClassName: K,
 			elementId: "response-format",
 			orientation: A.Column,
-			activeRadioButton: t ?? a.Markdown,
+			activeRadioButton: t ?? i.Markdown,
 			labelDescription: l,
 			radioButtons: [{
-				id: a.Markdown,
+				id: i.Markdown,
 				name: u
 			}, {
-				id: a.PlainText,
+				id: i.PlainText,
 				name: d
 			}],
-			onChange: (e) => i(e)
+			onChange: (e) => a(e)
 		}),
-		e.systemPrompt && /* @__PURE__ */ z(y, {
+		e.systemPrompt && /* @__PURE__ */ z(v, {
 			value: n,
 			placeholder: p,
 			labelProps: {
@@ -492,7 +492,7 @@ var W = (e) => /* @__PURE__ */ z(x, { ...e }), He = (e) => /* @__PURE__ */ z(p,
 			},
 			onChange: (e) => o(e ?? "")
 		}),
-		e.temperature && /* @__PURE__ */ z(E, {
+		e.temperature && /* @__PURE__ */ z(T, {
 			labelProps: {
 				label: m,
 				className: K,
@@ -506,10 +506,10 @@ var W = (e) => /* @__PURE__ */ z(x, { ...e }), He = (e) => /* @__PURE__ */ z(p,
 			onChange: s
 		})
 	]
-}), We = ({ isOpen: e, onBack: t, backLabel: n, onClose: r, closeLabel: i, style: a, features: o, 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: S = "Apply changes", saveDisabledTooltip: C }) => {
-	let { responseFormat: w, systemPrompt: T, temperature: E, canSubmit: D, setResponseFormat: k, setSystemPrompt: ee, setTemperature: A, handleSubmit: te } = G({
+}), We = ({ 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: S = "Apply changes", saveDisabledTooltip: C }) => {
+	let { responseFormat: w, systemPrompt: T, temperature: E, canSubmit: O, setResponseFormat: k, setSystemPrompt: ee, setTemperature: A, handleSubmit: te } = G({
 		isOpen: e,
-		features: o,
+		features: s,
 		initialResponseFormat: c,
 		initialSystemPrompt: l,
 		initialTemperature: u,
@@ -525,7 +525,7 @@ var W = (e) => /* @__PURE__ */ z(x, { ...e }), He = (e) => /* @__PURE__ */ z(p,
 		backLabel: n,
 		style: a,
 		children: [/* @__PURE__ */ z(Ue, {
-			features: o,
+			features: s,
 			responseFormat: w,
 			systemPrompt: T,
 			temperature: E,
@@ -542,22 +542,22 @@ var W = (e) => /* @__PURE__ */ z(x, { ...e }), He = (e) => /* @__PURE__ */ z(p,
 			temperatureLabels: b,
 			temperatureHint: x
 		}), /* @__PURE__ */ z("div", {
-			className: s("px-6 py-4 mobile:pb-8"),
-			children: /* @__PURE__ */ z(O, {
+			className: o("px-6 py-4 mobile:pb-8"),
+			children: /* @__PURE__ */ z(D, {
 				tooltip: C,
-				hideTooltip: D || !C,
+				hideTooltip: O || !C,
 				triggerClassName: "w-full",
 				children: /* @__PURE__ */ z(W, {
 					label: S,
 					onClick: te,
-					disabled: !D,
+					disabled: !O,
 					className: "w-full"
 				})
 			})
 		})]
 	});
 }, q = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, title: o = "Chat settings", responseFormatLabel: s, responseFormatHint: c, responseFormatMarkdownLabel: l, responseFormatPlainTextLabel: u, systemPromptLabel: d, systemPromptTooltip: f, temperatureLabel: p, temperatureLabels: m, temperatureHint: h, saveLabel: g = "Apply changes", saveDisabledTooltip: _ }) => {
-	let { responseFormat: v, systemPrompt: y, temperature: x, canSubmit: S, setResponseFormat: C, setSystemPrompt: w, setTemperature: T, handleSubmit: E } = G({
+	let { responseFormat: v, systemPrompt: b, temperature: x, canSubmit: S, setResponseFormat: C, setSystemPrompt: w, setTemperature: T, handleSubmit: E } = G({
 		features: e,
 		initialResponseFormat: t,
 		initialSystemPrompt: n,
@@ -565,7 +565,7 @@ var W = (e) => /* @__PURE__ */ z(x, { ...e }), He = (e) => /* @__PURE__ */ z(p,
 		onSave: i,
 		onClose: a
 	});
-	return /* @__PURE__ */ z(b, {
+	return /* @__PURE__ */ z(y, {
 		open: !0,
 		header: o,
 		size: ee.Sm,
@@ -573,7 +573,7 @@ var W = (e) => /* @__PURE__ */ z(x, { ...e }), He = (e) => /* @__PURE__ */ z(p,
 		className: "!bg-layer-2",
 		footer: /* @__PURE__ */ z("div", {
 			className: "flex justify-end px-6 py-4",
-			children: /* @__PURE__ */ z(O, {
+			children: /* @__PURE__ */ z(D, {
 				tooltip: _,
 				hideTooltip: S || !_,
 				children: /* @__PURE__ */ z(W, {
@@ -586,7 +586,7 @@ var W = (e) => /* @__PURE__ */ z(x, { ...e }), He = (e) => /* @__PURE__ */ z(p,
 		children: /* @__PURE__ */ z(Ue, {
 			features: e,
 			responseFormat: v,
-			systemPrompt: y,
+			systemPrompt: b,
 			temperature: x,
 			onResponseFormatChange: C,
 			onSystemPromptChange: w,
@@ -606,27 +606,27 @@ var W = (e) => /* @__PURE__ */ z(x, { ...e }), He = (e) => /* @__PURE__ */ z(p,
 he(q);
 //#endregion
 //#region src/components/AddAttachmentButton/AddAttachmentButton.tsx
-var Ge = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, menuCloseLabel: i, style: o, listClassName: u = "cp-dropdown-overlay !w-[240px]", isDisabled: d = !1, chatSettings: p, extraMenuItems: m }) => {
-	let g = c(), [_, y] = L(!1), [b, x] = L(!1), S = F(() => [
+var Ge = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, menuCloseLabel: a, style: l, listClassName: u = "cp-dropdown-overlay !w-[240px]", isDisabled: f = !1, chatSettings: p, extraMenuItems: h }) => {
+	let g = s(), [v, y] = L(!1), [b, x] = L(!1), S = F(() => [
 		...e == null ? [] : [{
 			key: "attach",
 			label: t,
 			icon: /* @__PURE__ */ z(j, {
-				size: l,
+				size: c,
 				"aria-hidden": !0
 			}),
 			onClick: e
 		}],
-		...m ?? [],
+		...h ?? [],
 		...p == null ? [] : [{
 			key: "chat-settings",
 			label: p.menuItemLabel ?? "Chat settings",
 			icon: /* @__PURE__ */ z(de, {
-				size: l,
+				size: c,
 				"aria-hidden": !0
 			}),
 			iconAfter: g ? /* @__PURE__ */ z(ae, {
-				size: l,
+				size: c,
 				stroke: 1.5,
 				className: "text-secondary rtl:scale-x-[-1]",
 				"aria-hidden": !0
@@ -637,26 +637,26 @@ var Ge = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 		t,
 		e,
 		p,
-		m,
+		h,
 		g
 	]);
 	return S.length === 0 ? null : /* @__PURE__ */ z(R, { children: g ? /* @__PURE__ */ B(R, { children: [
-		/* @__PURE__ */ z(v, {
+		/* @__PURE__ */ z(_, {
 			icon: /* @__PURE__ */ z(ue, {
-				size: f.LG,
+				size: d.LG,
 				"aria-hidden": !0
 			}),
 			"aria-label": n,
 			tooltipProps: { tooltip: n },
-			className: s("size-10 flex-shrink-0", d && "pointer-events-none opacity-50"),
+			className: o("size-10 flex-shrink-0", f && "pointer-events-none opacity-50"),
 			onClick: () => y(!0)
 		}),
 		/* @__PURE__ */ z(ze, {
-			isOpen: _,
+			isOpen: v,
 			title: r,
-			closeLabel: i,
+			closeLabel: a,
 			onClose: () => y(!1),
-			style: o,
+			style: l,
 			items: S,
 			className: "pb-4",
 			btnTextClassName: "flex-1"
@@ -668,10 +668,10 @@ var Ge = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 			},
 			backLabel: p.backLabel ?? "Back",
 			onClose: () => x(!1),
-			closeLabel: i,
-			style: o,
+			closeLabel: a,
+			style: l,
 			features: p.features,
-			initialResponseFormat: p.responseFormat ?? a.Markdown,
+			initialResponseFormat: p.responseFormat ?? i.Markdown,
 			initialSystemPrompt: p.systemPrompt,
 			initialTemperature: p.temperature,
 			onSave: p.onSave,
@@ -688,24 +688,24 @@ var Ge = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 			saveLabel: p.saveLabel,
 			saveDisabledTooltip: p.saveDisabledTooltip
 		})
-	] }) : /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z(h, {
+	] }) : /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z(m, {
 		matchReferenceWidth: !1,
 		placement: "bottom-start",
 		listClassName: u,
 		items: S,
-		children: /* @__PURE__ */ z(v, {
+		children: /* @__PURE__ */ z(_, {
 			icon: /* @__PURE__ */ z(ue, {
-				size: f.LG,
+				size: d.LG,
 				"aria-hidden": !0
 			}),
 			"aria-label": n,
 			tooltipProps: { tooltip: n },
 			className: "size-10 flex-shrink-0",
-			disabled: d
+			disabled: f
 		})
 	}), p != null && b && /* @__PURE__ */ z(q, {
 		features: p.features,
-		initialResponseFormat: p.responseFormat ?? a.Markdown,
+		initialResponseFormat: p.responseFormat ?? i.Markdown,
 		initialSystemPrompt: p.systemPrompt,
 		initialTemperature: p.temperature,
 		onSave: p.onSave,
@@ -731,14 +731,14 @@ var Ge = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 	stopRecordingIcon: "_stopRecordingIcon_8j81i_28",
 	recordingDot: "_recordingDot_8j81i_42",
 	"recording-pulse": "_recording-pulse_8j81i_1"
-}, Ke = 3, Y = 4, X = 200, qe = (e) => `${String(Math.floor(e / 60)).padStart(2, "0")}:${String(e % 60).padStart(2, "0")}`, Je = ({ state: e, analyserNodeRef: t, elapsedSeconds: n, errorMessage: r, onStop: i, onDiscard: a, stopLabel: o = "Stop recording", discardLabel: c = "Discard recording", timerLabel: l = "Recording time", style: u, className: d }) => {
-	let p = I(null), m = I(new Float32Array(X)), h = I(0), g = I(0), y = e === Ne.Recording, b = e === Ne.Error, x = M((e) => {
+}, Ke = 3, Y = 4, X = 200, qe = (e) => `${String(Math.floor(e / 60)).padStart(2, "0")}:${String(e % 60).padStart(2, "0")}`, Je = ({ state: e, analyserNodeRef: t, elapsedSeconds: n, errorMessage: r, onStop: i, onDiscard: a, stopLabel: s = "Stop recording", discardLabel: c = "Discard recording", timerLabel: l = "Recording time", style: u, className: f }) => {
+	let p = I(null), m = I(new Float32Array(X)), h = I(0), v = I(0), y = e === Ne.Recording, b = e === Ne.Error, x = M((e) => {
 		let t = e.getContext("2d");
 		if (!t) return;
 		e.width = e.clientWidth || 200, e.height = e.clientHeight || 32;
 		let { width: n, height: r } = e;
 		t.clearRect(0, 0, n, r), t.fillStyle = getComputedStyle(e).color;
-		let i = Math.min(Math.max(1, Math.floor(n / Y)), X - 1), a = h.current, o = g.current;
+		let i = Math.min(Math.max(1, Math.floor(n / Y)), X - 1), a = h.current, o = v.current;
 		t.save(), t.beginPath(), t.rect(0, 0, n, r), t.clip(), t.translate(-o, 0);
 		for (let e = 0; e <= i; e++) {
 			let n = ((a - i + e) % X + X) % X, o = m.current[n] ?? 0, s = Math.min(1, o * 6), c = Math.max(3, s * r);
@@ -750,10 +750,10 @@ var Ge = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 		if (!y) return;
 		let e = p.current;
 		if (!e) return;
-		m.current.fill(0), h.current = 0, g.current = 0;
+		m.current.fill(0), h.current = 0, v.current = 0;
 		let n, r = () => {
-			if (g.current += 1, g.current >= Y) {
-				g.current -= Y;
+			if (v.current += 1, v.current >= Y) {
+				v.current -= Y;
 				let e = t.current;
 				if (e) {
 					let t = new Uint8Array(e.frequencyBinCount);
@@ -785,46 +785,46 @@ var Ge = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 	}, [x]);
 	let S = /* @__PURE__ */ B("div", {
 		className: "flex flex-shrink-0 items-center justify-end gap-1",
-		children: [/* @__PURE__ */ z(v, {
+		children: [/* @__PURE__ */ z(_, {
 			icon: /* @__PURE__ */ z(fe, {
-				size: f.LG,
+				size: d.LG,
 				"aria-hidden": !0
 			}),
 			"aria-label": c,
 			className: "size-10 flex-shrink-0",
 			onClick: a
-		}), y && /* @__PURE__ */ z(v, {
+		}), y && /* @__PURE__ */ z(_, {
 			icon: /* @__PURE__ */ z(ce, {
-				size: f.LG,
+				size: d.LG,
 				className: J.stopRecordingIcon,
 				"aria-hidden": !0
 			}),
-			"aria-label": o,
+			"aria-label": s,
 			className: "size-10 flex-shrink-0",
 			onClick: i
 		})]
 	});
 	return /* @__PURE__ */ B("div", {
-		className: d,
+		className: f,
 		children: [/* @__PURE__ */ B("div", {
 			style: u,
-			className: s(J.container, "flex min-h-[56px] w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border px-3 desktop:flex-row desktop:items-center desktop:gap-2 desktop:py-2", b && J.containerError),
+			className: o(J.container, "flex min-h-[56px] w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border px-3 desktop:flex-row desktop:items-center desktop:gap-2 desktop:py-2", b && J.containerError),
 			children: [/* @__PURE__ */ B("div", {
 				className: "flex min-w-0 flex-1 items-center gap-2",
 				children: [y && /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z("span", {
 					className: J.recordingDot,
 					"aria-hidden": !0
 				}), /* @__PURE__ */ z("span", {
-					className: s(J.timer, "flex-shrink-0"),
+					className: o(J.timer, "flex-shrink-0"),
 					"aria-label": l,
 					children: qe(n)
 				})] }), /* @__PURE__ */ z("canvas", {
 					ref: p,
 					height: 32,
-					className: s(J.waveformCanvas, "h-8 min-w-0 flex-1 desktop:h-6")
+					className: o(J.waveformCanvas, "h-8 min-w-0 flex-1 desktop:h-6")
 				})]
 			}), S]
-		}), b && r && /* @__PURE__ */ z(_, {
+		}), b && r && /* @__PURE__ */ z(g, {
 			text: r,
 			className: "mt-1 px-1"
 		})]
@@ -841,39 +841,39 @@ var Ge = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 	sendButtonEnter: "_sendButtonEnter_1q2nu_1",
 	sendButtonExiting: "_sendButtonExiting_1q2nu_55",
 	sendButtonExit: "_sendButtonExit_1q2nu_55"
-}, Ye = ({ onSend: e, isDisabled: t = !1, ariaLabel: n = "Send message", title: r, isExiting: i = !1 }) => /* @__PURE__ */ z(O, {
+}, Ye = ({ onSend: e, isDisabled: t = !1, ariaLabel: n = "Send message", title: r, isExiting: i = !1 }) => /* @__PURE__ */ z(D, {
 	tooltip: r,
 	hideTooltip: !r,
 	children: /* @__PURE__ */ z("button", {
-		className: s("flex size-[32px] cursor-pointer items-center justify-center rounded-full disabled:cursor-not-allowed", Z.sendButton, i && Z.sendButtonExiting),
+		className: o("flex size-[32px] cursor-pointer items-center justify-center rounded-full disabled:cursor-not-allowed", Z.sendButton, i && Z.sendButtonExiting),
 		"aria-label": n,
 		onClick: () => e?.(),
 		type: "button",
 		disabled: t,
 		"aria-hidden": i,
 		children: /* @__PURE__ */ z(ne, {
-			size: f.LG,
+			size: d.LG,
 			className: "rtl:scale-x-[-1]"
 		})
 	})
 }), Xe = ({ onStop: e, ariaLabel: t = "Stop streaming" }) => /* @__PURE__ */ z("button", {
-	className: s("flex cursor-pointer items-center justify-center disabled:cursor-not-allowed"),
+	className: o("flex cursor-pointer items-center justify-center disabled:cursor-not-allowed"),
 	"aria-label": t,
 	onClick: () => e?.(),
 	type: "button",
 	children: /* @__PURE__ */ z(le, {
-		size: f.LG,
+		size: d.LG,
 		className: Z.stopIcon
 	})
-}), Ze = ({ size: e = 20 }) => /* @__PURE__ */ z(w, {
-	variant: T.Circular,
+}), Ze = ({ size: e = 20 }) => /* @__PURE__ */ z(C, {
+	variant: w.Circular,
 	width: e,
 	height: e,
 	active: !0
 }), Qe = ({ loadingLabel: e }) => /* @__PURE__ */ B("span", {
 	className: "flex min-w-0 flex-1 items-center",
-	children: [/* @__PURE__ */ z(w, {
-		variant: T.Text,
+	children: [/* @__PURE__ */ z(C, {
+		variant: w.Text,
 		width: "100%",
 		height: 16,
 		active: !0
@@ -897,70 +897,70 @@ var Ge = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
 	size: i,
 	labels: { tooltip: a },
 	initialsName: r
-}), rt = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: i, searchHeaderClassName: a = "bg-layer-0" }) => {
-	let [o, c] = L(""), l = F(() => e?.find((e) => e.id === t), [e, t]), u = i?.loading !== void 0, d = F(() => u ? /* @__PURE__ */ z(Ze, { size: f.LG }) : nt(l?.iconUrl, l?.type, l?.displayName ?? l?.id ?? "", f.LG), [u, l]), p = l?.displayName ?? l?.id;
+}), rt = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, searchHeaderClassName: i = "bg-layer-0" }) => {
+	let [a, s] = L(""), c = F(() => e?.find((e) => e.id === t), [e, t]), l = r?.loading !== void 0, u = F(() => l ? /* @__PURE__ */ z(Ze, { size: d.LG }) : nt(c?.iconUrl, c?.type, c?.displayName ?? c?.id ?? "", d.LG), [l, c]), f = c?.displayName ?? c?.id;
 	return {
-		selectorIcon: d,
-		selectorAriaLabel: p ? `${i?.ariaLabel ?? "Select model"}: ${p}` : i?.ariaLabel ?? "Select model",
-		selectedLabel: p,
+		selectorIcon: u,
+		selectorAriaLabel: f ? `${r?.ariaLabel ?? "Select model"}: ${f}` : r?.ariaLabel ?? "Select model",
+		selectedLabel: f,
 		menuItems: F(() => {
-			if (u) return Array.from({ length: 7 }, (e, t) => ({
+			if (l) return Array.from({ length: 7 }, (e, t) => ({
 				key: `__loading-${t}`,
 				icon: /* @__PURE__ */ z(Ze, {}),
-				label: /* @__PURE__ */ z(Qe, { loadingLabel: t === 0 ? i?.loading : void 0 }),
+				label: /* @__PURE__ */ z(Qe, { loadingLabel: t === 0 ? r?.loading : void 0 }),
 				disabled: !0
 			}));
 			if (!e || e.length === 0) {
-				let e = i?.error ?? i?.empty;
+				let e = r?.error ?? r?.empty;
 				return e ? [{
 					key: "__state",
 					label: e,
 					disabled: !0
 				}] : [];
 			}
-			return tt(e, o).map((e) => {
-				let i = e.id === t;
+			return tt(e, a).map((e) => {
+				let r = e.id === t;
 				return {
 					key: e.id,
 					label: /* @__PURE__ */ B("span", {
 						className: "flex w-full items-center justify-between gap-2",
-						children: [/* @__PURE__ */ z(r, {
+						children: [/* @__PURE__ */ z(k, {
 							text: et(e),
-							query: o,
+							query: a,
 							maxLines: 1
-						}), i && /* @__PURE__ */ z(Be, { gradientId: "ms-check-grad" })]
+						}), r && /* @__PURE__ */ z(Be, { gradientId: "ms-check-grad" })]
 					}),
 					icon: nt(e.iconUrl, e.type, e.displayName ?? e.id),
 					onClick: () => n?.(e.id),
-					className: i ? "bg-accent-primary-alpha" : void 0
+					className: r ? "bg-accent-primary-alpha" : void 0
 				};
 			});
 		}, [
 			e,
-			u,
-			o,
+			l,
+			a,
 			t,
-			i,
+			r,
 			n
 		]),
-		menuHeader: F(() => !u && e && e.length > 0 ? /* @__PURE__ */ z("div", {
-			className: s("sticky top-0 z-10 pb-1 pe-2 pt-2", a),
-			children: /* @__PURE__ */ z(C, {
-				value: o,
-				placeholder: i?.searchPlaceholder ?? "Search",
-				size: k.Small,
+		menuHeader: F(() => !l && e && e.length > 0 ? /* @__PURE__ */ z("div", {
+			className: o("sticky top-0 z-10 pb-1 pe-2 pt-2", i),
+			children: /* @__PURE__ */ z(S, {
+				value: a,
+				placeholder: r?.searchPlaceholder ?? "Search",
+				size: O.Small,
 				wrapperClassName: "border-0",
-				onChange: c
+				onChange: s
 			})
 		}) : void 0, [
 			e,
-			u,
-			o,
-			i,
-			a
+			l,
+			a,
+			r,
+			i
 		]),
 		onOpenChange: (e) => {
-			e || c("");
+			e || s("");
 		}
 	};
 }, it = typeof window < "u" ? ge : N;
@@ -1412,35 +1412,35 @@ var Ct = {
 	itemIcon: "_itemIcon_3wv6u_15",
 	checkIcon: "_checkIcon_3wv6u_19",
 	stateLabel: "_stateLabel_3wv6u_23"
-}, wt = 44, Tt = 8, Et = ({ index: e, style: t, ariaAttributes: n, items: i, selectedDeploymentId: a, labelClassName: o, query: c, onSelect: l }) => {
-	let u = i[e], d = nt(u.iconUrl, u.type, u.displayName ?? u.id, f.SM), m = u.id === a;
+}, wt = 44, Tt = 8, Et = ({ index: e, style: t, ariaAttributes: n, items: r, selectedDeploymentId: i, labelClassName: a, query: s, onSelect: c }) => {
+	let l = r[e], u = nt(l.iconUrl, l.type, l.displayName ?? l.id, d.SM), p = l.id === i;
 	return /* @__PURE__ */ z("div", {
 		style: t,
 		...n,
-		children: /* @__PURE__ */ z(p, {
+		children: /* @__PURE__ */ z(f, {
 			type: "button",
-			className: s(Ct.item, "flex h-full w-full items-center gap-3 px-4"),
+			className: o(Ct.item, "flex h-full w-full items-center gap-3 px-4"),
 			iconBefore: /* @__PURE__ */ z("span", {
 				className: Ct.itemIcon,
-				children: d
+				children: u
 			}),
 			label: /* @__PURE__ */ B("span", {
 				className: "flex flex-1 items-center justify-between gap-2",
-				children: [/* @__PURE__ */ z(r, {
-					text: u.displayName ?? u.id,
-					query: c,
+				children: [/* @__PURE__ */ z(k, {
+					text: l.displayName ?? l.id,
+					query: s,
 					maxLines: 1,
-					className: s(o, "min-w-0 flex-1 text-start")
-				}), m && /* @__PURE__ */ z(re, {
-					size: f.SM,
+					className: o(a, "min-w-0 flex-1 text-start")
+				}), p && /* @__PURE__ */ z(re, {
+					size: d.SM,
 					className: Ct.checkIcon,
 					"aria-hidden": !0
 				})]
 			}),
-			onClick: () => l(u.id)
+			onClick: () => c(l.id)
 		})
 	});
-}, Dt = ({ isOpen: e, title: t, closeLabel: n, searchPlaceholder: r = "Search", onClose: i, deployments: a, selectedDeploymentId: o, onSelect: c, loadingLabel: l, errorLabel: u, emptyLabel: d, style: f, titleClassName: p = "dial-body-semi-text", labelClassName: m = "dial-small-text" }) => {
+}, Dt = ({ isOpen: e, title: t, closeLabel: n, searchPlaceholder: r = "Search", onClose: i, deployments: a, selectedDeploymentId: s, onSelect: c, loadingLabel: l, errorLabel: u, emptyLabel: d, style: f, titleClassName: p = "dial-body-semi-text", labelClassName: m = "dial-small-text" }) => {
 	let [h, g] = L("");
 	N(() => {
 		e || g("");
@@ -1456,15 +1456,15 @@ var Ct = {
 		className: "max-h-[80dvh]",
 		children: [_ && !v && /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z("div", {
 			className: "flex-shrink-0 px-4 py-[10px]",
-			children: /* @__PURE__ */ z(C, {
+			children: /* @__PURE__ */ z(S, {
 				value: h,
 				placeholder: r,
-				size: k.Standard,
+				size: O.Standard,
 				onChange: g
 			})
-		}), /* @__PURE__ */ z("div", { className: s(Ct.divider, "h-px flex-shrink-0") })] }), v ? /* @__PURE__ */ z($e, { loadingLabel: l }) : y ? /* @__PURE__ */ z("div", {
+		}), /* @__PURE__ */ z("div", { className: o(Ct.divider, "h-px flex-shrink-0") })] }), v ? /* @__PURE__ */ z($e, { loadingLabel: l }) : y ? /* @__PURE__ */ z("div", {
 			role: "list",
-			className: s(Ct.stateLabel, m, "px-4 py-4"),
+			className: o(Ct.stateLabel, m, "px-4 py-4"),
 			children: y
 		}) : /* @__PURE__ */ z(St, {
 			role: "list",
@@ -1475,7 +1475,7 @@ var Ct = {
 			rowHeight: wt,
 			rowProps: {
 				items: b,
-				selectedDeploymentId: o,
+				selectedDeploymentId: s,
 				labelClassName: m,
 				query: h,
 				onSelect: (e) => {
@@ -1484,41 +1484,41 @@ var Ct = {
 			}
 		})]
 	});
-}, Ot = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, isStreaming: i, isMobile: a, isInputDisabled: o = !1, isDisabled: c = !1, style: l, modelPickerOverlay: u, isPickerOpen: d, onPickerToggle: p, onPickerOpenChange: m }) => {
-	let [_, y] = L(!1), { selectorIcon: b, selectorAriaLabel: x, selectedLabel: S, menuItems: C, menuHeader: w, onOpenChange: T } = rt({
+}, Ot = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, isStreaming: i, isMobile: a, isInputDisabled: s = !1, isDisabled: c = !1, style: l, modelPickerOverlay: u, isPickerOpen: f, onPickerToggle: p, onPickerOpenChange: g }) => {
+	let [v, y] = L(!1), { selectorIcon: b, selectorAriaLabel: x, selectedLabel: S, menuItems: C, menuHeader: w, onOpenChange: T } = rt({
 		deployments: e,
 		selectedDeploymentId: t,
 		onDeploymentChange: n,
 		modelSelectorLabels: r
 	});
 	if (!e) return null;
-	let E = i || c ? "pointer-events-none opacity-50 cursor-not-allowed" : void 0, D = /* @__PURE__ */ z(ie, {
-		size: f.SM,
+	let E = i || c ? "pointer-events-none opacity-50 cursor-not-allowed" : void 0, k = /* @__PURE__ */ z(ie, {
+		size: d.SM,
 		className: Z.modelSelectorCaret,
 		"aria-hidden": !0
 	});
-	return a ? /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z(O, {
+	return a ? /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z(D, {
 		tooltip: S,
-		children: /* @__PURE__ */ z(v, {
+		children: /* @__PURE__ */ z(_, {
 			icon: /* @__PURE__ */ B("div", {
 				className: "flex items-center gap-1",
-				children: [b, D]
+				children: [b, k]
 			}),
 			"aria-label": x,
 			onClick: () => {
 				c || y(!0);
 			},
-			className: s(Z.modelSelectorButton, E)
+			className: o(Z.modelSelectorButton, E)
 		})
 	}), u ? /* @__PURE__ */ z(U, {
-		isOpen: _,
+		isOpen: v,
 		title: r?.ariaLabel ?? "Select model",
 		closeLabel: r?.closeLabel ?? "Close",
 		onClose: () => y(!1),
 		style: l,
 		children: u(() => y(!1))
 	}) : /* @__PURE__ */ z(Dt, {
-		isOpen: _,
+		isOpen: v,
 		title: r?.ariaLabel ?? "Select model",
 		closeLabel: r?.closeLabel ?? "Close",
 		searchPlaceholder: r?.searchPlaceholder ?? "Search",
@@ -1530,33 +1530,33 @@ var Ct = {
 		errorLabel: r?.error,
 		emptyLabel: r?.empty,
 		style: l
-	})] }) : u ? /* @__PURE__ */ z(h, {
+	})] }) : u ? /* @__PURE__ */ z(m, {
 		placement: "top-end",
 		matchReferenceWidth: !1,
-		open: d,
-		onOpenChange: m,
+		open: f,
+		onOpenChange: g,
 		trigger: [],
 		outsideClosable: !0,
-		renderOverlay: () => u(() => m?.(!1)),
+		renderOverlay: () => u(() => g?.(!1)),
 		listClassName: "cp-dropdown-overlay !w-[320px]",
-		children: /* @__PURE__ */ z(O, {
+		children: /* @__PURE__ */ z(D, {
 			tooltip: S,
 			children: /* @__PURE__ */ B("button", {
 				type: "button",
 				"aria-label": x,
-				className: s("flex items-center justify-center gap-1 rounded-md p-2", Z.modelSelectorButton, o || i || c ? E : void 0, (o || c) && Z.modelSelectorButtonDisabled),
+				className: o("flex items-center justify-center gap-1 rounded-md p-2", Z.modelSelectorButton, s || i || c ? E : void 0, (s || c) && Z.modelSelectorButtonDisabled),
 				onClick: () => {
-					!o && !i && !c && p?.();
+					!s && !i && !c && p?.();
 				},
-				children: [b, D]
+				children: [b, k]
 			})
 		})
 	}) : /* @__PURE__ */ z("div", {
-		className: s(c && E),
+		className: o(c && E),
 		"aria-disabled": c || void 0,
-		children: /* @__PURE__ */ z(O, {
+		children: /* @__PURE__ */ z(D, {
 			tooltip: S,
-			children: /* @__PURE__ */ z(g, {
+			children: /* @__PURE__ */ z(h, {
 				icon: b,
 				ariaLabel: x,
 				items: C,
@@ -1565,15 +1565,15 @@ var Ct = {
 				matchReferenceWidth: !1,
 				listClassName: "cp-dropdown-overlay !w-[240px] !max-h-80",
 				onOpenChange: c ? void 0 : T,
-				size: k.Standard,
-				caretIcon: D,
-				iconClassName: o || c ? E : void 0,
-				buttonClassName: s("bg-transparent", Z.modelSelectorButton, (o || c) && E && Z.modelSelectorButtonDisabled)
+				size: O.Standard,
+				caretIcon: k,
+				iconClassName: s || c ? E : void 0,
+				buttonClassName: o("bg-transparent", Z.modelSelectorButton, (s || c) && E && Z.modelSelectorButtonDisabled)
 			})
 		})
 	});
-}, kt = 160, At = ({ message: e = "", messageRevision: t, onSend: n, onUploadAttachment: r, onStop: i, isStreaming: a = !1, onChange: u, onAttachmentsChange: d, placeholder: p = "Type a message...", ariaLabel: m, attachLabel: h = "Attach file", fileAccept: g, addMenuTitle: _ = "Add", menuTitle: y = "Menu", menuCloseLabel: b = "Close", removeLabel: x, retryLabel: S, sendLabel: C, stopLabel: w, micLabel: T = "Record voice message", stopRecordingLabel: E, discardRecordingLabel: D, timerAriaLabel: O, colors: k, typography: ee, className: A, pendingDropFiles: te = [], onDropFilesConsumed: ne, pendingAttachments: re = [], onPendingAttachmentsConsumed: ie, pasteTextThreshold: ae = 4e3, deployments: j, selectedDeploymentId: ce, onDeploymentChange: le, modelSelectorLabels: ue, initialAttachments: de = [], isStacked: fe = !1, hideAddButton: pe = !1, hideAttachFile: me = !1, hideActionBar: he = !1, renderFooterActions: N, isInputDisabled: P = !1, isModelSelectorDisabled: ge = !1, isSendDisabled: _e = !1, isAudioMessageSupported: ve = !1, sendOnEnter: ye = Le.Enter, prefixAttachments: V = [], onRemovePrefixAttachment: xe, chatSettings: Se, autoFocus: Ce = !1, messageHistory: Te, onDialFileSystemClick: H, dialFileSystemLabel: U, validateAttachment: Ee, onAttachmentClick: ke, modelPickerOverlay: Ae, maximumAttachmentsAmount: Ne, onAttachmentsLimitExceeded: Pe, isAttachmentsEnabled: Fe = !0 }) => {
-	let Re = c(), [ze, Be] = L(!1), Ve = je(Te), W = F(() => o({
+}, kt = 160, At = ({ 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: v = "Add", menuTitle: y = "Menu", menuCloseLabel: b = "Close", removeLabel: x, retryLabel: S, sendLabel: C, stopLabel: w, micLabel: T = "Record voice message", stopRecordingLabel: E, discardRecordingLabel: D, timerAriaLabel: O, colors: k, typography: ee, className: A, pendingDropFiles: te = [], onDropFilesConsumed: ne, pendingAttachments: re = [], onPendingAttachmentsConsumed: ie, pasteTextThreshold: ae = 4e3, deployments: j, selectedDeploymentId: ce, onDeploymentChange: le, modelSelectorLabels: ue, initialAttachments: de = [], isStacked: fe = !1, hideAddButton: pe = !1, hideAttachFile: me = !1, hideActionBar: he = !1, renderFooterActions: N, isInputDisabled: P = !1, isModelSelectorDisabled: ge = !1, isSendDisabled: _e = !1, isAudioMessageSupported: ve = !1, sendOnEnter: ye = Le.Enter, prefixAttachments: V = [], onRemovePrefixAttachment: xe, chatSettings: Se, autoFocus: Ce = !1, messageHistory: Te, onDialFileSystemClick: H, dialFileSystemLabel: U, validateAttachment: Ee, onAttachmentClick: ke, modelPickerOverlay: Ae, maximumAttachmentsAmount: Ne, onAttachmentsLimitExceeded: Pe, isAttachmentsEnabled: Fe = !0 }) => {
+	let Re = s(), [ze, Be] = L(!1), Ve = je(Te), W = F(() => a({
 		"--ci-bg": k?.background,
 		"--ci-text": k?.text,
 		"--ci-border": k?.border,
@@ -1589,7 +1589,7 @@ var Ct = {
 		key: "dial-fs",
 		label: U ?? "DIAL file system",
 		icon: /* @__PURE__ */ z(oe, {
-			size: l,
+			size: c,
 			"aria-hidden": !0
 		}),
 		onClick: H
@@ -1599,7 +1599,7 @@ var Ct = {
 	}), { attachments: q, buildAttachments: J, addAttachments: Ke, resetAttachments: Y, handleRemove: X, handleRetry: qe, handleExpand: Ze, hasBlockedAttachments: Qe } = De({
 		initialAttachments: de,
 		onUploadAttachment: r,
-		onAttachmentsChange: d,
+		onAttachmentsChange: f,
 		validateAttachment: Ee,
 		pendingDropFiles: te,
 		onDropFilesConsumed: ne,
@@ -1613,7 +1613,7 @@ var Ct = {
 		onAttachmentsLimitExceeded: Pe
 	}), { state: $e, analyserNodeRef: et, elapsedSeconds: tt, errorMessage: nt, startRecording: rt, stopRecording: it, discardRecording: at } = Ie({ onAttachAudio: M((e) => {
 		Ke(J([e]));
-	}, [Ke, J]) }), ot = I(null), st = I(null), { handlePaste: ct } = we(Ke, Fe ? ae : Infinity), lt = G.trim().length > 0 || q.length > 0, ut = lt && !Qe && !_e, { shouldRender: Q, isExiting: $, instanceKey: dt } = Oe(!a && lt, kt), ft = fe || q.length > 0 || G.includes("\n") || We, pt = j === void 0 || ce != null, mt = async () => {
+	}, [Ke, J]) }), ot = I(null), st = I(null), { handlePaste: ct } = we(Ke, Fe ? ae : Infinity), lt = G.trim().length > 0 || q.length > 0, ut = lt && !Qe && !_e, { shouldRender: Q, isExiting: $, instanceKey: dt } = Oe(!l && lt, kt), ft = fe || q.length > 0 || G.includes("\n") || We, pt = j === void 0 || ce != null, mt = async () => {
 		if (_e) return;
 		let e = G, t = q;
 		K(""), Ve.reset();
@@ -1625,14 +1625,14 @@ var Ct = {
 			K(e), Y(t);
 		}
 	}, ht = (e) => {
-		if (!e.nativeEvent.isComposing && !P && !a && (e.key === "ArrowUp" || e.key === "ArrowDown")) {
+		if (!e.nativeEvent.isComposing && !P && !l && (e.key === "ArrowUp" || e.key === "ArrowDown")) {
 			let t = e.currentTarget.selectionStart ?? 0, n = Ve.navigate(e.key === "ArrowUp" ? "up" : "down", G, t);
 			if (n !== null) {
 				e.preventDefault(), K(n);
 				return;
 			}
 		}
-		e.key === "Enter" && (ye === Le.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey) && (e.preventDefault(), !a && ut && pt && !P && mt());
+		e.key === "Enter" && (ye === Le.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey) && (e.preventDefault(), !l && ut && pt && !P && mt());
 	}, gt = (e) => {
 		let t = Array.from(e.target.files ?? []);
 		if (t.length === 0) return;
@@ -1653,7 +1653,7 @@ var Ct = {
 		className: A
 	});
 	let _t = /* @__PURE__ */ z("textarea", {
-		className: s(Z.textarea, ee?.fontClassName, "max-h-[272px] w-full resize-none overflow-y-auto border-0 bg-transparent outline-none [field-sizing:content]"),
+		className: o(Z.textarea, ee?.fontClassName, "max-h-[272px] w-full resize-none overflow-y-auto border-0 bg-transparent outline-none [field-sizing:content]"),
 		ref: Ue,
 		autoFocus: Ce,
 		value: G,
@@ -1670,7 +1670,7 @@ var Ct = {
 	return /* @__PURE__ */ B("div", {
 		ref: st,
 		style: W,
-		className: s(Z.wrapper, P && Z.wrapperDisabled, "flex min-h-[56px] w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border", q.length > 6 ? "py-3 ps-3" : "p-3", A),
+		className: o(Z.wrapper, P && Z.wrapperDisabled, "flex min-h-[56px] w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border", q.length > 6 ? "py-3 ps-3" : "p-3", A),
 		children: [(V.length > 0 || q.length > 0) && /* @__PURE__ */ z(be, {
 			attachments: [...V, ...q],
 			onRemove: (e) => {
@@ -1687,10 +1687,10 @@ var Ct = {
 				t != null && ke(t);
 			}
 		}), he ? ft && _t : /* @__PURE__ */ B("div", {
-			className: s("flex items-center gap-2", ft ? "flex-wrap" : "flex-wrap desktop:flex-nowrap"),
+			className: o("flex items-center gap-2", ft ? "flex-wrap" : "flex-wrap desktop:flex-nowrap"),
 			children: [
 				!pe && /* @__PURE__ */ B("div", {
-					className: s("order-2 flex", !ft && "desktop:order-1"),
+					className: o("order-2 flex", !ft && "desktop:order-1"),
 					children: [/* @__PURE__ */ z("input", {
 						ref: ot,
 						type: "file",
@@ -1703,7 +1703,7 @@ var Ct = {
 					}), /* @__PURE__ */ z(Ge, {
 						onAttachClick: me ? void 0 : () => ot.current?.click(),
 						attachLabel: h,
-						addMenuTitle: _,
+						addMenuTitle: v,
 						menuTitle: y,
 						menuCloseLabel: b,
 						style: W,
@@ -1713,11 +1713,11 @@ var Ct = {
 					})]
 				}),
 				/* @__PURE__ */ z("div", {
-					className: s("order-1 flex w-full min-w-0 items-center self-stretch", !ft && "desktop:order-2 desktop:w-auto desktop:flex-1"),
+					className: o("order-1 flex w-full min-w-0 items-center self-stretch", !ft && "desktop:order-2 desktop:w-auto desktop:flex-1"),
 					children: _t
 				}),
 				/* @__PURE__ */ B("div", {
-					className: s("flex flex-shrink-0 items-center gap-2", "order-3 ms-auto", !ft && "desktop:ms-0"),
+					className: o("flex flex-shrink-0 items-center gap-2", "order-3 ms-auto", !ft && "desktop:ms-0"),
 					children: [N ? N({
 						canSend: ut,
 						onSend: mt
@@ -1726,7 +1726,7 @@ var Ct = {
 						selectedDeploymentId: ce,
 						onDeploymentChange: le,
 						modelSelectorLabels: ue,
-						isStreaming: a,
+						isStreaming: l,
 						isMobile: Re,
 						isInputDisabled: P,
 						isDisabled: ge,
@@ -1735,38 +1735,38 @@ var Ct = {
 						isPickerOpen: ze,
 						onPickerToggle: () => Be((e) => !e),
 						onPickerOpenChange: Be
-					}), a && i ? /* @__PURE__ */ z(Xe, {
+					}), l && i ? /* @__PURE__ */ z(Xe, {
 						onStop: i,
 						ariaLabel: w
-					}) : !a && Q && /* @__PURE__ */ z(Ye, {
+					}) : !l && Q && /* @__PURE__ */ z(Ye, {
 						onSend: mt,
 						isDisabled: !pt || Qe || _e,
 						ariaLabel: C,
 						isExiting: $
-					}, dt)] }), ve && !$ && /* @__PURE__ */ z(v, {
+					}, dt)] }), ve && !$ && /* @__PURE__ */ z(_, {
 						icon: /* @__PURE__ */ z(se, {
-							size: f.LG,
+							size: d.LG,
 							"aria-hidden": !0
 						}),
 						"aria-label": T,
 						className: "size-8 flex-shrink-0",
 						onClick: rt,
-						disabled: P || a
+						disabled: P || l
 					})]
 				})
 			]
 		})]
 	});
-}, jt = { welcome: "_welcome_n2ph8_1" }, Mt = ({ isStreaming: e = !1, placeholder: t = "Type a prompt or use \"/\" to select one", welcomeText: n, styles: r, className: i, inputClassName: a, isInputDisabled: c = !1, ...l }) => {
+}, jt = { welcome: "_welcome_n2ph8_1" }, Mt = ({ isStreaming: e = !1, placeholder: t = "Type a prompt or use \"/\" to select one", welcomeText: n, styles: r, className: i, inputClassName: s, isInputDisabled: c = !1, ...l }) => {
 	let { colors: u, typography: d } = r ?? {};
 	return /* @__PURE__ */ B("div", {
-		style: o({
+		style: a({
 			"--ci-root-bg": u?.background,
 			"--ci-welcome-color": u?.welcomeText
 		}),
-		className: s("relative flex w-full flex-col items-center gap-6 px-4 py-5 desktop:p-5", i),
+		className: o("relative flex w-full flex-col items-center gap-6 px-4 py-5 desktop:p-5", i),
 		children: [n && /* @__PURE__ */ z("h1", {
-			className: s(jt.welcome, "m-0 text-center", d?.welcomeClassName),
+			className: o(jt.welcome, "m-0 text-center", d?.welcomeClassName),
 			children: n
 		}), /* @__PURE__ */ z("div", {
 			className: "relative w-full max-w-[748px]",
@@ -1775,22 +1775,22 @@ var Ct = {
 				isStreaming: e,
 				isInputDisabled: c,
 				...l,
-				className: a,
+				className: s,
 				colors: u?.input,
 				typography: d?.input
 			})
 		})]
 	});
-}, Nt = ({ message: e, initialAttachments: t = [], onCancel: n, onSave: r, onUploadAttachment: a, cancelLabel: o = "Cancel", saveLabel: c = "Save & Submit", ariaLabel: u, removeLabel: d, retryLabel: f, addMenuTitle: p = "Add", attachLabel: m = "Attach file", menuTitle: h = "Menu", menuCloseLabel: g = "Close", className: _, pendingDropFiles: v, onDropFilesConsumed: y, validateAttachment: b, isAttachmentsEnabled: x, hideAttachFile: S = !1, fileAccept: C, maximumAttachmentsAmount: w, onAttachmentsLimitExceeded: T, onDialFileSystemClick: E, dialFileSystemLabel: D, pendingAttachments: O, onPendingAttachmentsConsumed: k, onAttachmentClick: ee }) => {
+}, Nt = ({ message: e, initialAttachments: t = [], onCancel: n, onSave: i, onUploadAttachment: a, cancelLabel: s = "Cancel", saveLabel: l = "Save & Submit", ariaLabel: u, removeLabel: d, retryLabel: f, addMenuTitle: p = "Add", attachLabel: m = "Attach file", menuTitle: h = "Menu", menuCloseLabel: g = "Close", className: _, pendingDropFiles: v, onDropFilesConsumed: y, validateAttachment: b, isAttachmentsEnabled: x, hideAttachFile: S = !1, fileAccept: C, maximumAttachmentsAmount: w, onAttachmentsLimitExceeded: T, onDialFileSystemClick: E, dialFileSystemLabel: D, pendingAttachments: O, onPendingAttachmentsConsumed: k, onAttachmentClick: ee }) => {
 	let A = I(null), [te, ne] = L([]);
 	N(() => {
 		v?.length && (ne(v), y?.());
 	}, [v, y]);
-	let [re, ie] = L(e ?? ""), [ae, se] = L([]), [j, ce] = L(t), le = ae.some((e) => e.status === i.Loading || e.status === i.Error), ue = (re.trim().length > 0 || ae.length > 0 || j.length > 0) && !le, de = (e) => {
+	let [re, ie] = L(e ?? ""), [ae, se] = L([]), [j, ce] = L(t), le = ae.some((e) => e.status === r.Loading || e.status === r.Error), ue = (re.trim().length > 0 || ae.length > 0 || j.length > 0) && !le, de = (e) => {
 		ce((t) => t.filter((t) => t.id !== e));
 	}, fe = M((e, t) => {
-		r(e, j, t);
-	}, [j, r]), pe = () => {
+		i(e, j, t);
+	}, [j, i]), pe = () => {
 		ue && fe(re, ae);
 	}, me = M(() => ne([]), []), he = M((e) => {
 		let t = Array.from(e.target.files ?? []);
@@ -1799,13 +1799,13 @@ var Ct = {
 		key: "dial-fs",
 		label: D ?? "DIAL file system",
 		icon: /* @__PURE__ */ z(oe, {
-			size: l,
+			size: c,
 			"aria-hidden": !0
 		}),
 		onClick: E
 	}] : [], [E, D]);
 	return /* @__PURE__ */ B("div", {
-		className: s("flex w-full flex-col gap-2", _),
+		className: o("flex w-full flex-col gap-2", _),
 		children: [/* @__PURE__ */ z(At, {
 			message: e,
 			ariaLabel: u,
@@ -1853,10 +1853,10 @@ var Ct = {
 			}), /* @__PURE__ */ B("div", {
 				className: "flex gap-2",
 				children: [/* @__PURE__ */ z(He, {
-					label: o,
+					label: s,
 					onClick: n
 				}), /* @__PURE__ */ z(W, {
-					label: c,
+					label: l,
 					onClick: pe,
 					disabled: !ue
 				})]

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-conversation-input",
   "description": "Conversation message input with model selection, attachments, voice input, and edit mode",
-  "version": "1.1.0-dev.53",
+  "version": "1.1.0-dev.55",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -17,13 +17,13 @@
     }
   },
   "peerDependencies": {
-    "@epam/ai-dial-attachment-input": "1.1.0-dev.53",
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.53",
+    "@epam/ai-dial-attachment-input": "1.1.0-dev.55",
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.55",
     "@tabler/icons-react": "^3.44.0",
     "react": "^19.0.0",
     "react-dom": "^19.2.6",
-    "@epam/ai-dial-kit": "1.1.0-dev.53",
-    "@epam/ai-dial-ui-kit": "^0.13.0-dev.12"
+    "@epam/ai-dial-kit": "1.1.0-dev.55",
+    "@epam/ai-dial-ui-kit": "^0.13.0-dev.17"
   },
   "dependencies": {
     "react-window": "^2.2.7"