@epam/ai-dial-conversation-messages 1.1.0-dev.93 → 1.1.0-dev.99

package/components/MessageActions/MessageActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageActions.d.ts","sourceRoot":"","sources":["../../../src/components/MessageActions/MessageActions.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAE,EAAE,EAAyB,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAKxE,kIAAkI;AAClI,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAoKlD,CAAC"}
+{"version":3,"file":"MessageActions.d.ts","sourceRoot":"","sources":["../../../src/components/MessageActions/MessageActions.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,EAAE,EAAyB,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAKxE,kIAAkI;AAClI,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAiJlD,CAAC"}

package/index.js

@@ -1,92 +1,92 @@
-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, DialInput as p, DialPopup as m, DialRadioGroup as h, DialSkeleton as g, DialSkeletonVariant as _, DialSlider as v, DialSpinner as y, DialTag as b, DialTooltip as x, ElementSize as S, GhostIconButton as C, Highlight as w, InfoMessageNotification as T, LinkButton as E, NeutralButton as D, PopupSize as O, PrimaryButton as k, RadioGroupOrientation as A } from "@epam/ai-dial-ui-kit";
-import { IconCheck as j, IconChevronDown as M, IconChevronUp as N, IconClipboard as P, IconCopy as F, IconDownload as I, IconExternalLink as L, IconFile as R, IconFileTypeBmp as z, IconFileTypeCss as B, IconFileTypeCsv as V, IconFileTypeDoc as H, IconFileTypeDocx as U, IconFileTypeHtml as W, IconFileTypeJpg as ee, IconFileTypeJs as te, IconFileTypeJsx as ne, IconFileTypePdf as re, IconFileTypePhp as ie, IconFileTypePng as ae, IconFileTypePpt as oe, IconFileTypeRs as se, IconFileTypeSql as ce, IconFileTypeSvg as le, IconFileTypeTs as ue, IconFileTypeTsx as de, IconFileTypeTxt as fe, IconFileTypeVue as pe, IconFileTypeXls as me, IconFileTypeXml as he, IconFileTypeZip as ge, IconMarkdown as _e, IconMusic as ve, IconPaperclip as ye, IconPencilMinus as be, IconPhoto as G, IconRefresh as xe, IconReload as Se, IconTerminal2 as Ce, IconThumbDown as we, IconThumbUp as Te, IconTrashX as Ee, IconVideo as De, IconX as Oe } from "@tabler/icons-react";
+import { AttachmentErrorReason as e, AttachmentType as t, CopyIconButton as n, DeploymentIcon 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, DialInput as m, DialPopup as h, DialRadioGroup as g, DialSkeleton as _, DialSkeletonVariant as v, DialSlider as y, DialSpinner as b, DialTag as x, DialTooltip as S, ElementSize as C, GhostIconButton as w, Highlight as T, InfoMessageNotification as E, LinkButton as D, NeutralButton as O, PopupSize as k, PrimaryButton as A, RadioGroupOrientation as j } from "@epam/ai-dial-ui-kit";
+import { IconChevronDown as M, IconChevronUp as N, IconClipboard 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 H, IconFileTypeHtml as U, IconFileTypeJpg as W, IconFileTypeJs as ee, IconFileTypeJsx as te, IconFileTypePdf as ne, IconFileTypePhp as re, IconFileTypePng as ie, IconFileTypePpt as ae, IconFileTypeRs as oe, IconFileTypeSql as se, IconFileTypeSvg as ce, IconFileTypeTs as le, IconFileTypeTsx as ue, IconFileTypeTxt as de, IconFileTypeVue as fe, IconFileTypeXls as pe, IconFileTypeXml as me, IconFileTypeZip as he, IconMusic as ge, IconPaperclip as _e, IconPencilMinus as ve, IconPhoto as G, IconRefresh as ye, IconReload as be, IconTerminal2 as xe, IconThumbDown as Se, IconThumbUp as Ce, IconTrashX as we, IconVideo as Te, IconX as Ee } from "@tabler/icons-react";
 import "react-dom";
-import { memo as ke, useCallback as K, useEffect as Ae, useId as je, useMemo as Me, useRef as Ne, useState as q } from "react";
+import { memo as De, useCallback as K, useEffect as Oe, useId as ke, useMemo as Ae, useRef as je, useState as q } from "react";
 import { Fragment as J, jsx as Y, jsxs as X } from "react/jsx-runtime";
 //#region ../attachment-input/dist/index.js
