@epam/ai-dial-conversation-messages 1.0.0-dev.503 → 1.0.0-dev.509

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

@@ -1 +1 @@
-{"version":3,"file":"AssistantMessageBubble.d.ts","sourceRoot":"","sources":["../../../src/components/MessageBubble/AssistantMessageBubble.tsx"],"names":[],"mappings":"AAUA,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,CAgIlE,CAAC"}
+{"version":3,"file":"AssistantMessageBubble.d.ts","sourceRoot":"","sources":["../../../src/components/MessageBubble/AssistantMessageBubble.tsx"],"names":[],"mappings":"AAUA,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,CAkIlE,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,CA4BhD,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,CA8BhD,CAAC"}

package/components/MessageBubble/StatusMessageBubble.d.ts

@@ -1,11 +1,16 @@
 import { FC } from 'react';
-/** Props for the model-change status message banner. */
-export interface StatusMessageBubbleProps {
+/** User-visible strings for {@link StatusMessageBubble}. */
+export interface StatusMessageBubbleLabels {
     /** Bold prefix text displayed before the description. Defaults to `'Model switched.'`. */
     titleText?: string;
     /** Full description text, e.g. "The model has been switched from GPT to Imagen." */
     bodyText: string;
 }
+/** Props for the model-change status message banner. */
+export interface StatusMessageBubbleProps {
+    /** User-visible strings. */
+    labels: StatusMessageBubbleLabels;
+}
 /**
  * Full-width info banner rendered in the conversation timeline when the active
  * deployment changes. Matches Figma node 613:8730 (`section-message`).

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

@@ -1 +1 @@
-{"version":3,"file":"StatusMessageBubble.d.ts","sourceRoot":"","sources":["../../../src/components/MessageBubble/StatusMessageBubble.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,wDAAwD;AACxD,MAAM,WAAW,wBAAwB;IACvC,0FAA0F;IAC1F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oFAAoF;IACpF,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAa5D,CAAC"}
+{"version":3,"file":"StatusMessageBubble.d.ts","sourceRoot":"","sources":["../../../src/components/MessageBubble/StatusMessageBubble.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,4DAA4D;AAC5D,MAAM,WAAW,yBAAyB;IACxC,0FAA0F;IAC1F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oFAAoF;IACpF,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wDAAwD;AACxD,MAAM,WAAW,wBAAwB;IACvC,4BAA4B;IAC5B,MAAM,EAAE,yBAAyB,CAAC;CACnC;AAED;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAY5D,CAAC"}

package/index.d.ts

@@ -6,7 +6,7 @@ export { MessageActions } from './components/MessageActions/MessageActions';
 export { MessageSource } from './components/MessageSource/MessageSource';
 export { BubblePosition } from './types/bubble-position';
 export type { MessageBubbleProps, UserMessageBubbleProps, AssistantMessageBubbleProps, MessageBubbleStyles, MessageBubbleColors, MessageBubbleTypography, MessageBubbleLabels, AssistantMessageBubbleLabels, } from './models/message-bubble';
-export type { StatusMessageBubbleProps } from './components/MessageBubble/StatusMessageBubble';
+export type { StatusMessageBubbleLabels, StatusMessageBubbleProps, } from './components/MessageBubble/StatusMessageBubble';
 export type { MessageActionsProps, MessageActionLabels, MessageActionTooltips, MessageActionAriaLabels, } from './models/message-actions';
-export type { MessageSourceProps, MessageSourceStyles, MessageSourceColors, MessageSourceTypography, } from './models/message-source';
+export type { MessageSourceProps, MessageSourceLabels, MessageSourceStyles, MessageSourceColors, MessageSourceTypography, } from './models/message-source';
 //# sourceMappingURL=index.d.ts.map

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,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,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,EAAE,wBAAwB,EAAE,MAAM,gDAAgD,CAAC;AAC/F,YAAY,EACV,mBAAmB,EACnB,mBAAmB,EACnB,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,kBAAkB,EAClB,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,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,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,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,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,6 +1,6 @@
 import { AttachmentErrorReason as e, AttachmentType as t, CodeBlockTheme as n, DeploymentIcon as r, Highlight as i, MDMessageViewer as a, MIME_TYPE_EXT_MAP as o, MessageRating as s, MessageRole as c, RequestStatus as l, ResponseFormat as u, buildCssVars as d, mergeClasses as f, useCollapsedText as p } from "@epam/ai-dial-chat-shared";
 import { DIAL_ICON_SIZE as m, DialGhostIconButton as h, DialInput as g, DialLinkButton as _, DialNotification as v, DialPopup as y, DialPrimaryButton as b, DialRadioGroup as x, DialRoundedButton as S, DialSkeleton as C, DialSkeletonVariant as w, DialSlider as T, DialSpinner as E, DialTag as D, DialTooltip as O, ElementSize as k, PopupSize as A, RadioGroupOrientation as j } from "@epam/ai-dial-ui-kit";
-import { IconCheck as M, IconChevronDown as N, IconChevronUp as P, IconClipboard as F, IconCopy as I, IconDownload as L, IconFile as R, IconFileTypeBmp as z, IconFileTypeCss as B, IconFileTypeCsv as V, IconFileTypeDoc as H, IconFileTypeDocx as U, IconFileTypeHtml as W, IconFileTypeJpg as ee, IconFileTypeJs as te, IconFileTypeJsx as G, IconFileTypePdf as K, IconFileTypePhp as ne, IconFileTypePng as re, IconFileTypePpt as ie, IconFileTypeRs as ae, IconFileTypeSql as oe, IconFileTypeSvg as se, IconFileTypeTs as ce, IconFileTypeTsx as le, IconFileTypeTxt as ue, IconFileTypeVue as de, IconFileTypeXls as fe, IconFileTypeXml as pe, IconFileTypeZip as me, IconMarkdown as he, IconMusic as ge, IconPaperclip as _e, IconPencilMinus as ve, IconPhoto as ye, IconRefresh as be, IconReload as xe, IconTerminal2 as Se, IconThumbDown as Ce, IconThumbUp as we, IconTrashX as Te, IconVideo as Ee, IconX as De } from "@tabler/icons-react";
+import { IconCheck as M, IconChevronDown as N, IconChevronUp as P, IconClipboard as F, IconCopy as I, IconDownload as L, IconFile as R, IconFileTypeBmp as z, IconFileTypeCss as B, IconFileTypeCsv as V, IconFileTypeDoc as H, IconFileTypeDocx as U, IconFileTypeHtml as W, IconFileTypeJpg as ee, IconFileTypeJs as G, IconFileTypeJsx as te, IconFileTypePdf as K, IconFileTypePhp as ne, IconFileTypePng as re, IconFileTypePpt as ie, IconFileTypeRs as ae, IconFileTypeSql as oe, IconFileTypeSvg as se, IconFileTypeTs as ce, IconFileTypeTsx as le, IconFileTypeTxt as ue, IconFileTypeVue as de, IconFileTypeXls as fe, IconFileTypeXml as pe, IconFileTypeZip as me, IconMarkdown as he, IconMusic as ge, IconPaperclip as _e, IconPencilMinus as ve, IconPhoto as ye, IconRefresh as be, IconReload as xe, IconTerminal2 as Se, IconThumbDown as Ce, IconThumbUp as we, IconTrashX as Te, IconVideo as Ee, IconX as De } from "@tabler/icons-react";
 import "react-dom";
 import { memo as Oe, useCallback as ke, useEffect as Ae, useId as je, useMemo as Me, useRef as Ne, useState as q } from "react";
 import { Fragment as J, jsx as Y, jsxs as X } from "react/jsx-runtime";
@@ -75,8 +75,8 @@ var Pe = /* @__PURE__ */ function(e) {
 		case "application/sql":
 		case "text/x-sql": return oe;
 		case "text/javascript":
-		case "application/javascript": return te;
-		case "text/jsx": return G;
+		case "application/javascript": return G;
+		case "text/jsx": return te;
 		case "application/typescript":
 		case "text/typescript": return ce;
 		case "text/tsx": return le;
@@ -132,45 +132,45 @@ var Pe = /* @__PURE__ */ function(e) {
 	layout: Ie.Collapsed,
 	visibleCount: 4,
 	hiddenCount: e - 4
-}, We = ({ attachment: n, searchQuery: r = "", onRemove: a, onRetry: o, onExpand: s, onClick: c, isSelected: l, shouldAlwaysShowActions: u, labels: p, typeLabels: g, styles: _, showHoverDownloadIcon: v = !1, className: y }) => {
-	let { removeLabel: b = "Remove attachment", retryLabel: x = "Retry upload", clickLabel: S = "Open attachment", expandLabel: T = "Expand pasted text", loadingLabel: D = "Loading attachment", uploadFailedStatusLabel: O = "Upload failed" } = p ?? {}, { colors: A, typography: j, roundedClassName: M = "rounded-xl" } = _ ?? {}, { id: N, name: P } = n, F = n.previewUrl ?? n.url, I = n.type === t.Pasted, R = I && s !== void 0, z = Me(() => I ? P : Le(P), [I, P]), B = d({
-		"--ci-card-border": A?.border,
-		"--ci-card-bg": A?.background,
-		"--ci-card-name": A?.nameText,
-		"--ci-card-meta": A?.metaText,
-		"--ci-card-border-error": A?.borderError,
-		"--ci-card-bg-selected": A?.backgroundSelected,
-		"--ci-card-border-selected": A?.borderSelected,
-		"--ci-card-bg-hover": A?.backgroundHover,
-		"--ci-loading-overlay-bg": A?.loadingOverlayBackground,
-		"--ci-card-action-color": A?.actionColor,
-		"--ci-card-remove-bg-hover": A?.actionBackgroundHover,
-		"--ci-card-focus-outline": A?.focusOutline,
-		"--ci-card-remove-bg": A?.removeBackground,
-		"--ci-card-remove-color": A?.removeColor,
-		"--ci-card-hover-icon-bg": A?.hoverIconBackground,
-		"--ci-card-hover-icon-color": A?.hoverIconColor
-	}), { isLoading: V, isError: H, isImage: U, isAudio: W, areActionsVisible: ee, BottomIcon: te, typeLabel: G, cardColorClass: K, removeBtnClass: ne } = Me(() => He(n, l ?? !1, u ?? !1, g), [
+}, We = ({ attachment: n, searchQuery: r = "", onRemove: a, onRetry: o, onExpand: s, onClick: c, isSelected: l, shouldAlwaysShowActions: u, labels: p, styles: g, showHoverDownloadIcon: _ = !1 }) => {
+	let { removeLabel: v = "Remove attachment", retryLabel: y = "Retry upload", clickLabel: b = "Open attachment", expandLabel: x = "Expand pasted text", loadingLabel: S = "Loading attachment", uploadFailedStatusLabel: T = "Upload failed" } = p ?? {}, { colors: D, typography: O, roundedClassName: A = "rounded-xl", className: j } = g ?? {}, { id: M, name: N } = n, P = n.previewUrl ?? n.url, F = n.type === t.Pasted, I = F && s !== void 0, R = Me(() => F ? N : Le(N), [F, N]), z = d({
+		"--ci-card-border": D?.border,
+		"--ci-card-bg": D?.background,
+		"--ci-card-name": D?.nameText,
+		"--ci-card-meta": D?.metaText,
+		"--ci-card-border-error": D?.borderError,
+		"--ci-card-bg-selected": D?.backgroundSelected,
+		"--ci-card-border-selected": D?.borderSelected,
+		"--ci-card-bg-hover": D?.backgroundHover,
+		"--ci-loading-overlay-bg": D?.loadingOverlayBackground,
+		"--ci-card-action-color": D?.actionColor,
+		"--ci-card-remove-bg-hover": D?.actionBackgroundHover,
+		"--ci-card-focus-outline": D?.focusOutline,
+		"--ci-card-remove-bg": D?.removeBackground,
+		"--ci-card-remove-color": D?.removeColor,
+		"--ci-card-hover-icon-bg": D?.hoverIconBackground,
+		"--ci-card-hover-icon-color": D?.hoverIconColor
+	}), { isLoading: B, isError: V, isImage: H, isAudio: U, areActionsVisible: W, BottomIcon: ee, typeLabel: G, cardColorClass: te, removeBtnClass: K } = Me(() => He(n, l ?? !1, u ?? !1, p), [
 		n,
 		l,
 		u,
-		g
-	]), re = c !== void 0 && !R && !V && !H, ie = R || re, { imageRef: ae, imageLoadStatus: oe } = Fe({
-		enabled: U,
-		src: F
-	}), se = () => {
-		R && s ? s(N) : re && c && c(N);
-	}, ce = (e) => {
-		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), se());
+		p
+	]), ne = c !== void 0 && !I && !B && !V, re = I || ne, { imageRef: ie, imageLoadStatus: ae } = Fe({
+		enabled: H,
+		src: P
+	}), oe = () => {
+		I && s ? s(M) : ne && c && c(M);
+	}, se = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), oe());
 	};
