@epam/ai-dial-conversation-messages 1.1.0-dev.447 → 1.1.0-dev.456

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,CAsMlD,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,kIAAkI;AAClI,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAuNlD,CAAC"}

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,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAI/E,gHAAgH;AAChH,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CA8JlE,CAAC"}
+{"version":3,"file":"AssistantMessageBubble.d.ts","sourceRoot":"","sources":["../../../src/components/MessageBubble/AssistantMessageBubble.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAY/E,gHAAgH;AAChH,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CA0MlE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"MessageBubble.d.ts","sourceRoot":"","sources":["../../../src/components/MessageBubble/MessageBubble.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAKtE,wGAAwG;AACxG,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAgChD,CAAC"}
+{"version":3,"file":"MessageBubble.d.ts","sourceRoot":"","sources":["../../../src/components/MessageBubble/MessageBubble.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAKtE,wGAAwG;AACxG,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAsChD,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,CA4IxD,CAAC"}
+{"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"}

package/hooks/useInlineStartIndent/useInlineStartIndent.d.ts

@@ -0,0 +1,14 @@
+import { RefObject } from 'react';
+/**
+ * Measures an inline-start slot overlaid on the text's first line and returns
+ * its width as the `--cm-bubble-first-line-indent` CSS var value, so the first
+ * text line starts past the slot and the text word-flows after it — the same
+ * mechanism the conversation input uses for its `inlineStartSlot`.
+ */
+export declare const useInlineStartIndent: (hasSlot: boolean) => {
+    /** Ref for the slot's wrapper element — the measured element. */
+    slotRef: RefObject<HTMLDivElement | null>;
+    /** Value for `--cm-bubble-first-line-indent`; `undefined` while no slot renders. */
+    firstLineIndent: string | undefined;
+};
+//# sourceMappingURL=useInlineStartIndent.d.ts.map

package/hooks/useInlineStartIndent/useInlineStartIndent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInlineStartIndent.d.ts","sourceRoot":"","sources":["../../../src/hooks/useInlineStartIndent/useInlineStartIndent.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKpE;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,GAC/B,SAAS,OAAO,KACf;IACD,iEAAiE;IACjE,OAAO,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC1C,oFAAoF;IACpF,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;CA2BrC,CAAC"}

package/index.js

@@ -1,27 +1,43 @@
 import { AttachmentType as e, CopyIconButton as t, DeploymentIcon as n, MDMessageViewer as r, MessageRating as i, MessageRole as a, buildCssVars as o, mergeClasses as s, useCollapsedText as c } from "@epam/ai-dial-chat-shared";
 import { AttachmentGroup as l } from "@epam/ai-dial-attachment-input";
 import { DIAL_ICON_SIZE as u, DIAL_KIT_ICON_STROKE as d, ElementSize as f, InfoMessageNotification as p, LinkButton as m, NeutralButton as h, ToggleIconButton as g } from "@epam/ai-dial-ui-kit";
-import { IconChevronDown as _, IconChevronUp as v, IconMarkdown as y, IconPencilMinus as b, IconRefresh as x, IconThumbDown as S, IconThumbDownFilled as C, IconThumbUp as w, IconThumbUpFilled as T, IconTrashX as E } from "@tabler/icons-react";
-import { useCallback as D, useId as O, useState as k } from "react";
-import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
-var N = { activeRating: "_activeRating_ygoee_1" }, P = 2e3, F = ({ role: e = a.User, onEdit: n, onEditHover: r, onDelete: c, onRegenerate: l, onCopy: p, onCopyMarkdown: m, onLike: h, onDislike: _, activeRating: v, isAlwaysVisible: O, isDisabled: F = !1, className: I, labels: L, colors: R }) => {
-	let { tooltips: z, ariaLabels: B } = L ?? {}, [V, H] = k(null), [U, W] = k(""), G = o({ "--ma-active-rating-text": R?.activeRatingText }), K = D(() => {
-		p?.(), H("copy"), W(B?.copiedStatus ?? "Copied to clipboard"), setTimeout(() => H(null), P);
-	}, [p, B?.copiedStatus]), q = D(() => {
-		m?.(), H("markdown"), W(B?.copiedMarkdownStatus ?? "Copied as Markdown to clipboard"), setTimeout(() => H(null), P);
+import { useCallback as _, useEffect as v, useId as y, useRef as b, useState as x } from "react";
+import { IconChevronDown as S, IconChevronUp as C, IconMarkdown as w, IconPencilMinus as T, IconRefresh as E, IconThumbDown as D, IconThumbDownFilled as O, IconThumbUp as k, IconThumbUpFilled as A, IconTrashX as j } from "@tabler/icons-react";
+import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
+//#region src/hooks/useInlineStartIndent/useInlineStartIndent.ts
+var F = 4, I = (e) => {
+	let t = b(null), [n, r] = x(0);
+	return v(() => {
+		if (!e) return;
+		let n = t.current;
+		if (n == null) return;
+		let i = new ResizeObserver((e) => {
+			let t = e[0];
+			t != null && r(t.contentRect.width);
+		});
+		return i.observe(n), () => i.disconnect();
+	}, [e]), {
+		slotRef: t,
+		firstLineIndent: e ? `calc(${n}px + ${F}px)` : void 0
+	};
+}, L = { activeRating: "_activeRating_ygoee_1" }, R = 2e3, z = ({ 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: S = !1, className: C, labels: F, colors: I }) => {
+	let { tooltips: z, ariaLabels: B } = F ?? {}, [V, H] = x(null), [U, W] = x(""), 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), R);
+	}, [p, B?.copiedStatus]), J = _(() => {
+		m?.(), H("markdown"), W(B?.copiedMarkdownStatus ?? "Copied as Markdown to clipboard"), setTimeout(() => H(null), R);
 	}, [m, B?.copiedMarkdownStatus]);
-	return /* @__PURE__ */ M("div", {
+	return G ? /* @__PURE__ */ P("div", {
 		role: "toolbar",
 		"aria-label": B?.actionsGroup ?? "Message actions",
-		style: G,
-		className: s("flex gap-1", !O && "opacity-0 group-hover:opacity-100", I),
-		children: [/* @__PURE__ */ j("span", {
+		style: K,
+		className: s("flex gap-1", !b && "opacity-0 group-hover:opacity-100", C),
+		children: [/* @__PURE__ */ N("span", {
 			role: "status",
 			"aria-live": "polite",
 			className: "sr-only",
 			children: U
-		}), e === a.User ? /* @__PURE__ */ M(A, { children: [n && /* @__PURE__ */ j(g, {
-			icon: /* @__PURE__ */ j(b, {
+		}), e === a.User ? /* @__PURE__ */ P(M, { children: [n && /* @__PURE__ */ N(g, {
+			icon: /* @__PURE__ */ N(T, {
 				size: u.SM,
 				"aria-hidden": !0,
 				stroke: d
@@ -32,9 +48,9 @@ var N = { activeRating: "_activeRating_ygoee_1" }, P = 2e3, F = ({ role: e = a.U
 			onClick: n,
 			onMouseEnter: r,
 			onFocus: r,
-			disabled: F
-		}), c && /* @__PURE__ */ j(g, {
-			icon: /* @__PURE__ */ j(E, {
+			disabled: S
+		}), c && /* @__PURE__ */ N(g, {
+			icon: /* @__PURE__ */ N(j, {
 				size: u.SM,
 				"aria-hidden": !0,
 				stroke: d
@@ -43,10 +59,10 @@ var N = { activeRating: "_activeRating_ygoee_1" }, P = 2e3, F = ({ role: e = a.U
 			"aria-label": B?.deleteMessage ?? "Delete message",
 			tooltipProps: { tooltip: z?.delete ?? "Delete" },
 			onClick: c,
-			disabled: F
-		})] }) : /* @__PURE__ */ M(A, { children: [
-			l && /* @__PURE__ */ j(g, {
-				icon: /* @__PURE__ */ j(x, {
+			disabled: S
+		})] }) : /* @__PURE__ */ P(M, { children: [
+			l && /* @__PURE__ */ N(g, {
+				icon: /* @__PURE__ */ N(E, {
 					size: u.SM,
 					"aria-hidden": !0,
 					stroke: d
@@ -55,24 +71,24 @@ var N = { activeRating: "_activeRating_ygoee_1" }, P = 2e3, F = ({ role: e = a.U
 				"aria-label": B?.regenerateResponse ?? "Regenerate response",
 				tooltipProps: { tooltip: z?.regenerate ?? "Regenerate" },
 				onClick: l,
-				disabled: F
+				disabled: S
 			}),
-			p && /* @__PURE__ */ j(t, {
+			p && /* @__PURE__ */ N(t, {
 				iconSize: u.SM,
-				onClick: K,
+				onClick: q,
 				size: f.Small,
 				isCopied: V === "copy",
 				copyLabel: z?.copy ?? "Copy",
 				copiedLabel: z?.copied ?? "Copied!",
 				ariaLabel: B?.copyResponse ?? "Copy response",
-				isDisabled: F
+				isDisabled: S
 			}),
-			m && /* @__PURE__ */ j(t, {
+			m && /* @__PURE__ */ N(t, {
 				iconSize: u.SM,
-				onClick: q,
+				onClick: J,
 				size: f.Small,
 				isCopied: V === "markdown",
-				iconCopy: /* @__PURE__ */ j(y, {
+				iconCopy: /* @__PURE__ */ N(w, {
 					size: u.SM,
 					"aria-hidden": !0,
 					stroke: d
@@ -80,204 +96,223 @@ var N = { activeRating: "_activeRating_ygoee_1" }, P = 2e3, F = ({ role: e = a.U
 				copyLabel: z?.copyMarkdown ?? "Copy as Markdown",
 				copiedLabel: z?.copiedMarkdown ?? "Copied!",
 				ariaLabel: B?.copyAsMarkdown ?? "Copy as markdown",
-				isDisabled: F
+				isDisabled: S
 			}),
-			h && /* @__PURE__ */ j(g, {
-				icon: v === i.Like ? /* @__PURE__ */ j(T, {
-					className: N.activeRating,
+			h && /* @__PURE__ */ N(g, {
+				icon: y === i.Like ? /* @__PURE__ */ N(A, {
+					className: L.activeRating,
 					size: u.SM,
 					"aria-hidden": !0
-				}) : /* @__PURE__ */ j(w, {
+				}) : /* @__PURE__ */ N(k, {
 					size: u.SM,
 					"aria-hidden": !0,
 					stroke: d
 				}),
 				size: f.Small,
 				"aria-label": B?.likeResponse ?? "Like response",
-				"aria-pressed": v === i.Like,
+				"aria-pressed": y === i.Like,
 				tooltipProps: { tooltip: z?.like ?? "Like" },
 				onClick: h,
-				disabled: F
+				disabled: S
 			}),
-			_ && /* @__PURE__ */ j(g, {
-				icon: v === i.Dislike ? /* @__PURE__ */ j(C, {
-					className: N.activeRating,
+			v && /* @__PURE__ */ N(g, {
+				icon: y === i.Dislike ? /* @__PURE__ */ N(O, {
+					className: L.activeRating,
 					size: u.SM,
 					"aria-hidden": !0
-				}) : /* @__PURE__ */ j(S, {
+				}) : /* @__PURE__ */ N(D, {
 					size: u.SM,
 					"aria-hidden": !0,
 					stroke: d
 				}),
 				size: f.Small,
 				"aria-label": B?.dislikeResponse ?? "Dislike response",
-				"aria-pressed": v === i.Dislike,
+				"aria-pressed": y === i.Dislike,
 				tooltipProps: { tooltip: z?.dislike ?? "Dislike" },
-				onClick: _,
-				disabled: F
+				onClick: v,
+				disabled: S
 			})
 		] })]
-	});
-}, I = {
+	}) : null;
+}, B = {
 	userBubble: "_userBubble_cq829_1",
 	collapsibleText: "_collapsibleText_cq829_6",
 	expandedText: "_expandedText_cq829_11",
 	collapsedText: "_collapsedText_cq829_15",
 	startersDivider: "_startersDivider_cq829_26",
 	text: "_text_cq829_30"
-}, L = ({ text: t, styles: i, actions: c, hasAlwaysVisibleActions: u, isStreaming: d, attachments: f, afterContent: p, starters: m, onSelectStarter: g, deploymentIconUrl: _, deploymentDisplayName: v, markdownComponents: y, markdownClassNames: b, markdownUrlTransform: x, onAttachmentClick: S, onDownloadAll: C, onAttachmentRetry: w, codeBlockTheme: T, tableOnOpenInCanvas: E, labels: D, selectedAttachmentId: O }) => {
-	let { colors: k, typography: A, className: N, bubbleClassName: P } = i ?? {}, { attachmentClickLabel: L, attachmentRetryLabel: R, attachmentOpenInNewTabLabel: z, startersAriaLabel: B = "Quick reply buttons", thinkingLabel: V, codeBlockCopyLabel: H, codeBlockCopiedLabel: U, tableCopyCsvLabel: W, tableCopyTxtLabel: G, tableCopyMarkdownLabel: K, tableCopiedLabel: q, tableDownloadCsvLabel: J, tableOpenInCanvasLabel: Y, tableDownloadFilename: X, tableScrollRegionAriaLabel: Z, assistantMessageAriaLabel: ee = "Assistant message", deploymentIconFallbackLabel: Q = "AI" } = D ?? {}, te = d ? (f ?? []).filter((t) => t.type !== e.Audio) : f ?? [], ne = o({
-		"--cm-bubble-text": k?.text,
-		"--cm-starters-divider": k?.startersDivider
-	}), re = s(I.text, A?.fontClassName), $ = !!(_ || v);
-	return /* @__PURE__ */ M("div", {
+}, V = "[&>.cm-bubble-markdown>div>*:first-child]:indent-[var(--cm-bubble-first-line-indent,0px)]", H = ({ text: t, styles: i, actions: c, hasAlwaysVisibleActions: u, isStreaming: d, attachments: f, beforeContent: p, afterContent: m, starters: g, onSelectStarter: _, deploymentIconUrl: v, deploymentDisplayName: y, markdownComponents: b, markdownClassNames: x, markdownUrlTransform: S, onAttachmentClick: C, onDownloadAll: w, onAttachmentRetry: T, codeBlockTheme: E, tableOnOpenInCanvas: D, labels: O, selectedAttachmentId: k }) => {
+	let { colors: A, typography: j, className: M, bubbleClassName: F } = i ?? {}, { attachmentClickLabel: L, attachmentRetryLabel: R, attachmentOpenInNewTabLabel: H, startersAriaLabel: U = "Quick reply buttons", thinkingLabel: W, codeBlockCopyLabel: G, codeBlockCopiedLabel: K, tableCopyCsvLabel: q, tableCopyTxtLabel: J, tableCopyMarkdownLabel: Y, tableCopiedLabel: X, tableDownloadCsvLabel: Z, tableOpenInCanvasLabel: ee, tableDownloadFilename: te, tableScrollRegionAriaLabel: ne, assistantMessageAriaLabel: re = "Assistant message", deploymentIconFallbackLabel: Q = "AI" } = O ?? {}, ie = d ? (f ?? []).filter((t) => t.type !== e.Audio) : f ?? [], { slotRef: $, firstLineIndent: ae } = I(p != null && !!t), oe = o({
+		"--cm-bubble-text": A?.text,
+		"--cm-starters-divider": A?.startersDivider,
+		"--cm-bubble-first-line-indent": ae
+	}), se = s(B.text, j?.fontClassName), ce = !!(v || y);
+	return /* @__PURE__ */ P("div", {
 		role: "group",
-		"aria-label": ee,
-		style: ne,
-		className: s("flex w-full items-start gap-3", N),
-		children: [$ && /* @__PURE__ */ j(n, {
-			src: _,
+		"aria-label": re,
+		style: oe,
+		className: s("flex w-full items-start gap-3", M),
+		children: [ce && /* @__PURE__ */ N(n, {
+			src: v,
 			size: 28,
-			initialsName: v || Q,
-			labels: { tooltip: v ?? Q }
-		}), /* @__PURE__ */ M("div", {
+			initialsName: y || Q,
+			labels: { tooltip: y ?? Q }
+		}), /* @__PURE__ */ P("div", {
 			className: "flex w-full min-w-0 max-w-full flex-col items-start gap-5",
-			children: [/* @__PURE__ */ M("div", {
-				className: s("flex w-full min-w-0 max-w-full flex-col items-start gap-4", P),
+			children: [/* @__PURE__ */ P("div", {
+				className: s("flex w-full min-w-0 max-w-full flex-col items-start gap-4", F),
 				children: [
-					(t || d) && /* @__PURE__ */ j("div", {
+					p != null && !t && /* @__PURE__ */ N("div", {
+						className: "min-w-0",
+						children: p
+					}),
+					(t || d) && /* @__PURE__ */ P("div", {
 						"aria-live": "polite",
 						"aria-atomic": "false",
-						className: s(re, "min-w-0 max-w-full text-start"),
-						children: /* @__PURE__ */ j(r, {
-							content: t,
-							isStreaming: d,
-							thinkingLabel: V,
-							components: y,
-							classNames: b,
-							urlTransform: x,
-							codeBlockCopyLabel: H,
-							codeBlockCopiedLabel: U,
-							codeBlockTheme: T,
-							tableActionLabels: {
-								copyCsvLabel: W,
-								copyTxtLabel: G,
-								copyMarkdownLabel: K,
-								copiedLabel: q,
-								downloadCsvLabel: J,
-								openInCanvasLabel: Y
-							},
-							tableDownloadFilename: X,
-							tableOnOpenInCanvas: E,
-							tableScrollRegionAriaLabel: Z
-						})
+						className: s(se, "relative min-w-0 max-w-full text-start", p != null && t && V),
+						children: [p != null && t && /* @__PURE__ */ N("div", {
+							ref: $,
+							className: "absolute start-0 top-0",
+							children: p
+						}), /* @__PURE__ */ N("div", {
+							className: "cm-bubble-markdown min-w-0 max-w-full",
+							children: /* @__PURE__ */ N(r, {
+								content: t ?? "",
+								isStreaming: d,
+								thinkingLabel: W,
+								components: b,
+								classNames: x,
+								urlTransform: S,
+								codeBlockCopyLabel: G,
+								codeBlockCopiedLabel: K,
+								codeBlockTheme: E,
+								tableActionLabels: {
+									copyCsvLabel: q,
+									copyTxtLabel: J,
+									copyMarkdownLabel: Y,
+									copiedLabel: X,
+									downloadCsvLabel: Z,
+									openInCanvasLabel: ee
+								},
+								tableDownloadFilename: te,
+								tableOnOpenInCanvas: D,
+								tableScrollRegionAriaLabel: ne
+							})
+						})]
 					}),
-					/* @__PURE__ */ j(l, {
-						attachments: te,
-						onAttachmentClick: (e) => S?.(f?.find((t) => t.id === e)),
-						onDownloadAll: C,
-						onRetry: w,
+					/* @__PURE__ */ N(l, {
+						attachments: ie,
+						onAttachmentClick: (e) => C?.(f?.find((t) => t.id === e)),
+						onDownloadAll: w,
+						onRetry: T,
 						labels: {
 							clickLabel: L,
 							retryLabel: R,
-							openInNewTabLabel: z
+							openInNewTabLabel: H
 						},
-						selectedAttachmentId: O
+						selectedAttachmentId: k
 					}),
-					p,
-					/* @__PURE__ */ j(F, {
+					m,
+					/* @__PURE__ */ N(z, {
 						...c,
 						isAlwaysVisible: u,
 						role: a.Assistant
 					})
 				]
-			}), m && m.length > 0 && g && /* @__PURE__ */ j("div", {
+			}), g && g.length > 0 && _ && /* @__PURE__ */ N("div", {
 				role: "list",
-				"aria-label": B,
-				className: s("flex w-full flex-wrap gap-2 border-t pt-5", I.startersDivider),
-				children: m.map((e, t) => /* @__PURE__ */ j("div", {
+				"aria-label": U,
+				className: s("flex w-full flex-wrap gap-2 border-t pt-5", B.startersDivider),
+				children: g.map((e, t) => /* @__PURE__ */ N("div", {
 					role: "listitem",
 					className: "min-w-[40px]",
-					children: /* @__PURE__ */ j(h, {
+					children: /* @__PURE__ */ N(h, {
 						label: e.title,
 						className: "min-w-[40px]",
-						onClick: () => g(e)
+						onClick: () => _(e)
 					})
 				}, t))
 			})]
 		})]
 	});
-}, R = ({ labels: { titleText: e = "Model switched.", bodyText: t } }) => /* @__PURE__ */ j("div", {
+}, U = ({ labels: { titleText: e = "Model switched.", bodyText: t } }) => /* @__PURE__ */ N("div", {
 	role: "status",
 	"aria-live": "polite",
-	children: /* @__PURE__ */ j(p, {
+	children: /* @__PURE__ */ N(p, {
 		title: e,
 		message: t,
 		textClassName: "flex-row flex-wrap gap-1"
 	})
-}), z = /* @__PURE__ */ function(e) {
+}), W = /* @__PURE__ */ function(e) {
 	return e.Bottom = "Bottom", e.Top = "Top", e;
-}({}), B = 10, V = ({ text: e, position: t = z.Bottom, styles: n, actions: r, hasAlwaysVisibleActions: i, attachments: d, collapsedLineCount: p = B, labels: h, onAttachmentClick: g, onDownloadAll: y, onAttachmentRetry: b, selectedAttachmentId: x }) => {
-	let { colors: S, typography: C, className: w, bubbleClassName: T } = n ?? {}, { showMoreLabel: E = "Show more", showLessLabel: D = "Show less", showMoreAriaLabel: k, showLessAriaLabel: N, attachmentClickLabel: P, attachmentRetryLabel: L, attachmentOpenInNewTabLabel: R, userMessageAriaLabel: V = "User message" } = h ?? {}, { textRef: H, isTextCollapsed: U, isOverflowing: W, collapsedMaxHeight: G, expandedMaxHeight: K, isCollapsed: q, toggleCollapsed: J } = c({
-		text: e,
+}({}), G = 10, K = ({ text: e, position: t = W.Bottom, styles: n, actions: r, hasAlwaysVisibleActions: i, attachments: d, collapsedLineCount: p = G, labels: h, beforeContent: g, onAttachmentClick: _, onDownloadAll: v, onAttachmentRetry: b, selectedAttachmentId: x }) => {
+	let { colors: w, typography: T, className: E, bubbleClassName: D } = n ?? {}, { showMoreLabel: O = "Show more", showLessLabel: k = "Show less", showMoreAriaLabel: A, showLessAriaLabel: j, attachmentClickLabel: F, attachmentRetryLabel: I, attachmentOpenInNewTabLabel: L, userMessageAriaLabel: R = "User message" } = h ?? {}, { textRef: V, isTextCollapsed: H, isOverflowing: U, collapsedMaxHeight: K, expandedMaxHeight: q, isCollapsed: J, toggleCollapsed: Y } = c({
+		text: e ?? "",
 		collapsedLineCount: p
-	}), Y = 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": W ? `${G}px` : void 0,
-		"--cm-bubble-expanded-height": W ? `${K}px` : void 0
-	}), X = t === z.Top ? "rounded-ee-md rounded-se-2xl" : "rounded-se-md rounded-ee-2xl", Z = s(I.text, C?.fontClassName), ee = k ?? E, Q = N ?? D, te = q ? E : D, ne = q ? ee : Q, re = q ? _ : v, $ = O();
-	return /* @__PURE__ */ j("div", {
+	}), X = o({
+		"--cm-bubble-user-bg": w?.userBackground,
+		"--cm-bubble-user-border": w?.userBorder,
+		"--cm-bubble-fade-start": w?.fadeStart,
+		"--cm-bubble-text": w?.text,
+		"--cm-bubble-collapsed-height": U ? `${K}px` : void 0,
+		"--cm-bubble-expanded-height": U ? `${q}px` : void 0
+	}), Z = t === W.Top ? "rounded-ee-md rounded-se-2xl" : "rounded-se-md rounded-ee-2xl", ee = s(B.text, T?.fontClassName), te = A ?? O, ne = j ?? k, re = J ? O : k, Q = J ? te : ne, ie = J ? S : C, $ = y();
+	return /* @__PURE__ */ N("div", {
 		role: "group",
-		"aria-label": V,
-		style: Y,
-		className: s("flex w-full", w),
-		children: /* @__PURE__ */ M("div", {
+		"aria-label": R,
+		style: X,
+		className: s("flex w-full", E),
+		children: /* @__PURE__ */ P("div", {
 			className: "ms-auto flex w-fit min-w-0 max-w-full flex-col items-end gap-4",
 			children: [
-				/* @__PURE__ */ j(l, {
+				/* @__PURE__ */ N(l, {
 					attachments: d ?? [],
-					onAttachmentClick: (e) => g?.(d?.find((t) => t.id === e)),
-					onDownloadAll: y,
+					onAttachmentClick: (e) => _?.(d?.find((t) => t.id === e)),
+					onDownloadAll: v,
 					onRetry: b,
 					labels: {
-						clickLabel: P,
-						retryLabel: L,
-						openInNewTabLabel: R
+						clickLabel: F,
+						retryLabel: I,
+						openInNewTabLabel: L
 					},
 					styles: { className: "max-w-[640px]" },
 					selectedAttachmentId: x
 				}),
-				e && /* @__PURE__ */ j("div", {
-					className: s(I.userBubble, "flex w-fit items-center justify-end rounded-es-2xl rounded-ss-2xl border px-6 py-4", X, T),
-					children: /* @__PURE__ */ M("div", {
+				(e || g != null) && /* @__PURE__ */ N("div", {
+					className: s(B.userBubble, "flex w-fit items-center justify-end rounded-es-2xl rounded-ss-2xl border px-6 py-4", Z, D),
+					children: /* @__PURE__ */ P("div", {
 						className: "flex min-w-0 flex-col items-start",
-						children: [/* @__PURE__ */ j("div", {
-							id: $,
-							className: s("relative overflow-hidden", W && I.collapsibleText, W && !q && I.expandedText, U && I.collapsedText),
-							children: /* @__PURE__ */ j("p", {
-								ref: H,
-								className: s(Z, "whitespace-pre-wrap text-start [overflow-wrap:anywhere]"),
-								children: e
-							})
-						}), W && /* @__PURE__ */ j(m, {
-							label: /* @__PURE__ */ j(A, { children: te }),
-							iconBefore: /* @__PURE__ */ j(re, {
-								size: u.SM,
-								"aria-hidden": "true"
+						children: [
+							e && /* @__PURE__ */ N("div", {
+								id: $,
+								className: s("relative overflow-hidden", U && B.collapsibleText, U && !J && B.expandedText, H && B.collapsedText),
+								children: /* @__PURE__ */ P("p", {
+									ref: V,
+									className: s(ee, "whitespace-pre-wrap text-start [overflow-wrap:anywhere]"),
+									children: [g != null && /* @__PURE__ */ N("span", {
+										className: "me-1",
+										children: g
+									}), e]
+								})
 							}),
-							"aria-label": ne,
-							"aria-expanded": !q,
-							"aria-controls": $,
-							className: "mt-3",
-							onClick: J,
-							size: f.Small
-						})]
+							g != null && !e && /* @__PURE__ */ N("div", { children: g }),
+							U && /* @__PURE__ */ N(m, {
+								label: /* @__PURE__ */ N(M, { children: re }),
+								iconBefore: /* @__PURE__ */ N(ie, {
+									size: u.SM,
+									"aria-hidden": "true"
+								}),
+								"aria-label": Q,
+								"aria-expanded": !J,
+								"aria-controls": $,
+								className: "mt-3",
+								onClick: Y,
+								size: f.Small
+							})
+						]
 					})
 				}),
-				/* @__PURE__ */ j(F, {
+				/* @__PURE__ */ N(z, {
 					...r,
 					isAlwaysVisible: i,
 					role: a.User
@@ -285,17 +320,19 @@ var N = { activeRating: "_activeRating_ygoee_1" }, P = 2e3, F = ({ role: e = a.U
 			]
 		})
 	});
-}, H = ({ role: e, onAttachmentClick: t, markdownComponents: n, markdownUrlTransform: r, ...i }) => e === a.Status ? /* @__PURE__ */ j(R, { labels: {
-	titleText: i.labels?.statusTitleText,
-	bodyText: i.labels?.statusBodyText ?? ""
-} }) : e === a.User ? /* @__PURE__ */ j(V, {
-	...i,
-	onAttachmentClick: t
-}) : /* @__PURE__ */ j(L, {
-	...i,
-	markdownComponents: n,
-	markdownUrlTransform: r,
-	onAttachmentClick: t
+}, q = ({ role: e, beforeContent: t, onAttachmentClick: n, markdownComponents: r, markdownUrlTransform: i, ...o }) => e === a.Status ? /* @__PURE__ */ N(U, { labels: {
+	titleText: o.labels?.statusTitleText,
+	bodyText: o.labels?.statusBodyText ?? ""
+} }) : e === a.User ? /* @__PURE__ */ N(K, {
+	...o,
+	beforeContent: t,
+	onAttachmentClick: n
+}) : /* @__PURE__ */ N(H, {
+	...o,
+	beforeContent: t,
+	markdownComponents: r,
+	markdownUrlTransform: i,
+	onAttachmentClick: n
 });
 //#endregion
-export { L as AssistantMessageBubble, z as BubblePosition, F as MessageActions, H as MessageBubble, R as StatusMessageBubble, V as UserMessageBubble };
+export { H as AssistantMessageBubble, W as BubblePosition, z as MessageActions, q as MessageBubble, U as StatusMessageBubble, K as UserMessageBubble };

package/models/message-bubble.d.ts

@@ -88,8 +88,8 @@ export interface AssistantMessageBubbleLabels extends MessageBubbleLabels {
 }
 /** Shared props for user and assistant message bubble components. */
 interface BaseMessageBubbleProps {
-    /** Plain-text (or Markdown) content of the message. */
-    text: string;
+    /** Plain-text (or Markdown) content of the message. When absent, the bubble renders for `beforeContent` alone. */
+    text?: string;
     /** Color and typography overrides applied as CSS custom properties. */
     styles?: MessageBubbleStyles;
     /** Props for the `MessageActions` bar below the bubble. */
@@ -110,6 +110,17 @@ interface BaseMessageBubbleProps {
     onAttachmentRetry?: (id: string) => void;
     /** ID of the attachment currently open in the canvas panel, if any. Renders that tile's selected visual state. */
     selectedAttachmentId?: string;
+    /**
+     * Content rendered at the inline-start of the message's first text line,
+     * which word-flows after it (e.g. a used-skill chip — inline-level content
+     * no taller than a text line). The user bubble renders it inline within
+     * the text; the assistant bubble overlays it on the first markdown block's
+     * first line, which indents past it. The user bubble renders for the slot
+     * alone even when `text` is empty; an assistant message with no text
+     * renders the slot on its own line — above the streaming placeholder while
+     * the first token has not arrived yet.
+     */
+    beforeContent?: ReactNode;
 }
 /** Props for `UserMessageBubble`. */
 export interface UserMessageBubbleProps extends BaseMessageBubbleProps {

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":"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"}

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.447",
+  "version": "1.1.0-dev.456",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -20,8 +20,8 @@
     "react": "^19.0.0",
     "@tabler/icons-react": "^3.0.0",
     "react-markdown": "^10.1.0",
-    "@epam/ai-dial-attachment-input": "1.1.0-dev.447",
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.447",
+    "@epam/ai-dial-attachment-input": "1.1.0-dev.456",
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.456",
     "@epam/ai-dial-ui-kit": "^0.14.0-dev.15"
   },
   "repository": {