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

package/index.js

@@ -1,5 +1,5 @@
-import { AttachmentErrorReason as e, AttachmentType as t, DeploymentIcon as n, Highlight as r, MDMessageViewer as i, MIME_TYPE_EXT_MAP as a, MessageRating as o, MessageRole as s, RequestStatus as c, ResponseFormat as l, buildCssVars as u, mergeClasses as d, useCollapsedText as f } from "@epam/ai-dial-chat-shared";
-import { DIAL_ICON_SIZE as p, DialGhostIconButton as m, DialInput as h, DialLinkButton as g, DialPopup as _, DialPrimaryButton as v, DialRadioGroup as y, DialRoundedButton as b, DialSkeleton as x, DialSkeletonVariant as S, DialSlider as C, DialTag as w, DialTooltip as T, ElementSize as E, InfoMessageNotification as D, PopupSize as O, RadioGroupOrientation as k } from "@epam/ai-dial-ui-kit";
+import { AttachmentErrorReason as e, AttachmentType as t, DeploymentIcon as n, MDMessageViewer as r, MIME_TYPE_EXT_MAP as i, MessageRating as a, MessageRole as o, RequestStatus as s, ResponseFormat as c, buildCssVars as l, mergeClasses as u, useCollapsedText as d } from "@epam/ai-dial-chat-shared";
+import { DIAL_ICON_SIZE as f, DialGhostIconButton as p, DialInput as m, DialLinkButton as h, DialPopup as g, DialPrimaryButton as _, DialRadioGroup as v, DialRoundedButton as y, DialSkeleton as b, DialSkeletonVariant as x, DialSlider as S, DialTag as C, DialTooltip as w, ElementSize as T, Highlight as E, InfoMessageNotification as D, PopupSize as O, RadioGroupOrientation as k } from "@epam/ai-dial-ui-kit";
 import { IconCheck as A, IconChevronDown as j, IconChevronUp as M, IconClipboard as N, IconCopy as P, IconDownload as F, IconExternalLink as I, IconFile as L, IconFileTypeBmp as R, IconFileTypeCss as z, IconFileTypeCsv as B, IconFileTypeDoc as V, IconFileTypeDocx as ee, IconFileTypeHtml as te, IconFileTypeJpg as ne, IconFileTypeJs as re, IconFileTypeJsx as ie, IconFileTypePdf as ae, IconFileTypePhp as oe, IconFileTypePng as se, IconFileTypePpt as ce, IconFileTypeRs as le, IconFileTypeSql as ue, IconFileTypeSvg as de, IconFileTypeTs as fe, IconFileTypeTsx as pe, IconFileTypeTxt as me, IconFileTypeVue as he, IconFileTypeXls as ge, IconFileTypeXml as _e, IconFileTypeZip as ve, IconMarkdown as ye, IconMusic as be, IconPaperclip as xe, IconPencilMinus as Se, IconPhoto as H, IconRefresh as Ce, IconReload as we, IconTerminal2 as Te, IconThumbDown as Ee, IconThumbUp as De, IconTrashX as Oe, IconVideo as ke, IconX as Ae } from "@tabler/icons-react";
 import "react-dom";
 import { memo as je, useCallback as U, useEffect as Me, useId as Ne, useMemo as W, useRef as Pe, useState as G } from "react";