-	if (W) return /* @__PURE__ */ X("div", {
-		style: B,
-		className: f("group flex w-full min-w-[280px] max-w-[300px] flex-col gap-2 border p-3", M, K, y),
+	if (U) return /* @__PURE__ */ X("div", {
+		style: z,
+		className: f("group flex w-full min-w-[280px] max-w-[300px] flex-col gap-2 border p-3", A, te, j),
 		children: [/* @__PURE__ */ X("div", {
 			className: "flex items-center justify-between gap-2",
 			children: [/* @__PURE__ */ Y("span", {
 				title: n.name,
-				className: f(j?.fontClassName ?? "dial-tiny-text", "min-w-0 truncate", Z.name),
+				className: f(O?.fontClassName ?? "dial-tiny-text", "min-w-0 truncate", Z.name),
 				children: r ? /* @__PURE__ */ Y(i, {
 					text: n.name,
 					query: r,
@@ -182,10 +182,10 @@ var Pe = /* @__PURE__ */ function(e) {
 					"aria-hidden": !0
 				}),
 				size: k.Small,
-				className: f("h-6 w-6 shrink-0 rounded", ne),
-				"aria-label": S,
+				className: f("h-6 w-6 shrink-0 rounded", K),
+				"aria-label": b,
 				onClick: (e) => {
-					e.stopPropagation(), c(N);
+					e.stopPropagation(), c(M);
 				}
 			})]
 		}), n.playUrl && /* @__PURE__ */ Y("audio", {
@@ -196,78 +196,78 @@ var Pe = /* @__PURE__ */ function(e) {
 			preload: "metadata"
 		})]
 	});
-	let le = f("group relative flex h-[100px] w-[100px] flex-shrink-0 border focus-within:outline focus-within:outline-1 focus-within:outline-offset-1", M, K, !U && "flex-col gap-3 p-3", ie && "cursor-pointer", y), ue = /* @__PURE__ */ X(J, { children: [
-		U ? /* @__PURE__ */ X("div", {
+	let ce = f("group relative flex h-[100px] w-[100px] flex-shrink-0 border focus-within:outline focus-within:outline-1 focus-within:outline-offset-1", A, te, !H && "flex-col gap-3 p-3", re && "cursor-pointer", j), le = /* @__PURE__ */ X(J, { children: [
+		H ? /* @__PURE__ */ X("div", {
 			className: "relative h-full w-full overflow-hidden",
-			children: [oe !== Pe.Loaded && /* @__PURE__ */ Y(C, {
+			children: [ae !== Pe.Loaded && /* @__PURE__ */ Y(C, {
 				variant: w.Rectangular,
 				width: "100%",
 				height: "100%",
-				active: oe === Pe.Loading,
+				active: ae === Pe.Loading,
 				overlay: /* @__PURE__ */ Y(ye, {
 					size: m.LG,
-					className: j?.placeholderIconClassName ?? "text-secondary",
+					className: O?.placeholderIconClassName ?? "text-secondary",
 					"aria-hidden": !0
 				}),
-				className: f("absolute inset-0", M)
+				className: f("absolute inset-0", A)
 			}), /* @__PURE__ */ Y("img", {
-				ref: ae,
-				src: F,
-				alt: P,
+				ref: ie,
+				src: P,
+				alt: N,
 				loading: "lazy",
 				decoding: "async",
-				className: f("h-full w-full object-cover transition-opacity duration-200", oe === Pe.Loaded ? "opacity-100" : "opacity-0", M)
+				className: f("h-full w-full object-cover transition-opacity duration-200", ae === Pe.Loaded ? "opacity-100" : "opacity-0", A)
 			})]
-		}) : H ? /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ X("div", {
+		}) : V ? /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ X("div", {
 			className: "flex flex-row items-center gap-1 overflow-hidden",
-			children: [/* @__PURE__ */ Y(te, {
+			children: [/* @__PURE__ */ Y(ee, {
 				size: m.SM,
 				className: f("shrink-0", Z.meta),
 				"aria-hidden": !0
 			}), /* @__PURE__ */ Y("span", {
 				title: G,
-				className: f(j?.metaClassName ?? "dial-tiny-text", "min-w-0 truncate", Z.meta),
+				className: f(O?.metaClassName ?? "dial-tiny-text", "min-w-0 truncate", Z.meta),
 				children: G
 			})]
 		}), /* @__PURE__ */ Y("div", {
 			className: "min-w-0 flex-1",
 			children: /* @__PURE__ */ Y("div", {
-				title: z,
-				className: f(j?.fontClassName ?? "dial-tiny-text", "line-clamp-3 break-words", Z.name),
+				title: R,
+				className: f(O?.fontClassName ?? "dial-tiny-text", "line-clamp-3 break-words", Z.name),
 				children: r ? /* @__PURE__ */ Y(i, {
-					text: z,
+					text: R,
 					query: r,
 					maxLines: 3
-				}) : z
+				}) : R
 			})
 		})] }) : /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y("div", {
 			className: "min-w-0 flex-1",
 			children: /* @__PURE__ */ Y("div", {
-				title: z,
-				className: f(j?.fontClassName ?? "dial-tiny-text", "line-clamp-3 break-words", Z.name),
+				title: R,
+				className: f(O?.fontClassName ?? "dial-tiny-text", "line-clamp-3 break-words", Z.name),
 				children: r ? /* @__PURE__ */ Y(i, {
-					text: z,
+					text: R,
 					query: r,
 					maxLines: 3
-				}) : z
+				}) : R
 			})
 		}), /* @__PURE__ */ X("div", {
 			className: "flex flex-row items-center gap-1 overflow-hidden",
-			children: [/* @__PURE__ */ Y(te, {
+			children: [/* @__PURE__ */ Y(ee, {
 				size: m.SM,
 				className: f("shrink-0", Z.meta),
 				"aria-hidden": !0
 			}), /* @__PURE__ */ Y("span", {
 				title: G,
-				className: f(j?.metaClassName ?? "dial-tiny-text", "min-w-0 truncate", Z.meta),
+				className: f(O?.metaClassName ?? "dial-tiny-text", "min-w-0 truncate", Z.meta),
 				children: G
 			})]
 		})] }),
-		V && /* @__PURE__ */ Y("span", {
-			className: f("absolute inset-0 flex items-center justify-center", M, Z.loadingOverlay),
+		B && /* @__PURE__ */ Y("span", {
+			className: f("absolute inset-0 flex items-center justify-center", A, Z.loadingOverlay),
 			children: /* @__PURE__ */ Y(E, {
 				size: 40,
-				ariaLabel: D,
+				ariaLabel: S,
 				className: "z-50"
 			})
 		}),
@@ -275,21 +275,21 @@ var Pe = /* @__PURE__ */ function(e) {
 			role: "status",
 			"aria-live": "polite",
 			className: "sr-only",
-			children: H ? O : ""
+			children: V ? T : ""
 		}),
-		!V && /* @__PURE__ */ X("div", {
-			className: f("absolute end-1 top-1 flex gap-1 transition-opacity", ee ? "opacity-100" : "opacity-0 group-focus-within:opacity-100 group-hover:opacity-100 mobile:opacity-100"),
+		!B && /* @__PURE__ */ X("div", {
+			className: f("absolute end-1 top-1 flex gap-1 transition-opacity", W ? "opacity-100" : "opacity-0 group-focus-within:opacity-100 group-hover:opacity-100 mobile:opacity-100"),
 			children: [
-				H && o && n.errorReason !== e.UnsupportedType && /* @__PURE__ */ Y(h, {
+				V && o && n.errorReason !== e.UnsupportedType && /* @__PURE__ */ Y(h, {
 					icon: /* @__PURE__ */ Y(xe, {
 						size: m.SM,
 						"aria-hidden": !0
 					}),
 					size: k.Small,
-					className: f("h-6 w-6 rounded", ne),
-					"aria-label": x,
+					className: f("h-6 w-6 rounded", K),
+					"aria-label": y,
 					onClick: (e) => {
-						e.stopPropagation(), o(N);
+						e.stopPropagation(), o(M);
 					}
 				}),
 				a && /* @__PURE__ */ Y(h, {
@@ -298,13 +298,13 @@ var Pe = /* @__PURE__ */ function(e) {
 						"aria-hidden": !0
 					}),
 					size: k.Small,
-					className: f("h-6 w-6 rounded", ne),
-					"aria-label": b,
+					className: f("h-6 w-6 rounded", K),
+					"aria-label": v,
 					onClick: (e) => {
-						e.stopPropagation(), a?.(N);
+						e.stopPropagation(), a?.(M);
 					}
 				}),
-				v && !a && !H && /* @__PURE__ */ Y(L, {
+				_ && !a && !V && /* @__PURE__ */ Y(L, {
 					size: m.SM,
 					"aria-hidden": !0,
 					className: f("h-6 w-6 rounded-lg p-1", Z.hoverDownloadIcon)
@@ -312,19 +312,19 @@ var Pe = /* @__PURE__ */ function(e) {
 			]
 		})
 	] });
-	return ie ? /* @__PURE__ */ Y("div", {
-		style: B,
-		className: le,
-		onClick: se,
-		onKeyDown: ce,
+	return re ? /* @__PURE__ */ Y("div", {
+		style: z,
+		className: ce,
+		onClick: oe,
+		onKeyDown: se,
 		tabIndex: 0,
 		role: "button",
-		"aria-label": re ? S : R ? T : void 0,
-		children: ue
+		"aria-label": ne ? b : I ? x : void 0,
+		children: le
 	}) : /* @__PURE__ */ Y("div", {
-		style: B,
-		className: le,
-		children: ue
+		style: z,
+		className: ce,
+		children: le
 	});
 }, Q = {
 	tile: "_tile_1l1lz_1",
@@ -340,110 +340,110 @@ var Pe = /* @__PURE__ */ function(e) {
 }, Ge = {
 	[e.Network]: "Upload failed · network error",
 	[e.UnsupportedType]: "Upload failed · unsupported file type"
-}, Ke = ({ attachment: t, onClick: r, onRetry: i, labels: a, typeLabels: o, styles: s, theme: c = n.Dark, className: u }) => {
-	let { clickLabel: p = "Download attachment", retryLabel: g = "Retry upload", sizeLabel: _, uploadingLabel: v = "Uploading", errorReasonLabels: y, genericErrorLabel: b = "Upload failed" } = a ?? {}, { nameClassName: x = "dial-caption-text", metaClassName: S = "dial-caption-text", colors: C } = s ?? {}, w = d({
-		"--ci-tile-bg": C?.background,
-		"--ci-tile-border": C?.border,
-		"--ci-tile-border-hover": C?.borderHover,
-		"--ci-tile-focus-outline": C?.focusOutline,
-		"--ci-tile-bg-error": C?.backgroundError,
-		"--ci-tile-border-error": C?.borderError,
-		"--ci-tile-error-text": C?.errorText,
-		"--ci-tile-name-text": C?.nameText,
-		"--ci-tile-type-text": C?.typeText,
-		"--ci-tile-hover-icon-bg": C?.hoverIconBackground,
-		"--ci-tile-hover-icon-color": C?.hoverIconColor,
-		"--ci-tile-track-bg": C?.trackBackground,
-		"--ci-tile-fill-bg": C?.fillBackground
-	}), { id: T, name: E, status: D, errorReason: O } = t, A = D === l.Loading, j = D === l.Error, M = je(), N = j && (O && (y?.[O] ?? Ge[O]) || b), { BottomIcon: P, typeLabel: F } = He(t, !1, !1, o), I = !j && !A && r !== void 0, R = j && !!i && O !== e.UnsupportedType, z = I || R ? "pe-5" : void 0, B = () => {
-		I && r?.(t);
-	}, V = (e) => {
-		(e.key === "Enter" || e.key === " ") && I && (e.preventDefault(), B());
-	}, H = f("group relative flex size-[84px] flex-col justify-between gap-1 overflow-hidden rounded-xl border p-1.5", Q.tile, !j && c === n.Light && Q.tileLight, j && Q.tileError), U = /* @__PURE__ */ Y("div", {
-		title: E,
-		className: f(x, "line-clamp-2 min-w-0 break-words", Q.nameText, !j && z),
-		children: E
-	}), W = /* @__PURE__ */ X("div", {
-		className: f("flex items-center gap-1 overflow-hidden", j && z),
-		children: [/* @__PURE__ */ Y(P, {
+}, Ke = ({ attachment: t, onClick: r, onRetry: i, labels: a, styles: o, theme: s = n.Dark }) => {
+	let { clickLabel: c = "Download attachment", retryLabel: u = "Retry upload", sizeLabel: p, uploadingLabel: g = "Uploading", errorReasonLabels: _, genericErrorLabel: v = "Upload failed" } = a ?? {}, { typography: { nameClassName: y = "dial-caption-text", metaClassName: b = "dial-caption-text" } = {}, colors: x, className: S } = o ?? {}, C = d({
+		"--ci-tile-bg": x?.background,
+		"--ci-tile-border": x?.border,
+		"--ci-tile-border-hover": x?.borderHover,
+		"--ci-tile-focus-outline": x?.focusOutline,
+		"--ci-tile-bg-error": x?.backgroundError,
+		"--ci-tile-border-error": x?.borderError,
+		"--ci-tile-error-text": x?.errorText,
+		"--ci-tile-name-text": x?.nameText,
+		"--ci-tile-type-text": x?.typeText,
+		"--ci-tile-hover-icon-bg": x?.hoverIconBackground,
+		"--ci-tile-hover-icon-color": x?.hoverIconColor,
+		"--ci-tile-track-bg": x?.trackBackground,
+		"--ci-tile-fill-bg": x?.fillBackground
+	}), { id: w, name: T, status: E, errorReason: D } = t, O = E === l.Loading, A = E === l.Error, j = je(), M = A && (D && (_?.[D] ?? Ge[D]) || v), { BottomIcon: N, typeLabel: P } = He(t, !1, !1, a), F = !A && !O && r !== void 0, I = A && !!i && D !== e.UnsupportedType, R = F || I ? "pe-5" : void 0, z = () => {
+		F && r?.(t);
+	}, B = (e) => {
+		(e.key === "Enter" || e.key === " ") && F && (e.preventDefault(), z());
+	}, V = f("group relative flex size-[84px] flex-col justify-between gap-1 overflow-hidden rounded-xl border p-1.5", Q.tile, !A && s === n.Light && Q.tileLight, A && Q.tileError), H = /* @__PURE__ */ Y("div", {
+		title: T,
+		className: f(y, "line-clamp-2 min-w-0 break-words", Q.nameText, !A && R),
+		children: T
+	}), U = /* @__PURE__ */ X("div", {
+		className: f("flex items-center gap-1 overflow-hidden", A && R),
+		children: [/* @__PURE__ */ Y(N, {
 			size: 16,
 			className: Q.typeText,
 			"aria-hidden": !0
 		}), /* @__PURE__ */ Y("span", {
-			className: f(S, "truncate", Q.typeText),
-			children: _ ? `${F} · ${_}` : F
+			className: f(b, "truncate", Q.typeText),
+			children: p ? `${P} · ${p}` : P
 		})]
-	}), ee = /* @__PURE__ */ X(J, { children: [
-		j ? /* @__PURE__ */ X(J, { children: [W, U] }) : /* @__PURE__ */ X(J, { children: [U, W] }),
-		A && /* @__PURE__ */ Y("div", {
+	}), W = /* @__PURE__ */ X(J, { children: [
+		A ? /* @__PURE__ */ X(J, { children: [U, H] }) : /* @__PURE__ */ X(J, { children: [H, U] }),
+		O && /* @__PURE__ */ Y("div", {
 			role: "progressbar",
-			"aria-label": v,
+			"aria-label": g,
 			className: f("absolute inset-x-2 bottom-2 h-[3px] overflow-hidden rounded-full", Q.track),
 			children: /* @__PURE__ */ Y("div", { className: f("h-full w-1/3 rounded-full", Q.indeterminateFill) })
 		}),
-		I && /* @__PURE__ */ Y(L, {
+		F && /* @__PURE__ */ Y(L, {
 			size: m.SM,
 			"aria-hidden": !0,
 			className: f("absolute end-1 top-1 h-6 w-6 rounded-lg p-1 opacity-0 transition-opacity group-hover:opacity-100 mobile:opacity-100", Q.hoverIcon)
 		}),
-		R && /* @__PURE__ */ Y(h, {
+		I && /* @__PURE__ */ Y(h, {
 			icon: /* @__PURE__ */ Y(xe, {
 				size: m.SM,
 				"aria-hidden": !0
 			}),
 			size: k.Small,
 			className: f("absolute end-1 top-1 h-6 w-6 rounded-lg", Q.retryIcon),
-			"aria-label": g,
-			"aria-describedby": N ? M : void 0,
+			"aria-label": u,
+			"aria-describedby": M ? j : void 0,
 			onClick: (e) => {
-				e.stopPropagation(), i(T);
+				e.stopPropagation(), i(w);
 			}
 		}),
-		j && /* @__PURE__ */ Y("span", {
-			id: M,
+		A && /* @__PURE__ */ Y("span", {
+			id: j,
 			role: "status",
 			"aria-live": "polite",
 			className: "sr-only",
-			children: N
+			children: M
 		})
 	] });
 	return /* @__PURE__ */ Y("div", {
-		className: f("inline-flex", u),
-		children: I ? /* @__PURE__ */ Y("div", {
+		className: f("inline-flex", S),
+		children: F ? /* @__PURE__ */ Y("div", {
 			role: "button",
 			tabIndex: 0,
-			"aria-label": p,
-			onClick: B,
-			onKeyDown: V,
-			style: w,
-			className: f(H, "cursor-pointer focus-within:outline focus-within:outline-1 focus-within:outline-offset-1"),
-			children: ee
+			"aria-label": c,
+			onClick: z,
+			onKeyDown: B,
+			style: C,
+			className: f(V, "cursor-pointer focus-within:outline focus-within:outline-1 focus-within:outline-offset-1"),
+			children: W
 		}) : /* @__PURE__ */ Y("div", {
-			className: H,
-			title: N || void 0,
-			role: j ? "group" : void 0,
-			"aria-describedby": j ? M : void 0,
-			tabIndex: j ? 0 : void 0,
-			style: w,
-			children: ee
+			className: V,
+			title: M || void 0,
+			role: A ? "group" : void 0,
+			"aria-describedby": A ? j : void 0,
+			tabIndex: A ? 0 : void 0,
+			style: C,
+			children: W
 		})
 	});
-}, qe = { tile: "_tile_1s4d7_1" }, Je = ({ count: e, onClick: t, ariaLabel: n, children: r, fontClassName: i = "dial-small-semi-text", className: a, colors: o }) => {
-	let s = d({
-		"--ci-more-tile-bg": o?.background,
-		"--ci-more-tile-border": o?.border,
-		"--ci-more-tile-color": o?.color,
-		"--ci-more-tile-bg-hover": o?.backgroundHover,
-		"--ci-more-tile-color-hover": o?.colorHover,
-		"--ci-more-tile-border-hover": o?.borderHover,
-		"--ci-more-tile-focus-outline": o?.focusOutline
+}, qe = { tile: "_tile_1s4d7_1" }, Je = ({ count: e, onClick: t, labels: n, children: r, styles: i }) => {
+	let { ariaLabel: a } = n ?? {}, { typography: { fontClassName: o = "dial-small-semi-text" } = {}, className: s, colors: c } = i ?? {}, l = d({
+		"--ci-more-tile-bg": c?.background,
+		"--ci-more-tile-border": c?.border,
+		"--ci-more-tile-color": c?.color,
+		"--ci-more-tile-bg-hover": c?.backgroundHover,
+		"--ci-more-tile-color-hover": c?.colorHover,
+		"--ci-more-tile-border-hover": c?.borderHover,
+		"--ci-more-tile-focus-outline": c?.focusOutline
 	});
 	return /* @__PURE__ */ Y("button", {
 		type: "button",
 		onClick: t,
-		"aria-label": n ?? `Show ${e} more attachments`,
-		style: s,
-		className: f("flex size-[84px] items-center justify-center rounded-xl border", i, qe.tile, a),
+		"aria-label": a ?? `Show ${e} more attachments`,
+		style: l,
+		className: f("flex size-[84px] items-center justify-center rounded-xl border", o, qe.tile, s),
 		children: r ?? /* @__PURE__ */ Y("bdi", {
 			dir: "ltr",
 			children: `+${e}`
@@ -455,30 +455,30 @@ var Pe = /* @__PURE__ */ function(e) {
 	headerLabel: "_headerLabel_7fktb_7",
 	downloadAllButton: "_downloadAllButton_7fktb_8",
 	imageTile: "_imageTile_7fktb_12"
-}, Xe = (e, t) => `${e} ${t}${e === 1 ? "" : "s"}`, Ze = ({ attachments: e, onAttachmentClick: n, onDownloadAll: r, onRetry: i, getSizeLabel: a, labels: o, typeLabels: s, styles: c, theme: u, className: p }) => {
-	let { ariaLabel: g = "Attachments", clickLabel: _ = "Download attachment", retryLabel: v = "Retry upload", showLessLabel: y = "Show less", downloadAllLabel: b = "Download all", getHeaderLabel: x = (e) => Xe(e, "attachment") } = o ?? {}, { headerLabelClassName: S = "dial-tiny-semi-text", colors: C } = c ?? {}, w = d({
-		"--ci-group-bg": C?.background,
-		"--ci-group-border": C?.border,
-		"--ci-group-text": C?.text
-	}), [T, E] = q(!1), D = Me(() => Ue(e.length, T), [e.length, T]);
+}, Xe = (e, t) => `${e} ${t}${e === 1 ? "" : "s"}`, Ze = ({ attachments: e, onAttachmentClick: n, onDownloadAll: r, onRetry: i, getSizeLabel: a, labels: o, styles: s, theme: c }) => {
+	let { ariaLabel: u = "Attachments", clickLabel: p = "Download attachment", retryLabel: g = "Retry upload", showLessLabel: _ = "Show less", downloadAllLabel: v = "Download all", getHeaderLabel: y = (e) => Xe(e, "attachment"), promptLabel: b, pastedLabel: x, imageLabel: S } = o ?? {}, { typography: { headerLabelClassName: C = "dial-tiny-semi-text" } = {}, colors: w, className: T } = s ?? {}, E = d({
+		"--ci-group-bg": w?.background,
+		"--ci-group-border": w?.border,
+		"--ci-group-text": w?.text
+	}), [D, O] = q(!1), k = Me(() => Ue(e.length, D), [e.length, D]);
 	if (e.length === 0) return null;
-	let O = e.some((e) => e.type === t.Image), k = e.some((e) => e.type !== t.Image), A = O && k, j = e.length >= 5, M = A ? _e : O ? ye : R, N = x(e.length), F = e.slice(0, D.visibleCount);
+	let A = e.some((e) => e.type === t.Image), j = e.some((e) => e.type !== t.Image), M = A && j, N = e.length >= 5, F = M ? _e : A ? ye : R, I = y(e.length), z = e.slice(0, k.visibleCount);
 	return /* @__PURE__ */ X("div", {
 		role: "group",
-		"aria-label": g,
-		style: w,
-		className: f("rounded-2xl border p-3", j ? "w-full min-w-0 max-w-[492px]" : "max-w-[420px]", Ye.container, p),
+		"aria-label": u,
+		style: E,
+		className: f("rounded-2xl border p-3", N ? "w-full min-w-0 max-w-[492px]" : "max-w-[420px]", Ye.container, T),
 		children: [/* @__PURE__ */ X("div", {
 			className: "mb-3 flex min-h-6 items-center gap-2",
 			children: [
-				/* @__PURE__ */ Y(M, {
+				/* @__PURE__ */ Y(F, {
 					size: m.SM,
 					className: f("shrink-0", Ye.headerIcon),
 					"aria-hidden": !0
 				}),
 				/* @__PURE__ */ Y("span", {
-					className: f(S, Ye.headerLabel),
-					children: N
+					className: f(C, Ye.headerLabel),
+					children: I
 				}),
 				e.length >= 2 && (r || n) && /* @__PURE__ */ Y(h, {
 					icon: /* @__PURE__ */ Y(L, {
@@ -486,7 +486,7 @@ var Pe = /* @__PURE__ */ function(e) {
 						"aria-hidden": !0
 					}),
 					className: f("ms-auto h-6 w-6 rounded-lg", Ye.downloadAllButton),
-					"aria-label": b,
+					"aria-label": v,
 					onClick: () => {
 						let t = e.filter((e) => e.status === l.Idle);
 						r ? r(t) : t.forEach((e) => n?.(e));
@@ -495,49 +495,55 @@ var Pe = /* @__PURE__ */ function(e) {
 			]
 		}), /* @__PURE__ */ X("div", {
 			role: "list",
-			"aria-label": N,
-			className: f("gap-3", j ? "grid grid-cols-[repeat(5,84px)] overflow-x-auto" : "flex flex-wrap"),
+			"aria-label": I,
+			className: f("gap-3", N ? "grid grid-cols-[repeat(5,84px)] overflow-x-auto" : "flex flex-wrap"),
 			children: [
-				F.map((e) => /* @__PURE__ */ Y("div", {
+				z.map((e) => /* @__PURE__ */ Y("div", {
 					role: "listitem",
 					children: e.type === t.Image ? /* @__PURE__ */ Y(We, {
 						attachment: e,
 						onClick: n ? () => n(e) : void 0,
 						onRetry: i,
 						labels: {
-							clickLabel: _,
-							retryLabel: v
+							clickLabel: p,
+							retryLabel: g,
+							promptLabel: b,
+							pastedLabel: x,
+							imageLabel: S
+						},
+						styles: {
+							roundedClassName: "rounded-xl",
+							className: f("size-[84px]", Ye.imageTile)
 						},
-						typeLabels: s,
-						styles: { roundedClassName: "rounded-xl" },
-						showHoverDownloadIcon: !0,
-						className: f("size-[84px]", Ye.imageTile)
+						showHoverDownloadIcon: !0
 					}) : /* @__PURE__ */ Y(Ke, {
 						attachment: e,
 						onClick: n,
 						onRetry: i,
 						labels: {
-							clickLabel: _,
-							retryLabel: v,
-							sizeLabel: a?.(e)
+							clickLabel: p,
+							retryLabel: g,
+							sizeLabel: a?.(e),
+							promptLabel: b,
+							pastedLabel: x,
+							imageLabel: S
 						},
-						typeLabels: s,
-						theme: u
+						theme: c
 					})
 				}, e.id)),
-				D.layout === Ie.Collapsed && /* @__PURE__ */ Y("div", {
+				k.layout === Ie.Collapsed && /* @__PURE__ */ Y("div", {
 					role: "listitem",
 					children: /* @__PURE__ */ Y(Je, {
-						count: D.hiddenCount,
-						onClick: () => E(!0)
+						count: k.hiddenCount,
+						onClick: () => O(!0)
 					})
 				}),
-				j && T && /* @__PURE__ */ Y("div", {
+				N && D && /* @__PURE__ */ Y("div", {
 					role: "listitem",
 					children: /* @__PURE__ */ Y(Je, {
 						count: 0,
-						onClick: () => E(!1),
-						ariaLabel: y,
+						onClick: () => O(!1),
+						labels: { ariaLabel: _ },
 						children: /* @__PURE__ */ Y(P, {
 							size: m.MD,
 							"aria-hidden": !0
@@ -551,18 +557,21 @@ var Pe = /* @__PURE__ */ function(e) {
 	tabContainer: "_tabContainer_rzv03_1",
 	tabActive: "_tabActive_rzv03_13"
 };
-Oe(({ tabs: e, activeTabId: t, onTabChange: n, tabClassName: r = "dial-tiny-semi-text" }) => /* @__PURE__ */ Y("div", {
-	className: "flex flex-nowrap gap-1",
-	children: e.map((e) => {
-		let i = t === e.id;
-		return /* @__PURE__ */ Y(D, {
-			label: e.label,
-			selected: i,
-			onClick: () => n(e.id),
-			className: f("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", r, Qe.tabContainer, i && Qe.tabActive)
-		}, e.id);
-	})
-}));
+Oe(({ tabs: e, activeTabId: t, onTabChange: n, styles: r }) => {
+	let { tabClassName: i = "dial-tiny-semi-text" } = r?.typography ?? {};
+	return /* @__PURE__ */ Y("div", {
+		className: "flex flex-nowrap gap-1",
+		children: e.map((e) => {
+			let r = t === e.id;
+			return /* @__PURE__ */ Y(D, {
+				label: e.label,
+				selected: r,
+				onClick: () => n(e.id),
+				className: f("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", i, Qe.tabContainer, r && Qe.tabActive)
+			}, e.id);
+		})
+	});
+});
 var $e = (e) => /* @__PURE__ */ Y(b, { ...e }), et = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, isOpen: o }) => {
 	let [s, c] = q(t), [l, u] = q(n), [d, f] = q(r), p = Ne(o);
 	Ae(() => {
@@ -805,7 +814,7 @@ var rt = 2e3, it = ({ role: e = c.User, onEdit: t, onEditHover: n, onDelete: r,
 			src: h,
 			size: 28,
 			initialsName: g || L,
-			tooltip: g ?? L
+			labels: { tooltip: g ?? L }
 		}), /* @__PURE__ */ X("div", {
 			className: "flex w-full min-w-0 max-w-full flex-col items-start gap-5",
 			children: [/* @__PURE__ */ X("div", {
@@ -860,7 +869,7 @@ var rt = 2e3, it = ({ role: e = c.User, onEdit: t, onEditHover: n, onDelete: r,
 			})]
 		})]
 	});
-}, ot = ({ titleText: e = "Model switched.", bodyText: t }) => /* @__PURE__ */ Y("div", {
+}, ot = ({ labels: { titleText: e = "Model switched.", bodyText: t } }) => /* @__PURE__ */ Y("div", {
 	role: "status",
 	"aria-live": "polite",
 	children: /* @__PURE__ */ Y(v, {
@@ -881,7 +890,7 @@ var rt = 2e3, it = ({ role: e = c.User, onEdit: t, onEditHover: n, onDelete: r,
 		"--cm-bubble-text": y?.text,
 		"--cm-bubble-collapsed-height": F ? `${I}px` : void 0,
 		"--cm-bubble-expanded-height": F ? `${L}px` : void 0
-	}), V = t === st.Top ? "rounded-ee-[6px] rounded-se-[16px]" : "rounded-se-[6px] rounded-ee-[16px]", H = f($.text, b?.fontClassName), U = T ?? C, W = E ?? w, ee = R ? C : w, te = R ? U : W, G = R ? N : P, K = je();
+	}), V = t === st.Top ? "rounded-ee-[6px] rounded-se-[16px]" : "rounded-se-[6px] rounded-ee-[16px]", H = f($.text, b?.fontClassName), U = T ?? C, W = E ?? w, ee = R ? C : w, G = R ? U : W, te = R ? N : P, K = je();
 	return /* @__PURE__ */ Y("div", {
 		role: "group",
 		"aria-label": A,
@@ -901,7 +910,7 @@ var rt = 2e3, it = ({ role: e = c.User, onEdit: t, onEditHover: n, onDelete: r,
 					},
 					getSizeLabel: g,
 					theme: v,
-					className: "max-w-[640px]"
+					styles: { className: "max-w-[640px]" }
 				}),
 				e && /* @__PURE__ */ Y("div", {
 					className: f($.userBubble, "flex w-fit items-center justify-end rounded-es-2xl rounded-ss-2xl border px-6 py-4", V, S),
@@ -917,11 +926,11 @@ var rt = 2e3, it = ({ role: e = c.User, onEdit: t, onEditHover: n, onDelete: r,
 							})
 						}), F && /* @__PURE__ */ Y(_, {
 							label: /* @__PURE__ */ Y(J, { children: ee }),
-							iconBefore: /* @__PURE__ */ Y(G, {
+							iconBefore: /* @__PURE__ */ Y(te, {
 								size: m.SM,
 								"aria-hidden": "true"
 							}),
-							"aria-label": te,
+							"aria-label": G,
 							"aria-expanded": !R,
 							"aria-controls": K,
 							className: "mt-3",
@@ -938,17 +947,17 @@ var rt = 2e3, it = ({ role: e = c.User, onEdit: t, onEditHover: n, onDelete: r,
 			]
 		})
 	});
-}, ut = ({ role: e, onAttachmentClick: t, markdownComponents: n, ...r }) => e === c.Status ? /* @__PURE__ */ Y(ot, {
+}, ut = ({ role: e, onAttachmentClick: t, markdownComponents: n, ...r }) => e === c.Status ? /* @__PURE__ */ Y(ot, { labels: {
 	titleText: r.labels?.statusTitleText,
 	bodyText: r.labels?.statusBodyText ?? ""
-}) : e === c.User ? /* @__PURE__ */ Y(lt, {
+} }) : e === c.User ? /* @__PURE__ */ Y(lt, {
 	...r,
 	onAttachmentClick: t
 }) : /* @__PURE__ */ Y(at, {
 	...r,
 	markdownComponents: n,
 	onAttachmentClick: t
-}), dt = { button: "_button_15boc_1" }, ft = ({ label: e, onClick: t, styles: n }) => {
+}), dt = { button: "_button_15boc_1" }, ft = ({ labels: { label: e }, onClick: t, styles: n }) => {
 	let { colors: r, typography: i, className: a } = n ?? {};
 	return /* @__PURE__ */ Y("button", {
 		type: "button",

package/models/message-source.d.ts

@@ -25,10 +25,15 @@ export interface MessageSourceStyles {
     /** Extra class name(s) merged onto the button element. */
     className?: string;
 }
-/** Props accepted by the `MessageSource` component. */
-export interface MessageSourceProps {
+/** User-visible strings for the `MessageSource` component. */
+export interface MessageSourceLabels {
     /** Text label displayed inside the button. */
     label: string;
+}
+/** Props accepted by the `MessageSource` component. */
+export interface MessageSourceProps {
+    /** User-visible strings. */
+    labels: MessageSourceLabels;
     /** Called when the user clicks the source button. */
     onClick?: () => void;
     /** Color and typography overrides applied as CSS custom properties. */

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

@@ -1 +1 @@
-{"version":3,"file":"message-source.d.ts","sourceRoot":"","sources":["../../src/models/message-source.ts"],"names":[],"mappings":"AAAA,uEAAuE;AACvE,MAAM,WAAW,mBAAmB;IAClC,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wBAAwB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,8DAA8D;AAC9D,MAAM,WAAW,uBAAuB;IACtC,wDAAwD;IACxD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,0FAA0F;AAC1F,MAAM,WAAW,mBAAmB;IAClC,wDAAwD;IACxD,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,uBAAuB,CAAC;IACrC,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,uDAAuD;AACvD,MAAM,WAAW,kBAAkB;IACjC,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uEAAuE;IACvE,MAAM,CAAC,EAAE,mBAAmB,CAAC;CAC9B"}
+{"version":3,"file":"message-source.d.ts","sourceRoot":"","sources":["../../src/models/message-source.ts"],"names":[],"mappings":"AAAA,uEAAuE;AACvE,MAAM,WAAW,mBAAmB;IAClC,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wBAAwB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,8DAA8D;AAC9D,MAAM,WAAW,uBAAuB;IACtC,wDAAwD;IACxD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,0FAA0F;AAC1F,MAAM,WAAW,mBAAmB;IAClC,wDAAwD;IACxD,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,uBAAuB,CAAC;IACrC,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,8DAA8D;AAC9D,MAAM,WAAW,mBAAmB;IAClC,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,uDAAuD;AACvD,MAAM,WAAW,kBAAkB;IACjC,4BAA4B;IAC5B,MAAM,EAAE,mBAAmB,CAAC;IAC5B,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uEAAuE;IACvE,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.0.0-dev.503",
+  "version": "1.0.0-dev.509",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -20,8 +20,8 @@
     "react": "^19.0.0",
     "@tabler/icons-react": "^3.0.0",
     "@epam/ai-dial-ui-kit": "0.12.0-dev.28",
-    "@epam/ai-dial-chat-shared": "1.0.0-dev.503",
-    "@epam/ai-dial-conversation-input": "1.0.0-dev.503",
+    "@epam/ai-dial-chat-shared": "1.0.0-dev.509",
+    "@epam/ai-dial-conversation-input": "1.0.0-dev.509",
     "react-markdown": "^10.1.0"
   },
   "repository": {