@epam/ai-dial-conversation-messages 1.1.0-dev.56 → 1.1.0-dev.58

package/index.css

@@ -1,2 +1,2 @@
-._userBubble_1exhl_1{border-color:var(--cm-bubble-user-border,var(--stroke-secondary,#d1dbea));background:var(--cm-bubble-user-bg,var(--bg-layer-2,#eef1f7))}._collapsibleText_1exhl_6{max-height:var(--cm-bubble-collapsed-height);transition:max-height .2s ease-out}._expandedText_1exhl_11{max-height:var(--cm-bubble-expanded-height)}._collapsedText_1exhl_15:after{content:"";pointer-events:none;background:linear-gradient(to bottom, var(--cm-bubble-fade-start,var(--bg-transparent-black,#0000)), var(--cm-bubble-user-bg,var(--bg-layer-2,#eef1f7)));height:3rem;position:absolute;bottom:0;left:0;right:0}@media (prefers-reduced-motion:reduce){._collapsibleText_1exhl_6{transition:none}}._startersDivider_1exhl_26{border-color:var(--cm-starters-divider,var(--stroke-secondary,#d1dbea))}._text_1exhl_30{color:var(--cm-bubble-text,var(--text-primary,#161b2d))}
+._userBubble_1tjh8_1{border-color:var(--cm-bubble-user-border,var(--stroke-secondary,#d1dbea));background:var(--cm-bubble-user-bg,var(--bg-layer-sunken,#eef1f7))}._collapsibleText_1tjh8_6{max-height:var(--cm-bubble-collapsed-height);transition:max-height .2s ease-out}._expandedText_1tjh8_11{max-height:var(--cm-bubble-expanded-height)}._collapsedText_1tjh8_15:after{content:"";pointer-events:none;background:linear-gradient(to bottom, var(--cm-bubble-fade-start,var(--bg-transparent-black,#0000)), 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_1tjh8_6{transition:none}}._startersDivider_1tjh8_26{border-color:var(--cm-starters-divider,var(--stroke-secondary,#d1dbea))}._text_1tjh8_30{color:var(--cm-bubble-text,var(--text-primary,#161b2d))}
 /*$vite$:1*/

package/index.js

@@ -8,6 +8,7 @@ import { Fragment as K, jsx as q, jsxs as J } from "react/jsx-runtime";
 var Fe = "flex size-[84px] items-center justify-center rounded-xl border", Y = /* @__PURE__ */ function(e) {
 	return e.None = "none", e.AllVisible = "all-visible", e.Collapsed = "collapsed", e;
 }({}), Ie = (e) => {
+	if (e == null) return "";
 	let t = e.lastIndexOf(".");
 	return t > 0 ? e.slice(0, t) : e;
 }, Le = (e) => {
@@ -463,7 +464,7 @@ var Fe = "flex size-[84px] items-center justify-center rounded-xl border", Y = /
 			"aria-label": I,
 			className: u("gap-3", N ? "grid grid-cols-[repeat(5,83px)] overflow-x-auto" : "flex flex-wrap"),
 			children: [
-				R.map((e) => /* @__PURE__ */ q("div", {
+				R.map((e, t) => /* @__PURE__ */ q("div", {
 					role: "listitem",
 					children: /* @__PURE__ */ q($e, {
 						attachment: e,
@@ -479,7 +480,7 @@ var Fe = "flex size-[84px] items-center justify-center rounded-xl border", Y = /
 							openInNewTabLabel: _
 						}
 					})
-				}, e.id)),
+				}, `${e.id}-${t}`)),
 				O.layout === Y.Collapsed && /* @__PURE__ */ q("div", {
 					role: "listitem",
 					children: /* @__PURE__ */ q(tt, {
@@ -749,12 +750,12 @@ var lt = 2e3, ut = ({ role: e = o.User, onEdit: t, onEditHover: n, onDelete: r,
 		] })]
 	});
 }, $ = {
-	userBubble: "_userBubble_1exhl_1",
-	collapsibleText: "_collapsibleText_1exhl_6",
-	expandedText: "_expandedText_1exhl_11",
-	collapsedText: "_collapsedText_1exhl_15",
-	startersDivider: "_startersDivider_1exhl_26",
-	text: "_text_1exhl_30"
+	userBubble: "_userBubble_1tjh8_1",
+	collapsibleText: "_collapsibleText_1tjh8_6",
+	expandedText: "_expandedText_1tjh8_11",
+	collapsedText: "_collapsedText_1tjh8_15",
+	startersDivider: "_startersDivider_1tjh8_26",
+	text: "_text_1tjh8_30"
 }, dt = ({ text: e, styles: i, actions: a, hasAlwaysVisibleActions: s, isStreaming: c, attachments: d, afterContent: f, starters: p, onSelectStarter: m, deploymentIconUrl: h, deploymentDisplayName: g, markdownComponents: _, onAttachmentClick: v, onDownloadAll: b, onAttachmentRetry: x, codeBlockTheme: S, labels: C }) => {
 	let { colors: w, typography: T, className: E, bubbleClassName: D } = i ?? {}, { attachmentClickLabel: O, attachmentRetryLabel: k, attachmentOpenInNewTabLabel: A, startersAriaLabel: j = "Quick reply buttons", thinkingLabel: M, codeBlockCopyLabel: N, codeBlockCopiedLabel: P, assistantMessageAriaLabel: F = "Assistant message", deploymentIconFallbackLabel: I = "AI" } = C ?? {}, L = c ? (d ?? []).filter((e) => e.type !== t.Audio) : d ?? [], R = l({
 		"--cm-bubble-text": w?.text,
@@ -844,7 +845,7 @@ var lt = 2e3, ut = ({ role: e = o.User, onEdit: t, onEditHover: n, onDelete: r,
 		"--cm-bubble-text": _?.text,
 		"--cm-bubble-collapsed-height": P ? `${F}px` : void 0,
 		"--cm-bubble-expanded-height": P ? `${I}px` : void 0
-	}), B = t === pt.Top ? "rounded-ee-[6px] rounded-se-[16px]" : "rounded-se-[6px] rounded-ee-[16px]", V = u($.text, v?.fontClassName), ee = C ?? x, te = w ?? S, ne = L ? x : S, re = L ? ee : te, ie = L ? j : M, ae = Ne();
+	}), B = t === pt.Top ? "rounded-ee-md rounded-se-2xl" : "rounded-se-md rounded-ee-2xl", V = u($.text, v?.fontClassName), ee = C ?? x, te = w ?? S, ne = L ? x : S, re = L ? ee : te, ie = L ? j : M, ae = Ne();
 	return /* @__PURE__ */ q("div", {
 		role: "group",
 		"aria-label": k,

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.56",
+  "version": "1.1.0-dev.58",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -19,8 +19,8 @@
   "peerDependencies": {
     "react": "^19.0.0",
     "@tabler/icons-react": "^3.0.0",
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.56",
-    "@epam/ai-dial-conversation-input": "1.1.0-dev.56",
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.58",
+    "@epam/ai-dial-conversation-input": "1.1.0-dev.58",
     "react-markdown": "^10.1.0",
     "@epam/ai-dial-ui-kit": "^0.13.0-dev.17"
   },