@epam/ai-dial-conversation-messages 1.2.0-dev.15 → 1.2.0-dev.152

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,CAqNlE,CAAC"}
+{"version":3,"file":"AssistantMessageBubble.d.ts","sourceRoot":"","sources":["../../../src/components/MessageBubble/AssistantMessageBubble.tsx"],"names":[],"mappings":"AAYA,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,CAkNlE,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,CAsChD,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,CAyChD,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,CA6JxD,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.css

@@ -1,2 +1,2 @@
 ._activeRating_ygoee_1{color:var(--ma-active-rating-text,var(--text-accent,#1d4ed8))}._userBubble_cq829_1{border-color:var(--cm-bubble-user-border,var(--stroke-secondary,#d1dbea));background:var(--cm-bubble-user-bg,var(--bg-layer-sunken,#eef1f7))}._collapsibleText_cq829_6{max-height:var(--cm-bubble-collapsed-height);transition:max-height .2s ease-out}._expandedText_cq829_11{max-height:var(--cm-bubble-expanded-height)}._collapsedText_cq829_15:after{content:"";pointer-events:none;background:linear-gradient(to bottom, var(--cm-bubble-fade-start,var(--shadow-xs-2,#161b2d08)), var(--cm-bubble-user-bg,var(--bg-layer-sunken,#eef1f7)));height:3rem;position:absolute;bottom:0;left:0;right:0}@media (prefers-reduced-motion:reduce){._collapsibleText_cq829_6{transition:none}}._startersDivider_cq829_26{border-color:var(--cm-starters-divider,var(--stroke-secondary,#d1dbea))}._text_cq829_30{color:var(--cm-bubble-text,var(--text-primary,#161b2d))}
-/*$vite$:1*/
+/*$vite$:1*/.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.collapse{visibility:collapse}.static{position:static}.absolute{position:absolute}.relative{position:relative}.start-0{inset-inline-start:0}.top-0{top:0}.-me-1{margin-inline-end:-.25rem}.-ms-1{margin-inline-start:-.25rem}.ms-auto{margin-inline-start:auto}.mt-3{margin-top:.75rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.w-\[calc\(100\%\+8px\)\]{width:calc(100% + 8px)}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[40px\]{min-width:40px}.max-w-\[640px\]{max-width:640px}.max-w-full{max-width:100%}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.overflow-hidden{overflow:hidden}.whitespace-pre-wrap{white-space:pre-wrap}.rounded-ee-2xl{border-end-end-radius:1rem}.rounded-ee-md{border-end-end-radius:.375rem}.rounded-es-2xl{border-end-start-radius:1rem}.rounded-se-2xl{border-start-end-radius:1rem}.rounded-se-md{border-start-end-radius:.375rem}.rounded-ss-2xl{border-start-start-radius:1rem}.border{border-width:1px}.border-t{border-top-width:1px}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-4{padding-bottom:1rem;padding-top:1rem}.pe-1{padding-inline-end:.25rem}.ps-1{padding-inline-start:.25rem}.pt-5{padding-top:1.25rem}.text-start{text-align:start}.opacity-0{opacity:0}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.group:hover .group-hover\:opacity-100{opacity:1}.\[\&\>\.cm-bubble-markdown\>div\>\*\:first-child\]\:indent-\[var\(--cm-bubble-first-line-indent\2c 0px\)\]>.cm-bubble-markdown>div>:first-child{text-indent:var(--cm-bubble-first-line-indent,0)}

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

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

package/models/message-bubble.d.ts

@@ -1,4 +1,4 @@
-import { CodeBlockTheme, DisplayAttachment, MarkdownRendererClassNames, MessageRole, StarterOption } from '@epam/ai-dial-chat-shared';
+import { CodeBlockTheme, DisplayAttachment, MarkdownRendererClassNames, MessageRole, ResponseFormat, StarterOption } from '@epam/ai-dial-chat-shared';
 import { ReactNode } from 'react';
 import { Components } from 'react-markdown';
 import { BubblePosition } from '../types/bubble-position';
@@ -67,12 +67,8 @@ export interface AssistantMessageBubbleLabels extends MessageBubbleLabels {
     codeBlockCopyLabel?: string;
     /** aria-label for the code block copy button after copying. */
     codeBlockCopiedLabel?: string;
-    /** Label for copying a Markdown table as CSV. */
-    tableCopyCsvLabel?: string;
-    /** Label for copying a Markdown table as text. */
-    tableCopyTxtLabel?: string;
-    /** Label for copying a Markdown table as Markdown. */
-    tableCopyMarkdownLabel?: string;
+    /** Label for the copy action on a Markdown table (copies as Markdown format). */
+    tableCopyLabel?: string;
     /** Status announced after a Markdown table has been copied. */
     tableCopiedLabel?: string;
     /** Label for downloading a Markdown table as CSV. */
@@ -110,17 +106,6 @@ 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 {
@@ -128,9 +113,38 @@ export interface UserMessageBubbleProps extends BaseMessageBubbleProps {
     position?: BubblePosition;
     /** Maximum number of text lines shown while a long user message is collapsed. Defaults to `10`. */
     collapsedLineCount?: number;
+    /**
+     * Ordered content replacing the plain-text render when present —
+     * interleaved plain-text runs and inline elements (e.g. skill-mention
+     * chips at their text position), rendered in place of `text` inside the
+     * same paragraph. `text` is still required alongside this: it remains the
+     * identity/measurement input for the collapse-height calculation
+     * (`useCollapsedText`), even though `textSegments` is what's visually
+     * rendered. Absent renders `text` directly, byte-identical to today.
+     */
+    textSegments?: ReactNode[];
 }
 /** Props for `AssistantMessageBubble`. */
 export interface AssistantMessageBubbleProps extends BaseMessageBubbleProps {
+    /**
+     * Conversation response format. `ResponseFormat.PlainText` renders the
+     * message body verbatim — no Markdown pipeline, so a table, a heading, or
+     * `**bold**` reaches the reader exactly as the model wrote it — and the
+     * markdown-only props below stop applying. Defaults to
+     * `ResponseFormat.Markdown`.
+     */
+    responseFormat?: ResponseFormat;
+    /**
+     * Content rendered at the inline-start of the message's first markdown
+     * block's first line, which word-flows after it (e.g. used-skill chips —
+     * inline-level content no taller than a text line). Overlaid on the first
+     * line, which indents past it; 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. May itself be an array of elements
+     * (e.g. one `ChatSkill` per mention) — React renders `ReactNode[]` as a
+     * sibling sequence with no extra wrapper needed.
+     */
+    beforeContent?: ReactNode;
     /** react-markdown component overrides. Use to inject custom renderers (e.g. citation markers) into markdown elements. */
     markdownComponents?: Components;
     /** Per-element markdown typography classes. Defaults to the renderer's full-size scale; pass `COMPACT_MARKDOWN_CLASS_NAMES` for the smaller body scale. */
@@ -159,7 +173,7 @@ export interface AssistantMessageBubbleProps extends BaseMessageBubbleProps {
     labels?: AssistantMessageBubbleLabels;
 }
 /** Props for `MessageBubble` — `AssistantMessageBubbleProps` plus user-only fields and `role`. */
-export type MessageBubbleProps = AssistantMessageBubbleProps & Pick<UserMessageBubbleProps, 'position' | 'collapsedLineCount'> & {
+export type MessageBubbleProps = AssistantMessageBubbleProps & Pick<UserMessageBubbleProps, 'position' | 'collapsedLineCount' | 'textSegments'> & {
     /** Message author/type: user, assistant, or status banner. */
     role: MessageRole;
 };

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.2.0-dev.15",
+  "version": "1.2.0-dev.152",
   "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.15"
+    "@epam/ai-dial-attachment-input": "1.2.0-dev.152"
   },
   "peerDependencies": {
     "react": "^19.2.8",
-    "@epam/ai-dial-chat-shared": "1.2.0-dev.15",
-    "@epam/ai-dial-ui-kit": "^0.14.2"
+    "@epam/ai-dial-chat-shared": "1.2.0-dev.152",
+    "@epam/ai-dial-ui-kit": "^0.15.0-dev.19"
   },
   "repository": {
     "type": "git",