@@ -63,7 +63,7 @@ var Fe = "flex size-[84px] items-center justify-center rounded-xl border", Y = /
 	let { type: n, contentType: r } = e;
 	return n === t.Prompt ? Te : n === t.Pasted ? N : n === t.Image ? H : Le(r ?? "");
 }, ze = (e) => {
-	let t = e.toLowerCase().split(";")[0].trim(), n = a[t];
+	let t = e.toLowerCase().split(";")[0].trim(), n = i[t];
 	if (n) return n;
 	let r = t.split("/")[1];
 	if (r && !r.startsWith("vnd.") && !r.includes("+")) return r;
@@ -79,9 +79,9 @@ var Fe = "flex size-[84px] items-center justify-center rounded-xl border", Y = /
 	let o = i.lastIndexOf(".");
 	return o > 0 && o < i.length - 1 ? `.${i.slice(o + 1).toLowerCase()}` : i;
 }, Ve = (e, n = {}) => {
-	let { type: r, status: i, previewUrl: a, url: o } = e, s = i === c.Loading, l = i === c.Error, u = r === t.Image && !!(a ?? o) && !l, d = r === t.Audio && !l, f = r === t.Link && !l;
+	let { type: r, status: i, previewUrl: a, url: o } = e, c = i === s.Loading, l = i === s.Error, u = r === t.Image && !!(a ?? o) && !l, d = r === t.Audio && !l, f = r === t.Link && !l;
 	return {
-		isLoading: s,
+		isLoading: c,
 		isError: l,
 		isImage: u,
 		isAudio: d,
@@ -112,10 +112,10 @@ var Fe = "flex size-[84px] items-center justify-center rounded-xl border", Y = /
 	track: "_track_3x6ks_48",
 	indeterminateFill: "_indeterminateFill_3x6ks_52",
 	"attachment-tile-indeterminate": "_attachment-tile-indeterminate_3x6ks_1"
-}, Z = ({ ariaLabel: e, errorTitle: t, errorDescId: n, onClick: r, id: i, icon: a, className: o }) => /* @__PURE__ */ q(m, {
+}, Z = ({ ariaLabel: e, errorTitle: t, errorDescId: n, onClick: r, id: i, icon: a, className: o }) => /* @__PURE__ */ q(p, {
 	icon: a,
-	size: E.Small,
-	className: d("absolute end-1 top-1 h-6 w-6 rounded-lg", o ?? X.hoverIcon),
+	size: T.Small,
+	className: u("absolute end-1 top-1 h-6 w-6 rounded-lg", o ?? X.hoverIcon),
 	"aria-label": e,
 	"aria-describedby": t ? n : void 0,
 	onClick: (e) => {
@@ -123,51 +123,51 @@ var Fe = "flex size-[84px] items-center justify-center rounded-xl border", Y = /
 	}
 }), Ue = ({ ...e }) => /* @__PURE__ */ q(Z, {
 	icon: /* @__PURE__ */ q(we, {
-		size: p.SM,
+		size: f.SM,
 		"aria-hidden": !0
 	}),
 	className: X.retryIcon,
 	...e
 }), We = ({ ...e }) => /* @__PURE__ */ q(Z, {
 	icon: /* @__PURE__ */ q(F, {
-		size: p.SM,
+		size: f.SM,
 		"aria-hidden": !0
 	}),
 	...e
 }), Ge = ({ ...e }) => /* @__PURE__ */ q(Z, {
 	icon: /* @__PURE__ */ q(I, {
-		size: p.SM,
+		size: f.SM,
 		"aria-hidden": !0
 	}),
 	...e
 }), Ke = ({ ...e }) => /* @__PURE__ */ q(Z, {
 	icon: /* @__PURE__ */ q(Ae, {
-		size: p.SM,
+		size: f.SM,
 		"aria-hidden": !0
 	}),
 	className: X.hoverIcon,
 	...e
-}), qe = ({ attachment: e, searchQuery: t = "", onClick: n, onDownload: i, onRemove: a, labels: o, styles: s, cssVars: c }) => {
-	let { clickLabel: l = "Open attachment", downloadLabel: u = "Download attachment", removeLabel: f = "Remove attachment" } = o ?? {}, { typography: p, className: m } = s ?? {}, h = () => {
+}), qe = ({ attachment: e, searchQuery: t = "", onClick: n, onDownload: r, onRemove: i, labels: a, styles: o, cssVars: s }) => {
+	let { clickLabel: c = "Open attachment", downloadLabel: l = "Download attachment", removeLabel: d = "Remove attachment" } = a ?? {}, { typography: f, className: p } = o ?? {}, m = () => {
 		n?.(e.id);
 	};
 	return /* @__PURE__ */ J("div", {
-		style: c,
+		style: s,
 		...n == null ? {} : {
 			role: "button",
 			tabIndex: 0,
-			"aria-label": l,
-			onClick: h,
+			"aria-label": c,
+			onClick: m,
 			onKeyDown: (e) => {
-				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), h());
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), m());
 			}
 		},
-		className: d("group relative flex w-full min-w-[280px] max-w-[300px] flex-col gap-2 rounded-xl border p-3", n && "cursor-pointer", (i || a) && "pe-8", m),
+		className: u("group relative flex w-full min-w-[280px] max-w-[300px] flex-col gap-2 rounded-xl border p-3", n && "cursor-pointer", (r || i) && "pe-8", p),
 		children: [
 			/* @__PURE__ */ q("span", {
 				title: e.name,
-				className: d(p?.fontClassName ?? "dial-tiny-text", "min-w-0 truncate", X.nameText),
-				children: t ? /* @__PURE__ */ q(r, {
+				className: u(f?.fontClassName ?? "dial-tiny-text", "min-w-0 truncate", X.nameText),
+				children: t ? /* @__PURE__ */ q(E, {
 					text: e.name,
 					query: t,
 					maxLines: 1
@@ -181,14 +181,14 @@ var Fe = "flex size-[84px] items-center justify-center rounded-xl border", Y = /
 				preload: "metadata",
 				onClick: (e) => e.stopPropagation()
 			}),
-			i && /* @__PURE__ */ q(We, {
-				ariaLabel: u,
-				onClick: i,
+			r && /* @__PURE__ */ q(We, {
+				ariaLabel: l,
+				onClick: r,
 				id: e.id
 			}),
-			a && /* @__PURE__ */ q(Ke, {
-				ariaLabel: f,
-				onClick: a,
+			i && /* @__PURE__ */ q(Ke, {
+				ariaLabel: d,
+				onClick: i,
 				id: e.id
 			})
 		]
@@ -196,23 +196,23 @@ var Fe = "flex size-[84px] items-center justify-center rounded-xl border", Y = /
 }, Je = {
 	[e.Network]: "Upload failed · network error",
 	[e.UnsupportedType]: "Upload failed · unsupported file type"
-}, Ye = ({ attachment: t, onClick: n, onRetry: r, labels: i, styles: a, onDownload: o, isPasted: s, isLink: l, cssVars: u, onExpand: f, isExpandable: p, onRemove: m }) => {
-	let { clickLabel: h = "Download attachment", retryLabel: g = "Retry upload", sizeLabel: _, uploadingLabel: v = "Uploading", errorReasonLabels: y, genericErrorLabel: b = "Upload failed" } = i ?? {}, { typography: { nameClassName: x = "dial-caption-text", metaClassName: S = "dial-caption-text" } = {}, className: C } = a ?? {}, { id: w, name: T, status: E, errorReason: D } = t, O = E === c.Loading, k = E === c.Error, A = Ne(), j = k ? D && (y?.[D] ?? Je[D]) || b : "", { BottomIcon: M, typeLabel: N } = Ve(t), P = !k && !O && o && !l, F = k && !!r && D !== e.UnsupportedType, I = P || F ? "pe-5" : void 0, L = (e) => {
+}, Ye = ({ attachment: t, onClick: n, onRetry: r, labels: i, styles: a, onDownload: o, isPasted: c, isLink: l, cssVars: d, onExpand: f, isExpandable: p, onRemove: m }) => {
+	let { clickLabel: h = "Download attachment", retryLabel: g = "Retry upload", sizeLabel: _, uploadingLabel: v = "Uploading", errorReasonLabels: y, genericErrorLabel: b = "Upload failed" } = i ?? {}, { typography: { nameClassName: x = "dial-caption-text", metaClassName: S = "dial-caption-text" } = {}, className: C } = a ?? {}, { id: w, name: T, status: E, errorReason: D } = t, O = E === s.Loading, k = E === s.Error, A = Ne(), j = k ? D && (y?.[D] ?? Je[D]) || b : "", { BottomIcon: M, typeLabel: N } = Ve(t), P = !k && !O && o && !l, F = k && !!r && D !== e.UnsupportedType, I = P || F ? "pe-5" : void 0, L = (e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), n?.(t.id));
-	}, R = W(() => s ? T : Ie(T), [s, T]), z = U(() => {
+	}, R = W(() => c ? T : Ie(T), [c, T]), z = U(() => {
 		window.open(t.referenceUrl, "_blank", "noopener,noreferrer");
-	}, [t]), B = d(Fe, "group relative flex-col justify-between items-start gap-1 overflow-hidden p-1.5", X.tile, !k && X.tileLight, k && X.tileError), V = /* @__PURE__ */ q("div", {
+	}, [t]), B = u(Fe, "group relative flex-col justify-between items-start gap-1 overflow-hidden p-1.5", X.tile, !k && X.tileLight, k && X.tileError), V = /* @__PURE__ */ q("div", {
 		title: R,
-		className: d(x, "line-clamp-2 min-w-0 break-all", X.nameText, !k && I),
+		className: u(x, "line-clamp-2 min-w-0 break-all", X.nameText, !k && I),
 		children: R
 	}), ee = M && /* @__PURE__ */ J("div", {
-		className: d("flex w-full items-center gap-1", k && I),
+		className: u("flex w-full items-center gap-1", k && I),
 		children: [/* @__PURE__ */ q(M, {
 			size: 16,
 			className: X.typeText,
 			"aria-hidden": !0
 		}), /* @__PURE__ */ q("span", {
-			className: d(S, "min-w-0 flex-1 truncate", X.typeText),
+			className: u(S, "min-w-0 flex-1 truncate", X.typeText),
 			children: _ ? `${N} · ${_}` : N
 		})]
 	}), te = () => {
@@ -222,8 +222,8 @@ var Fe = "flex size-[84px] items-center justify-center rounded-xl border", Y = /
 		O && /* @__PURE__ */ q("div", {
 			role: "progressbar",
 			"aria-label": v,
-			className: d("absolute inset-x-2 bottom-2 h-[3px] overflow-hidden rounded-full", X.track),
-			children: /* @__PURE__ */ q("div", { className: d("h-full w-1/3 rounded-full", X.indeterminateFill) })
+			className: u("absolute inset-x-2 bottom-2 h-[3px] overflow-hidden rounded-full", X.track),
+			children: /* @__PURE__ */ q("div", { className: u("h-full w-1/3 rounded-full", X.indeterminateFill) })
 		}),
 		P && /* @__PURE__ */ q(We, {
 			ariaLabel: h,
@@ -261,16 +261,16 @@ var Fe = "flex size-[84px] items-center justify-center rounded-xl border", Y = /
 		})
 	] });
 	return /* @__PURE__ */ q("div", {
-		style: u,
-		className: d("inline-flex", C),
+		style: d,
+		className: u("inline-flex", C),
 		children: /* @__PURE__ */ q("div", {
 			role: "button",
 			tabIndex: 0,
 			"aria-label": h,
 			onClick: te,
 			onKeyDown: L,
-			style: u,
-			className: d(B, "cursor-pointer focus-within:outline focus-within:outline-1 focus-within:outline-offset-1"),
+			style: d,
+			className: u(B, "cursor-pointer focus-within:outline focus-within:outline-1 focus-within:outline-offset-1"),
 			children: ne
 		})
 	});
@@ -292,14 +292,14 @@ var Fe = "flex size-[84px] items-center justify-center rounded-xl border", Y = /
 		imageLoadStatus: r
 	};
 }, Qe = ({ attachment: e, onExpand: n, onClick: r, labels: i, onRemove: a, cssVars: o, onDownload: s, styles: c }) => {
-	let { clickLabel: l = "Open attachment", expandLabel: u = "Expand pasted text" } = i ?? {}, { typography: f, className: m } = c ?? {}, { id: h, name: g } = e, _ = e.previewUrl ?? e.url, v = e.type === t.Pasted && n !== void 0, { isLoading: y, isError: b, isImage: C } = W(() => Ve(e), [e]), w = r !== void 0 && !v && !y && !b, { imageRef: T, imageLoadStatus: E } = Ze({
+	let { clickLabel: l = "Open attachment", expandLabel: d = "Expand pasted text" } = i ?? {}, { typography: p, className: m } = c ?? {}, { id: h, name: g } = e, _ = e.previewUrl ?? e.url, v = e.type === t.Pasted && n !== void 0, { isLoading: y, isError: S, isImage: C } = W(() => Ve(e), [e]), w = r !== void 0 && !v && !y && !S, { imageRef: T, imageLoadStatus: E } = Ze({
 		enabled: C,
 		src: _
 	}), D = () => {
 		v && n ? n(h) : w && r && r(h);
 	};
 	return /* @__PURE__ */ q("div", {
-		className: d(Fe, w && "cursor-pointer", X.tile, m),
+		className: u(Fe, w && "cursor-pointer", X.tile, m),
 		onClick: D,
 		onKeyDown: (e) => {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), D());
@@ -307,7 +307,7 @@ var Fe = "flex size-[84px] items-center justify-center rounded-xl border", Y = /
 		tabIndex: 0,
 		role: "button",
 		style: o,
-		"aria-label": w ? l : v ? u : void 0,
+		"aria-label": w ? l : v ? d : void 0,
 		children: /* @__PURE__ */ J("div", {
 			className: "relative h-full w-full overflow-hidden",
 			children: [
@@ -319,14 +319,14 @@ var Fe = "flex size-[84px] items-center justify-center rounded-xl border", Y = /
 					onClick: s,
 					id: h
 				}),
-				E !== Xe.Loaded && /* @__PURE__ */ q(x, {
-					variant: S.Rectangular,
+				E !== Xe.Loaded && /* @__PURE__ */ q(b, {
+					variant: x.Rectangular,
 					width: "100%",
 					height: "100%",
 					active: E === Xe.Loading,
 					overlay: /* @__PURE__ */ q(H, {
-						size: p.LG,
-						className: f?.placeholderIconClassName ?? "text-secondary",
+						size: f.LG,
+						className: p?.placeholderIconClassName ?? "text-secondary",
 						"aria-hidden": !0
 					}),
 					className: "absolute inset-0 rounded-xl"
@@ -337,13 +337,13 @@ var Fe = "flex size-[84px] items-center justify-center rounded-xl border", Y = /
 					alt: g,
 					loading: "lazy",
 					decoding: "async",
-					className: d("h-full w-full rounded-xl object-cover transition-opacity duration-200", E === Xe.Loaded ? "opacity-100" : "opacity-0")
+					className: u("h-full w-full rounded-xl object-cover transition-opacity duration-200", E === Xe.Loaded ? "opacity-100" : "opacity-0")
 				})
 			]
 		})
 	});
-}, $e = ({ attachment: e, searchQuery: n = "", onRemove: r, onRetry: i, onExpand: a, onClick: o, onDownload: s, labels: c, styles: l }) => {
-	let { colors: d } = l ?? {}, f = e.type === t.Pasted, p = f && a !== void 0, m = u({
+}, $e = ({ attachment: e, searchQuery: n = "", onRemove: r, onRetry: i, onExpand: a, onClick: o, onDownload: s, labels: c, styles: u }) => {
+	let { colors: d } = u ?? {}, f = e.type === t.Pasted, p = f && a !== void 0, m = l({
 		"--ci-tile-bg": d?.background,
 		"--ci-tile-border": d?.border,
 		"--ci-tile-border-hover": d?.borderHover,
@@ -365,14 +365,14 @@ var Fe = "flex size-[84px] items-center justify-center rounded-xl border", Y = /
 		onDownload: s,
 		onRemove: r,
 		searchQuery: n,
-		styles: l,
+		styles: u,
 		cssVars: m
 	}) : h ? /* @__PURE__ */ q(Qe, {
 		attachment: e,
 		labels: c,
 		onClick: o,
 		onExpand: a,
-		styles: l,
+		styles: u,
 		onRemove: r,
 		cssVars: m,
 		onDownload: s
@@ -384,14 +384,14 @@ var Fe = "flex size-[84px] items-center justify-center rounded-xl border", Y = /
 		onDownload: s,
 		isLink: _,
 		isPasted: f,
-		styles: l,
+		styles: u,
 		labels: c,
 		onExpand: a,
 		cssVars: m,
 		isExpandable: p
 	});
 }, et = { tile: "_tile_nzsrz_1" }, tt = ({ count: e, onClick: t, labels: n, children: r, styles: i }) => {
-	let { ariaLabel: a } = n ?? {}, { typography: { fontClassName: o = "dial-small-semi-text" } = {}, className: s, colors: c } = i ?? {}, l = u({
+	let { ariaLabel: a } = n ?? {}, { typography: { fontClassName: o = "dial-small-semi-text" } = {}, className: s, colors: c } = i ?? {}, d = l({
 		"--ci-more-tile-bg": c?.background,
 		"--ci-more-tile-border": c?.border,
 		"--ci-more-tile-color": c?.color,
@@ -404,8 +404,8 @@ var Fe = "flex size-[84px] items-center justify-center rounded-xl border", Y = /
 		type: "button",
 		onClick: t,
 		"aria-label": a ?? `Show ${e} more attachments`,
-		style: l,
-		className: d(Fe, o, et.tile, s),
+		style: d,
+		className: u(Fe, o, et.tile, s),
 		children: r ?? /* @__PURE__ */ q("bdi", {
 			dir: "ltr",
 			children: `+${e}`
@@ -418,14 +418,14 @@ var Fe = "flex size-[84px] items-center justify-center rounded-xl border", Y = /
 	downloadAllButton: "_downloadAllButton_7fktb_8",
 	imageTile: "_imageTile_7fktb_12"
 }, nt = (e, t) => `${e} ${t}${e === 1 ? "" : "s"}`, rt = ({ attachments: e, onAttachmentClick: n, onDownloadAll: r, onRetry: i, labels: a, styles: o }) => {
-	let { ariaLabel: s = "Attachments", clickLabel: l = "Download attachment", retryLabel: f = "Retry upload", showLessLabel: h = "Show less", downloadAllLabel: g = "Download all", openInNewTabLabel: _, getHeaderLabel: v = (e) => nt(e, "attachment"), promptLabel: y, pastedLabel: b, imageLabel: x } = a ?? {}, { typography: { headerLabelClassName: S = "dial-tiny-semi-text" } = {}, colors: C, className: w } = o ?? {}, T = u({
+	let { ariaLabel: c = "Attachments", clickLabel: d = "Download attachment", retryLabel: m = "Retry upload", showLessLabel: h = "Show less", downloadAllLabel: g = "Download all", openInNewTabLabel: _, getHeaderLabel: v = (e) => nt(e, "attachment"), promptLabel: y, pastedLabel: b, imageLabel: x } = a ?? {}, { typography: { headerLabelClassName: S = "dial-tiny-semi-text" } = {}, colors: C, className: w } = o ?? {}, T = l({
 		"--ci-group-bg": C?.background,
 		"--ci-group-border": C?.border,
 		"--ci-group-text": C?.text
 	}), [E, D] = G(!1), O = W(() => He(e.length, E), [e.length, E]);
 	if (e.length === 0) return null;
 	let k = e.some((e) => e.type === t.Image), A = e.some((e) => e.type !== t.Image), j = k && A, N = e.length >= 5, P = j ? xe : k ? H : L, I = v(e.length), R = e.slice(0, O.visibleCount), z = () => {
-		let t = e.filter((e) => e.status === c.Idle);
+		let t = e.filter((e) => e.status === s.Idle);
 		r ? r(t) : t.forEach((e) => n?.(e.id));
 	}, B = (t) => {
 		let n = e.find((e) => e.id === t);
@@ -433,27 +433,27 @@ var Fe = "flex size-[84px] items-center justify-center rounded-xl border", Y = /
 	};
 	return /* @__PURE__ */ J("div", {
 		role: "group",
-		"aria-label": s,
+		"aria-label": c,
 		style: T,
-		className: d("rounded-2xl border p-3", N ? "w-full min-w-0 max-w-[492px]" : "max-w-[420px]", Q.container, w),
+		className: u("rounded-2xl border p-3", N ? "w-full min-w-0 max-w-[492px]" : "max-w-[420px]", Q.container, w),
 		children: [/* @__PURE__ */ J("div", {
 			className: "mb-3 flex min-h-6 items-center gap-2",
 			children: [
 				/* @__PURE__ */ q(P, {
-					size: p.SM,
-					className: d("shrink-0", Q.headerIcon),
+					size: f.SM,
+					className: u("shrink-0", Q.headerIcon),
 					"aria-hidden": !0
 				}),
 				/* @__PURE__ */ q("span", {
-					className: d(S, Q.headerLabel),
+					className: u(S, Q.headerLabel),
 					children: I
 				}),
-				e.length >= 2 && (r || n) && /* @__PURE__ */ q(m, {
+				e.length >= 2 && (r || n) && /* @__PURE__ */ q(p, {
 					icon: /* @__PURE__ */ q(F, {
-						size: p.SM,
+						size: f.SM,
 						"aria-hidden": !0
 					}),
-					className: d("ms-auto h-6 w-6 rounded-lg", Q.downloadAllButton),
+					className: u("ms-auto h-6 w-6 rounded-lg", Q.downloadAllButton),
 					"aria-label": g,
 					onClick: z
 				})
@@ -461,7 +461,7 @@ var Fe = "flex size-[84px] items-center justify-center rounded-xl border", Y = /
 		}), /* @__PURE__ */ J("div", {
 			role: "list",
 			"aria-label": I,
-			className: d("gap-3", N ? "grid grid-cols-[repeat(5,83px)] overflow-x-auto" : "flex flex-wrap"),
+			className: u("gap-3", N ? "grid grid-cols-[repeat(5,83px)] overflow-x-auto" : "flex flex-wrap"),
 			children: [
 				R.map((e) => /* @__PURE__ */ q("div", {
 					role: "listitem",
@@ -471,8 +471,8 @@ var Fe = "flex size-[84px] items-center justify-center rounded-xl border", Y = /
 						onDownload: B,
 						onRetry: i,
 						labels: {
-							clickLabel: l,
-							retryLabel: f,
+							clickLabel: d,
+							retryLabel: m,
 							promptLabel: y,
 							pastedLabel: b,
 							imageLabel: x,
@@ -494,7 +494,7 @@ var Fe = "flex size-[84px] items-center justify-center rounded-xl border", Y = /
 						onClick: () => D(!1),
 						labels: { ariaLabel: h },
 						children: /* @__PURE__ */ q(M, {
-							size: p.MD,
+							size: f.MD,
 							"aria-hidden": !0
 						})
 					})
@@ -517,17 +517,17 @@ je(({ tabs: e, activeTabId: t, onTabChange: n, styles: r }) => {
 				role: "tab",
 				"aria-selected": r,
 				className: "contents",
-				children: /* @__PURE__ */ q(w, {
+				children: /* @__PURE__ */ q(C, {
 					label: e.label,
 					selected: r,
 					onClick: () => n(e.id),
-					className: d("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", i, it.tabContainer, r && it.tabActive)
+					className: u("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", i, it.tabContainer, r && it.tabActive)
 				})
 			}, e.id);
 		})
 	});
 });
-var at = (e) => /* @__PURE__ */ q(v, { ...e }), ot = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, isOpen: o }) => {
+var at = (e) => /* @__PURE__ */ q(_, { ...e }), ot = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, isOpen: o }) => {
 	let [s, c] = G(t), [l, u] = G(n), [d, f] = G(r), p = Pe(o);
 	Me(() => {
 		o && !p.current && (c(t), u(n), f(r)), p.current = o;
@@ -560,30 +560,30 @@ var at = (e) => /* @__PURE__ */ q(v, { ...e }), ot = ({ features: e, initialResp
 			a
 		])
 	};
-}, st = "!dial-small-semi-text !text-primary gap-1", ct = ({ features: e, responseFormat: t, systemPrompt: n, temperature: r, onResponseFormatChange: i, onSystemPromptChange: a, onTemperatureChange: o, responseFormatLabel: s = "Response format", responseFormatHint: c = "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: g = [
+}, st = "!dial-small-semi-text !text-primary gap-1", ct = ({ features: e, responseFormat: t, systemPrompt: n, temperature: r, onResponseFormatChange: i, onSystemPromptChange: a, onTemperatureChange: o, responseFormatLabel: s = "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: h = "Temperature", temperatureLabels: g = [
 	"Precise",
 	"Neutral",
 	"Creative"
 ], temperatureHint: _ }) => /* @__PURE__ */ J("div", {
 	className: "flex flex-col gap-4 px-6 py-3",
 	children: [
-		e.responseFormat && /* @__PURE__ */ q(y, {
+		e.responseFormat && /* @__PURE__ */ q(v, {
 			fieldTitle: s,
 			labelClassName: st,
 			elementId: "response-format",
 			orientation: k.Column,
-			activeRadioButton: t ?? l.Markdown,
-			labelDescription: c,
+			activeRadioButton: t ?? c.Markdown,
+			labelDescription: l,
 			radioButtons: [{
-				id: l.Markdown,
+				id: c.Markdown,
 				name: u
 			}, {
-				id: l.PlainText,
+				id: c.PlainText,
 				name: d
 			}],
 			onChange: (e) => i(e)
 		}),
-		e.systemPrompt && /* @__PURE__ */ q(h, {
+		e.systemPrompt && /* @__PURE__ */ q(m, {
 			value: n,
 			placeholder: p,
 			labelProps: {
@@ -592,9 +592,9 @@ var at = (e) => /* @__PURE__ */ q(v, { ...e }), ot = ({ features: e, initialResp
 			},
 			onChange: (e) => a(e ?? "")
 		}),
-		e.temperature && /* @__PURE__ */ q(C, {
+		e.temperature && /* @__PURE__ */ q(S, {
 			labelProps: {
-				label: m,
+				label: h,
 				className: st,
 				caption: _
 			},
@@ -607,8 +607,8 @@ var at = (e) => /* @__PURE__ */ q(v, { ...e }), ot = ({ features: e, initialResp
 		})
 	]
 });
-je(({ 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: v }) => {
-	let { responseFormat: y, systemPrompt: b, temperature: x, canSubmit: S, setResponseFormat: C, setSystemPrompt: w, setTemperature: E, handleSubmit: D } = ot({
+je(({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, title: o = "Chat settings", responseFormatLabel: s, responseFormatHint: c, responseFormatMarkdownLabel: l, responseFormatPlainTextLabel: u, systemPromptLabel: d, systemPromptTooltip: f, temperatureLabel: p, temperatureLabels: m, temperatureHint: h, saveLabel: _ = "Apply changes", saveDisabledTooltip: v }) => {
+	let { responseFormat: y, systemPrompt: b, temperature: x, canSubmit: S, setResponseFormat: C, setSystemPrompt: T, setTemperature: E, handleSubmit: D } = ot({
 		features: e,
 		initialResponseFormat: t,
 		initialSystemPrompt: n,
@@ -616,7 +616,7 @@ je(({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemp
 		onSave: i,
 		onClose: a
 	});
-	return /* @__PURE__ */ q(_, {
+	return /* @__PURE__ */ q(g, {
 		open: !0,
 		header: o,
 		size: O.Sm,
@@ -624,11 +624,11 @@ je(({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemp
 		className: "!bg-layer-2",
 		footer: /* @__PURE__ */ q("div", {
 			className: "flex justify-end px-6 py-4",
-			children: /* @__PURE__ */ q(T, {
+			children: /* @__PURE__ */ q(w, {
 				tooltip: v,
 				hideTooltip: S || !v,
 				children: /* @__PURE__ */ q(at, {
-					label: g,
+					label: _,
 					onClick: D,
 					disabled: !S
 				})
@@ -640,7 +640,7 @@ je(({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemp
 			systemPrompt: b,
 			temperature: x,
 			onResponseFormatChange: C,
-			onSystemPromptChange: w,
+			onSystemPromptChange: T,
 			onTemperatureChange: E,
 			responseFormatLabel: s,
 			responseFormatHint: c,
@@ -656,95 +656,95 @@ je(({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemp
 });
 //#endregion
 //#region src/components/MessageActions/MessageActions.tsx
-var lt = 2e3, ut = ({ role: e = s.User, onEdit: t, onEditHover: n, onDelete: r, onRegenerate: i, onCopy: a, onCopyMarkdown: c, onLike: l, onDislike: u, activeRating: f, isAlwaysVisible: h, className: g, labels: _ }) => {
+var lt = 2e3, ut = ({ role: e = o.User, onEdit: t, onEditHover: n, onDelete: r, onRegenerate: i, onCopy: s, onCopyMarkdown: c, onLike: l, onDislike: d, activeRating: m, isAlwaysVisible: h, className: g, labels: _ }) => {
 	let { tooltips: v, ariaLabels: y } = _ ?? {}, [b, x] = G(null), [S, C] = G(""), w = U(() => {
-		a?.(), x("copy"), C(y?.copiedStatus ?? "Copied to clipboard"), setTimeout(() => x(null), lt);
-	}, [a, y?.copiedStatus]), T = U(() => {
+		s?.(), x("copy"), C(y?.copiedStatus ?? "Copied to clipboard"), setTimeout(() => x(null), lt);
+	}, [s, y?.copiedStatus]), E = U(() => {
 		c?.(), x("markdown"), C(y?.copiedMarkdownStatus ?? "Copied as Markdown to clipboard"), setTimeout(() => x(null), lt);
 	}, [c, y?.copiedMarkdownStatus]);
 	return /* @__PURE__ */ J("div", {
 		role: "toolbar",
 		"aria-label": y?.actionsGroup ?? "Message actions",
-		className: d("flex gap-1", !h && "opacity-0 group-hover:opacity-100", g),
+		className: u("flex gap-1", !h && "opacity-0 group-hover:opacity-100", g),
 		children: [/* @__PURE__ */ q("span", {
 			role: "status",
 			"aria-live": "polite",
 			className: "sr-only",
 			children: S
-		}), e === s.User ? /* @__PURE__ */ J(K, { children: [t && /* @__PURE__ */ q(m, {
+		}), e === o.User ? /* @__PURE__ */ J(K, { children: [t && /* @__PURE__ */ q(p, {
 			icon: /* @__PURE__ */ q(Se, {
-				size: p.SM,
+				size: f.SM,
 				"aria-hidden": !0
 			}),
-			size: E.Small,
+			size: T.Small,
 			"aria-label": y?.editMessage ?? "Edit message",
 			tooltipProps: { tooltip: v?.edit ?? "Edit" },
 			onClick: t,
 			onMouseEnter: n,
 			onFocus: n
-		}), r && /* @__PURE__ */ q(m, {
+		}), r && /* @__PURE__ */ q(p, {
 			icon: /* @__PURE__ */ q(Oe, {
-				size: p.SM,
+				size: f.SM,
 				"aria-hidden": !0
 			}),
-			size: E.Small,
+			size: T.Small,
 			"aria-label": y?.deleteMessage ?? "Delete message",
 			tooltipProps: { tooltip: v?.delete ?? "Delete" },
 			onClick: r
 		})] }) : /* @__PURE__ */ J(K, { children: [
-			i && /* @__PURE__ */ q(m, {
+			i && /* @__PURE__ */ q(p, {
 				icon: /* @__PURE__ */ q(Ce, {
-					size: p.SM,
+					size: f.SM,
 					"aria-hidden": !0
 				}),
-				size: E.Small,
+				size: T.Small,
 				"aria-label": y?.regenerateResponse ?? "Regenerate response",
 				tooltipProps: { tooltip: v?.regenerate ?? "Regenerate" },
 				onClick: i
 			}),
-			a && /* @__PURE__ */ q(m, {
+			s && /* @__PURE__ */ q(p, {
 				icon: q(b === "copy" ? A : P, {
-					size: p.SM,
+					size: f.SM,
 					"aria-hidden": !0
 				}),
-				size: E.Small,
+				size: T.Small,
 				"aria-label": y?.copyResponse ?? "Copy response",
 				tooltipProps: { tooltip: b === "copy" ? v?.copied ?? "Copied!" : v?.copy ?? "Copy" },
 				onClick: w
 			}),
-			c && /* @__PURE__ */ q(m, {
+			c && /* @__PURE__ */ q(p, {
 				icon: q(b === "markdown" ? A : ye, {
-					size: p.SM,
+					size: f.SM,
 					"aria-hidden": !0
 				}),
-				size: E.Small,
+				size: T.Small,
 				"aria-label": y?.copyAsMarkdown ?? "Copy as markdown",
 				tooltipProps: { tooltip: b === "markdown" ? v?.copiedMarkdown ?? "Copied!" : v?.copyMarkdown ?? "Copy as Markdown" },
-				onClick: T
+				onClick: E
 			}),
-			l && /* @__PURE__ */ q(m, {
+			l && /* @__PURE__ */ q(p, {
 				icon: /* @__PURE__ */ q(De, {
-					size: p.SM,
+					size: f.SM,
 					"aria-hidden": !0
 				}),
-				size: E.Small,
+				size: T.Small,
 				"aria-label": y?.likeResponse ?? "Like response",
-				"aria-pressed": f === o.Like,
-				className: f === o.Like ? "!text-accent-primary" : void 0,
+				"aria-pressed": m === a.Like,
+				className: m === a.Like ? "!text-accent-primary" : void 0,
 				tooltipProps: { tooltip: v?.like ?? "Like" },
 				onClick: l
 			}),
-			u && /* @__PURE__ */ q(m, {
+			d && /* @__PURE__ */ q(p, {
 				icon: /* @__PURE__ */ q(Ee, {
-					size: p.SM,
+					size: f.SM,
 					"aria-hidden": !0
 				}),
-				size: E.Small,
+				size: T.Small,
 				"aria-label": y?.dislikeResponse ?? "Dislike response",
-				"aria-pressed": f === o.Dislike,
-				className: f === o.Dislike ? "!text-accent-primary" : void 0,
+				"aria-pressed": m === a.Dislike,
+				className: m === a.Dislike ? "!text-accent-primary" : void 0,
 				tooltipProps: { tooltip: v?.dislike ?? "Dislike" },
-				onClick: u
+				onClick: d
 			})
 		] })]
 	});
@@ -755,16 +755,16 @@ var lt = 2e3, ut = ({ role: e = s.User, onEdit: t, onEditHover: n, onDelete: r,
 	collapsedText: "_collapsedText_1exhl_15",
 	startersDivider: "_startersDivider_1exhl_26",
 	text: "_text_1exhl_30"
-}, dt = ({ text: e, styles: r, actions: a, hasAlwaysVisibleActions: o, isStreaming: c, attachments: l, afterContent: f, starters: p, onSelectStarter: m, deploymentIconUrl: h, deploymentDisplayName: g, markdownComponents: _, onAttachmentClick: v, onDownloadAll: y, onAttachmentRetry: x, codeBlockTheme: S, labels: C }) => {
-	let { colors: w, typography: T, className: E, bubbleClassName: D } = r ?? {}, { attachmentClickLabel: O, attachmentRetryLabel: k, attachmentOpenInNewTabLabel: A, startersAriaLabel: j = "Quick reply buttons", thinkingLabel: M, codeBlockCopyLabel: N, codeBlockCopiedLabel: P, assistantMessageAriaLabel: F = "Assistant message", deploymentIconFallbackLabel: I = "AI" } = C ?? {}, L = c ? (l ?? []).filter((e) => e.type !== t.Audio) : l ?? [], R = u({
+}, dt = ({ text: e, styles: i, actions: a, hasAlwaysVisibleActions: s, isStreaming: c, attachments: d, afterContent: f, starters: p, onSelectStarter: m, deploymentIconUrl: h, deploymentDisplayName: g, markdownComponents: _, onAttachmentClick: v, onDownloadAll: b, onAttachmentRetry: x, codeBlockTheme: S, labels: C }) => {
+	let { colors: w, typography: T, className: E, bubbleClassName: D } = i ?? {}, { attachmentClickLabel: O, attachmentRetryLabel: k, attachmentOpenInNewTabLabel: A, startersAriaLabel: j = "Quick reply buttons", thinkingLabel: M, codeBlockCopyLabel: N, codeBlockCopiedLabel: P, assistantMessageAriaLabel: F = "Assistant message", deploymentIconFallbackLabel: I = "AI" } = C ?? {}, L = c ? (d ?? []).filter((e) => e.type !== t.Audio) : d ?? [], R = l({
 		"--cm-bubble-text": w?.text,
 		"--cm-starters-divider": w?.startersDivider
-	}), z = d($.text, T?.fontClassName), B = !!(h || g);
+	}), z = u($.text, T?.fontClassName), B = !!(h || g);
 	return /* @__PURE__ */ J("div", {
 		role: "group",
 		"aria-label": F,
 		style: R,
-		className: d("flex w-full items-start gap-3", E),
+		className: u("flex w-full items-start gap-3", E),
 		children: [B && /* @__PURE__ */ q(n, {
 			src: h,
 			size: 28,
@@ -773,13 +773,13 @@ var lt = 2e3, ut = ({ role: e = s.User, onEdit: t, onEditHover: n, onDelete: r,
 		}), /* @__PURE__ */ J("div", {
 			className: "flex w-full min-w-0 max-w-full flex-col items-start gap-5",
 			children: [/* @__PURE__ */ J("div", {
-				className: d("flex w-full min-w-0 max-w-full flex-col items-start gap-4", D),
+				className: u("flex w-full min-w-0 max-w-full flex-col items-start gap-4", D),
 				children: [
 					(e || c) && /* @__PURE__ */ q("div", {
 						"aria-live": "polite",
 						"aria-atomic": "false",
-						className: d(z, "min-w-0 max-w-full text-start"),
-						children: /* @__PURE__ */ q(i, {
+						className: u(z, "min-w-0 max-w-full text-start"),
+						children: /* @__PURE__ */ q(r, {
 							content: e,
 							isStreaming: c,
 							thinkingLabel: M,
@@ -791,8 +791,8 @@ var lt = 2e3, ut = ({ role: e = s.User, onEdit: t, onEditHover: n, onDelete: r,
 					}),
 					/* @__PURE__ */ q(rt, {
 						attachments: L,
-						onAttachmentClick: (e) => v?.(l?.find((t) => t.id === e)),
-						onDownloadAll: y,
+						onAttachmentClick: (e) => v?.(d?.find((t) => t.id === e)),
+						onDownloadAll: b,
 						onRetry: x,
 						labels: {
 							clickLabel: O,
@@ -803,18 +803,18 @@ var lt = 2e3, ut = ({ role: e = s.User, onEdit: t, onEditHover: n, onDelete: r,
 					f,
 					/* @__PURE__ */ q(ut, {
 						...a,
-						isAlwaysVisible: o,
-						role: s.Assistant
+						isAlwaysVisible: s,
+						role: o.Assistant
 					})
 				]
 			}), p && p.length > 0 && m && /* @__PURE__ */ q("div", {
 				role: "list",
 				"aria-label": j,
-				className: d("flex w-full flex-wrap gap-2 border-t pt-5", $.startersDivider),
+				className: u("flex w-full flex-wrap gap-2 border-t pt-5", $.startersDivider),
 				children: p.map((e, t) => /* @__PURE__ */ q("div", {
 					role: "listitem",
 					className: "min-w-[40px]",
-					children: /* @__PURE__ */ q(b, {
+					children: /* @__PURE__ */ q(y, {
 						label: e.title,
 						className: "min-w-[40px]",
 						onClick: () => m(e)
@@ -833,54 +833,54 @@ var lt = 2e3, ut = ({ role: e = s.User, onEdit: t, onEditHover: n, onDelete: r,
 	})
 }), pt = /* @__PURE__ */ function(e) {
 	return e.Bottom = "Bottom", e.Top = "Top", e;
-}({}), mt = 10, ht = ({ text: e, position: t = pt.Bottom, styles: n, actions: r, hasAlwaysVisibleActions: i, attachments: a, collapsedLineCount: o = mt, labels: c, onAttachmentClick: l, onDownloadAll: m, onAttachmentRetry: h }) => {
-	let { colors: _, typography: v, className: y, bubbleClassName: b } = n ?? {}, { showMoreLabel: x = "Show more", showLessLabel: S = "Show less", showMoreAriaLabel: C, showLessAriaLabel: w, attachmentClickLabel: T, attachmentRetryLabel: D, attachmentOpenInNewTabLabel: O, userMessageAriaLabel: k = "User message" } = c ?? {}, { textRef: A, isTextCollapsed: N, isOverflowing: P, collapsedMaxHeight: F, expandedMaxHeight: I, isCollapsed: L, toggleCollapsed: R } = f({
+}({}), mt = 10, ht = ({ text: e, position: t = pt.Bottom, styles: n, actions: r, hasAlwaysVisibleActions: i, attachments: a, collapsedLineCount: s = mt, labels: c, onAttachmentClick: p, onDownloadAll: m, onAttachmentRetry: g }) => {
+	let { colors: _, typography: v, className: y, bubbleClassName: b } = n ?? {}, { showMoreLabel: x = "Show more", showLessLabel: S = "Show less", showMoreAriaLabel: C, showLessAriaLabel: w, attachmentClickLabel: E, attachmentRetryLabel: D, attachmentOpenInNewTabLabel: O, userMessageAriaLabel: k = "User message" } = c ?? {}, { textRef: A, isTextCollapsed: N, isOverflowing: P, collapsedMaxHeight: F, expandedMaxHeight: I, isCollapsed: L, toggleCollapsed: R } = d({
 		text: e,
-		collapsedLineCount: o
-	}), z = u({
+		collapsedLineCount: s
+	}), z = l({
 		"--cm-bubble-user-bg": _?.userBackground,
 		"--cm-bubble-user-border": _?.userBorder,
 		"--cm-bubble-fade-start": _?.fadeStart,
 		"--cm-bubble-text": _?.text,
 		"--cm-bubble-collapsed-height": P ? `${F}px` : void 0,
 		"--cm-bubble-expanded-height": P ? `${I}px` : void 0
-	}), B = t === pt.Top ? "rounded-ee-[6px] rounded-se-[16px]" : "rounded-se-[6px] rounded-ee-[16px]", V = d($.text, v?.fontClassName), ee = C ?? x, te = w ?? S, ne = L ? x : S, re = L ? ee : te, ie = L ? j : M, ae = Ne();
+	}), B = t === pt.Top ? "rounded-ee-[6px] rounded-se-[16px]" : "rounded-se-[6px] rounded-ee-[16px]", V = u($.text, v?.fontClassName), ee = C ?? x, te = w ?? S, ne = L ? x : S, re = L ? ee : te, ie = L ? j : M, ae = Ne();
 	return /* @__PURE__ */ q("div", {
 		role: "group",
 		"aria-label": k,
 		style: z,
-		className: d("flex w-full", y),
+		className: u("flex w-full", y),
 		children: /* @__PURE__ */ J("div", {
 			className: "ms-auto flex w-fit min-w-0 max-w-full flex-col items-end gap-4",
 			children: [
 				/* @__PURE__ */ q(rt, {
 					attachments: a ?? [],
-					onAttachmentClick: (e) => l?.(a?.find((t) => t.id === e)),
+					onAttachmentClick: (e) => p?.(a?.find((t) => t.id === e)),
 					onDownloadAll: m,
-					onRetry: h,
+					onRetry: g,
 					labels: {
-						clickLabel: T,
+						clickLabel: E,
 						retryLabel: D,
 						openInNewTabLabel: O
 					},
 					styles: { className: "max-w-[640px]" }
 				}),
 				e && /* @__PURE__ */ q("div", {
-					className: d($.userBubble, "flex w-fit items-center justify-end rounded-es-2xl rounded-ss-2xl border px-6 py-4", B, b),
+					className: u($.userBubble, "flex w-fit items-center justify-end rounded-es-2xl rounded-ss-2xl border px-6 py-4", B, b),
 					children: /* @__PURE__ */ J("div", {
 						className: "flex min-w-0 flex-col items-start",
 						children: [/* @__PURE__ */ q("div", {
 							id: ae,
-							className: d("relative overflow-hidden", P && $.collapsibleText, P && !L && $.expandedText, N && $.collapsedText),
+							className: u("relative overflow-hidden", P && $.collapsibleText, P && !L && $.expandedText, N && $.collapsedText),
 							children: /* @__PURE__ */ q("p", {
 								ref: A,
-								className: d(V, "whitespace-pre-wrap text-start [overflow-wrap:anywhere]"),
+								className: u(V, "whitespace-pre-wrap text-start [overflow-wrap:anywhere]"),
 								children: e
 							})
-						}), P && /* @__PURE__ */ q(g, {
+						}), P && /* @__PURE__ */ q(h, {
 							label: /* @__PURE__ */ q(K, { children: ne }),
 							iconBefore: /* @__PURE__ */ q(ie, {
-								size: p.SM,
+								size: f.SM,
 								"aria-hidden": "true"
 							}),
 							"aria-label": re,
@@ -888,22 +888,22 @@ var lt = 2e3, ut = ({ role: e = s.User, onEdit: t, onEditHover: n, onDelete: r,
 							"aria-controls": ae,
 							className: "mt-3",
 							onClick: R,
-							size: E.Small
+							size: T.Small
 						})]
 					})
 				}),
 				/* @__PURE__ */ q(ut, {
 					...r,
 					isAlwaysVisible: i,
-					role: s.User
+					role: o.User
 				})
 			]
 		})
 	});
-}, gt = ({ role: e, onAttachmentClick: t, markdownComponents: n, ...r }) => e === s.Status ? /* @__PURE__ */ q(ft, { labels: {
+}, gt = ({ role: e, onAttachmentClick: t, markdownComponents: n, ...r }) => e === o.Status ? /* @__PURE__ */ q(ft, { labels: {
 	titleText: r.labels?.statusTitleText,
 	bodyText: r.labels?.statusBodyText ?? ""
-} }) : e === s.User ? /* @__PURE__ */ q(ht, {
+} }) : e === o.User ? /* @__PURE__ */ q(ht, {
 	...r,
 	onAttachmentClick: t
 }) : /* @__PURE__ */ q(dt, {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-conversation-messages",
   "description": "Message bubble components for rendering conversation history with actions and source citations",
-  "version": "1.1.0-dev.53",
+  "version": "1.1.0-dev.55",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -19,10 +19,10 @@
   "peerDependencies": {
     "react": "^19.0.0",
     "@tabler/icons-react": "^3.0.0",
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.53",
-    "@epam/ai-dial-conversation-input": "1.1.0-dev.53",
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.55",
+    "@epam/ai-dial-conversation-input": "1.1.0-dev.55",
     "react-markdown": "^10.1.0",
-    "@epam/ai-dial-ui-kit": "^0.13.0-dev.12"
+    "@epam/ai-dial-ui-kit": "^0.13.0-dev.17"
   },
   "repository": {
     "type": "git",