-var Pe = (e) => {
+var Me = (e) => {
 	if (e == null) return "";
 	let t = e.lastIndexOf(".");
 	return t > 0 ? e.slice(0, t) : e;
-}, Fe = (e) => {
-	if (!e) return R;
+}, Ne = (e) => {
+	if (!e) return L;
 	if (e.startsWith("image/")) switch (e) {
 		case "image/jpeg":
-		case "image/jpg": return ee;
-		case "image/png": return ae;
-		case "image/svg+xml": return le;
-		case "image/bmp": return z;
+		case "image/jpg": return W;
+		case "image/png": return ie;
+		case "image/svg+xml": return ce;
+		case "image/bmp": return R;
 		default: return G;
 	}
-	if (e.startsWith("video/")) return De;
-	if (e.startsWith("audio/")) return ve;
+	if (e.startsWith("video/")) return Te;
+	if (e.startsWith("audio/")) return ge;
 	switch (e) {
-		case "application/pdf": return re;
+		case "application/pdf": return ne;
 		case "application/msword":
-		case "application/vnd.ms-word": return H;
-		case "application/vnd.openxmlformats-officedocument.wordprocessingml.document": return U;
-		case "application/vnd.ms-powerpoint": return oe;
-		case "application/vnd.openxmlformats-officedocument.presentationml.presentation": return oe;
-		case "application/vnd.ms-excel": return me;
-		case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": return me;
+		case "application/vnd.ms-word": return V;
+		case "application/vnd.openxmlformats-officedocument.wordprocessingml.document": return H;
+		case "application/vnd.ms-powerpoint": return ae;
+		case "application/vnd.openxmlformats-officedocument.presentationml.presentation": return ae;
+		case "application/vnd.ms-excel": return pe;
+		case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": return pe;
 		case "application/zip":
 		case "application/x-zip-compressed":
 		case "application/x-rar-compressed":
 		case "application/x-7z-compressed":
 		case "application/gzip":
-		case "application/x-tar": return ge;
-		case "text/csv": return V;
-		case "text/plain": return fe;
+		case "application/x-tar": return he;
+		case "text/csv": return B;
+		case "text/plain": return de;
 		case "text/html":
-		case "application/xhtml+xml": return W;
+		case "application/xhtml+xml": return U;
 		case "text/xml":
-		case "application/xml": return he;
+		case "application/xml": return me;
 		case "application/sql":
-		case "text/x-sql": return ce;
+		case "text/x-sql": return se;
 		case "text/javascript":
-		case "application/javascript": return te;
-		case "text/jsx": return ne;
+		case "application/javascript": return ee;
+		case "text/jsx": return te;
 		case "application/typescript":
-		case "text/typescript": return ue;
-		case "text/tsx": return de;
-		case "text/css": return B;
+		case "text/typescript": return le;
+		case "text/tsx": return ue;
+		case "text/css": return z;
 		case "text/x-php":
-		case "application/x-php": return ie;
+		case "application/x-php": return re;
 		case "text/x-rustsrc":
-		case "application/x-rust": return se;
-		case "text/x-vue": return pe;
-		default: return R;
+		case "application/x-rust": return oe;
+		case "text/x-vue": return fe;
+		default: return L;
 	}
-}, Ie = (e) => {
+}, Pe = (e) => {
 	let { type: n, contentType: r } = e;
-	return n === t.Prompt ? Ce : n === t.Pasted ? P : n === t.Image ? G : Fe(r ?? "");
-}, Le = (e) => {
-	let t = e.toLowerCase().split(";")[0].trim(), n = i[t];
+	return n === t.Prompt ? xe : n === t.Pasted ? P : n === t.Image ? G : Ne(r ?? "");
+}, Fe = (e) => {
+	let t = e.toLowerCase().split(";")[0].trim(), n = a[t];
 	if (n) return n;
 	let r = t.split("/")[1];
 	if (r && !r.startsWith("vnd.") && !r.includes("+")) return r;
-}, Re = (e, n) => {
+}, Ie = (e, n) => {
 	let { type: r, name: i, contentType: a } = e;
 	if (r === t.Prompt) return n.promptLabel ?? "Prompt";
 	if (r === t.Pasted) return n.pastedLabel ?? "Pasted";
 	if (r === t.Image) return n.imageLabel ?? "Image";
 	if (a) {
-		let e = Le(a);
+		let e = Fe(a);
 		if (e) return `.${e}`;
 	}
 	let o = i.lastIndexOf(".");
 	return o > 0 && o < i.length - 1 ? `.${i.slice(o + 1).toLowerCase()}` : i;
-}, ze = (e, n = {}) => {
-	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;
+}, Le = (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;
 	return {
-		isLoading: c,
+		isLoading: s,
 		isError: l,
 		isImage: u,
 		isAudio: d,
 		isLink: f,
-		BottomIcon: f ? null : Ie(e),
-		typeLabel: f ? null : Re(e, n)
+		BottomIcon: f ? null : Pe(e),
+		typeLabel: f ? null : Ie(e, n)
 	};
 }, Z = {
 	tile: "_tile_1x4ax_1",
@@ -98,43 +98,43 @@ var Pe = (e) => {
 	retryIcon: "_retryIcon_1x4ax_30",
 	track: "_track_1x4ax_34",
 	imageActionButton: "_imageActionButton_1x4ax_38"
-}, Q = ({ ariaLabel: e, errorTitle: t, errorDescId: n, onClick: r, id: i, icon: a, className: o }) => /* @__PURE__ */ Y(C, {
+}, Q = ({ ariaLabel: e, errorTitle: t, errorDescId: n, onClick: r, id: i, icon: a, className: o }) => /* @__PURE__ */ Y(w, {
 	icon: a,
-	size: S.Small,
-	className: u("absolute end-1 top-1 opacity-0 focus-visible:opacity-100 group-focus-within/attachment-tile:opacity-100 group-hover/attachment-tile:opacity-100", o),
+	size: C.Small,
+	className: d("absolute end-1 top-1 opacity-0 focus-visible:opacity-100 group-focus-within/attachment-tile:opacity-100 group-hover/attachment-tile:opacity-100", o),
 	"aria-label": e,
 	"aria-describedby": t ? n : void 0,
 	onClick: (e) => {
 		e.stopPropagation(), r(i);
 	}
-}), Be = ({ ...e }) => /* @__PURE__ */ Y(Q, {
-	icon: /* @__PURE__ */ Y(Se, {
-		size: f.SM,
+}), Re = ({ ...e }) => /* @__PURE__ */ Y(Q, {
+	icon: /* @__PURE__ */ Y(be, {
+		size: p.SM,
 		"aria-hidden": !0
 	}),
 	className: Z.retryIcon,
 	...e
-}), Ve = ({ ...e }) => /* @__PURE__ */ Y(Q, {
-	icon: /* @__PURE__ */ Y(I, {
-		size: f.SM,
+}), ze = ({ ...e }) => /* @__PURE__ */ Y(Q, {
+	icon: /* @__PURE__ */ Y(F, {
+		size: p.SM,
 		"aria-hidden": !0
 	}),
 	...e
-}), He = ({ ...e }) => /* @__PURE__ */ Y(Q, {
-	icon: /* @__PURE__ */ Y(L, {
-		size: f.SM,
+}), Be = ({ ...e }) => /* @__PURE__ */ Y(Q, {
+	icon: /* @__PURE__ */ Y(I, {
+		size: p.SM,
 		"aria-hidden": !0
 	}),
 	...e
-}), Ue = ({ ...e }) => /* @__PURE__ */ Y(Q, {
-	icon: /* @__PURE__ */ Y(Oe, {
-		size: f.SM,
+}), Ve = ({ ...e }) => /* @__PURE__ */ Y(Q, {
+	icon: /* @__PURE__ */ Y(Ee, {
+		size: p.SM,
 		"aria-hidden": !0
 	}),
 	className: Z.hoverIcon,
 	...e
-}), We = ({ attachment: e, searchQuery: t = "", onClick: n, onDownload: r, onRemove: i, labels: a, styles: o, cssVars: s, isSelected: c }) => {
-	let { clickLabel: l = "Open attachment", downloadLabel: d = "Download attachment", removeLabel: f = "Remove attachment" } = a ?? {}, { typography: p, className: m } = o ?? {}, h = () => {
+}), He = ({ attachment: e, searchQuery: t = "", onClick: n, onDownload: r, onRemove: i, labels: a, styles: o, cssVars: s, isSelected: c }) => {
+	let { clickLabel: l = "Open attachment", downloadLabel: u = "Download attachment", removeLabel: f = "Remove attachment" } = a ?? {}, { typography: p, className: m } = o ?? {}, h = () => {
 		n?.(e.id);
 	};
 	return /* @__PURE__ */ X("div", {
@@ -148,12 +148,12 @@ var Pe = (e) => {
 				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), h());
 			}
 		},
-		className: u("group/attachment-tile 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", c && Z.selected, m),
+		className: d("group/attachment-tile 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", c && Z.selected, m),
 		children: [
 			/* @__PURE__ */ Y("span", {
 				title: e.name,
-				className: u(p?.fontClassName ?? "dial-tiny-text", "min-w-0 truncate", Z.nameText),
-				children: t ? /* @__PURE__ */ Y(w, {
+				className: d(p?.fontClassName ?? "dial-tiny-text", "min-w-0 truncate", Z.nameText),
+				children: t ? /* @__PURE__ */ Y(T, {
 					text: e.name,
 					query: t,
 					maxLines: 1
@@ -167,39 +167,39 @@ var Pe = (e) => {
 				preload: "metadata",
 				onClick: (e) => e.stopPropagation()
 			}),
-			r && /* @__PURE__ */ Y(Ve, {
-				ariaLabel: d,
+			r && /* @__PURE__ */ Y(ze, {
+				ariaLabel: u,
 				onClick: r,
 				id: e.id
 			}),
-			i && /* @__PURE__ */ Y(Ue, {
+			i && /* @__PURE__ */ Y(Ve, {
 				ariaLabel: f,
 				onClick: i,
 				id: e.id
 			})
 		]
 	});
-}, Ge = "flex size-[84px] items-center justify-center rounded-xl border", Ke = {
+}, Ue = "flex size-[84px] items-center justify-center rounded-xl border", We = {
 	[e.Network]: "Upload failed · network error",
 	[e.UnsupportedType]: "Upload failed · unsupported file type"
-}, qe = ({ attachment: n, onClick: r, onRetry: i, labels: a, styles: o, onDownload: c, isPasted: l, isLink: d, cssVars: f, onExpand: p, isExpandable: m, onRemove: h, isSelected: g }) => {
-	let { clickLabel: _ = "Download attachment", retryLabel: v = "Retry upload", sizeLabel: b, uploadingLabel: x = "Uploading", errorReasonLabels: S, genericErrorLabel: C = "Upload failed" } = a ?? {}, { typography: w, className: T } = o ?? {}, { id: E, name: D, status: O, errorReason: k } = n, A = O === s.Loading, j = O === s.Error, M = je(), N = j ? k && (S?.[k] ?? Ke[k]) || C : "", { BottomIcon: P, typeLabel: F } = ze(n), I = !j && !A && c && !d, L = j && !!i && k !== e.UnsupportedType, R = I || L ? "pe-5" : void 0, z = (e) => {
+}, Ge = ({ attachment: n, onClick: r, onRetry: i, labels: a, styles: o, onDownload: s, isPasted: l, isLink: u, cssVars: f, onExpand: p, isExpandable: m, onRemove: h, isSelected: g }) => {
+	let { clickLabel: _ = "Download attachment", retryLabel: v = "Retry upload", sizeLabel: y, uploadingLabel: x = "Uploading", errorReasonLabels: S, genericErrorLabel: C = "Upload failed" } = a ?? {}, { typography: w, className: T } = o ?? {}, { id: E, name: D, status: O, errorReason: k } = n, A = O === c.Loading, j = O === c.Error, M = ke(), N = j ? k && (S?.[k] ?? We[k]) || C : "", { BottomIcon: P, typeLabel: F } = Le(n), I = !j && !A && s && !u, L = j && !!i && k !== e.UnsupportedType, R = I || L ? "pe-5" : void 0, z = (e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), r?.(n.id));
-	}, B = Me(() => l ? D : Pe(D), [l, D]), V = K(() => {
+	}, B = Ae(() => l ? D : Me(D), [l, D]), V = K(() => {
 		window.open(n.referenceUrl, "_blank", "noopener,noreferrer");
-	}, [n]), H = u(Ge, "group/attachment-tile relative flex-col justify-between items-start gap-1 overflow-hidden p-1.5", Z.tile, (n.type === t.Prompt || n.type === t.Pasted) && "hovered", g && Z.selected, j && Z.tileError), U = /* @__PURE__ */ Y("div", {
+	}, [n]), H = d(Ue, "group/attachment-tile relative flex-col justify-between items-start gap-1 overflow-hidden p-1.5", Z.tile, (n.type === t.Prompt || n.type === t.Pasted) && "hovered", g && Z.selected, j && Z.tileError), U = /* @__PURE__ */ Y("div", {
 		title: B,
-		className: u(w?.nameClassName ?? "dial-caption-text", "line-clamp-2 min-w-0 break-all", Z.nameText, !j && R),
+		className: d(w?.nameClassName ?? "dial-caption-text", "line-clamp-2 min-w-0 break-all", Z.nameText, !j && R),
 		children: B
 	}), W = P && /* @__PURE__ */ X("div", {
-		className: u("flex w-full items-center gap-1", j && R),
+		className: d("flex w-full items-center gap-1", j && R),
 		children: [/* @__PURE__ */ Y(P, {
 			size: 16,
 			className: Z.typeText,
 			"aria-hidden": !0
 		}), /* @__PURE__ */ Y("span", {
-			className: u(w?.metaClassName ?? "dial-caption-text", "min-w-0 flex-1 truncate", Z.typeText),
-			children: b ? `${F} · ${b}` : F
+			className: d(w?.metaClassName ?? "dial-caption-text", "min-w-0 flex-1 truncate", Z.typeText),
+			children: y ? `${F} · ${y}` : F
 		})]
 	}), ee = () => {
 		m && p ? p(E) : r && r(E);
@@ -208,30 +208,30 @@ var Pe = (e) => {
 		A && /* @__PURE__ */ Y("div", {
 			role: "progressbar",
 			"aria-label": x,
-			className: u("absolute inset-x-2 bottom-2 h-[3px] overflow-hidden rounded-full", Z.track),
-			children: /* @__PURE__ */ Y(y, { size: 32 })
+			className: d("absolute inset-x-2 bottom-2 h-[3px] overflow-hidden rounded-full", Z.track),
+			children: /* @__PURE__ */ Y(b, { size: 32 })
 		}),
-		I && /* @__PURE__ */ Y(Ve, {
+		I && /* @__PURE__ */ Y(ze, {
 			ariaLabel: _,
 			errorTitle: N,
 			errorDescId: M,
-			onClick: c,
+			onClick: s,
 			id: E
 		}),
-		L && /* @__PURE__ */ Y(Be, {
+		L && /* @__PURE__ */ Y(Re, {
 			ariaLabel: v,
 			errorTitle: N,
 			errorDescId: M,
 			onClick: i,
 			id: E
 		}),
-		d && /* @__PURE__ */ Y(He, {
+		u && /* @__PURE__ */ Y(Be, {
 			ariaLabel: v,
 			errorTitle: N,
 			errorDescId: M,
 			onClick: V
 		}),
-		h && /* @__PURE__ */ Y(Ue, {
+		h && /* @__PURE__ */ Y(Ve, {
 			ariaLabel: v,
 			errorTitle: N,
 			errorDescId: M,
@@ -248,7 +248,7 @@ var Pe = (e) => {
 	] });
 	return /* @__PURE__ */ Y("div", {
 		style: f,
-		className: u("inline-flex", T),
+		className: d("inline-flex", T),
 		children: /* @__PURE__ */ Y("div", {
 			role: "button",
 			tabIndex: 0,
@@ -256,17 +256,17 @@ var Pe = (e) => {
 			onClick: ee,
 			onKeyDown: z,
 			style: f,
-			className: u(H, "cursor-pointer focus-within:outline focus-within:outline-1 focus-within:outline-offset-1"),
+			className: d(H, "cursor-pointer focus-within:outline focus-within:outline-1 focus-within:outline-offset-1"),
 			children: te
 		})
 	});
-}, Je = /* @__PURE__ */ function(e) {
+}, Ke = /* @__PURE__ */ function(e) {
 	return e.Idle = "idle", e.Loading = "loading", e.Loaded = "loaded", e.Error = "error", e;
-}({}), Ye = ({ enabled: e, src: t }) => {
-	let n = Ne(null), [r, i] = q("idle");
-	return Ae(() => {
+}({}), qe = ({ enabled: e, src: t }) => {
+	let n = je(null), [r, i] = q("idle");
+	return Oe(() => {
 		i(e && t ? "loading" : "idle");
-	}, [e, t]), Ae(() => {
+	}, [e, t]), Oe(() => {
 		let r = n.current;
 		if (!r || !e || !t) return;
 		let a = () => i("loaded"), o = () => i("error");
@@ -277,15 +277,15 @@ var Pe = (e) => {
 		imageRef: n,
 		imageLoadStatus: r
 	};
-}, Xe = ({ attachment: e, onExpand: n, onClick: r, labels: i, onRemove: a, cssVars: o, onDownload: s, styles: c, isSelected: l }) => {
-	let { clickLabel: d = "Open attachment", expandLabel: p = "Expand pasted text" } = i ?? {}, { className: m } = c ?? {}, { id: h, name: v } = e, y = e.previewUrl ?? e.url, b = e.type === t.Pasted && n !== void 0, { isLoading: x, isError: S, isImage: C } = Me(() => ze(e), [e]), w = r !== void 0 && !b && !x && !S, { imageRef: T, imageLoadStatus: E } = Ye({
+}, Je = ({ attachment: e, onExpand: n, onClick: r, labels: i, onRemove: a, cssVars: o, onDownload: s, styles: c, isSelected: l }) => {
+	let { clickLabel: u = "Open attachment", expandLabel: f = "Expand pasted text" } = i ?? {}, { className: m } = c ?? {}, { id: h, name: g } = e, y = e.previewUrl ?? e.url, b = e.type === t.Pasted && n !== void 0, { isLoading: x, isError: S, isImage: C } = Ae(() => Le(e), [e]), w = r !== void 0 && !b && !x && !S, { imageRef: T, imageLoadStatus: E } = qe({
 		enabled: C,
 		src: y
 	}), D = () => {
 		b && n ? n(h) : w && r && r(h);
 	};
 	return /* @__PURE__ */ Y("div", {
-		className: u(Ge, "group/attachment-tile", w && "cursor-pointer", Z.tile, l && Z.selected, m),
+		className: d(Ue, "group/attachment-tile", w && "cursor-pointer", Z.tile, l && Z.selected, m),
 		onClick: D,
 		onKeyDown: (e) => {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), D());
@@ -293,27 +293,27 @@ var Pe = (e) => {
 		tabIndex: 0,
 		role: "button",
 		style: o,
-		"aria-label": w ? d : b ? p : void 0,
+		"aria-label": w ? u : b ? f : void 0,
 		children: /* @__PURE__ */ X("div", {
 			className: "relative h-full w-full overflow-hidden",
 			children: [
-				a && /* @__PURE__ */ Y(Ue, {
+				a && /* @__PURE__ */ Y(Ve, {
 					onClick: a,
 					id: h,
 					className: Z.imageActionButton
 				}),
-				s && /* @__PURE__ */ Y(Ve, {
+				s && /* @__PURE__ */ Y(ze, {
 					onClick: s,
 					id: h,
 					className: Z.imageActionButton
 				}),
-				E !== Je.Loaded && /* @__PURE__ */ Y(g, {
-					variant: _.Rectangular,
+				E !== Ke.Loaded && /* @__PURE__ */ Y(_, {
+					variant: v.Rectangular,
 					width: "100%",
 					height: "100%",
-					active: E === Je.Loading,
+					active: E === Ke.Loading,
 					overlay: /* @__PURE__ */ Y(G, {
-						size: f.LG,
+						size: p.LG,
 						className: Z.typeText,
 						"aria-hidden": !0
 					}),
@@ -322,16 +322,16 @@ var Pe = (e) => {
 				/* @__PURE__ */ Y("img", {
 					ref: T,
 					src: y,
-					alt: v,
+					alt: g,
 					loading: "lazy",
 					decoding: "async",
-					className: u("h-full w-full rounded-xl object-cover transition-opacity duration-200", E === Je.Loaded ? "opacity-100" : "opacity-0")
+					className: d("h-full w-full rounded-xl object-cover transition-opacity duration-200", E === Ke.Loaded ? "opacity-100" : "opacity-0")
 				})
 			]
 		})
 	});
-}, Ze = ({ attachment: e, searchQuery: n = "", onRemove: r, onRetry: i, onExpand: a, onClick: o, onDownload: s, labels: c, styles: u, isSelected: d }) => {
-	let { colors: f } = u ?? {}, p = e.type === t.Pasted, m = p && a !== void 0, h = l({
+}, Ye = ({ attachment: e, searchQuery: n = "", onRemove: r, onRetry: i, onExpand: a, onClick: o, onDownload: s, labels: c, styles: l, isSelected: d }) => {
+	let { colors: f } = l ?? {}, p = e.type === t.Pasted, m = p && a !== void 0, h = u({
 		"--ai-tile-bg": f?.background,
 		"--ai-tile-border": f?.border,
 		"--ai-tile-bg-hover": f?.backgroundHover,
@@ -348,28 +348,28 @@ var Pe = (e) => {
 		"--ai-tile-hover-icon-color": f?.hoverIconColor,
 		"--ai-tile-progress-track": f?.trackBackground,
 		"--ai-tile-fill-bg": f?.fillBackground
-	}), { isImage: g, isAudio: _, isLink: v } = Me(() => ze(e), [e]);
-	return _ ? /* @__PURE__ */ Y(We, {
+	}), { isImage: g, isAudio: _, isLink: v } = Ae(() => Le(e), [e]);
+	return _ ? /* @__PURE__ */ Y(He, {
 		attachment: e,
 		labels: c,
 		onClick: o,
 		onDownload: s,
 		onRemove: r,
 		searchQuery: n,
-		styles: u,
+		styles: l,
 		cssVars: h,
 		isSelected: d
-	}) : g ? /* @__PURE__ */ Y(Xe, {
+	}) : g ? /* @__PURE__ */ Y(Je, {
 		attachment: e,
 		labels: c,
 		onClick: o,
 		onExpand: a,
-		styles: u,
+		styles: l,
 		onRemove: r,
 		cssVars: h,
 		onDownload: s,
 		isSelected: d
-	}) : /* @__PURE__ */ Y(qe, {
+	}) : /* @__PURE__ */ Y(Ge, {
 		attachment: e,
 		onClick: o,
 		onRetry: i,
@@ -377,21 +377,21 @@ var Pe = (e) => {
 		onDownload: s,
 		isLink: v,
 		isPasted: p,
-		styles: u,
+		styles: l,
 		labels: c,
 		onExpand: a,
 		cssVars: h,
 		isExpandable: m,
 		isSelected: d
 	});
-}, Qe = {
+}, Xe = {
 	headerIcon: "_headerIcon_1sgtq_1",
 	headerLabel: "_headerLabel_1sgtq_2"
-}, $e = (e, t) => `${e} ${t}${e === 1 ? "" : "s"}`, et = ({ attachments: e, onAttachmentClick: n, onDownloadAll: r, onRetry: i, labels: a, styles: o, selectedAttachmentId: c }) => {
-	let { ariaLabel: d = "Attachments", clickLabel: p = "Download attachment", retryLabel: m = "Retry upload", downloadAllLabel: h = "Download all", openInNewTabLabel: g, getHeaderLabel: _ = (e) => $e(e, "attachment"), promptLabel: v, pastedLabel: y, imageLabel: b } = a ?? {}, { typography: x, colors: w, className: T } = o ?? {}, E = l({ "--ai-group-text": w?.text });
+}, Ze = (e, t) => `${e} ${t}${e === 1 ? "" : "s"}`, Qe = ({ attachments: e, onAttachmentClick: n, onDownloadAll: r, onRetry: i, labels: a, styles: o, selectedAttachmentId: s }) => {
+	let { ariaLabel: l = "Attachments", clickLabel: f = "Download attachment", retryLabel: m = "Retry upload", downloadAllLabel: h = "Download all", openInNewTabLabel: g, getHeaderLabel: _ = (e) => Ze(e, "attachment"), promptLabel: v, pastedLabel: y, imageLabel: b } = a ?? {}, { typography: x, colors: S, className: T } = o ?? {}, E = u({ "--ai-group-text": S?.text });
 	if (e.length === 0) return null;
-	let D = e.some((e) => e.type === t.Image), O = e.some((e) => e.type !== t.Image), k = D && O, A = e.length >= 5, j = k ? ye : D ? G : R, M = _(e.length), N = () => {
-		let t = e.filter((e) => e.status === s.Idle);
+	let D = e.some((e) => e.type === t.Image), O = e.some((e) => e.type !== t.Image), k = D && O, A = e.length >= 5, j = k ? _e : D ? G : L, M = _(e.length), N = () => {
+		let t = e.filter((e) => e.status === c.Idle);
 		r ? r(t) : t.forEach((e) => n?.(e.id));
 	}, P = (t) => {
 		let n = e.find((e) => e.id === t);
@@ -399,57 +399,57 @@ var Pe = (e) => {
 	};
 	return /* @__PURE__ */ X("div", {
 		role: "group",
-		"aria-label": d,
+		"aria-label": l,
 		style: E,
-		className: u("flex flex-col gap-1", A ? "w-full min-w-0 max-w-[492px]" : "max-w-[420px]", Qe.container, T),
+		className: d("flex flex-col gap-1", A ? "w-full min-w-0 max-w-[492px]" : "max-w-[420px]", Xe.container, T),
 		children: [/* @__PURE__ */ X("div", {
 			className: "flex items-center justify-between",
 			children: [/* @__PURE__ */ X("div", {
 				className: "flex items-center gap-1",
 				children: [/* @__PURE__ */ Y(j, {
-					size: f.SM,
-					className: u("shrink-0", Qe.headerIcon),
+					size: p.SM,
+					className: d("shrink-0", Xe.headerIcon),
 					"aria-hidden": !0
 				}), /* @__PURE__ */ Y("span", {
-					className: u(x?.headerLabelClassName ?? "dial-tiny-semi-text", Qe.headerLabel),
+					className: d(x?.headerLabelClassName ?? "dial-tiny-semi-text", Xe.headerLabel),
 					children: M
 				})]
-			}), e.length >= 2 && (r || n) && /* @__PURE__ */ Y(C, {
-				icon: /* @__PURE__ */ Y(I, {
-					size: f.SM,
+			}), e.length >= 2 && (r || n) && /* @__PURE__ */ Y(w, {
+				icon: /* @__PURE__ */ Y(F, {
+					size: p.SM,
 					"aria-hidden": !0
 				}),
-				size: S.Small,
+				size: C.Small,
 				"aria-label": h,
 				onClick: N
 			})]
 		}), /* @__PURE__ */ Y("div", {
 			role: "list",
 			"aria-label": M,
-			className: u("gap-3", A ? "grid grid-cols-[repeat(5,83px)]" : "flex flex-wrap"),
+			className: d("gap-3", A ? "grid grid-cols-[repeat(5,83px)]" : "flex flex-wrap"),
 			children: e.map((e, t) => /* @__PURE__ */ Y("div", {
 				role: "listitem",
-				children: /* @__PURE__ */ Y(Ze, {
+				children: /* @__PURE__ */ Y(Ye, {
 					attachment: e,
 					onClick: n,
 					onDownload: P,
 					onRetry: i,
 					labels: {
-						clickLabel: p,
+						clickLabel: f,
 						retryLabel: m,
 						promptLabel: v,
 						pastedLabel: y,
 						imageLabel: b,
 						openInNewTabLabel: g
 					},
-					isSelected: e.id === c
+					isSelected: e.id === s
 				})
 			}, `${e.id}-${t}`))
 		})]
 	});
-}, tt = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, isOpen: o }) => {
-	let [s, c] = q(t), [l, u] = q(n), [d, f] = q(r), p = Ne(o);
-	Ae(() => {
+}, $e = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, isOpen: o }) => {
+	let [s, c] = q(t), [l, u] = q(n), [d, f] = q(r), p = je(o);
+	Oe(() => {
 		o && !p.current && (c(t), u(n), f(r)), p.current = o;
 	}, [
 		o,
@@ -480,44 +480,44 @@ var Pe = (e) => {
 			a
 		])
 	};
-}, nt = { label: "_label_14i7c_1" }, rt = ({ features: e, responseFormat: t, systemPrompt: n, temperature: r, onResponseFormatChange: i, onSystemPromptChange: a, onTemperatureChange: o, responseFormatLabel: s = "Response format", responseFormatHint: d = "Applies to new and existing messages", responseFormatMarkdownLabel: f = "Markdown", responseFormatPlainTextLabel: m = "Plain text", systemPromptLabel: g = "System prompt", systemPromptTooltip: _ = "Enter a prompt", temperatureLabel: y = "Temperature", temperatureLabels: b = [
+}, et = { label: "_label_14i7c_1" }, tt = ({ 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: f = "Markdown", responseFormatPlainTextLabel: p = "Plain text", systemPromptLabel: h = "System prompt", systemPromptTooltip: _ = "Enter a prompt", temperatureLabel: v = "Temperature", temperatureLabels: b = [
 	"Precise",
 	"Neutral",
 	"Creative"
 ], temperatureHint: x, labelClassName: S = "!dial-small-semi-text", colors: C }) => {
-	let w = l({ "--csf-label-text": C?.labelText }), T = u(S, nt.label, "gap-1");
+	let w = u({ "--csf-label-text": C?.labelText }), T = d(S, et.label, "gap-1");
 	return /* @__PURE__ */ X("div", {
 		className: "flex flex-col gap-4 px-6 py-3",
 		style: w,
 		children: [
-			e.responseFormat && /* @__PURE__ */ Y(h, {
+			e.responseFormat && /* @__PURE__ */ Y(g, {
 				fieldTitle: s,
 				labelClassName: T,
 				elementId: "response-format",
-				orientation: A.Column,
-				activeRadioButton: t ?? c.Markdown,
-				labelDescription: d,
+				orientation: j.Column,
+				activeRadioButton: t ?? l.Markdown,
+				labelDescription: c,
 				radioButtons: [{
-					id: c.Markdown,
+					id: l.Markdown,
 					name: f
 				}, {
-					id: c.PlainText,
-					name: m
+					id: l.PlainText,
+					name: p
 				}],
 				onChange: (e) => i(e)
 			}),
-			e.systemPrompt && /* @__PURE__ */ Y(p, {
+			e.systemPrompt && /* @__PURE__ */ Y(m, {
 				value: n,
 				placeholder: _,
 				labelProps: {
 					className: T,
-					label: g
+					label: h
 				},
 				onChange: (e) => a(e ?? "")
 			}),
-			e.temperature && /* @__PURE__ */ Y(v, {
+			e.temperature && /* @__PURE__ */ Y(y, {
 				labelProps: {
-					label: y,
+					label: v,
 					className: T,
 					caption: x
 				},
@@ -530,9 +530,9 @@ var Pe = (e) => {
 			})
 		]
 	});
-}, it = { modal: "_modal_1clcg_1" };
-ke(({ 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: h, temperatureHint: g, saveLabel: _ = "Apply changes", saveDisabledTooltip: v, backgroundClassName: y = it.modal }) => {
-	let { responseFormat: b, systemPrompt: S, temperature: C, canSubmit: w, setResponseFormat: T, setSystemPrompt: E, setTemperature: D, handleSubmit: A } = tt({
+}, nt = { modal: "_modal_14b5s_1" };
+De(({ 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: g, saveLabel: _ = "Apply changes", saveDisabledTooltip: v, backgroundClassName: y = nt.modal }) => {
+	let { responseFormat: b, systemPrompt: x, temperature: C, canSubmit: w, setResponseFormat: T, setSystemPrompt: E, setTemperature: D, handleSubmit: O } = $e({
 		features: e,
 		initialResponseFormat: t,
 		initialSystemPrompt: n,
@@ -540,28 +540,28 @@ ke(({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemp
 		onSave: i,
 		onClose: a
 	});
-	return /* @__PURE__ */ Y(m, {
+	return /* @__PURE__ */ Y(h, {
 		open: !0,
 		header: o,
-		size: O.Sm,
+		size: k.Sm,
 		onClose: a,
 		className: y,
 		footer: /* @__PURE__ */ Y("div", {
 			className: "flex justify-end px-6 py-4",
-			children: /* @__PURE__ */ Y(x, {
+			children: /* @__PURE__ */ Y(S, {
 				tooltip: v,
 				hideTooltip: w || !v,
-				children: /* @__PURE__ */ Y(k, {
+				children: /* @__PURE__ */ Y(A, {
 					label: _,
-					onClick: A,
+					onClick: O,
 					disabled: !w
 				})
 			})
 		}),
-		children: /* @__PURE__ */ Y(rt, {
+		children: /* @__PURE__ */ Y(tt, {
 			features: e,
 			responseFormat: b,
-			systemPrompt: S,
+			systemPrompt: x,
 			temperature: C,
 			onResponseFormatChange: T,
 			onSystemPromptChange: E,
@@ -573,16 +573,16 @@ ke(({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemp
 			systemPromptLabel: d,
 			systemPromptTooltip: f,
 			temperatureLabel: p,
-			temperatureLabels: h,
+			temperatureLabels: m,
 			temperatureHint: g
 		})
 	});
 });
-var at = {
+var rt = {
 	tabContainer: "_tabContainer_153ct_1",
 	tabActive: "_tabActive_153ct_13"
 };
-ke(({ tabs: e, activeTabId: t, onTabChange: n, styles: r }) => {
+De(({ tabs: e, activeTabId: t, onTabChange: n, styles: r }) => {
 	let { tabClassName: i = "dial-tiny-semi-text" } = r?.typography ?? {};
 	return /* @__PURE__ */ Y("div", {
 		className: "flex flex-nowrap gap-1",
@@ -593,106 +593,102 @@ ke(({ tabs: e, activeTabId: t, onTabChange: n, styles: r }) => {
 				role: "tab",
 				"aria-selected": r,
 				className: "contents",
-				children: /* @__PURE__ */ Y(b, {
+				children: /* @__PURE__ */ Y(x, {
 					label: e.label,
 					selected: r,
 					onClick: () => n(e.id),
-					className: u("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", i, at.tabContainer, r && at.tabActive)
+					className: d("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", i, rt.tabContainer, r && rt.tabActive)
 				})
 			}, e.id);
 		})
 	});
 });
-var ot = { activeRating: "_activeRating_7jito_1" }, st = 2e3, ct = ({ role: e = o.User, onEdit: t, onEditHover: n, onDelete: r, onRegenerate: i, onCopy: s, onCopyMarkdown: c, onLike: d, onDislike: p, activeRating: m, isAlwaysVisible: h, className: g, labels: _, colors: v }) => {
-	let { tooltips: y, ariaLabels: b } = _ ?? {}, [x, w] = q(null), [T, E] = q(""), D = l({ "--ma-active-rating-text": v?.activeRatingText }), O = K(() => {
-		s?.(), w("copy"), E(b?.copiedStatus ?? "Copied to clipboard"), setTimeout(() => w(null), st);
-	}, [s, b?.copiedStatus]), k = K(() => {
-		c?.(), w("markdown"), E(b?.copiedMarkdownStatus ?? "Copied as Markdown to clipboard"), setTimeout(() => w(null), st);
-	}, [c, b?.copiedMarkdownStatus]);
+var it = { activeRating: "_activeRating_7jito_1" }, at = 2e3, ot = ({ role: e = s.User, onEdit: t, onEditHover: r, onDelete: i, onRegenerate: a, onCopy: c, onCopyMarkdown: l, onLike: f, onDislike: m, activeRating: h, isAlwaysVisible: g, className: _, labels: v, colors: y }) => {
+	let { tooltips: b, ariaLabels: x } = v ?? {}, [S, T] = q(null), [E, D] = q(""), O = u({ "--ma-active-rating-text": y?.activeRatingText }), k = K(() => {
+		c?.(), T("copy"), D(x?.copiedStatus ?? "Copied to clipboard"), setTimeout(() => T(null), at);
+	}, [c, x?.copiedStatus]), A = K(() => {
+		l?.(), T("markdown"), D(x?.copiedMarkdownStatus ?? "Copied as Markdown to clipboard"), setTimeout(() => T(null), at);
+	}, [l, x?.copiedMarkdownStatus]);
 	return /* @__PURE__ */ X("div", {
 		role: "toolbar",
-		"aria-label": b?.actionsGroup ?? "Message actions",
-		style: D,
-		className: u("flex gap-1", !h && "opacity-0 group-hover:opacity-100", g),
+		"aria-label": x?.actionsGroup ?? "Message actions",
+		style: O,
+		className: d("flex gap-1", !g && "opacity-0 group-hover:opacity-100", _),
 		children: [/* @__PURE__ */ Y("span", {
 			role: "status",
 			"aria-live": "polite",
 			className: "sr-only",
-			children: T
-		}), e === o.User ? /* @__PURE__ */ X(J, { children: [t && /* @__PURE__ */ Y(C, {
-			icon: /* @__PURE__ */ Y(be, {
-				size: f.SM,
+			children: E
+		}), e === s.User ? /* @__PURE__ */ X(J, { children: [t && /* @__PURE__ */ Y(w, {
+			icon: /* @__PURE__ */ Y(ve, {
+				size: p.SM,
 				"aria-hidden": !0
 			}),
-			size: S.Small,
-			"aria-label": b?.editMessage ?? "Edit message",
-			tooltipProps: { tooltip: y?.edit ?? "Edit" },
+			size: C.Small,
+			"aria-label": x?.editMessage ?? "Edit message",
+			tooltipProps: { tooltip: b?.edit ?? "Edit" },
 			onClick: t,
-			onMouseEnter: n,
-			onFocus: n
-		}), r && /* @__PURE__ */ Y(C, {
-			icon: /* @__PURE__ */ Y(Ee, {
-				size: f.SM,
+			onMouseEnter: r,
+			onFocus: r
+		}), i && /* @__PURE__ */ Y(w, {
+			icon: /* @__PURE__ */ Y(we, {
+				size: p.SM,
 				"aria-hidden": !0
 			}),
-			size: S.Small,
-			"aria-label": b?.deleteMessage ?? "Delete message",
-			tooltipProps: { tooltip: y?.delete ?? "Delete" },
-			onClick: r
+			size: C.Small,
+			"aria-label": x?.deleteMessage ?? "Delete message",
+			tooltipProps: { tooltip: b?.delete ?? "Delete" },
+			onClick: i
 		})] }) : /* @__PURE__ */ X(J, { children: [
-			i && /* @__PURE__ */ Y(C, {
-				icon: /* @__PURE__ */ Y(xe, {
-					size: f.SM,
+			a && /* @__PURE__ */ Y(w, {
+				icon: /* @__PURE__ */ Y(ye, {
+					size: p.SM,
 					"aria-hidden": !0
 				}),
-				size: S.Small,
-				"aria-label": b?.regenerateResponse ?? "Regenerate response",
-				tooltipProps: { tooltip: y?.regenerate ?? "Regenerate" },
-				onClick: i
+				size: C.Small,
+				"aria-label": x?.regenerateResponse ?? "Regenerate response",
+				tooltipProps: { tooltip: b?.regenerate ?? "Regenerate" },
+				onClick: a
 			}),
-			s && /* @__PURE__ */ Y(C, {
-				icon: Y(x === "copy" ? j : F, {
-					size: f.SM,
-					"aria-hidden": !0
-				}),
-				size: S.Small,
-				"aria-label": b?.copyResponse ?? "Copy response",
-				tooltipProps: { tooltip: x === "copy" ? y?.copied ?? "Copied!" : y?.copy ?? "Copy" },
-				onClick: O
+			c && /* @__PURE__ */ Y(n, {
+				onClick: k,
+				size: C.Small,
+				isCopied: S === "copy",
+				copyLabel: b?.copy ?? "Copy",
+				copiedLabel: b?.copied ?? "Copied!",
+				ariaLabel: x?.copyResponse ?? "Copy response"
 			}),
-			c && /* @__PURE__ */ Y(C, {
-				icon: Y(x === "markdown" ? j : _e, {
-					size: f.SM,
-					"aria-hidden": !0
-				}),
-				size: S.Small,
-				"aria-label": b?.copyAsMarkdown ?? "Copy as markdown",
-				tooltipProps: { tooltip: x === "markdown" ? y?.copiedMarkdown ?? "Copied!" : y?.copyMarkdown ?? "Copy as Markdown" },
-				onClick: k
+			l && /* @__PURE__ */ Y(n, {
+				onClick: A,
+				size: C.Small,
+				isCopied: S === "markdown",
+				copyLabel: b?.copyMarkdown ?? "Copy as Markdown",
+				copiedLabel: b?.copiedMarkdown ?? "Copied!",
+				ariaLabel: x?.copyAsMarkdown ?? "Copy as markdown"
 			}),
-			d && /* @__PURE__ */ Y(C, {
-				icon: /* @__PURE__ */ Y(Te, {
-					size: f.SM,
+			f && /* @__PURE__ */ Y(w, {
+				icon: /* @__PURE__ */ Y(Ce, {
+					size: p.SM,
 					"aria-hidden": !0
 				}),
-				size: S.Small,
-				"aria-label": b?.likeResponse ?? "Like response",
-				"aria-pressed": m === a.Like,
-				className: m === a.Like ? ot.activeRating : void 0,
-				tooltipProps: { tooltip: y?.like ?? "Like" },
-				onClick: d
+				size: C.Small,
+				"aria-label": x?.likeResponse ?? "Like response",
+				"aria-pressed": h === o.Like,
+				className: h === o.Like ? it.activeRating : void 0,
+				tooltipProps: { tooltip: b?.like ?? "Like" },
+				onClick: f
 			}),
-			p && /* @__PURE__ */ Y(C, {
-				icon: /* @__PURE__ */ Y(we, {
-					size: f.SM,
+			m && /* @__PURE__ */ Y(w, {
+				icon: /* @__PURE__ */ Y(Se, {
+					size: p.SM,
 					"aria-hidden": !0
 				}),
-				size: S.Small,
-				"aria-label": b?.dislikeResponse ?? "Dislike response",
-				"aria-pressed": m === a.Dislike,
-				className: m === a.Dislike ? ot.activeRating : void 0,
-				tooltipProps: { tooltip: y?.dislike ?? "Dislike" },
-				onClick: p
+				size: C.Small,
+				"aria-label": x?.dislikeResponse ?? "Dislike response",
+				"aria-pressed": h === o.Dislike,
+				className: h === o.Dislike ? it.activeRating : void 0,
+				tooltipProps: { tooltip: b?.dislike ?? "Dislike" },
+				onClick: m
 			})
 		] })]
 	});
@@ -703,17 +699,17 @@ var ot = { activeRating: "_activeRating_7jito_1" }, st = 2e3, ct = ({ role: e =
 	collapsedText: "_collapsedText_ovjc1_15",
 	startersDivider: "_startersDivider_ovjc1_26",
 	text: "_text_ovjc1_30"
-}, lt = ({ 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: y, onAttachmentRetry: b, codeBlockTheme: x, labels: S, selectedAttachmentId: C }) => {
-	let { colors: w, typography: T, className: E, bubbleClassName: O } = i ?? {}, { attachmentClickLabel: k, attachmentRetryLabel: A, attachmentOpenInNewTabLabel: j, startersAriaLabel: M = "Quick reply buttons", thinkingLabel: N, codeBlockCopyLabel: P, codeBlockCopiedLabel: F, assistantMessageAriaLabel: I = "Assistant message", deploymentIconFallbackLabel: L = "AI" } = S ?? {}, R = c ? (d ?? []).filter((e) => e.type !== t.Audio) : d ?? [], z = l({
+}, st = ({ text: e, styles: n, actions: a, hasAlwaysVisibleActions: o, isStreaming: c, attachments: l, afterContent: f, starters: p, onSelectStarter: m, deploymentIconUrl: h, deploymentDisplayName: g, markdownComponents: _, onAttachmentClick: v, onDownloadAll: y, onAttachmentRetry: b, codeBlockTheme: x, labels: S, selectedAttachmentId: C }) => {
+	let { colors: w, typography: T, className: E, bubbleClassName: D } = n ?? {}, { attachmentClickLabel: k, attachmentRetryLabel: A, attachmentOpenInNewTabLabel: j, startersAriaLabel: M = "Quick reply buttons", thinkingLabel: N, codeBlockCopyLabel: P, codeBlockCopiedLabel: F, assistantMessageAriaLabel: I = "Assistant message", deploymentIconFallbackLabel: L = "AI" } = S ?? {}, R = c ? (l ?? []).filter((e) => e.type !== t.Audio) : l ?? [], z = u({
 		"--cm-bubble-text": w?.text,
 		"--cm-starters-divider": w?.startersDivider
-	}), B = u($.text, T?.fontClassName), V = !!(h || g);
+	}), B = d($.text, T?.fontClassName), V = !!(h || g);
 	return /* @__PURE__ */ X("div", {
 		role: "group",
 		"aria-label": I,
 		style: z,
-		className: u("flex w-full items-start gap-3", E),
-		children: [V && /* @__PURE__ */ Y(n, {
+		className: d("flex w-full items-start gap-3", E),
+		children: [V && /* @__PURE__ */ Y(r, {
 			src: h,
 			size: 28,
 			initialsName: g || L,
@@ -721,13 +717,13 @@ var ot = { activeRating: "_activeRating_7jito_1" }, st = 2e3, ct = ({ role: e =
 		}), /* @__PURE__ */ X("div", {
 			className: "flex w-full min-w-0 max-w-full flex-col items-start gap-5",
 			children: [/* @__PURE__ */ X("div", {
-				className: u("flex w-full min-w-0 max-w-full flex-col items-start gap-4", O),
+				className: d("flex w-full min-w-0 max-w-full flex-col items-start gap-4", D),
 				children: [
 					(e || c) && /* @__PURE__ */ Y("div", {
 						"aria-live": "polite",
 						"aria-atomic": "false",
-						className: u(B, "min-w-0 max-w-full text-start"),
-						children: /* @__PURE__ */ Y(r, {
+						className: d(B, "min-w-0 max-w-full text-start"),
+						children: /* @__PURE__ */ Y(i, {
 							content: e,
 							isStreaming: c,
 							thinkingLabel: N,
@@ -737,9 +733,9 @@ var ot = { activeRating: "_activeRating_7jito_1" }, st = 2e3, ct = ({ role: e =
 							codeBlockTheme: x
 						})
 					}),
-					/* @__PURE__ */ Y(et, {
+					/* @__PURE__ */ Y(Qe, {
 						attachments: R,
-						onAttachmentClick: (e) => v?.(d?.find((t) => t.id === e)),
+						onAttachmentClick: (e) => v?.(l?.find((t) => t.id === e)),
 						onDownloadAll: y,
 						onRetry: b,
 						labels: {
@@ -750,20 +746,20 @@ var ot = { activeRating: "_activeRating_7jito_1" }, st = 2e3, ct = ({ role: e =
 						selectedAttachmentId: C
 					}),
 					f,
-					/* @__PURE__ */ Y(ct, {
+					/* @__PURE__ */ Y(ot, {
 						...a,
-						isAlwaysVisible: s,
-						role: o.Assistant
+						isAlwaysVisible: o,
+						role: s.Assistant
 					})
 				]
 			}), p && p.length > 0 && m && /* @__PURE__ */ Y("div", {
 				role: "list",
 				"aria-label": M,
-				className: u("flex w-full flex-wrap gap-2 border-t pt-5", $.startersDivider),
+				className: d("flex w-full flex-wrap gap-2 border-t pt-5", $.startersDivider),
 				children: p.map((e, t) => /* @__PURE__ */ Y("div", {
 					role: "listitem",
 					className: "min-w-[40px]",
-					children: /* @__PURE__ */ Y(D, {
+					children: /* @__PURE__ */ Y(O, {
 						label: e.title,
 						className: "min-w-[40px]",
 						onClick: () => m(e)
@@ -772,43 +768,43 @@ var ot = { activeRating: "_activeRating_7jito_1" }, st = 2e3, ct = ({ role: e =
 			})]
 		})]
 	});
-}, ut = ({ labels: { titleText: e = "Model switched.", bodyText: t } }) => /* @__PURE__ */ Y("div", {
+}, ct = ({ labels: { titleText: e = "Model switched.", bodyText: t } }) => /* @__PURE__ */ Y("div", {
 	role: "status",
 	"aria-live": "polite",
-	children: /* @__PURE__ */ Y(T, {
+	children: /* @__PURE__ */ Y(E, {
 		title: e,
 		message: t,
 		textClassName: "flex-row flex-wrap gap-1"
 	})
-}), dt = /* @__PURE__ */ function(e) {
+}), lt = /* @__PURE__ */ function(e) {
 	return e.Bottom = "Bottom", e.Top = "Top", e;
-}({}), ft = 10, pt = ({ text: e, position: t = dt.Bottom, styles: n, actions: r, hasAlwaysVisibleActions: i, attachments: a, collapsedLineCount: s = ft, labels: c, onAttachmentClick: p, onDownloadAll: m, onAttachmentRetry: h, selectedAttachmentId: g }) => {
-	let { colors: _, typography: v, className: y, bubbleClassName: b } = n ?? {}, { showMoreLabel: x = "Show more", showLessLabel: C = "Show less", showMoreAriaLabel: w, showLessAriaLabel: T, attachmentClickLabel: D, attachmentRetryLabel: O, attachmentOpenInNewTabLabel: k, userMessageAriaLabel: A = "User message" } = c ?? {}, { textRef: j, isTextCollapsed: P, isOverflowing: F, collapsedMaxHeight: I, expandedMaxHeight: L, isCollapsed: R, toggleCollapsed: z } = d({
+}({}), ut = 10, dt = ({ text: e, position: t = lt.Bottom, styles: n, actions: r, hasAlwaysVisibleActions: i, attachments: a, collapsedLineCount: o = ut, labels: c, onAttachmentClick: l, onDownloadAll: m, onAttachmentRetry: h, selectedAttachmentId: g }) => {
+	let { colors: _, typography: v, className: y, bubbleClassName: b } = n ?? {}, { showMoreLabel: x = "Show more", showLessLabel: S = "Show less", showMoreAriaLabel: w, showLessAriaLabel: T, attachmentClickLabel: E, attachmentRetryLabel: O, attachmentOpenInNewTabLabel: k, userMessageAriaLabel: A = "User message" } = c ?? {}, { textRef: j, isTextCollapsed: P, isOverflowing: F, collapsedMaxHeight: I, expandedMaxHeight: L, isCollapsed: R, toggleCollapsed: z } = f({
 		text: e,
-		collapsedLineCount: s
-	}), B = l({
+		collapsedLineCount: o
+	}), B = u({
 		"--cm-bubble-user-bg": _?.userBackground,
 		"--cm-bubble-user-border": _?.userBorder,
 		"--cm-bubble-fade-start": _?.fadeStart,
 		"--cm-bubble-text": _?.text,
 		"--cm-bubble-collapsed-height": F ? `${I}px` : void 0,
 		"--cm-bubble-expanded-height": F ? `${L}px` : void 0
-	}), V = t === dt.Top ? "rounded-ee-md rounded-se-2xl" : "rounded-se-md rounded-ee-2xl", H = u($.text, v?.fontClassName), U = w ?? x, W = T ?? C, ee = R ? x : C, te = R ? U : W, ne = R ? M : N, re = je();
+	}), V = t === lt.Top ? "rounded-ee-md rounded-se-2xl" : "rounded-se-md rounded-ee-2xl", H = d($.text, v?.fontClassName), U = w ?? x, W = T ?? S, ee = R ? x : S, te = R ? U : W, ne = R ? M : N, re = ke();
 	return /* @__PURE__ */ Y("div", {
 		role: "group",
 		"aria-label": A,
 		style: B,
-		className: u("flex w-full", y),
+		className: d("flex w-full", y),
 		children: /* @__PURE__ */ X("div", {
 			className: "ms-auto flex w-fit min-w-0 max-w-full flex-col items-end gap-4",
 			children: [
-				/* @__PURE__ */ Y(et, {
+				/* @__PURE__ */ Y(Qe, {
 					attachments: a ?? [],
-					onAttachmentClick: (e) => p?.(a?.find((t) => t.id === e)),
+					onAttachmentClick: (e) => l?.(a?.find((t) => t.id === e)),
 					onDownloadAll: m,
 					onRetry: h,
 					labels: {
-						clickLabel: D,
+						clickLabel: E,
 						retryLabel: O,
 						openInNewTabLabel: k
 					},
@@ -816,21 +812,21 @@ var ot = { activeRating: "_activeRating_7jito_1" }, st = 2e3, ct = ({ role: e =
 					selectedAttachmentId: g
 				}),
 				e && /* @__PURE__ */ Y("div", {
-					className: u($.userBubble, "flex w-fit items-center justify-end rounded-es-2xl rounded-ss-2xl border px-6 py-4", V, b),
+					className: d($.userBubble, "flex w-fit items-center justify-end rounded-es-2xl rounded-ss-2xl border px-6 py-4", V, b),
 					children: /* @__PURE__ */ X("div", {
 						className: "flex min-w-0 flex-col items-start",
 						children: [/* @__PURE__ */ Y("div", {
 							id: re,
-							className: u("relative overflow-hidden", F && $.collapsibleText, F && !R && $.expandedText, P && $.collapsedText),
+							className: d("relative overflow-hidden", F && $.collapsibleText, F && !R && $.expandedText, P && $.collapsedText),
 							children: /* @__PURE__ */ Y("p", {
 								ref: j,
-								className: u(H, "whitespace-pre-wrap text-start [overflow-wrap:anywhere]"),
+								className: d(H, "whitespace-pre-wrap text-start [overflow-wrap:anywhere]"),
 								children: e
 							})
-						}), F && /* @__PURE__ */ Y(E, {
+						}), F && /* @__PURE__ */ Y(D, {
 							label: /* @__PURE__ */ Y(J, { children: ee }),
 							iconBefore: /* @__PURE__ */ Y(ne, {
-								size: f.SM,
+								size: p.SM,
 								"aria-hidden": "true"
 							}),
 							"aria-label": te,
@@ -838,28 +834,28 @@ var ot = { activeRating: "_activeRating_7jito_1" }, st = 2e3, ct = ({ role: e =
 							"aria-controls": re,
 							className: "mt-3",
 							onClick: z,
-							size: S.Small
+							size: C.Small
 						})]
 					})
 				}),
-				/* @__PURE__ */ Y(ct, {
+				/* @__PURE__ */ Y(ot, {
 					...r,
 					isAlwaysVisible: i,
-					role: o.User
+					role: s.User
 				})
 			]
 		})
 	});
-}, mt = ({ role: e, onAttachmentClick: t, markdownComponents: n, ...r }) => e === o.Status ? /* @__PURE__ */ Y(ut, { labels: {
+}, ft = ({ role: e, onAttachmentClick: t, markdownComponents: n, ...r }) => e === s.Status ? /* @__PURE__ */ Y(ct, { labels: {
 	titleText: r.labels?.statusTitleText,
 	bodyText: r.labels?.statusBodyText ?? ""
-} }) : e === o.User ? /* @__PURE__ */ Y(pt, {
+} }) : e === s.User ? /* @__PURE__ */ Y(dt, {
 	...r,
 	onAttachmentClick: t
-}) : /* @__PURE__ */ Y(lt, {
+}) : /* @__PURE__ */ Y(st, {
 	...r,
 	markdownComponents: n,
 	onAttachmentClick: t
 });
 //#endregion
-export { lt as AssistantMessageBubble, dt as BubblePosition, ct as MessageActions, mt as MessageBubble, ut as StatusMessageBubble, pt as UserMessageBubble };
+export { st as AssistantMessageBubble, lt as BubblePosition, ot as MessageActions, ft as MessageBubble, ct as StatusMessageBubble, dt as UserMessageBubble };

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.93",
+  "version": "1.1.0-dev.99",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -19,8 +19,8 @@
   "peerDependencies": {
     "react": "^19.0.0",
     "@tabler/icons-react": "^3.0.0",
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.93",
-    "@epam/ai-dial-conversation-input": "1.1.0-dev.93",
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.99",
+    "@epam/ai-dial-conversation-input": "1.1.0-dev.99",
     "react-markdown": "^10.1.0",
     "@epam/ai-dial-ui-kit": "^0.13.0-dev.26"
   },