@epam/ai-dial-conversation-messages 1.2.0-dev.48 → 1.2.0-dev.58

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

@@ -1 +1 @@
-{"version":3,"file":"AssistantMessageBubble.d.ts","sourceRoot":"","sources":["../../../src/components/MessageBubble/AssistantMessageBubble.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAY/E,gHAAgH;AAChH,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CA+MlE,CAAC"}
+{"version":3,"file":"AssistantMessageBubble.d.ts","sourceRoot":"","sources":["../../../src/components/MessageBubble/AssistantMessageBubble.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAGpC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAY/E,gHAAgH;AAChH,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CAgNlE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"UserMessageBubble.d.ts","sourceRoot":"","sources":["../../../src/components/MessageBubble/UserMessageBubble.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,EAAE,EAAS,MAAM,OAAO,CAAC;AAClC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAO1E,kGAAkG;AAClG,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAkKxD,CAAC"}
+{"version":3,"file":"UserMessageBubble.d.ts","sourceRoot":"","sources":["../../../src/components/MessageBubble/UserMessageBubble.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,EAAE,EAAS,MAAM,OAAO,CAAC;AAElC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAO1E,kGAAkG;AAClG,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAmKxD,CAAC"}

package/constants/public-class-names.d.ts

@@ -0,0 +1,7 @@
+export declare const CONVERSATION_MESSAGES_CLASS: {
+    /** The user message's bubble element. */
+    readonly userBubble: "dial-cm-user-bubble";
+    /** The assistant message's streamed content region. */
+    readonly assistantContent: "dial-cm-assistant-content";
+};
+//# sourceMappingURL=public-class-names.d.ts.map

package/constants/public-class-names.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-class-names.d.ts","sourceRoot":"","sources":["../../src/constants/public-class-names.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,2BAA2B;IACtC,yCAAyC;;IAEzC,uDAAuD;;CAE/C,CAAC"}

package/index.d.ts

@@ -1,3 +1,4 @@
+export { CONVERSATION_MESSAGES_CLASS } from './constants/public-class-names';
 export { MessageBubble } from './components/MessageBubble/MessageBubble';
 export { UserMessageBubble } from './components/MessageBubble/UserMessageBubble';
 export { AssistantMessageBubble } from './components/MessageBubble/AssistantMessageBubble';

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AACjF,OAAO,EAAE,sBAAsB,EAAE,MAAM,mDAAmD,CAAC;AAC3F,OAAO,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AACrF,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,YAAY,EACV,kBAAkB,EAClB,sBAAsB,EACtB,2BAA2B,EAC3B,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,EACvB,mBAAmB,EACnB,4BAA4B,GAC7B,MAAM,yBAAyB,CAAC;AACjC,YAAY,EACV,yBAAyB,EACzB,wBAAwB,GACzB,MAAM,gDAAgD,CAAC;AACxD,YAAY,EACV,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,GACxB,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AACjF,OAAO,EAAE,sBAAsB,EAAE,MAAM,mDAAmD,CAAC;AAC3F,OAAO,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AACrF,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,YAAY,EACV,kBAAkB,EAClB,sBAAsB,EACtB,2BAA2B,EAC3B,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,EACvB,mBAAmB,EACnB,4BAA4B,GAC7B,MAAM,yBAAyB,CAAC;AACjC,YAAY,EACV,yBAAyB,EACzB,wBAAwB,GACzB,MAAM,gDAAgD,CAAC;AACxD,YAAY,EACV,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,GACxB,MAAM,yBAAyB,CAAC"}

package/index.js

@@ -4,8 +4,11 @@ import { DIAL_ICON_SIZE as u, DIAL_KIT_ICON_STROKE as d, ElementSize as f, InfoM
 import { useCallback as _, useEffect as v, useId as y, useMemo as b, useRef as x, useState as S } from "react";
 import { IconChevronDown as C, IconChevronUp as w, IconMarkdown as T, IconPencilMinus as E, IconRefresh as D, IconThumbDown as O, IconThumbDownFilled as k, IconThumbUp as A, IconThumbUpFilled as j, IconTrashX as M } from "@tabler/icons-react";
 import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
-//#region src/hooks/useInlineStartIndent/useInlineStartIndent.ts
-var I = 4, L = (e) => {
+//#region src/constants/public-class-names.ts
+var I = {
+	userBubble: "dial-cm-user-bubble",
+	assistantContent: "dial-cm-assistant-content"
+}, L = 4, R = (e) => {
 	let t = x(null), [n, r] = S(0);
 	return v(() => {
 		if (!e) return;
@@ -18,17 +21,17 @@ var I = 4, L = (e) => {
 		return i.observe(n), () => i.disconnect();
 	}, [e]), {
 		slotRef: t,
-		firstLineIndent: e ? `calc(${n}px + ${I}px)` : void 0
+		firstLineIndent: e ? `calc(${n}px + ${L}px)` : void 0
 	};
-}, R = { activeRating: "_activeRating_ygoee_1" }, z = 2e3, B = ({ role: e = a.User, onEdit: n, onEditHover: r, onDelete: c, onRegenerate: l, onCopy: p, onCopyMarkdown: m, onLike: h, onDislike: v, activeRating: y, isAlwaysVisible: b, isDisabled: x = !1, className: C, labels: w, colors: I }) => {
-	let { tooltips: L, ariaLabels: B } = w ?? {}, [V, H] = S(null), [U, W] = S(""), G = n != null || c != null || l != null || p != null || m != null || h != null || v != null, K = o({ "--ma-active-rating-text": I?.activeRatingText }), q = _(() => {
-		p?.(), H("copy"), W(B?.copiedStatus ?? "Copied to clipboard"), setTimeout(() => H(null), z);
-	}, [p, B?.copiedStatus]), J = _(() => {
-		m?.(), H("markdown"), W(B?.copiedMarkdownStatus ?? "Copied as Markdown to clipboard"), setTimeout(() => H(null), z);
-	}, [m, B?.copiedMarkdownStatus]);
+}, z = { activeRating: "_activeRating_ygoee_1" }, B = 2e3, V = ({ role: e = a.User, onEdit: n, onEditHover: r, onDelete: c, onRegenerate: l, onCopy: p, onCopyMarkdown: m, onLike: h, onDislike: v, activeRating: y, isAlwaysVisible: b, isDisabled: x = !1, className: C, labels: w, colors: I }) => {
+	let { tooltips: L, ariaLabels: R } = w ?? {}, [V, H] = S(null), [U, W] = S(""), G = n != null || c != null || l != null || p != null || m != null || h != null || v != null, K = o({ "--ma-active-rating-text": I?.activeRatingText }), q = _(() => {
+		p?.(), H("copy"), W(R?.copiedStatus ?? "Copied to clipboard"), setTimeout(() => H(null), B);
+	}, [p, R?.copiedStatus]), J = _(() => {
+		m?.(), H("markdown"), W(R?.copiedMarkdownStatus ?? "Copied as Markdown to clipboard"), setTimeout(() => H(null), B);
+	}, [m, R?.copiedMarkdownStatus]);
 	return G ? /* @__PURE__ */ F("div", {
 		role: "toolbar",
-		"aria-label": B?.actionsGroup ?? "Message actions",
+		"aria-label": R?.actionsGroup ?? "Message actions",
 		style: K,
 		className: s("flex gap-1", !b && "opacity-0 group-hover:opacity-100", C),
 		children: [/* @__PURE__ */ P("span", {
@@ -43,7 +46,7 @@ var I = 4, L = (e) => {
 				stroke: d
 			}),
 			size: f.Small,
-			"aria-label": B?.editMessage ?? "Edit message",
+			"aria-label": R?.editMessage ?? "Edit message",
 			tooltipProps: { tooltip: L?.edit ?? "Edit" },
 			onClick: n,
 			onMouseEnter: r,
@@ -56,7 +59,7 @@ var I = 4, L = (e) => {
 				stroke: d
 			}),
 			size: f.Small,
-			"aria-label": B?.deleteMessage ?? "Delete message",
+			"aria-label": R?.deleteMessage ?? "Delete message",
 			tooltipProps: { tooltip: L?.delete ?? "Delete" },
 			onClick: c,
 			disabled: x
@@ -68,7 +71,7 @@ var I = 4, L = (e) => {
 					stroke: d
 				}),
 				size: f.Small,
-				"aria-label": B?.regenerateResponse ?? "Regenerate response",
+				"aria-label": R?.regenerateResponse ?? "Regenerate response",
 				tooltipProps: { tooltip: L?.regenerate ?? "Regenerate" },
 				onClick: l,
 				disabled: x
@@ -80,7 +83,7 @@ var I = 4, L = (e) => {
 				isCopied: V === "copy",
 				copyLabel: L?.copy ?? "Copy",
 				copiedLabel: L?.copied ?? "Copied!",
-				ariaLabel: B?.copyResponse ?? "Copy response",
+				ariaLabel: R?.copyResponse ?? "Copy response",
 				isDisabled: x
 			}),
 			m && /* @__PURE__ */ P(t, {
@@ -95,12 +98,12 @@ var I = 4, L = (e) => {
 				}),
 				copyLabel: L?.copyMarkdown ?? "Copy as Markdown",
 				copiedLabel: L?.copiedMarkdown ?? "Copied!",
-				ariaLabel: B?.copyAsMarkdown ?? "Copy as markdown",
+				ariaLabel: R?.copyAsMarkdown ?? "Copy as markdown",
 				isDisabled: x
 			}),
 			h && /* @__PURE__ */ P(g, {
 				icon: y === i.Like ? /* @__PURE__ */ P(j, {
-					className: R.activeRating,
+					className: z.activeRating,
 					size: u.SM,
 					"aria-hidden": !0
 				}) : /* @__PURE__ */ P(A, {
@@ -109,7 +112,7 @@ var I = 4, L = (e) => {
 					stroke: d
 				}),
 				size: f.Small,
-				"aria-label": B?.likeResponse ?? "Like response",
+				"aria-label": R?.likeResponse ?? "Like response",
 				"aria-pressed": y === i.Like,
 				tooltipProps: { tooltip: L?.like ?? "Like" },
 				onClick: h,
@@ -117,7 +120,7 @@ var I = 4, L = (e) => {
 			}),
 			v && /* @__PURE__ */ P(g, {
 				icon: y === i.Dislike ? /* @__PURE__ */ P(k, {
-					className: R.activeRating,
+					className: z.activeRating,
 					size: u.SM,
 					"aria-hidden": !0
 				}) : /* @__PURE__ */ P(O, {
@@ -126,7 +129,7 @@ var I = 4, L = (e) => {
 					stroke: d
 				}),
 				size: f.Small,
-				"aria-label": B?.dislikeResponse ?? "Dislike response",
+				"aria-label": R?.dislikeResponse ?? "Dislike response",
 				"aria-pressed": y === i.Dislike,
 				tooltipProps: { tooltip: L?.dislike ?? "Dislike" },
 				onClick: v,
@@ -134,43 +137,43 @@ var I = 4, L = (e) => {
 			})
 		] })]
 	}) : null;
-}, V = {
+}, H = {
 	userBubble: "_userBubble_cq829_1",
 	collapsibleText: "_collapsibleText_cq829_6",
 	expandedText: "_expandedText_cq829_11",
 	collapsedText: "_collapsedText_cq829_15",
 	startersDivider: "_startersDivider_cq829_26",
 	text: "_text_cq829_30"
-}, H = "[&>.cm-bubble-markdown>div>*:first-child]:indent-[var(--cm-bubble-first-line-indent,0px)]", U = ({ text: t, styles: i, actions: c, hasAlwaysVisibleActions: u, isStreaming: d, attachments: f, beforeContent: p, afterContent: m, starters: g, onSelectStarter: _, deploymentIconUrl: v, deploymentDisplayName: y, markdownComponents: x, markdownClassNames: S, markdownUrlTransform: C, onAttachmentClick: w, onDownloadAll: T, onAttachmentRetry: E, codeBlockTheme: D, tableOnOpenInCanvas: O, labels: k, selectedAttachmentId: A }) => {
-	let { colors: j, typography: M, className: N, bubbleClassName: I } = i ?? {}, { attachmentClickLabel: R, attachmentRetryLabel: z, attachmentOpenInNewTabLabel: U, startersAriaLabel: W = "Quick reply buttons", thinkingLabel: G, codeBlockCopyLabel: K, codeBlockCopiedLabel: q, tableCopyLabel: J, tableCopiedLabel: Y, tableDownloadCsvLabel: X, tableOpenInCanvasLabel: Z, tableDownloadFilename: ee, tableScrollRegionAriaLabel: te, assistantMessageAriaLabel: ne = "Assistant message", deploymentIconFallbackLabel: Q = "AI" } = k ?? {}, re = b(() => ({
-		copyLabel: J,
-		copiedLabel: Y,
-		downloadCsvLabel: X,
-		openInCanvasLabel: Z
+}, U = "[&>.cm-bubble-markdown>div>*:first-child]:indent-[var(--cm-bubble-first-line-indent,0px)]", W = ({ text: t, styles: i, actions: c, hasAlwaysVisibleActions: u, isStreaming: d, attachments: f, beforeContent: p, afterContent: m, starters: g, onSelectStarter: _, deploymentIconUrl: v, deploymentDisplayName: y, markdownComponents: x, markdownClassNames: S, markdownUrlTransform: C, onAttachmentClick: w, onDownloadAll: T, onAttachmentRetry: E, codeBlockTheme: D, tableOnOpenInCanvas: O, labels: k, selectedAttachmentId: A }) => {
+	let { colors: j, typography: M, className: N, bubbleClassName: L } = i ?? {}, { attachmentClickLabel: z, attachmentRetryLabel: B, attachmentOpenInNewTabLabel: W, startersAriaLabel: G = "Quick reply buttons", thinkingLabel: K, codeBlockCopyLabel: q, codeBlockCopiedLabel: J, tableCopyLabel: Y, tableCopiedLabel: X, tableDownloadCsvLabel: Z, tableOpenInCanvasLabel: Q, tableDownloadFilename: ee, tableScrollRegionAriaLabel: te, assistantMessageAriaLabel: ne = "Assistant message", deploymentIconFallbackLabel: $ = "AI" } = k ?? {}, re = b(() => ({
+		copyLabel: Y,
+		copiedLabel: X,
+		downloadCsvLabel: Z,
+		openInCanvasLabel: Q
 	}), [
-		J,
 		Y,
 		X,
-		Z
-	]), ie = d ? (f ?? []).filter((t) => t.type !== e.Audio) : f ?? [], { slotRef: $, firstLineIndent: ae } = L(p != null && !!t), oe = o({
+		Z,
+		Q
+	]), ie = d ? (f ?? []).filter((t) => t.type !== e.Audio) : f ?? [], { slotRef: ae, firstLineIndent: oe } = R(p != null && !!t), se = o({
 		"--cm-bubble-text": j?.text,
 		"--cm-starters-divider": j?.startersDivider,
-		"--cm-bubble-first-line-indent": ae
-	}), se = s(V.text, M?.fontClassName), ce = !!(v || y);
+		"--cm-bubble-first-line-indent": oe
+	}), ce = s(H.text, M?.fontClassName), le = !!(v || y);
 	return /* @__PURE__ */ F("div", {
 		role: "group",
 		"aria-label": ne,
-		style: oe,
+		style: se,
 		className: s("flex w-full items-start gap-3", N),
-		children: [ce && /* @__PURE__ */ P(n, {
+		children: [le && /* @__PURE__ */ P(n, {
 			src: v,
 			size: 28,
-			initialsName: y || Q,
-			labels: { tooltip: y ?? Q }
+			initialsName: y || $,
+			labels: { tooltip: y ?? $ }
 		}), /* @__PURE__ */ F("div", {
 			className: "flex w-full min-w-0 max-w-full flex-col items-start gap-5",
 			children: [/* @__PURE__ */ F("div", {
-				className: s("flex w-full min-w-0 max-w-full flex-col items-start gap-4", I),
+				className: s("flex w-full min-w-0 max-w-full flex-col items-start gap-4", L),
 				children: [
 					p != null && !t && /* @__PURE__ */ P("div", {
 						className: "min-w-0",
@@ -179,9 +182,9 @@ var I = 4, L = (e) => {
 					(t || d) && /* @__PURE__ */ F("div", {
 						"aria-live": "polite",
 						"aria-atomic": "false",
-						className: s(se, "relative min-w-0 max-w-full text-start", p != null && t && H),
+						className: s(ce, "relative min-w-0 max-w-full text-start", p != null && t && U, I.assistantContent),
 						children: [p != null && t && /* @__PURE__ */ P("div", {
-							ref: $,
+							ref: ae,
 							className: "absolute start-0 top-0",
 							children: p
 						}), /* @__PURE__ */ P("div", {
@@ -189,12 +192,12 @@ var I = 4, L = (e) => {
 							children: /* @__PURE__ */ P(r, {
 								content: t ?? "",
 								isStreaming: d,
-								thinkingLabel: G,
+								thinkingLabel: K,
 								components: x,
 								classNames: S,
 								urlTransform: C,
-								codeBlockCopyLabel: K,
-								codeBlockCopiedLabel: q,
+								codeBlockCopyLabel: q,
+								codeBlockCopiedLabel: J,
 								codeBlockTheme: D,
 								tableActionLabels: re,
 								tableDownloadFilename: ee,
@@ -209,14 +212,14 @@ var I = 4, L = (e) => {
 						onDownloadAll: T,
 						onRetry: E,
 						labels: {
-							clickLabel: R,
-							retryLabel: z,
-							openInNewTabLabel: U
+							clickLabel: z,
+							retryLabel: B,
+							openInNewTabLabel: W
 						},
 						selectedAttachmentId: A
 					}),
 					m,
-					/* @__PURE__ */ P(B, {
+					/* @__PURE__ */ P(V, {
 						...c,
 						isAlwaysVisible: u,
 						role: a.Assistant
@@ -224,8 +227,8 @@ var I = 4, L = (e) => {
 				]
 			}), g && g.length > 0 && _ && /* @__PURE__ */ P("div", {
 				role: "list",
-				"aria-label": W,
-				className: s("flex w-full flex-wrap gap-2 border-t pt-5", V.startersDivider),
+				"aria-label": G,
+				className: s("flex w-full flex-wrap gap-2 border-t pt-5", H.startersDivider),
 				children: g.map((e, t) => /* @__PURE__ */ P("div", {
 					role: "listitem",
 					className: "min-w-[40px]",
@@ -238,7 +241,7 @@ var I = 4, L = (e) => {
 			})]
 		})]
 	});
-}, W = ({ labels: { titleText: e = "Model switched.", bodyText: t } }) => /* @__PURE__ */ P("div", {
+}, G = ({ labels: { titleText: e = "Model switched.", bodyText: t } }) => /* @__PURE__ */ P("div", {
 	role: "status",
 	"aria-live": "polite",
 	children: /* @__PURE__ */ P(p, {
@@ -246,24 +249,24 @@ var I = 4, L = (e) => {
 		message: t,
 		textClassName: "flex-row flex-wrap gap-1"
 	})
-}), G = /* @__PURE__ */ function(e) {
+}), K = /* @__PURE__ */ function(e) {
 	return e.Bottom = "Bottom", e.Top = "Top", e;
-}({}), K = 10, q = ({ text: e, position: t = G.Bottom, styles: n, actions: r, hasAlwaysVisibleActions: i, attachments: d, collapsedLineCount: p = K, labels: h, beforeContent: g, onAttachmentClick: _, onDownloadAll: v, onAttachmentRetry: b, selectedAttachmentId: x }) => {
-	let { colors: S, typography: T, className: E, bubbleClassName: D } = n ?? {}, { showMoreLabel: O = "Show more", showLessLabel: k = "Show less", showMoreAriaLabel: A, showLessAriaLabel: j, attachmentClickLabel: M, attachmentRetryLabel: I, attachmentOpenInNewTabLabel: L, userMessageAriaLabel: R = "User message" } = h ?? {}, { textRef: z, isTextCollapsed: H, isOverflowing: U, collapsedMaxHeight: W, expandedMaxHeight: q, isCollapsed: J, toggleCollapsed: Y } = c({
+}({}), q = 10, J = ({ text: e, position: t = K.Bottom, styles: n, actions: r, hasAlwaysVisibleActions: i, attachments: d, collapsedLineCount: p = q, labels: h, beforeContent: g, onAttachmentClick: _, onDownloadAll: v, onAttachmentRetry: b, selectedAttachmentId: x }) => {
+	let { colors: S, typography: T, className: E, bubbleClassName: D } = n ?? {}, { showMoreLabel: O = "Show more", showLessLabel: k = "Show less", showMoreAriaLabel: A, showLessAriaLabel: j, attachmentClickLabel: M, attachmentRetryLabel: L, attachmentOpenInNewTabLabel: R, userMessageAriaLabel: z = "User message" } = h ?? {}, { textRef: B, isTextCollapsed: U, isOverflowing: W, collapsedMaxHeight: G, expandedMaxHeight: J, isCollapsed: Y, toggleCollapsed: X } = c({
 		text: e ?? "",
 		collapsedLineCount: p
-	}), X = o({
+	}), Z = o({
 		"--cm-bubble-user-bg": S?.userBackground,
 		"--cm-bubble-user-border": S?.userBorder,
 		"--cm-bubble-fade-start": S?.fadeStart,
 		"--cm-bubble-text": S?.text,
-		"--cm-bubble-collapsed-height": U ? `${W}px` : void 0,
-		"--cm-bubble-expanded-height": U ? `${q}px` : void 0
-	}), Z = t === G.Top ? "rounded-ee-md rounded-se-2xl" : "rounded-se-md rounded-ee-2xl", ee = s(V.text, T?.fontClassName), te = A ?? O, ne = j ?? k, Q = J ? O : k, re = J ? te : ne, ie = J ? C : w, $ = y();
+		"--cm-bubble-collapsed-height": W ? `${G}px` : void 0,
+		"--cm-bubble-expanded-height": W ? `${J}px` : void 0
+	}), Q = t === K.Top ? "rounded-ee-md rounded-se-2xl" : "rounded-se-md rounded-ee-2xl", ee = s(H.text, T?.fontClassName), te = A ?? O, ne = j ?? k, $ = Y ? O : k, re = Y ? te : ne, ie = Y ? C : w, ae = y();
 	return /* @__PURE__ */ P("div", {
 		role: "group",
-		"aria-label": R,
-		style: X,
+		"aria-label": z,
+		style: Z,
 		className: s("flex w-full", E),
 		children: /* @__PURE__ */ F("div", {
 			className: "ms-auto flex w-fit min-w-0 max-w-full flex-col items-end gap-4",
@@ -275,22 +278,22 @@ var I = 4, L = (e) => {
 					onRetry: b,
 					labels: {
 						clickLabel: M,
-						retryLabel: I,
-						openInNewTabLabel: L
+						retryLabel: L,
+						openInNewTabLabel: R
 					},
 					styles: { className: "max-w-[640px]" },
 					selectedAttachmentId: x
 				}),
 				(e || g != null) && /* @__PURE__ */ P("div", {
-					className: s(V.userBubble, "flex w-fit items-center justify-end rounded-es-2xl rounded-ss-2xl border px-6 py-4", Z, D),
+					className: s(H.userBubble, "flex w-fit items-center justify-end rounded-es-2xl rounded-ss-2xl border px-6 py-4", Q, D, I.userBubble),
 					children: /* @__PURE__ */ F("div", {
 						className: "flex min-w-0 flex-col items-start",
 						children: [
 							e && /* @__PURE__ */ P("div", {
-								id: $,
-								className: s("relative overflow-hidden", U && V.collapsibleText, U && !J && V.expandedText, H && V.collapsedText),
+								id: ae,
+								className: s("relative overflow-hidden", W && H.collapsibleText, W && !Y && H.expandedText, U && H.collapsedText),
 								children: /* @__PURE__ */ F("p", {
-									ref: z,
+									ref: B,
 									className: s(ee, "whitespace-pre-wrap text-start [overflow-wrap:anywhere]"),
 									children: [g != null && /* @__PURE__ */ P("span", {
 										className: "me-1",
@@ -299,23 +302,23 @@ var I = 4, L = (e) => {
 								})
 							}),
 							g != null && !e && /* @__PURE__ */ P("div", { children: g }),
-							U && /* @__PURE__ */ P(m, {
-								label: /* @__PURE__ */ P(N, { children: Q }),
+							W && /* @__PURE__ */ P(m, {
+								label: /* @__PURE__ */ P(N, { children: $ }),
 								iconBefore: /* @__PURE__ */ P(ie, {
 									size: u.SM,
 									"aria-hidden": "true"
 								}),
 								"aria-label": re,
-								"aria-expanded": !J,
-								"aria-controls": $,
+								"aria-expanded": !Y,
+								"aria-controls": ae,
 								className: "mt-3",
-								onClick: Y,
+								onClick: X,
 								size: f.Small
 							})
 						]
 					})
 				}),
-				/* @__PURE__ */ P(B, {
+				/* @__PURE__ */ P(V, {
 					...r,
 					isAlwaysVisible: i,
 					role: a.User
@@ -323,14 +326,14 @@ var I = 4, L = (e) => {
 			]
 		})
 	});
-}, J = ({ role: e, beforeContent: t, onAttachmentClick: n, markdownComponents: r, markdownUrlTransform: i, ...o }) => e === a.Status ? /* @__PURE__ */ P(W, { labels: {
+}, Y = ({ role: e, beforeContent: t, onAttachmentClick: n, markdownComponents: r, markdownUrlTransform: i, ...o }) => e === a.Status ? /* @__PURE__ */ P(G, { labels: {
 	titleText: o.labels?.statusTitleText,
 	bodyText: o.labels?.statusBodyText ?? ""
-} }) : e === a.User ? /* @__PURE__ */ P(q, {
+} }) : e === a.User ? /* @__PURE__ */ P(J, {
 	...o,
 	beforeContent: t,
 	onAttachmentClick: n
-}) : /* @__PURE__ */ P(U, {
+}) : /* @__PURE__ */ P(W, {
 	...o,
 	beforeContent: t,
 	markdownComponents: r,
@@ -338,4 +341,4 @@ var I = 4, L = (e) => {
 	onAttachmentClick: n
 });
 //#endregion
-export { U as AssistantMessageBubble, G as BubblePosition, B as MessageActions, J as MessageBubble, W as StatusMessageBubble, q as UserMessageBubble };
+export { W as AssistantMessageBubble, K as BubblePosition, I as CONVERSATION_MESSAGES_CLASS, V as MessageActions, Y as MessageBubble, G as StatusMessageBubble, J 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.2.0-dev.48",
+  "version": "1.2.0-dev.58",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -19,12 +19,12 @@
   "dependencies": {
     "@tabler/icons-react": "^3.44.0",
     "react-markdown": "^10.1.0",
-    "@epam/ai-dial-attachment-input": "1.2.0-dev.48"
+    "@epam/ai-dial-attachment-input": "1.2.0-dev.58"
   },
   "peerDependencies": {
     "react": "^19.2.8",
-    "@epam/ai-dial-chat-shared": "1.2.0-dev.48",
-    "@epam/ai-dial-ui-kit": "^0.15.0-dev.7"
+    "@epam/ai-dial-chat-shared": "1.2.0-dev.58",
+    "@epam/ai-dial-ui-kit": "^0.15.0-dev.9"
   },
   "repository": {
     "type": "git",