@epam/ai-dial-conversation-messages 1.2.0-dev.268 → 1.2.0-dev.270

package/components/MessageActions/MessageActions.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
 import { MessageActionsProps } from '../../models/message-actions';
-/** Context-sensitive action bar — shows edit/delete for user messages and regenerate/copy/like/dislike for assistant messages. */
+/** Context-sensitive action bar — shows copy/edit/delete for user messages and regenerate/copy/like/dislike for assistant messages. */
 export declare const MessageActions: FC<MessageActionsProps>;
 //# sourceMappingURL=MessageActions.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MessageActions.d.ts","sourceRoot":"","sources":["../../../src/components/MessageActions/MessageActions.tsx"],"names":[],"mappings":"AAuBA,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,CAuNlD,CAAC"}
+{"version":3,"file":"MessageActions.d.ts","sourceRoot":"","sources":["../../../src/components/MessageActions/MessageActions.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAAE,EAAE,EAAyB,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAKxE,uIAAuI;AACvI,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAuOlD,CAAC"}

package/index.js

@@ -1,8 +1,8 @@
 import { AttachmentType as e, CopyIconButton as t, DeploymentIcon as n, MDMessageViewer as r, MessageRating as i, MessageRole as a, ResponseFormat as o, buildCssVars as s, mergeClasses as c, useCollapsedText as l } from "@epam/ai-dial-chat-shared";
 import { AttachmentGroup as u } from "@epam/ai-dial-attachment-input";
 import { Button as d, ButtonVariant as f, DIAL_ICON_SIZE as p, DIAL_KIT_ICON_STROKE as m, ElementSize as h, GhostIconButton as g, InfoMessageNotification as _, LinkButton as v, NeutralButton as y } from "@epam/ai-dial-ui-kit";
-import { useCallback as b, useEffect as x, useId as S, useLayoutEffect as C, useMemo as w, useRef as T, useState as E } from "react";
-import { IconArrowBackUp as D, IconChevronDown as O, IconChevronUp as k, IconMarkdown as A, IconPencilMinus as j, IconRefresh as ee, IconThumbDown as te, IconThumbDownFilled as ne, IconThumbUp as M, IconThumbUpFilled as re, IconTrashX as N } from "@tabler/icons-react";
+import { useCallback as b, useEffect as x, useId as S, useLayoutEffect as C, useMemo as ee, useRef as w, useState as T } from "react";
+import { IconArrowBackUp as E, IconChevronDown as D, IconChevronUp as O, IconMarkdown as k, IconPencilMinus as A, IconRefresh as j, IconThumbDown as M, IconThumbDownFilled as te, IconThumbUp as N, IconThumbUpFilled as ne, IconTrashX as re } from "@tabler/icons-react";
 import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
 import { createPortal as L } from "react-dom";
 //#region src/constants/public-class-names.ts
@@ -10,7 +10,7 @@ var R = {
 	userBubble: "dial-cm-user-bubble",
 	assistantContent: "dial-cm-assistant-content"
 }, z = 4, B = (e) => {
-	let t = T(null), [n, r] = E(0);
+	let t = w(null), [n, r] = T(0);
 	return x(() => {
 		if (!e) return;
 		let n = t.current;
@@ -79,15 +79,20 @@ var R = {
 		i && r.appendChild(i);
 	}
 	e.clipboardData.setData("text/html", r.innerHTML), e.clipboardData.setData("text/plain", n), e.preventDefault();
-}, J = { activeRating: "_activeRating_ygoee_1" }, Y = 2e3, ae = ({ role: e = a.User, onEdit: n, onEditHover: r, onDelete: o, onRegenerate: l, onCopy: u, onCopyMarkdown: d, onLike: f, onDislike: _, activeRating: v, isAlwaysVisible: y, isDisabled: x = !1, className: S, labels: C, colors: w }) => {
-	let { tooltips: T, ariaLabels: D } = C ?? {}, [O, k] = E(null), [L, R] = E(""), z = n != null || o != null || l != null || u != null || d != null || f != null || _ != null, B = s({ "--ma-active-rating-text": w?.activeRatingText }), V = b(() => {
-		u?.(), k("copy"), R(D?.copiedStatus ?? "Copied to clipboard"), setTimeout(() => k(null), Y);
-	}, [u, D?.copiedStatus]), H = b(() => {
-		d?.(), k("markdown"), R(D?.copiedMarkdownStatus ?? "Copied as Markdown to clipboard"), setTimeout(() => k(null), Y);
-	}, [d, D?.copiedMarkdownStatus]);
+}, J = { activeRating: "_activeRating_ygoee_1" }, Y = 2e3, ae = ({ role: e = a.User, onEdit: n, onEditHover: r, onDelete: o, onRegenerate: l, onCopy: u, onCopyMarkdown: d, onLike: f, onDislike: _, activeRating: v, isAlwaysVisible: y, isDisabled: x = !1, className: S, labels: C, colors: ee }) => {
+	let { tooltips: w, ariaLabels: E } = C ?? {}, [D, O] = T(null), [L, R] = T(""), z = n != null || o != null || l != null || u != null || d != null || f != null || _ != null, B = s({ "--ma-active-rating-text": ee?.activeRatingText }), V = b(() => {
+		u?.(), O("copy"), R(e === a.User ? E?.copiedMessageStatus ?? "Message copied to clipboard" : E?.copiedStatus ?? "Copied to clipboard"), setTimeout(() => O(null), Y);
+	}, [
+		u,
+		e,
+		E?.copiedStatus,
+		E?.copiedMessageStatus
+	]), H = b(() => {
+		d?.(), O("markdown"), R(E?.copiedMarkdownStatus ?? "Copied as Markdown to clipboard"), setTimeout(() => O(null), Y);
+	}, [d, E?.copiedMarkdownStatus]);
 	return z ? /* @__PURE__ */ I("div", {
 		role: "toolbar",
-		"aria-label": D?.actionsGroup ?? "Message actions",
+		"aria-label": E?.actionsGroup ?? "Message actions",
 		style: B,
 		className: c("flex gap-1", !y && "opacity-0 group-hover:opacity-100", S),
 		children: [/* @__PURE__ */ F("span", {
@@ -95,40 +100,53 @@ var R = {
 			"aria-live": "polite",
 			className: "sr-only",
 			children: L
-		}), e === a.User ? /* @__PURE__ */ I(P, { children: [n && /* @__PURE__ */ F(g, {
-			icon: /* @__PURE__ */ F(j, {
-				size: p.SM,
-				"aria-hidden": !0,
-				stroke: m
+		}), e === a.User ? /* @__PURE__ */ I(P, { children: [
+			u && /* @__PURE__ */ F(t, {
+				iconSize: p.SM,
+				onClick: V,
+				size: h.Small,
+				isCopied: D === "copy",
+				copyLabel: w?.copyMessage ?? "Copy message",
+				copiedLabel: w?.copied ?? "Copied!",
+				ariaLabel: E?.copyMessage ?? "Copy message",
+				isDisabled: x
 			}),
-			size: h.Small,
-			"aria-label": D?.editMessage ?? "Edit message",
-			tooltipProps: { tooltip: T?.edit ?? "Edit" },
-			onClick: n,
-			onMouseEnter: r,
-			onFocus: r,
-			disabled: x
-		}), o && /* @__PURE__ */ F(g, {
-			icon: /* @__PURE__ */ F(N, {
-				size: p.SM,
-				"aria-hidden": !0,
-				stroke: m
+			n && /* @__PURE__ */ F(g, {
+				icon: /* @__PURE__ */ F(A, {
+					size: p.SM,
+					"aria-hidden": !0,
+					stroke: m
+				}),
+				size: h.Small,
+				"aria-label": E?.editMessage ?? "Edit message",
+				tooltipProps: { tooltip: w?.edit ?? "Edit" },
+				onClick: n,
+				onMouseEnter: r,
+				onFocus: r,
+				disabled: x
 			}),
-			size: h.Small,
-			"aria-label": D?.deleteMessage ?? "Delete message",
-			tooltipProps: { tooltip: T?.delete ?? "Delete" },
-			onClick: o,
-			disabled: x
-		})] }) : /* @__PURE__ */ I(P, { children: [
+			o && /* @__PURE__ */ F(g, {
+				icon: /* @__PURE__ */ F(re, {
+					size: p.SM,
+					"aria-hidden": !0,
+					stroke: m
+				}),
+				size: h.Small,
+				"aria-label": E?.deleteMessage ?? "Delete message",
+				tooltipProps: { tooltip: w?.delete ?? "Delete" },
+				onClick: o,
+				disabled: x
+			})
+		] }) : /* @__PURE__ */ I(P, { children: [
 			l && /* @__PURE__ */ F(g, {
-				icon: /* @__PURE__ */ F(ee, {
+				icon: /* @__PURE__ */ F(j, {
 					size: p.SM,
 					"aria-hidden": !0,
 					stroke: m
 				}),
 				size: h.Small,
-				"aria-label": D?.regenerateResponse ?? "Regenerate response",
-				tooltipProps: { tooltip: T?.regenerate ?? "Regenerate" },
+				"aria-label": E?.regenerateResponse ?? "Regenerate response",
+				tooltipProps: { tooltip: w?.regenerate ?? "Regenerate" },
 				onClick: l,
 				disabled: x
 			}),
@@ -136,58 +154,58 @@ var R = {
 				iconSize: p.SM,
 				onClick: V,
 				size: h.Small,
-				isCopied: O === "copy",
-				copyLabel: T?.copy ?? "Copy",
-				copiedLabel: T?.copied ?? "Copied!",
-				ariaLabel: D?.copyResponse ?? "Copy response",
+				isCopied: D === "copy",
+				copyLabel: w?.copy ?? "Copy",
+				copiedLabel: w?.copied ?? "Copied!",
+				ariaLabel: E?.copyResponse ?? "Copy response",
 				isDisabled: x
 			}),
 			d && /* @__PURE__ */ F(t, {
 				iconSize: p.SM,
 				onClick: H,
 				size: h.Small,
-				isCopied: O === "markdown",
-				iconCopy: /* @__PURE__ */ F(A, {
+				isCopied: D === "markdown",
+				iconCopy: /* @__PURE__ */ F(k, {
 					size: p.SM,
 					"aria-hidden": !0,
 					stroke: m
 				}),
-				copyLabel: T?.copyMarkdown ?? "Copy as Markdown",
-				copiedLabel: T?.copiedMarkdown ?? "Copied!",
-				ariaLabel: D?.copyAsMarkdown ?? "Copy as markdown",
+				copyLabel: w?.copyMarkdown ?? "Copy as Markdown",
+				copiedLabel: w?.copiedMarkdown ?? "Copied!",
+				ariaLabel: E?.copyAsMarkdown ?? "Copy as markdown",
 				isDisabled: x
 			}),
 			f && /* @__PURE__ */ F(g, {
-				icon: v === i.Like ? /* @__PURE__ */ F(re, {
+				icon: v === i.Like ? /* @__PURE__ */ F(ne, {
 					className: J.activeRating,
 					size: p.SM,
 					"aria-hidden": !0
-				}) : /* @__PURE__ */ F(M, {
+				}) : /* @__PURE__ */ F(N, {
 					size: p.SM,
 					"aria-hidden": !0,
 					stroke: m
 				}),
 				size: h.Small,
-				"aria-label": D?.likeResponse ?? "Like response",
+				"aria-label": E?.likeResponse ?? "Like response",
 				"aria-pressed": v === i.Like,
-				tooltipProps: { tooltip: T?.like ?? "Like" },
+				tooltipProps: { tooltip: w?.like ?? "Like" },
 				onClick: f,
 				disabled: x
 			}),
 			_ && /* @__PURE__ */ F(g, {
-				icon: v === i.Dislike ? /* @__PURE__ */ F(ne, {
+				icon: v === i.Dislike ? /* @__PURE__ */ F(te, {
 					className: J.activeRating,
 					size: p.SM,
 					"aria-hidden": !0
-				}) : /* @__PURE__ */ F(te, {
+				}) : /* @__PURE__ */ F(M, {
 					size: p.SM,
 					"aria-hidden": !0,
 					stroke: m
 				}),
 				size: h.Small,
-				"aria-label": D?.dislikeResponse ?? "Dislike response",
+				"aria-label": E?.dislikeResponse ?? "Dislike response",
 				"aria-pressed": v === i.Dislike,
-				tooltipProps: { tooltip: T?.dislike ?? "Dislike" },
+				tooltipProps: { tooltip: w?.dislike ?? "Dislike" },
 				onClick: _,
 				disabled: x
 			})
@@ -200,8 +218,8 @@ var R = {
 	collapsedText: "_collapsedText_cq829_15",
 	startersDivider: "_startersDivider_cq829_26",
 	text: "_text_cq829_30"
-}, oe = "[&>.cm-bubble-markdown>div>*:first-child]:indent-[var(--cm-bubble-first-line-indent,0px)]", Z = ({ text: t, contentRef: i, styles: l, actions: d, hasAlwaysVisibleActions: f, isStreaming: p, attachments: m, beforeContent: h, responseFormat: g, afterContent: _, hasThinkingPlaceholder: v = !0, starters: b, onSelectStarter: x, deploymentIconUrl: S, deploymentDisplayName: C, markdownComponents: T, markdownClassNames: E, markdownUrlTransform: D, onAttachmentClick: O, onDownloadAll: k, onAttachmentRetry: A, codeBlockTheme: j, tableOnOpenInCanvas: ee, labels: te, selectedAttachmentId: ne }) => {
-	let { colors: M, typography: re, className: N, bubbleClassName: P } = l ?? {}, { attachmentClickLabel: L, attachmentRetryLabel: z, attachmentOpenInNewTabLabel: V, startersAriaLabel: H = "Quick reply buttons", thinkingLabel: U, codeBlockCopyLabel: W, codeBlockCopiedLabel: G, tableCopyLabel: K, tableCopiedLabel: q, tableDownloadCsvLabel: J, tableOpenInCanvasLabel: Y, tableDownloadFilename: Z, tableScrollRegionAriaLabel: Q, assistantMessageAriaLabel: $ = "Assistant message", deploymentIconFallbackLabel: se = "AI" } = te ?? {}, ce = w(() => ({
+}, oe = "[&>.cm-bubble-markdown>div>*:first-child]:indent-[var(--cm-bubble-first-line-indent,0px)]", Z = ({ text: t, contentRef: i, styles: l, actions: d, hasAlwaysVisibleActions: f, isStreaming: p, attachments: m, beforeContent: h, responseFormat: g, afterContent: _, hasThinkingPlaceholder: v = !0, starters: b, onSelectStarter: x, deploymentIconUrl: S, deploymentDisplayName: C, markdownComponents: w, markdownClassNames: T, markdownUrlTransform: E, onAttachmentClick: D, onDownloadAll: O, onAttachmentRetry: k, codeBlockTheme: A, tableOnOpenInCanvas: j, labels: M, selectedAttachmentId: te }) => {
+	let { colors: N, typography: ne, className: re, bubbleClassName: P } = l ?? {}, { attachmentClickLabel: L, attachmentRetryLabel: z, attachmentOpenInNewTabLabel: V, startersAriaLabel: H = "Quick reply buttons", thinkingLabel: U, codeBlockCopyLabel: W, codeBlockCopiedLabel: G, tableCopyLabel: K, tableCopiedLabel: q, tableDownloadCsvLabel: J, tableOpenInCanvasLabel: Y, tableDownloadFilename: Z, tableScrollRegionAriaLabel: Q, assistantMessageAriaLabel: $ = "Assistant message", deploymentIconFallbackLabel: se = "AI" } = M ?? {}, ce = ee(() => ({
 		copyLabel: K,
 		copiedLabel: q,
 		downloadCsvLabel: J,
@@ -212,16 +230,16 @@ var R = {
 		J,
 		Y
 	]), le = p ? (m ?? []).filter((t) => t.type !== e.Audio) : m ?? [], { slotRef: ue, firstLineIndent: de } = B(h != null && !!t), fe = s({
-		"--cm-bubble-text": M?.text,
-		"--cm-starters-divider": M?.startersDivider,
+		"--cm-bubble-text": N?.text,
+		"--cm-starters-divider": N?.startersDivider,
 		"--cm-bubble-first-line-indent": de
-	}), pe = c(X.text, re?.fontClassName), me = !!(S || C);
+	}), pe = c(X.text, ne?.fontClassName), me = !!(S || C);
 	return /* @__PURE__ */ I("div", {
 		role: "group",
 		"aria-label": $,
 		style: fe,
 		onCopy: ie,
-		className: c("flex w-full items-start gap-3", N),
+		className: c("flex w-full items-start gap-3", re),
 		children: [me && /* @__PURE__ */ F(n, {
 			src: S,
 			size: 28,
@@ -252,30 +270,30 @@ var R = {
 								isPlainText: g === o.PlainText,
 								isStreaming: p,
 								thinkingLabel: U,
-								components: T,
-								classNames: E,
-								urlTransform: D,
+								components: w,
+								classNames: T,
+								urlTransform: E,
 								codeBlockCopyLabel: W,
 								codeBlockCopiedLabel: G,
-								codeBlockTheme: j,
+								codeBlockTheme: A,
 								tableActionLabels: ce,
 								tableDownloadFilename: Z,
-								tableOnOpenInCanvas: ee,
+								tableOnOpenInCanvas: j,
 								tableScrollRegionAriaLabel: Q
 							})
 						})]
 					}),
 					/* @__PURE__ */ F(u, {
 						attachments: le,
-						onAttachmentClick: (e) => O?.(m?.find((t) => t.id === e)),
-						onDownloadAll: k,
-						onRetry: A,
+						onAttachmentClick: (e) => D?.(m?.find((t) => t.id === e)),
+						onDownloadAll: O,
+						onRetry: k,
 						labels: {
 							clickLabel: L,
 							retryLabel: z,
 							openInNewTabLabel: V
 						},
-						selectedAttachmentId: ne
+						selectedAttachmentId: te
 					}),
 					_,
 					/* @__PURE__ */ F(ae, {
@@ -311,7 +329,7 @@ var R = {
 }), $ = /* @__PURE__ */ function(e) {
 	return e.Bottom = "Bottom", e.Top = "Top", e;
 }({}), se = 10, ce = ({ text: e, contentRef: t, position: n = $.Bottom, styles: r, actions: i, hasAlwaysVisibleActions: o, attachments: d, collapsedLineCount: f = se, labels: m, textSegments: g, onAttachmentClick: _, onDownloadAll: y, onAttachmentRetry: b, selectedAttachmentId: x }) => {
-	let { colors: C, typography: w, className: T, bubbleClassName: E } = r ?? {}, { showMoreLabel: D = "Show more", showLessLabel: A = "Show less", showMoreAriaLabel: j, showLessAriaLabel: ee, attachmentClickLabel: te, attachmentRetryLabel: ne, attachmentOpenInNewTabLabel: M, userMessageAriaLabel: re = "User message" } = m ?? {}, { textRef: N, isTextCollapsed: L, isOverflowing: z, collapsedMaxHeight: B, expandedMaxHeight: V, isCollapsed: H, toggleCollapsed: U } = l({
+	let { colors: C, typography: ee, className: w, bubbleClassName: T } = r ?? {}, { showMoreLabel: E = "Show more", showLessLabel: k = "Show less", showMoreAriaLabel: A, showLessAriaLabel: j, attachmentClickLabel: M, attachmentRetryLabel: te, attachmentOpenInNewTabLabel: N, userMessageAriaLabel: ne = "User message" } = m ?? {}, { textRef: re, isTextCollapsed: L, isOverflowing: z, collapsedMaxHeight: B, expandedMaxHeight: V, isCollapsed: H, toggleCollapsed: U } = l({
 		text: e ?? "",
 		collapsedLineCount: f
 	}), W = s({
@@ -321,13 +339,13 @@ var R = {
 		"--cm-bubble-text": C?.text,
 		"--cm-bubble-collapsed-height": z ? `${B}px` : void 0,
 		"--cm-bubble-expanded-height": z ? `${V}px` : void 0
-	}), G = n === $.Top ? "rounded-ee-md rounded-se-2xl" : "rounded-se-md rounded-ee-2xl", K = c(X.text, w?.fontClassName), q = j ?? D, J = ee ?? A, Y = H ? D : A, oe = H ? q : J, Z = H ? O : k, Q = S();
+	}), G = n === $.Top ? "rounded-ee-md rounded-se-2xl" : "rounded-se-md rounded-ee-2xl", K = c(X.text, ee?.fontClassName), q = A ?? E, J = j ?? k, Y = H ? E : k, oe = H ? q : J, Z = H ? D : O, Q = S();
 	return /* @__PURE__ */ F("div", {
 		role: "group",
-		"aria-label": re,
+		"aria-label": ne,
 		style: W,
 		onCopy: ie,
-		className: c("flex w-full", T),
+		className: c("flex w-full", w),
 		children: /* @__PURE__ */ I("div", {
 			className: "ms-auto flex w-fit min-w-0 max-w-full flex-col items-end gap-4",
 			children: [
@@ -337,15 +355,15 @@ var R = {
 					onDownloadAll: y,
 					onRetry: b,
 					labels: {
-						clickLabel: te,
-						retryLabel: ne,
-						openInNewTabLabel: M
+						clickLabel: M,
+						retryLabel: te,
+						openInNewTabLabel: N
 					},
 					styles: { className: "max-w-[640px]" },
 					selectedAttachmentId: x
 				}),
 				e && /* @__PURE__ */ F("div", {
-					className: c(X.userBubble, "flex w-fit items-center justify-end rounded-es-2xl rounded-ss-2xl border px-6 py-4", G, E, R.userBubble),
+					className: c(X.userBubble, "flex w-fit items-center justify-end rounded-es-2xl rounded-ss-2xl border px-6 py-4", G, T, R.userBubble),
 					children: /* @__PURE__ */ I("div", {
 						className: "flex min-w-0 flex-col items-start",
 						children: [/* @__PURE__ */ F("div", {
@@ -353,7 +371,7 @@ var R = {
 							ref: t,
 							className: c("relative -me-1 -ms-1 w-[calc(100%+8px)] overflow-hidden pe-1 ps-1", z && X.collapsibleText, z && !H && X.expandedText, L && X.collapsedText),
 							children: /* @__PURE__ */ F("p", {
-								ref: N,
+								ref: re,
 								className: c(K, "whitespace-pre-wrap text-start [overflow-wrap:anywhere]"),
 								children: g ?? e
 							})
@@ -399,7 +417,7 @@ var R = {
 		"--cm-reply-background": l?.background,
 		"--cm-reply-hover-background": l?.hoverBackground,
 		"--cm-reply-text": l?.text
-	}), [b, x] = E({
+	}), [b, x] = T({
 		x: 0,
 		y: 0
 	});
@@ -432,7 +450,7 @@ var R = {
 			onClick: n,
 			textClassName: _,
 			className: c(ue.button, "h-8 min-h-8 min-w-11 px-2 shadow-lg mobile:h-11 mobile:min-h-11", g),
-			iconAfter: /* @__PURE__ */ F(D, {
+			iconAfter: /* @__PURE__ */ F(E, {
 				size: 16,
 				stroke: m,
 				"aria-hidden": "true",

package/models/message-actions.d.ts

@@ -7,8 +7,10 @@ export interface MessageActionTooltips {
     delete?: string;
     /** Tooltip for the Regenerate button. */
     regenerate?: string;
-    /** Tooltip for the Copy button in its default state. */
+    /** Tooltip for the assistant Copy button in its default state. */
     copy?: string;
+    /** Tooltip for the user-message Copy button in its default state. */
+    copyMessage?: string;
     /** Tooltip shown on the Copy button immediately after copying. */
     copied?: string;
     /** Tooltip for the Copy as Markdown button in its default state. */
@@ -28,8 +30,10 @@ export interface MessageActionAriaLabels {
     deleteMessage?: string;
     /** aria-label for the Regenerate button. */
     regenerateResponse?: string;
-    /** aria-label for the Copy button. */
+    /** aria-label for the assistant Copy button. */
     copyResponse?: string;
+    /** aria-label for the user-message Copy button. */
+    copyMessage?: string;
     /** aria-label for the Copy as Markdown button. */
     copyAsMarkdown?: string;
     /** aria-label for the Like button. */
@@ -40,6 +44,8 @@ export interface MessageActionAriaLabels {
     actionsGroup?: string;
     /** Announced after copying the response text. */
     copiedStatus?: string;
+    /** Announced after copying a user message. */
+    copiedMessageStatus?: string;
     /** Announced after copying the response as Markdown. */
     copiedMarkdownStatus?: string;
 }
@@ -57,7 +63,7 @@ export interface MessageActionColors {
 }
 /** Props for the `MessageActions` component. */
 export interface MessageActionsProps {
-    /** Which actions are shown. `'User'` = Edit/Delete; `'Agent'` = Regenerate/Copy/Like/Dislike. Defaults to `'User'`. */
+    /** Which actions are shown. `'User'` = Copy/Edit/Delete; `'Agent'` = Regenerate/Copy/Like/Dislike. Defaults to `'User'`. */
     role?: MessageRole;
     /** Extra class(es) on the root element. */
     className?: string;
@@ -75,7 +81,7 @@ export interface MessageActionsProps {
     onDelete?: () => void;
     /** Fires on Regenerate click. Agent role only. */
     onRegenerate?: () => void;
-    /** Fires on Copy click. Agent role only. */
+    /** Fires on Copy click. Both roles; the label set depends on `role`. */
     onCopy?: () => void;
     /** Fires on Copy Markdown click. Agent role only. */
     onCopyMarkdown?: () => void;

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

@@ -1 +1 @@
-{"version":3,"file":"message-actions.d.ts","sourceRoot":"","sources":["../../src/models/message-actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAEvE,+FAA+F;AAC/F,MAAM,WAAW,qBAAqB;IACpC,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8EAA8E;IAC9E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,0GAA0G;AAC1G,MAAM,WAAW,uBAAuB;IACtC,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4CAA4C;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sCAAsC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sCAAsC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wDAAwD;IACxD,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,6DAA6D;AAC7D,MAAM,WAAW,mBAAmB;IAClC,oCAAoC;IACpC,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC,uCAAuC;IACvC,UAAU,CAAC,EAAE,uBAAuB,CAAC;CACtC;AAED,uGAAuG;AACvG,MAAM,WAAW,mBAAmB;IAClC,+EAA+E;IAC/E,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,gDAAgD;AAChD,MAAM,WAAW,mBAAmB;IAClC,uHAAuH;IACvH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,wEAAwE;IACxE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wCAAwC;IACxC,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,2CAA2C;IAC3C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,qDAAqD;IACrD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,uBAAuB;IACvB,MAAM,CAAC,EAAE,mBAAmB,CAAC;CAC9B"}
+{"version":3,"file":"message-actions.d.ts","sourceRoot":"","sources":["../../src/models/message-actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAEvE,+FAA+F;AAC/F,MAAM,WAAW,qBAAqB;IACpC,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8EAA8E;IAC9E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,0GAA0G;AAC1G,MAAM,WAAW,uBAAuB;IACtC,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4CAA4C;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sCAAsC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,wDAAwD;IACxD,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,6DAA6D;AAC7D,MAAM,WAAW,mBAAmB;IAClC,oCAAoC;IACpC,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC,uCAAuC;IACvC,UAAU,CAAC,EAAE,uBAAuB,CAAC;CACtC;AAED,uGAAuG;AACvG,MAAM,WAAW,mBAAmB;IAClC,+EAA+E;IAC/E,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,gDAAgD;AAChD,MAAM,WAAW,mBAAmB;IAClC,4HAA4H;IAC5H,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,wEAAwE;IACxE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wCAAwC;IACxC,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,2CAA2C;IAC3C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,wEAAwE;IACxE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,qDAAqD;IACrD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,uBAAuB;IACvB,MAAM,CAAC,EAAE,mBAAmB,CAAC;CAC9B"}

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.268",
+  "version": "1.2.0-dev.270",
   "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.268"
+    "@epam/ai-dial-attachment-input": "1.2.0-dev.270"
   },
   "peerDependencies": {
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
-    "@epam/ai-dial-chat-shared": "1.2.0-dev.268",
+    "@epam/ai-dial-chat-shared": "1.2.0-dev.270",
     "@epam/ai-dial-ui-kit": "^0.15.0-dev.36"
   },
   "repository": {