@epam/ai-dial-conversation-messages 1.0.0-dev.486 → 1.0.0-dev.489

package/components/MessageBubble/StatusMessageBubble.d.ts

@@ -1,10 +1,7 @@
 import { FC } from 'react';
 /** Props for the model-change status message banner. */
 export interface StatusMessageBubbleProps {
-    /**
-     * Bold prefix text displayed before the description.
-     * @default "Model switched."
-     */
+    /** Bold prefix text displayed before the description. Defaults to `'Model switched.'`. */
     titleText?: string;
     /** Full description text, e.g. "The model has been switched from GPT to Imagen." */
     bodyText: string;

package/components/MessageBubble/StatusMessageBubble.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusMessageBubble.d.ts","sourceRoot":"","sources":["../../../src/components/MessageBubble/StatusMessageBubble.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,wDAAwD;AACxD,MAAM,WAAW,wBAAwB;IACvC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oFAAoF;IACpF,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAa5D,CAAC"}
+{"version":3,"file":"StatusMessageBubble.d.ts","sourceRoot":"","sources":["../../../src/components/MessageBubble/StatusMessageBubble.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,wDAAwD;AACxD,MAAM,WAAW,wBAAwB;IACvC,0FAA0F;IAC1F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oFAAoF;IACpF,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAa5D,CAAC"}

package/index.js

@@ -1,6 +1,6 @@
 import { AttachmentErrorReason as e, AttachmentType as t, CodeBlockTheme as n, DeploymentIcon as r, Highlight as i, MDMessageViewer as a, MIME_TYPE_EXT_MAP as o, MessageRating as s, MessageRole as c, RequestStatus as l, ResponseFormat as u, buildCssVars as d, mergeClasses as f, useCollapsedText as p } from "@epam/ai-dial-chat-shared";
 import { DIAL_ICON_SIZE as m, DialGhostIconButton as h, DialInput as g, DialLinkButton as _, DialNotification as v, DialPopup as y, DialPrimaryButton as b, DialRadioGroup as x, DialRoundedButton as S, DialSkeleton as C, DialSkeletonVariant as w, DialSlider as T, DialSpinner as E, DialTag as D, DialTooltip as O, ElementSize as k, PopupSize as A, RadioGroupOrientation as j } from "@epam/ai-dial-ui-kit";
-import { IconCheck as M, IconChevronDown as N, IconChevronUp as P, IconClipboard as F, IconCopy as I, IconDownload as L, IconFile as R, IconFileTypeBmp as z, IconFileTypeCss as ee, IconFileTypeCsv as te, IconFileTypeDoc as ne, IconFileTypeDocx as B, IconFileTypeHtml as V, IconFileTypeJpg as H, IconFileTypeJs as U, IconFileTypeJsx as W, IconFileTypePdf as G, 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, IconMarkdown as ge, IconMusic as _e, IconPaperclip as ve, IconPencilMinus as ye, IconPhoto as be, 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 { IconCheck as M, IconChevronDown as N, IconChevronUp as P, IconClipboard as F, IconCopy as I, IconDownload as L, IconFile as R, IconFileTypeBmp as z, IconFileTypeCss as B, IconFileTypeCsv as V, IconFileTypeDoc as H, IconFileTypeDocx as U, IconFileTypeHtml as ee, IconFileTypeJpg as te, IconFileTypeJs as ne, IconFileTypeJsx as W, IconFileTypePdf as G, 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, IconMarkdown as ge, IconMusic as _e, IconPaperclip as ve, IconPencilMinus as ye, IconPhoto as be, 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 "react-dom";
 import { memo as ke, useCallback as Ae, useEffect as je, useId as Me, useMemo as Ne, useRef as Pe, useState as K } from "react";
 import { Fragment as q, jsx as J, jsxs as Y } from "react/jsx-runtime";
@@ -43,7 +43,7 @@ var Fe = /* @__PURE__ */ function(e) {
 	if (!e) return R;
 	if (e.startsWith("image/")) switch (e) {
 		case "image/jpeg":
-		case "image/jpg": return H;
+		case "image/jpg": return te;
 		case "image/png": return ie;
 		case "image/svg+xml": return ce;
 		case "image/bmp": return z;
@@ -54,8 +54,8 @@ var Fe = /* @__PURE__ */ function(e) {
 	switch (e) {
 		case "application/pdf": return G;
 		case "application/msword":
-		case "application/vnd.ms-word": return ne;
-		case "application/vnd.openxmlformats-officedocument.wordprocessingml.document": return B;
+		case "application/vnd.ms-word": return H;
+		case "application/vnd.openxmlformats-officedocument.wordprocessingml.document": return U;
 		case "application/vnd.ms-powerpoint": return ae;
 		case "application/vnd.openxmlformats-officedocument.presentationml.presentation": return ae;
 		case "application/vnd.ms-excel": return pe;
@@ -66,21 +66,21 @@ var Fe = /* @__PURE__ */ function(e) {
 		case "application/x-7z-compressed":
 		case "application/gzip":
 		case "application/x-tar": return he;
-		case "text/csv": return te;
+		case "text/csv": return V;
 		case "text/plain": return de;
 		case "text/html":
-		case "application/xhtml+xml": return V;
+		case "application/xhtml+xml": return ee;
 		case "text/xml":
 		case "application/xml": return me;
 		case "application/sql":
 		case "text/x-sql": return se;
 		case "text/javascript":
-		case "application/javascript": return U;
+		case "application/javascript": return ne;
 		case "text/jsx": return W;
 		case "application/typescript":
 		case "text/typescript": return le;
 		case "text/tsx": return ue;
-		case "text/css": return ee;
+		case "text/css": return B;
 		case "text/x-php":
 		case "application/x-php": return re;
 		case "text/x-rustsrc":
@@ -96,29 +96,29 @@ var Fe = /* @__PURE__ */ function(e) {
 	if (n) return n;
 	let r = t.split("/")[1];
 	if (r && !r.startsWith("vnd.") && !r.includes("+")) return r;
-}, He = (e) => {
-	let { type: n, name: r, contentType: i } = e;
-	if (n === t.Prompt) return "Prompt";
-	if (n === t.Pasted) return "Pasted";
-	if (n === t.Image) return "Image";
-	if (i) {
-		let e = Ve(i);
+}, He = (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 = Ve(a);
 		if (e) return `.${e}`;
 	}
-	let a = r.lastIndexOf(".");
-	return a > 0 && a < r.length - 1 ? `.${r.slice(a + 1).toLowerCase()}` : r;
-}, Ue = (e, n, r) => {
-	let { type: i, status: a, previewUrl: o, url: s } = e, c = a === l.Loading, u = a === l.Error, d = i === t.Image && !!(o ?? s) && !u, p = i === t.Audio && !u, m = f(X.card, u && X.cardError, n && X.cardSelected, !u && !n && i === t.Prompt && X.cardPrompt, !u && !n && i === t.Pasted && X.cardPasted);
+	let o = i.lastIndexOf(".");
+	return o > 0 && o < i.length - 1 ? `.${i.slice(o + 1).toLowerCase()}` : i;
+}, Ue = (e, n, r, i = {}) => {
+	let { type: a, status: o, previewUrl: s, url: c } = e, u = o === l.Loading, d = o === l.Error, p = a === t.Image && !!(s ?? c) && !d, m = a === t.Audio && !d, h = f(X.card, d && X.cardError, n && X.cardSelected, !d && !n && a === t.Prompt && X.cardPrompt, !d && !n && a === t.Pasted && X.cardPasted);
 	return {
-		isLoading: c,
-		isError: u,
-		isImage: d,
-		isAudio: p,
-		areActionsVisible: u || r,
+		isLoading: u,
+		isError: d,
+		isImage: p,
+		isAudio: m,
+		areActionsVisible: d || r,
 		BottomIcon: Be(e),
-		typeLabel: He(e),
-		cardColorClass: m,
-		removeBtnClass: d ? X.removeBtnImage : X.actionBtn
+		typeLabel: He(e, i),
+		cardColorClass: h,
+		removeBtnClass: p ? X.removeBtnImage : X.actionBtn
 	};
 }, We = (e, t) => e <= 0 ? {
 	layout: Le.None,
@@ -132,32 +132,33 @@ var Fe = /* @__PURE__ */ function(e) {
 	layout: Le.Collapsed,
 	visibleCount: 4,
 	hiddenCount: e - 4
-}, Ge = ({ attachment: n, searchQuery: r = "", onRemove: a, onRetry: o, onExpand: s, onClick: c, isSelected: l, shouldAlwaysShowActions: u, labels: p, styles: g, showHoverDownloadIcon: _ = !1, className: v }) => {
-	let { removeLabel: y = "Remove attachment", retryLabel: b = "Retry upload", clickLabel: x = "Open attachment" } = p ?? {}, { colors: S, typography: T, roundedClassName: D = "rounded-xl" } = g ?? {}, { id: O, name: A } = n, j = n.previewUrl ?? n.url, M = n.type === t.Pasted, N = M && s !== void 0, P = Ne(() => M ? A : Re(A), [M, A]), F = d({
-		"--ci-card-border": S?.border,
-		"--ci-card-bg": S?.background,
-		"--ci-card-name": S?.nameText,
-		"--ci-card-meta": S?.metaText
-	}), { isLoading: I, isError: R, isImage: z, isAudio: ee, areActionsVisible: te, BottomIcon: ne, typeLabel: B, cardColorClass: V, removeBtnClass: H } = Ne(() => Ue(n, l ?? !1, u ?? !1), [
+}, Ge = ({ attachment: n, searchQuery: r = "", onRemove: a, onRetry: o, onExpand: s, onClick: c, isSelected: l, shouldAlwaysShowActions: u, labels: p, typeLabels: g, styles: _, showHoverDownloadIcon: v = !1, className: y }) => {
+	let { removeLabel: b = "Remove attachment", retryLabel: x = "Retry upload", clickLabel: S = "Open attachment", expandLabel: T = "Expand pasted text", loadingLabel: D = "Loading attachment", uploadFailedStatusLabel: O = "Upload failed" } = p ?? {}, { colors: A, typography: j, roundedClassName: M = "rounded-xl" } = _ ?? {}, { id: N, name: P } = n, F = n.previewUrl ?? n.url, I = n.type === t.Pasted, R = I && s !== void 0, z = Ne(() => I ? P : Re(P), [I, P]), B = d({
+		"--ci-card-border": A?.border,
+		"--ci-card-bg": A?.background,
+		"--ci-card-name": A?.nameText,
+		"--ci-card-meta": A?.metaText
+	}), { isLoading: V, isError: H, isImage: U, isAudio: ee, areActionsVisible: te, BottomIcon: ne, typeLabel: W, cardColorClass: G, removeBtnClass: re } = Ne(() => Ue(n, l ?? !1, u ?? !1, g), [
 		n,
 		l,
-		u
-	]), U = c !== void 0 && !N && !I && !R, W = N || U, { imageRef: G, imageLoadStatus: re } = Ie({
-		enabled: z,
-		src: j
-	}), ie = () => {
-		N && s ? s(O) : U && c && c(O);
-	}, ae = (e) => {
-		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), ie());
+		u,
+		g
+	]), ie = c !== void 0 && !R && !V && !H, ae = R || ie, { imageRef: oe, imageLoadStatus: se } = Ie({
+		enabled: U,
+		src: F
+	}), ce = () => {
+		R && s ? s(N) : ie && c && c(N);
+	}, le = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), ce());
 	};
 	if (ee) return /* @__PURE__ */ Y("div", {
-		style: F,
-		className: f("group flex w-full min-w-[280px] max-w-[300px] flex-col gap-2 border p-3", D, V, v),
+		style: B,
+		className: f("group flex w-full min-w-[280px] max-w-[300px] flex-col gap-2 border p-3", M, G, y),
 		children: [/* @__PURE__ */ Y("div", {
 			className: "flex items-center justify-between gap-2",
 			children: [/* @__PURE__ */ J("span", {
 				title: n.name,
-				className: f(T?.fontClassName ?? "dial-tiny-text", "min-w-0 truncate", X.name),
+				className: f(j?.fontClassName ?? "dial-tiny-text", "min-w-0 truncate", X.name),
 				children: r ? /* @__PURE__ */ J(i, {
 					text: n.name,
 					query: r,
@@ -169,73 +170,74 @@ var Fe = /* @__PURE__ */ function(e) {
 					"aria-hidden": !0
 				}),
 				size: k.Small,
-				className: f("h-6 w-6 shrink-0 rounded", H),
-				"aria-label": x,
+				className: f("h-6 w-6 shrink-0 rounded", re),
+				"aria-label": S,
 				onClick: (e) => {
-					e.stopPropagation(), c(O);
+					e.stopPropagation(), c(N);
 				}
 			})]
 		}), n.playUrl && /* @__PURE__ */ J("audio", {
 			controls: !0,
 			src: n.playUrl,
+			"aria-label": n.name,
 			className: "w-full",
 			preload: "metadata"
 		})]
 	});
-	let oe = f("group relative flex h-[100px] w-[100px] flex-shrink-0 border focus-within:outline focus-within:outline-1 focus-within:outline-offset-1", D, V, !z && "flex-col gap-3 p-3", W && "cursor-pointer", v), se = /* @__PURE__ */ Y(q, { children: [
-		z ? /* @__PURE__ */ Y("div", {
+	let ue = f("group relative flex h-[100px] w-[100px] flex-shrink-0 border focus-within:outline focus-within:outline-1 focus-within:outline-offset-1", M, G, !U && "flex-col gap-3 p-3", ae && "cursor-pointer", y), de = /* @__PURE__ */ Y(q, { children: [
+		U ? /* @__PURE__ */ Y("div", {
 			className: "relative h-full w-full overflow-hidden",
-			children: [re !== Fe.Loaded && /* @__PURE__ */ J(C, {
+			children: [se !== Fe.Loaded && /* @__PURE__ */ J(C, {
 				variant: w.Rectangular,
 				width: "100%",
 				height: "100%",
-				active: re === Fe.Loading,
+				active: se === Fe.Loading,
 				overlay: /* @__PURE__ */ J(be, {
 					size: m.LG,
-					className: T?.placeholderIconClassName ?? "text-secondary",
+					className: j?.placeholderIconClassName ?? "text-secondary",
 					"aria-hidden": !0
 				}),
-				className: f("absolute inset-0", D)
+				className: f("absolute inset-0", M)
 			}), /* @__PURE__ */ J("img", {
-				ref: G,
-				src: j,
-				alt: A,
+				ref: oe,
+				src: F,
+				alt: P,
 				loading: "lazy",
 				decoding: "async",
-				className: f("h-full w-full object-cover transition-opacity duration-200", re === Fe.Loaded ? "opacity-100" : "opacity-0", D)
+				className: f("h-full w-full object-cover transition-opacity duration-200", se === Fe.Loaded ? "opacity-100" : "opacity-0", M)
 			})]
-		}) : R ? /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ Y("div", {
+		}) : H ? /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ Y("div", {
 			className: "flex flex-row items-center gap-1 overflow-hidden",
 			children: [/* @__PURE__ */ J(ne, {
 				size: m.SM,
 				className: f("shrink-0", X.meta),
 				"aria-hidden": !0
 			}), /* @__PURE__ */ J("span", {
-				title: B,
-				className: f(T?.metaClassName ?? "dial-tiny-text", "min-w-0 truncate", X.meta),
-				children: B
+				title: W,
+				className: f(j?.metaClassName ?? "dial-tiny-text", "min-w-0 truncate", X.meta),
+				children: W
 			})]
 		}), /* @__PURE__ */ J("div", {
 			className: "min-w-0 flex-1",
 			children: /* @__PURE__ */ J("div", {
-				title: P,
-				className: f(T?.fontClassName ?? "dial-tiny-text", "line-clamp-3 break-words", X.name),
+				title: z,
+				className: f(j?.fontClassName ?? "dial-tiny-text", "line-clamp-3 break-words", X.name),
 				children: r ? /* @__PURE__ */ J(i, {
-					text: P,
+					text: z,
 					query: r,
 					maxLines: 3
-				}) : P
+				}) : z
 			})
 		})] }) : /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J("div", {
 			className: "min-w-0 flex-1",
 			children: /* @__PURE__ */ J("div", {
-				title: P,
-				className: f(T?.fontClassName ?? "dial-tiny-text", "line-clamp-3 break-words", X.name),
+				title: z,
+				className: f(j?.fontClassName ?? "dial-tiny-text", "line-clamp-3 break-words", X.name),
 				children: r ? /* @__PURE__ */ J(i, {
-					text: P,
+					text: z,
 					query: r,
 					maxLines: 3
-				}) : P
+				}) : z
 			})
 		}), /* @__PURE__ */ Y("div", {
 			className: "flex flex-row items-center gap-1 overflow-hidden",
@@ -244,32 +246,38 @@ var Fe = /* @__PURE__ */ function(e) {
 				className: f("shrink-0", X.meta),
 				"aria-hidden": !0
 			}), /* @__PURE__ */ J("span", {
-				title: B,
-				className: f(T?.metaClassName ?? "dial-tiny-text", "min-w-0 truncate", X.meta),
-				children: B
+				title: W,
+				className: f(j?.metaClassName ?? "dial-tiny-text", "min-w-0 truncate", X.meta),
+				children: W
 			})]
 		})] }),
-		I && /* @__PURE__ */ J("span", {
-			className: f("absolute inset-0 flex items-center justify-center", D, X.loadingOverlay),
+		V && /* @__PURE__ */ J("span", {
+			className: f("absolute inset-0 flex items-center justify-center", M, X.loadingOverlay),
 			children: /* @__PURE__ */ J(E, {
 				size: 40,
-				ariaLabel: "Loading attachment",
+				ariaLabel: D,
 				className: "z-50"
 			})
 		}),
-		!I && /* @__PURE__ */ Y("div", {
+		/* @__PURE__ */ J("span", {
+			role: "status",
+			"aria-live": "polite",
+			className: "sr-only",
+			children: H ? O : ""
+		}),
+		!V && /* @__PURE__ */ Y("div", {
 			className: f("absolute end-1 top-1 flex gap-1 transition-opacity", te ? "opacity-100" : "opacity-0 group-focus-within:opacity-100 group-hover:opacity-100 mobile:opacity-100"),
 			children: [
-				R && o && n.errorReason !== e.UnsupportedType && /* @__PURE__ */ J(h, {
+				H && o && n.errorReason !== e.UnsupportedType && /* @__PURE__ */ J(h, {
 					icon: /* @__PURE__ */ J(Se, {
 						size: m.SM,
 						"aria-hidden": !0
 					}),
 					size: k.Small,
-					className: f("h-6 w-6 rounded", H),
-					"aria-label": b,
+					className: f("h-6 w-6 rounded", re),
+					"aria-label": x,
 					onClick: (e) => {
-						e.stopPropagation(), o(O);
+						e.stopPropagation(), o(N);
 					}
 				}),
 				a && /* @__PURE__ */ J(h, {
@@ -278,13 +286,13 @@ var Fe = /* @__PURE__ */ function(e) {
 						"aria-hidden": !0
 					}),
 					size: k.Small,
-					className: f("h-6 w-6 rounded", H),
-					"aria-label": y,
+					className: f("h-6 w-6 rounded", re),
+					"aria-label": b,
 					onClick: (e) => {
-						e.stopPropagation(), a?.(O);
+						e.stopPropagation(), a?.(N);
 					}
 				}),
-				_ && !a && !R && /* @__PURE__ */ J(L, {
+				v && !a && !H && /* @__PURE__ */ J(L, {
 					size: m.SM,
 					"aria-hidden": !0,
 					className: f("h-6 w-6 rounded-lg p-1", X.hoverDownloadIcon)
@@ -292,19 +300,19 @@ var Fe = /* @__PURE__ */ function(e) {
 			]
 		})
 	] });
-	return W ? /* @__PURE__ */ J("div", {
-		style: F,
-		className: oe,
-		onClick: ie,
-		onKeyDown: ae,
+	return ae ? /* @__PURE__ */ J("div", {
+		style: B,
+		className: ue,
+		onClick: ce,
+		onKeyDown: le,
 		tabIndex: 0,
 		role: "button",
-		"aria-label": U ? x : void 0,
-		children: se
+		"aria-label": ie ? S : R ? T : void 0,
+		children: de
 	}) : /* @__PURE__ */ J("div", {
-		style: F,
-		className: oe,
-		children: se
+		style: B,
+		className: ue,
+		children: de
 	});
 }, Z = {
 	tile: "_tile_488nu_1",
@@ -320,65 +328,76 @@ var Fe = /* @__PURE__ */ function(e) {
 }, Ke = {
 	[e.Network]: "Upload failed · network error",
 	[e.UnsupportedType]: "Upload failed · unsupported file type"
-}, qe = ({ attachment: t, onClick: r, onRetry: i, labels: a, styles: o, theme: s = n.Dark, className: c }) => {
-	let { clickLabel: u = "Download attachment", retryLabel: d = "Retry upload", sizeLabel: p } = a ?? {}, { nameClassName: g = "dial-caption-text", metaClassName: _ = "dial-caption-text" } = o ?? {}, { id: v, name: y, status: b, errorReason: x } = t, S = b === l.Loading, C = b === l.Error, w = C && (x && Ke[x] || "Upload failed"), { BottomIcon: T, typeLabel: E } = Ue(t, !1, !1), D = !C && !S && r !== void 0, O = C && !!i && x !== e.UnsupportedType, A = D || O ? "pe-5" : void 0, j = () => {
-		D && r?.(t);
-	}, M = (e) => {
-		(e.key === "Enter" || e.key === " ") && D && (e.preventDefault(), j());
-	}, N = f("group relative flex size-[84px] flex-col justify-between gap-1 overflow-hidden rounded-xl border p-1.5", Z.tile, !C && s === n.Light && Z.tileLight, C && Z.tileError), P = /* @__PURE__ */ J("div", {
-		title: y,
-		className: f(g, "line-clamp-2 min-w-0 break-words", Z.nameText, !C && A),
-		children: y
-	}), F = /* @__PURE__ */ Y("div", {
-		className: f("flex items-center gap-1 overflow-hidden", C && A),
-		children: [/* @__PURE__ */ J(T, {
+}, qe = ({ attachment: t, onClick: r, onRetry: i, labels: a, typeLabels: o, styles: s, theme: c = n.Dark, className: u }) => {
+	let { clickLabel: d = "Download attachment", retryLabel: p = "Retry upload", sizeLabel: g, uploadingLabel: _ = "Uploading", errorReasonLabels: v, genericErrorLabel: y = "Upload failed" } = a ?? {}, { nameClassName: b = "dial-caption-text", metaClassName: x = "dial-caption-text" } = s ?? {}, { id: S, name: C, status: w, errorReason: T } = t, E = w === l.Loading, D = w === l.Error, O = Me(), A = D && (T && (v?.[T] ?? Ke[T]) || y), { BottomIcon: j, typeLabel: M } = Ue(t, !1, !1, o), N = !D && !E && r !== void 0, P = D && !!i && T !== e.UnsupportedType, F = N || P ? "pe-5" : void 0, I = () => {
+		N && r?.(t);
+	}, R = (e) => {
+		(e.key === "Enter" || e.key === " ") && N && (e.preventDefault(), I());
+	}, z = f("group relative flex size-[84px] flex-col justify-between gap-1 overflow-hidden rounded-xl border p-1.5", Z.tile, !D && c === n.Light && Z.tileLight, D && Z.tileError), B = /* @__PURE__ */ J("div", {
+		title: C,
+		className: f(b, "line-clamp-2 min-w-0 break-words", Z.nameText, !D && F),
+		children: C
+	}), V = /* @__PURE__ */ Y("div", {
+		className: f("flex items-center gap-1 overflow-hidden", D && F),
+		children: [/* @__PURE__ */ J(j, {
 			size: 16,
 			className: Z.typeText,
 			"aria-hidden": !0
 		}), /* @__PURE__ */ J("span", {
-			className: f(_, "truncate", Z.typeText),
-			children: p ? `${E} · ${p}` : E
+			className: f(x, "truncate", Z.typeText),
+			children: g ? `${M} · ${g}` : M
 		})]
-	}), I = /* @__PURE__ */ Y(q, { children: [
-		C ? /* @__PURE__ */ Y(q, { children: [F, P] }) : /* @__PURE__ */ Y(q, { children: [P, F] }),
-		S && /* @__PURE__ */ J("div", {
+	}), H = /* @__PURE__ */ Y(q, { children: [
+		D ? /* @__PURE__ */ Y(q, { children: [V, B] }) : /* @__PURE__ */ Y(q, { children: [B, V] }),
+		E && /* @__PURE__ */ J("div", {
 			role: "progressbar",
-			"aria-label": "Uploading",
+			"aria-label": _,
 			className: f("absolute inset-x-2 bottom-2 h-[3px] overflow-hidden rounded-full", Z.track),
 			children: /* @__PURE__ */ J("div", { className: f("h-full w-1/3 rounded-full", Z.indeterminateFill) })
 		}),
-		D && /* @__PURE__ */ J(L, {
+		N && /* @__PURE__ */ J(L, {
 			size: m.SM,
 			"aria-hidden": !0,
 			className: f("absolute end-1 top-1 h-6 w-6 rounded-lg p-1 opacity-0 transition-opacity group-hover:opacity-100 mobile:opacity-100", Z.hoverIcon)
 		}),
-		O && /* @__PURE__ */ J(h, {
+		P && /* @__PURE__ */ J(h, {
 			icon: /* @__PURE__ */ J(Se, {
 				size: m.SM,
 				"aria-hidden": !0
 			}),
 			size: k.Small,
 			className: f("absolute end-1 top-1 h-6 w-6 rounded-lg", Z.retryIcon),
-			"aria-label": d,
+			"aria-label": p,
+			"aria-describedby": A ? O : void 0,
 			onClick: (e) => {
-				e.stopPropagation(), i(v);
+				e.stopPropagation(), i(S);
 			}
+		}),
+		D && /* @__PURE__ */ J("span", {
+			id: O,
+			role: "status",
+			"aria-live": "polite",
+			className: "sr-only",
+			children: A
 		})
 	] });
 	return /* @__PURE__ */ J("div", {
-		className: f("inline-flex", c),
-		children: D ? /* @__PURE__ */ J("div", {
+		className: f("inline-flex", u),
+		children: N ? /* @__PURE__ */ J("div", {
 			role: "button",
 			tabIndex: 0,
-			"aria-label": u,
-			onClick: j,
-			onKeyDown: M,
-			className: f(N, "cursor-pointer focus-within:outline focus-within:outline-1 focus-within:outline-offset-1"),
-			children: I
+			"aria-label": d,
+			onClick: I,
+			onKeyDown: R,
+			className: f(z, "cursor-pointer focus-within:outline focus-within:outline-1 focus-within:outline-offset-1"),
+			children: H
 		}) : /* @__PURE__ */ J("div", {
-			className: N,
-			title: w || void 0,
-			children: I
+			className: z,
+			title: A || void 0,
+			role: D ? "group" : void 0,
+			"aria-describedby": D ? O : void 0,
+			tabIndex: D ? 0 : void 0,
+			children: H
 		})
 	});
 }, Je = { tile: "_tile_1s4d7_1" }, Ye = ({ count: e, onClick: t, ariaLabel: n, children: r, fontClassName: i = "dial-small-semi-text", className: a }) => /* @__PURE__ */ J("button", {
@@ -396,25 +415,25 @@ var Fe = /* @__PURE__ */ function(e) {
 	headerLabel: "_headerLabel_7fktb_7",
 	downloadAllButton: "_downloadAllButton_7fktb_8",
 	imageTile: "_imageTile_7fktb_12"
-}, Xe = (e, t) => `${e} ${t}${e === 1 ? "" : "s"}`, Ze = ({ attachments: e, onAttachmentClick: n, onDownloadAll: r, onRetry: i, getSizeLabel: a, labels: o, styles: s, theme: c, className: u }) => {
-	let { ariaLabel: d = "Attachments", clickLabel: p = "Download attachment", retryLabel: g = "Retry upload", showLessLabel: _ = "Show less", downloadAllLabel: v = "Download all" } = o ?? {}, { headerLabelClassName: y = "dial-tiny-semi-text" } = s ?? {}, [b, x] = K(!1), S = Ne(() => We(e.length, b), [e.length, b]);
+}, Xe = (e, t) => `${e} ${t}${e === 1 ? "" : "s"}`, Ze = ({ attachments: e, onAttachmentClick: n, onDownloadAll: r, onRetry: i, getSizeLabel: a, labels: o, typeLabels: s, styles: c, theme: u, className: d }) => {
+	let { ariaLabel: p = "Attachments", clickLabel: g = "Download attachment", retryLabel: _ = "Retry upload", showLessLabel: v = "Show less", downloadAllLabel: y = "Download all", getHeaderLabel: b = (e) => Xe(e, "attachment") } = o ?? {}, { headerLabelClassName: x = "dial-tiny-semi-text" } = c ?? {}, [S, C] = K(!1), w = Ne(() => We(e.length, S), [e.length, S]);
 	if (e.length === 0) return null;
-	let C = e.some((e) => e.type === t.Image), w = e.some((e) => e.type !== t.Image), T = C && w, E = e.length >= 5, D = T ? ve : C ? be : R, O = Xe(e.length, "attachment"), k = e.slice(0, S.visibleCount);
+	let T = e.some((e) => e.type === t.Image), E = e.some((e) => e.type !== t.Image), D = T && E, O = e.length >= 5, k = D ? ve : T ? be : R, A = b(e.length), j = e.slice(0, w.visibleCount);
 	return /* @__PURE__ */ Y("div", {
 		role: "group",
-		"aria-label": d,
-		className: f("rounded-2xl border p-3", E ? "w-full min-w-0 max-w-[492px]" : "max-w-[420px]", Q.container, u),
+		"aria-label": p,
+		className: f("rounded-2xl border p-3", O ? "w-full min-w-0 max-w-[492px]" : "max-w-[420px]", Q.container, d),
 		children: [/* @__PURE__ */ Y("div", {
 			className: "mb-3 flex min-h-6 items-center gap-2",
 			children: [
-				/* @__PURE__ */ J(D, {
+				/* @__PURE__ */ J(k, {
 					size: m.SM,
 					className: f("shrink-0", Q.headerIcon),
 					"aria-hidden": !0
 				}),
 				/* @__PURE__ */ J("span", {
-					className: f(y, Q.headerLabel),
-					children: O
+					className: f(x, Q.headerLabel),
+					children: A
 				}),
 				e.length >= 2 && (r || n) && /* @__PURE__ */ J(h, {
 					icon: /* @__PURE__ */ J(L, {
@@ -422,7 +441,7 @@ var Fe = /* @__PURE__ */ function(e) {
 						"aria-hidden": !0
 					}),
 					className: f("ms-auto h-6 w-6 rounded-lg", Q.downloadAllButton),
-					"aria-label": v,
+					"aria-label": y,
 					onClick: () => {
 						let t = e.filter((e) => e.status === l.Idle);
 						r ? r(t) : t.forEach((e) => n?.(e));
@@ -431,19 +450,20 @@ var Fe = /* @__PURE__ */ function(e) {
 			]
 		}), /* @__PURE__ */ Y("div", {
 			role: "list",
-			"aria-label": O,
-			className: f("gap-3", E ? "grid grid-cols-[repeat(5,84px)] overflow-x-auto" : "flex flex-wrap"),
+			"aria-label": A,
+			className: f("gap-3", O ? "grid grid-cols-[repeat(5,84px)] overflow-x-auto" : "flex flex-wrap"),
 			children: [
-				k.map((e) => /* @__PURE__ */ J("div", {
+				j.map((e) => /* @__PURE__ */ J("div", {
 					role: "listitem",
 					children: e.type === t.Image ? /* @__PURE__ */ J(Ge, {
 						attachment: e,
 						onClick: n ? () => n(e) : void 0,
 						onRetry: i,
 						labels: {
-							clickLabel: p,
-							retryLabel: g
+							clickLabel: g,
+							retryLabel: _
 						},
+						typeLabels: s,
 						styles: { roundedClassName: "rounded-xl" },
 						showHoverDownloadIcon: !0,
 						className: f("size-[84px]", Q.imageTile)
@@ -452,26 +472,27 @@ var Fe = /* @__PURE__ */ function(e) {
 						onClick: n,
 						onRetry: i,
 						labels: {
-							clickLabel: p,
-							retryLabel: g,
+							clickLabel: g,
+							retryLabel: _,
 							sizeLabel: a?.(e)
 						},
-						theme: c
+						typeLabels: s,
+						theme: u
 					})
 				}, e.id)),
-				S.layout === Le.Collapsed && /* @__PURE__ */ J("div", {
+				w.layout === Le.Collapsed && /* @__PURE__ */ J("div", {
 					role: "listitem",
 					children: /* @__PURE__ */ J(Ye, {
-						count: S.hiddenCount,
-						onClick: () => x(!0)
+						count: w.hiddenCount,
+						onClick: () => C(!0)
 					})
 				}),
-				E && b && /* @__PURE__ */ J("div", {
+				O && S && /* @__PURE__ */ J("div", {
 					role: "listitem",
 					children: /* @__PURE__ */ J(Ye, {
 						count: 0,
-						onClick: () => x(!1),
-						ariaLabel: _,
+						onClick: () => C(!1),
+						ariaLabel: v,
 						children: /* @__PURE__ */ J(P, {
 							size: m.MD,
 							"aria-hidden": !0
@@ -729,13 +750,13 @@ var rt = 2e3, it = ({ role: e = c.User, onEdit: t, onEditHover: n, onDelete: r,
 	let { colors: E, typography: D, className: O, bubbleClassName: k } = n ?? {}, { attachmentClickLabel: A, attachmentRetryLabel: j, startersAriaLabel: M = "Quick reply buttons", thinkingLabel: N, codeBlockCopyLabel: P, codeBlockCopiedLabel: F, assistantMessageAriaLabel: I = "Assistant message", deploymentIconFallbackLabel: L = "AI" } = T ?? {}, R = s ? (l ?? []).filter((e) => e.type !== t.Audio) : l ?? [], z = d({
 		"--cm-bubble-text": E?.text,
 		"--cm-starters-divider": E?.startersDivider
-	}), ee = f($.text, D?.fontClassName), te = !!(h || g);
+	}), B = f($.text, D?.fontClassName), V = !!(h || g);
 	return /* @__PURE__ */ Y("div", {
 		role: "group",
 		"aria-label": I,
 		style: z,
 		className: f("flex w-full items-start gap-3", O),
-		children: [te && /* @__PURE__ */ J(r, {
+		children: [V && /* @__PURE__ */ J(r, {
 			src: h,
 			size: 28,
 			initialsName: g || L,
@@ -748,7 +769,7 @@ var rt = 2e3, it = ({ role: e = c.User, onEdit: t, onEditHover: n, onDelete: r,
 					(e || s) && /* @__PURE__ */ J("div", {
 						"aria-live": "polite",
 						"aria-atomic": "false",
-						className: f(ee, "min-w-0 max-w-full text-start"),
+						className: f(B, "min-w-0 max-w-full text-start"),
 						children: /* @__PURE__ */ J(a, {
 							content: e,
 							isStreaming: s,
@@ -808,18 +829,18 @@ var rt = 2e3, it = ({ role: e = c.User, onEdit: t, onEditHover: n, onDelete: r,
 	let { colors: y, typography: b, className: x, bubbleClassName: S } = n ?? {}, { showMoreLabel: C = "Show more", showLessLabel: w = "Show less", showMoreAriaLabel: T, showLessAriaLabel: E, attachmentClickLabel: D, attachmentRetryLabel: O, userMessageAriaLabel: A = "User message" } = s ?? {}, { textRef: j, isTextCollapsed: M, isOverflowing: F, collapsedMaxHeight: I, expandedMaxHeight: L, isCollapsed: R, toggleCollapsed: z } = p({
 		text: e,
 		collapsedLineCount: o
-	}), ee = d({
+	}), B = d({
 		"--cm-bubble-user-bg": y?.userBackground,
 		"--cm-bubble-user-border": y?.userBorder,
 		"--cm-bubble-fade-start": y?.fadeStart,
 		"--cm-bubble-text": y?.text,
 		"--cm-bubble-collapsed-height": F ? `${I}px` : void 0,
 		"--cm-bubble-expanded-height": F ? `${L}px` : void 0
-	}), te = t === st.Top ? "rounded-ee-[6px] rounded-se-[16px]" : "rounded-se-[6px] rounded-ee-[16px]", ne = f($.text, b?.fontClassName), B = T ?? C, V = E ?? w, H = R ? C : w, U = R ? B : V, W = R ? N : P, G = Me();
+	}), V = t === st.Top ? "rounded-ee-[6px] rounded-se-[16px]" : "rounded-se-[6px] rounded-ee-[16px]", H = f($.text, b?.fontClassName), U = T ?? C, ee = E ?? w, te = R ? C : w, ne = R ? U : ee, W = R ? N : P, G = Me();
 	return /* @__PURE__ */ J("div", {
 		role: "group",
 		"aria-label": A,
-		style: ee,
+		style: B,
 		className: f("flex w-full", x),
 		children: /* @__PURE__ */ Y("div", {
 			className: "ms-auto flex w-fit min-w-0 max-w-full flex-col items-end gap-4",
@@ -838,7 +859,7 @@ var rt = 2e3, it = ({ role: e = c.User, onEdit: t, onEditHover: n, onDelete: r,
 					className: "max-w-[640px]"
 				}),
 				e && /* @__PURE__ */ J("div", {
-					className: f($.userBubble, "flex w-fit items-center justify-end rounded-es-2xl rounded-ss-2xl border px-6 py-4", te, S),
+					className: f($.userBubble, "flex w-fit items-center justify-end rounded-es-2xl rounded-ss-2xl border px-6 py-4", V, S),
 					children: /* @__PURE__ */ Y("div", {
 						className: "flex min-w-0 flex-col items-start",
 						children: [/* @__PURE__ */ J("div", {
@@ -846,16 +867,16 @@ var rt = 2e3, it = ({ role: e = c.User, onEdit: t, onEditHover: n, onDelete: r,
 							className: f("relative overflow-hidden", F && $.collapsibleText, F && !R && $.expandedText, M && $.collapsedText),
 							children: /* @__PURE__ */ J("p", {
 								ref: j,
-								className: f(ne, "whitespace-pre-wrap text-start [overflow-wrap:anywhere]"),
+								className: f(H, "whitespace-pre-wrap text-start [overflow-wrap:anywhere]"),
 								children: e
 							})
 						}), F && /* @__PURE__ */ J(_, {
-							label: /* @__PURE__ */ J(q, { children: H }),
+							label: /* @__PURE__ */ J(q, { children: te }),
 							iconBefore: /* @__PURE__ */ J(W, {
 								size: m.SM,
 								"aria-hidden": "true"
 							}),
-							"aria-label": U,
+							"aria-label": ne,
 							"aria-expanded": !R,
 							"aria-controls": G,
 							className: "mt-3",

package/models/message-bubble.d.ts

@@ -111,7 +111,7 @@ interface BaseMessageBubbleProps {
     /**
      * Surface color theme for non-previewable attachment tiles, matching the
      * markdown code block's own light/dark surface (never plain white).
-     * Forwarded to `AttachmentGroup`. Defaults to `'dark'`.
+     * Forwarded to `AttachmentGroup`, which defaults to `'dark'` when omitted.
      */
     attachmentTheme?: CodeBlockTheme;
 }
@@ -146,7 +146,7 @@ export interface AssistantMessageBubbleProps extends BaseMessageBubbleProps {
     deploymentIconUrl?: string;
     /** Human-readable deployment name shown as the icon's accessible label. */
     deploymentDisplayName?: string;
-    /** Syntax highlight color theme for code blocks. Forwarded to `MDMessageViewer`. Defaults to `'dark'`. */
+    /** Syntax highlight color theme for code blocks. Forwarded to `MDMessageViewer`, which defaults to `'dark'` when omitted. */
     codeBlockTheme?: CodeBlockTheme;
     /** Localised labels for quick replies, the thinking indicator, and code block copy actions. */
     labels?: AssistantMessageBubbleLabels;

package/models/message-bubble.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message-bubble.d.ts","sourceRoot":"","sources":["../../src/models/message-bubble.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"message-bubble.d.ts","sourceRoot":"","sources":["../../src/models/message-bubble.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EACjB,WAAW,EACX,aAAa,EACd,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,mEAAmE;AACnE,MAAM,WAAW,mBAAmB;IAClC,mDAAmD;IACnD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4GAA4G;IAC5G,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0HAA0H;IAC1H,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,0DAA0D;AAC1D,MAAM,WAAW,uBAAuB;IACtC,0DAA0D;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,sFAAsF;AACtF,MAAM,WAAW,mBAAmB;IAClC,wDAAwD;IACxD,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,uBAAuB,CAAC;IACrC,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,sDAAsD;AACtD,MAAM,WAAW,mBAAmB;IAClC,mGAAmG;IACnG,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oGAAoG;IACpG,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qFAAqF;IACrF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uFAAuF;IACvF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wGAAwG;IACxG,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,6GAA6G;IAC7G,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,qFAAqF;IACrF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,+DAA+D;IAC/D,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,mEAAmE;AACnE,MAAM,WAAW,4BAA6B,SAAQ,mBAAmB;IACvE,8FAA8F;IAC9F,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2FAA2F;IAC3F,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0FAA0F;IAC1F,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,2BAA2B,CAAC,EAAE,MAAM,CAAC;CACtC;AAED,qEAAqE;AACrE,UAAU,sBAAsB;IAC9B,uDAAuD;IACvD,IAAI,EAAE,MAAM,CAAC;IACb,uEAAuE;IACvE,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,6EAA6E;IAC7E,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,+FAA+F;IAC/F,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,oFAAoF;IACpF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oIAAoI;IACpI,WAAW,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAClC,2EAA2E;IAC3E,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,+FAA+F;IAC/F,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5D;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,WAAW,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;IAC3D,+DAA+D;IAC/D,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,gHAAgH;IAChH,sBAAsB,CAAC,EAAE,CACvB,UAAU,EAAE,iBAAiB,KAC1B,MAAM,GAAG,SAAS,CAAC;IACxB;;;;OAIG;IACH,eAAe,CAAC,EAAE,cAAc,CAAC;CAClC;AAED,2DAA2D;AAC3D,MAAM,WAAW,sBAAuB,SAAQ,sBAAsB;IACpE,+GAA+G;IAC/G,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,mGAAmG;IACnG,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,gEAAgE;AAChE,MAAM,WAAW,2BAA4B,SAAQ,sBAAsB;IACzE;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,UAAU,CAAC;IAChC;;;OAGG;IACH,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAC3B,qFAAqF;IACrF,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;IACnD,2FAA2F;IAC3F,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2EAA2E;IAC3E,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,6HAA6H;IAC7H,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,+FAA+F;IAC/F,MAAM,CAAC,EAAE,4BAA4B,CAAC;CACvC;AAED;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAAG,2BAA2B,GAC1D,IAAI,CAAC,sBAAsB,EAAE,UAAU,GAAG,oBAAoB,CAAC,GAAG;IAChE,0FAA0F;IAC1F,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC"}

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.0.0-dev.486",
+  "version": "1.0.0-dev.489",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -20,8 +20,8 @@
     "react": "^19.0.0",
     "@tabler/icons-react": "^3.0.0",
     "@epam/ai-dial-ui-kit": "0.12.0-dev.28",
-    "@epam/ai-dial-chat-shared": "1.0.0-dev.486",
-    "@epam/ai-dial-conversation-input": "1.0.0-dev.486",
+    "@epam/ai-dial-chat-shared": "1.0.0-dev.489",
+    "@epam/ai-dial-conversation-input": "1.0.0-dev.489",
     "react-markdown": "^10.1.0"
   },
   "repository": {

package/types/bubble-position.d.ts

@@ -1,8 +1,8 @@
 /** Controls which corners of the message bubble are rounded, allowing adjacent bubbles to visually group together. */
 export declare enum BubblePosition {
-    /** First bubble in a group — rounds the top-right corner. */
+    /** First bubble in a group — rounds the bottom-right corner. */
     Bottom = "Bottom",
-    /** Subsequent bubble in a group — rounds the bottom-right corner. */
+    /** Subsequent bubble in a group — rounds the top-right corner. */
     Top = "Top"
 }
 //# sourceMappingURL=bubble-position.d.ts.map

package/types/bubble-position.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bubble-position.d.ts","sourceRoot":"","sources":["../../src/types/bubble-position.ts"],"names":[],"mappings":"AAAA,sHAAsH;AACtH,oBAAY,cAAc;IACxB,6DAA6D;IAC7D,MAAM,WAAW;IACjB,qEAAqE;IACrE,GAAG,QAAQ;CACZ"}
+{"version":3,"file":"bubble-position.d.ts","sourceRoot":"","sources":["../../src/types/bubble-position.ts"],"names":[],"mappings":"AAAA,sHAAsH;AACtH,oBAAY,cAAc;IACxB,gEAAgE;IAChE,MAAM,WAAW;IACjB,kEAAkE;IAClE,GAAG,QAAQ;CACZ"}