@epam/ai-dial-conversation-messages 1.2.0-dev.159 → 1.2.0-dev.162

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

@@ -1 +1 @@
-{"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"}
+{"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,CAsNlE,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;AAElC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAO1E,kGAAkG;AAClG,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA6JxD,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,CA+JxD,CAAC"}

package/components/MessageSelectionReply/MessageSelectionReply.d.ts

@@ -0,0 +1,55 @@
+import { FC, RefObject } from 'react';
+/** Color overrides for the Reply action. */
+export interface MessageSelectionReplyColors {
+    /** Button background. Falls back to `--bg-layer-raised`. */
+    background?: string;
+    /** Hover background. Falls back to `--bg-layer-base`. */
+    hoverBackground?: string;
+    /** Label and icon color. Falls back to `--text-primary`. */
+    text?: string;
+}
+/** Typography overrides for the Reply action. */
+export interface MessageSelectionReplyTypography {
+    /** Button label class. Defaults to `'dial-small-text'`. */
+    fontClassName?: string;
+}
+/** Appearance overrides for the Reply action. */
+export interface MessageSelectionReplyStyles {
+    /** Button colors, applied as CSS custom properties. */
+    colors?: MessageSelectionReplyColors;
+    /** Button label typography. */
+    typography?: MessageSelectionReplyTypography;
+    /** Extra classes on the floating root, for example a host stacking level. */
+    className?: string;
+    /** Extra classes on the button. */
+    buttonClassName?: string;
+}
+/** Localized strings rendered by {@link MessageSelectionReply}. */
+export interface MessageSelectionReplyLabels {
+    /** Visible and accessible Reply action label. */
+    reply: string;
+    /** Polite announcement when a selection becomes actionable. */
+    selectionAvailable: string;
+    /** Polite announcement after the composer accepts a Reply attachment. */
+    attachmentAdded: string;
+}
+/** Props accepted by {@link MessageSelectionReply}. */
+export interface MessageSelectionReplyProps {
+    /** Visible selection rectangle. Omit to unmount the action. */
+    rect: DOMRect | undefined;
+    /** Receives the floating action root. */
+    actionRef: RefObject<HTMLDivElement | null>;
+    /** Creates an attachment from the captured selection. */
+    onReply: () => void;
+    /** Increments after the composer accepts a Reply attachment. */
+    addedRevision: number;
+    /** Localized button and announcement strings. */
+    labels: MessageSelectionReplyLabels;
+    /** Appearance overrides for the floating action. */
+    styles?: MessageSelectionReplyStyles;
+    /** Same-document portal destination. Defaults to `document.body`; null defers rendering. */
+    portalContainer?: HTMLElement | null;
+}
+/** Offers Reply beside a native selection while leaving browser selection controls intact. */
+export declare const MessageSelectionReply: FC<MessageSelectionReplyProps>;
+//# sourceMappingURL=MessageSelectionReply.d.ts.map

package/components/MessageSelectionReply/MessageSelectionReply.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageSelectionReply.d.ts","sourceRoot":"","sources":["../../../src/components/MessageSelectionReply/MessageSelectionReply.tsx"],"names":[],"mappings":"AAQA,OAAO,EAA6B,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3E,4CAA4C;AAC5C,MAAM,WAAW,2BAA2B;IAC1C,4DAA4D;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yDAAyD;IACzD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,iDAAiD;AACjD,MAAM,WAAW,+BAA+B;IAC9C,2DAA2D;IAC3D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,iDAAiD;AACjD,MAAM,WAAW,2BAA2B;IAC1C,uDAAuD;IACvD,MAAM,CAAC,EAAE,2BAA2B,CAAC;IACrC,+BAA+B;IAC/B,UAAU,CAAC,EAAE,+BAA+B,CAAC;IAC7C,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,mEAAmE;AACnE,MAAM,WAAW,2BAA2B;IAC1C,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,kBAAkB,EAAE,MAAM,CAAC;IAC3B,yEAAyE;IACzE,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,uDAAuD;AACvD,MAAM,WAAW,0BAA0B;IACzC,+DAA+D;IAC/D,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,yCAAyC;IACzC,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC5C,yDAAyD;IACzD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gEAAgE;IAChE,aAAa,EAAE,MAAM,CAAC;IACtB,iDAAiD;IACjD,MAAM,EAAE,2BAA2B,CAAC;IACpC,oDAAoD;IACpD,MAAM,CAAC,EAAE,2BAA2B,CAAC;IACrC,4FAA4F;IAC5F,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACtC;AAED,8FAA8F;AAC9F,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAmGhE,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*/.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)}
+._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))}._button_tqo4d_3._button_tqo4d_3{color:var(--cm-reply-text,var(--text-primary,#161b2d));background:var(--cm-reply-background,var(--bg-layer-raised,#fcfcfc))!important}._button_tqo4d_3._button_tqo4d_3:hover{color:var(--cm-reply-text,var(--text-primary,#161b2d));background:var(--cm-reply-hover-background,var(--bg-layer-base,#f5f7fa))!important}
+/*$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}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.start-0{inset-inline-start:0}.top-0{top:0}.z-50{z-index:50}.-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}.h-8{height:2rem}.min-h-8{min-height:2rem}.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-11{min-width:2.75rem}.min-w-\[40px\]{min-width:40px}.max-w-\[640px\]{max-width:640px}.max-w-\[calc\(100vw-16px\)\]{max-width:calc(100vw - 16px)}.max-w-full{max-width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.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-2{padding-left:.5rem;padding-right:.5rem}.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}.shadow-lg{--tw-shadow:0 8px 44px 0 var(--shadow-lg,#2764d914);--tw-shadow-colored:0 8px 44px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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}@media (max-width:1279px){.mobile\:h-11{height:2.75rem}.mobile\:min-h-11{min-height:2.75rem}}.rtl\:scale-x-\[-1\]:where([dir=rtl],[dir=rtl] *){--tw-scale-x:-1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>\.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

@@ -4,8 +4,10 @@ export { UserMessageBubble } from './components/MessageBubble/UserMessageBubble'
 export { AssistantMessageBubble } from './components/MessageBubble/AssistantMessageBubble';
 export { StatusMessageBubble } from './components/MessageBubble/StatusMessageBubble';
 export { MessageActions } from './components/MessageActions/MessageActions';
+export { MessageSelectionReply } from './components/MessageSelectionReply/MessageSelectionReply';
 export { BubblePosition } from './types/bubble-position';
 export type { MessageBubbleProps, UserMessageBubbleProps, AssistantMessageBubbleProps, MessageBubbleStyles, MessageBubbleColors, MessageBubbleTypography, MessageBubbleLabels, AssistantMessageBubbleLabels, } from './models/message-bubble';
+export type { MessageSelectionReplyColors, MessageSelectionReplyLabels, MessageSelectionReplyProps, MessageSelectionReplyStyles, MessageSelectionReplyTypography, } from './components/MessageSelectionReply/MessageSelectionReply';
 export type { StatusMessageBubbleLabels, StatusMessageBubbleProps, } from './components/MessageBubble/StatusMessageBubble';
 export type { MessageActionsProps, MessageActionColors, MessageActionLabels, MessageActionTooltips, MessageActionAriaLabels, } from './models/message-actions';
 export type { MessageSourceProps, MessageSourceLabels, MessageSourceStyles, MessageSourceColors, MessageSourceTypography, } from './models/message-source';

package/index.d.ts.map

@@ -1 +1 @@
-{"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"}
+{"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,qBAAqB,EAAE,MAAM,0DAA0D,CAAC;AACjG,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,2BAA2B,EAC3B,2BAA2B,EAC3B,0BAA0B,EAC1B,2BAA2B,EAC3B,+BAA+B,GAChC,MAAM,0DAA0D,CAAC;AAClE,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,16 +1,17 @@
 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";
+import { Button as d, ButtonVariant as f, DIAL_ICON_SIZE as p, DIAL_KIT_ICON_STROKE as m, ElementSize as h, InfoMessageNotification as g, LinkButton as _, NeutralButton as v, ToggleIconButton as y } from "@epam/ai-dial-ui-kit";
+import { useCallback as b, useEffect as x, useId as S, useLayoutEffect as C, useMemo as w, useRef as T, useState as E } from "react";
+import { IconArrowBackUp as D, IconChevronDown as O, IconChevronUp as k, IconMarkdown as A, IconPencilMinus as ee, IconRefresh as j, IconThumbDown as M, IconThumbDownFilled as N, IconThumbUp as P, IconThumbUpFilled as F, IconTrashX as te } from "@tabler/icons-react";
+import { Fragment as I, jsx as L, jsxs as R } from "react/jsx-runtime";
+import { createPortal as z } from "react-dom";
 //#region src/constants/public-class-names.ts
-var L = {
+var B = {
 	userBubble: "dial-cm-user-bubble",
 	assistantContent: "dial-cm-assistant-content"
-}, R = 4, z = (e) => {
-	let t = S(null), [n, r] = C(0);
-	return y(() => {
+}, V = 4, H = (e) => {
+	let t = T(null), [n, r] = E(0);
+	return x(() => {
 		if (!e) return;
 		let n = t.current;
 		if (n == null) return;
@@ -21,319 +22,372 @@ var L = {
 		return i.observe(n), () => i.disconnect();
 	}, [e]), {
 		slotRef: t,
-		firstLineIndent: e ? `calc(${n}px + ${R}px)` : void 0
+		firstLineIndent: e ? `calc(${n}px + ${V}px)` : void 0
 	};
-}, 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", {
+}, U = { activeRating: "_activeRating_ygoee_1" }, W = 2e3, G = ({ role: e = a.User, onEdit: n, onEditHover: r, onDelete: o, onRegenerate: l, onCopy: u, onCopyMarkdown: d, onLike: f, onDislike: g, activeRating: _, isAlwaysVisible: v, isDisabled: x = !1, className: S, labels: C, colors: w }) => {
+	let { tooltips: T, ariaLabels: D } = C ?? {}, [O, k] = E(null), [z, B] = E(""), V = n != null || o != null || l != null || u != null || d != null || f != null || g != null, H = s({ "--ma-active-rating-text": w?.activeRatingText }), G = b(() => {
+		u?.(), k("copy"), B(D?.copiedStatus ?? "Copied to clipboard"), setTimeout(() => k(null), W);
+	}, [u, D?.copiedStatus]), K = b(() => {
+		d?.(), k("markdown"), B(D?.copiedMarkdownStatus ?? "Copied as Markdown to clipboard"), setTimeout(() => k(null), W);
+	}, [d, D?.copiedMarkdownStatus]);
+	return V ? /* @__PURE__ */ R("div", {
 		role: "toolbar",
-		"aria-label": R?.actionsGroup ?? "Message actions",
-		style: K,
-		className: c("flex gap-1", !b && "opacity-0 group-hover:opacity-100", S),
-		children: [/* @__PURE__ */ F("span", {
+		"aria-label": D?.actionsGroup ?? "Message actions",
+		style: H,
+		className: c("flex gap-1", !v && "opacity-0 group-hover:opacity-100", S),
+		children: [/* @__PURE__ */ L("span", {
 			role: "status",
 			"aria-live": "polite",
 			className: "sr-only",
-			children: U
-		}), e === a.User ? /* @__PURE__ */ I(P, { children: [n && /* @__PURE__ */ F(_, {
-			icon: /* @__PURE__ */ F(D, {
-				size: d.SM,
+			children: z
+		}), e === a.User ? /* @__PURE__ */ R(I, { children: [n && /* @__PURE__ */ L(y, {
+			icon: /* @__PURE__ */ L(ee, {
+				size: p.SM,
 				"aria-hidden": !0,
-				stroke: f
+				stroke: m
 			}),
-			size: p.Small,
-			"aria-label": R?.editMessage ?? "Edit message",
-			tooltipProps: { tooltip: L?.edit ?? "Edit" },
+			size: h.Small,
+			"aria-label": D?.editMessage ?? "Edit message",
+			tooltipProps: { tooltip: T?.edit ?? "Edit" },
 			onClick: n,
 			onMouseEnter: r,
 			onFocus: r,
 			disabled: x
-		}), o && /* @__PURE__ */ F(_, {
-			icon: /* @__PURE__ */ F(N, {
-				size: d.SM,
+		}), o && /* @__PURE__ */ L(y, {
+			icon: /* @__PURE__ */ L(te, {
+				size: p.SM,
 				"aria-hidden": !0,
-				stroke: f
+				stroke: m
 			}),
-			size: p.Small,
-			"aria-label": R?.deleteMessage ?? "Delete message",
-			tooltipProps: { tooltip: L?.delete ?? "Delete" },
+			size: h.Small,
+			"aria-label": D?.deleteMessage ?? "Delete message",
+			tooltipProps: { tooltip: T?.delete ?? "Delete" },
 			onClick: o,
 			disabled: x
-		})] }) : /* @__PURE__ */ I(P, { children: [
-			l && /* @__PURE__ */ F(_, {
-				icon: /* @__PURE__ */ F(O, {
-					size: d.SM,
+		})] }) : /* @__PURE__ */ R(I, { children: [
+			l && /* @__PURE__ */ L(y, {
+				icon: /* @__PURE__ */ L(j, {
+					size: p.SM,
 					"aria-hidden": !0,
-					stroke: f
+					stroke: m
 				}),
-				size: p.Small,
-				"aria-label": R?.regenerateResponse ?? "Regenerate response",
-				tooltipProps: { tooltip: L?.regenerate ?? "Regenerate" },
+				size: h.Small,
+				"aria-label": D?.regenerateResponse ?? "Regenerate response",
+				tooltipProps: { tooltip: T?.regenerate ?? "Regenerate" },
 				onClick: l,
 				disabled: x
 			}),
-			u && /* @__PURE__ */ F(t, {
-				iconSize: d.SM,
-				onClick: q,
-				size: p.Small,
-				isCopied: z === "copy",
-				copyLabel: L?.copy ?? "Copy",
-				copiedLabel: L?.copied ?? "Copied!",
-				ariaLabel: R?.copyResponse ?? "Copy response",
+			u && /* @__PURE__ */ L(t, {
+				iconSize: p.SM,
+				onClick: G,
+				size: h.Small,
+				isCopied: O === "copy",
+				copyLabel: T?.copy ?? "Copy",
+				copiedLabel: T?.copied ?? "Copied!",
+				ariaLabel: D?.copyResponse ?? "Copy response",
 				isDisabled: x
 			}),
-			m && /* @__PURE__ */ F(t, {
-				iconSize: d.SM,
-				onClick: J,
-				size: p.Small,
-				isCopied: z === "markdown",
-				iconCopy: /* @__PURE__ */ F(E, {
-					size: d.SM,
+			d && /* @__PURE__ */ L(t, {
+				iconSize: p.SM,
+				onClick: K,
+				size: h.Small,
+				isCopied: O === "markdown",
+				iconCopy: /* @__PURE__ */ L(A, {
+					size: p.SM,
 					"aria-hidden": !0,
-					stroke: f
+					stroke: m
 				}),
-				copyLabel: L?.copyMarkdown ?? "Copy as Markdown",
-				copiedLabel: L?.copiedMarkdown ?? "Copied!",
-				ariaLabel: R?.copyAsMarkdown ?? "Copy as markdown",
+				copyLabel: T?.copyMarkdown ?? "Copy as Markdown",
+				copiedLabel: T?.copiedMarkdown ?? "Copied!",
+				ariaLabel: D?.copyAsMarkdown ?? "Copy as markdown",
 				isDisabled: x
 			}),
-			h && /* @__PURE__ */ F(_, {
-				icon: y === i.Like ? /* @__PURE__ */ F(M, {
-					className: B.activeRating,
-					size: d.SM,
+			f && /* @__PURE__ */ L(y, {
+				icon: _ === i.Like ? /* @__PURE__ */ L(F, {
+					className: U.activeRating,
+					size: p.SM,
 					"aria-hidden": !0
-				}) : /* @__PURE__ */ F(j, {
-					size: d.SM,
+				}) : /* @__PURE__ */ L(P, {
+					size: p.SM,
 					"aria-hidden": !0,
-					stroke: f
+					stroke: m
 				}),
-				size: p.Small,
-				"aria-label": R?.likeResponse ?? "Like response",
-				"aria-pressed": y === i.Like,
-				tooltipProps: { tooltip: L?.like ?? "Like" },
-				onClick: h,
+				size: h.Small,
+				"aria-label": D?.likeResponse ?? "Like response",
+				"aria-pressed": _ === i.Like,
+				tooltipProps: { tooltip: T?.like ?? "Like" },
+				onClick: f,
 				disabled: x
 			}),
-			g && /* @__PURE__ */ F(_, {
-				icon: y === i.Dislike ? /* @__PURE__ */ F(A, {
-					className: B.activeRating,
-					size: d.SM,
+			g && /* @__PURE__ */ L(y, {
+				icon: _ === i.Dislike ? /* @__PURE__ */ L(N, {
+					className: U.activeRating,
+					size: p.SM,
 					"aria-hidden": !0
-				}) : /* @__PURE__ */ F(k, {
-					size: d.SM,
+				}) : /* @__PURE__ */ L(M, {
+					size: p.SM,
 					"aria-hidden": !0,
-					stroke: f
+					stroke: m
 				}),
-				size: p.Small,
-				"aria-label": R?.dislikeResponse ?? "Dislike response",
-				"aria-pressed": y === i.Dislike,
-				tooltipProps: { tooltip: L?.dislike ?? "Dislike" },
+				size: h.Small,
+				"aria-label": D?.dislikeResponse ?? "Dislike response",
+				"aria-pressed": _ === i.Dislike,
+				tooltipProps: { tooltip: T?.dislike ?? "Dislike" },
 				onClick: g,
 				disabled: x
 			})
 		] })]
 	}) : null;
-}, U = {
+}, K = {
 	userBubble: "_userBubble_cq829_1",
 	collapsibleText: "_collapsibleText_cq829_6",
 	expandedText: "_expandedText_cq829_11",
 	collapsedText: "_collapsedText_cq829_15",
 	startersDivider: "_startersDivider_cq829_26",
 	text: "_text_cq829_30"
-}, 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
+}, ne = "[&>.cm-bubble-markdown>div>*:first-child]:indent-[var(--cm-bubble-first-line-indent,0px)]", q = ({ text: t, contentRef: i, styles: l, actions: d, hasAlwaysVisibleActions: f, isStreaming: p, attachments: m, beforeContent: h, responseFormat: g, afterContent: _, starters: y, onSelectStarter: b, deploymentIconUrl: x, deploymentDisplayName: S, markdownComponents: C, markdownClassNames: T, markdownUrlTransform: E, onAttachmentClick: D, onDownloadAll: O, onAttachmentRetry: k, codeBlockTheme: A, tableOnOpenInCanvas: ee, labels: j, selectedAttachmentId: M }) => {
+	let { colors: N, typography: P, className: F, bubbleClassName: te } = l ?? {}, { attachmentClickLabel: I, attachmentRetryLabel: z, attachmentOpenInNewTabLabel: V, startersAriaLabel: U = "Quick reply buttons", thinkingLabel: W, codeBlockCopyLabel: q, codeBlockCopiedLabel: J, tableCopyLabel: Y, tableCopiedLabel: X, tableDownloadCsvLabel: Z, tableOpenInCanvasLabel: Q, tableDownloadFilename: $, tableScrollRegionAriaLabel: re, assistantMessageAriaLabel: ie = "Assistant message", deploymentIconFallbackLabel: ae = "AI" } = j ?? {}, oe = w(() => ({
+		copyLabel: Y,
+		copiedLabel: X,
+		downloadCsvLabel: Z,
+		openInCanvasLabel: Q
 	}), [
+		Y,
+		X,
 		Z,
-		Q,
-		$,
-		ee
-	]), oe = f ? (p ?? []).filter((t) => t.type !== e.Audio) : p ?? [], { slotRef: se, firstLineIndent: ce } = z(m != null && !!t), le = s({
+		Q
+	]), se = p ? (m ?? []).filter((t) => t.type !== e.Audio) : m ?? [], { slotRef: ce, firstLineIndent: le } = H(h != null && !!t), ue = 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", {
+		"--cm-bubble-first-line-indent": le
+	}), de = c(K.text, P?.fontClassName), fe = !!(x || S);
+	return /* @__PURE__ */ R("div", {
 		role: "group",
-		"aria-label": re,
-		style: le,
-		className: c("flex w-full items-start gap-3", R),
-		children: [de && /* @__PURE__ */ F(n, {
-			src: b,
+		"aria-label": ie,
+		style: ue,
+		className: c("flex w-full items-start gap-3", F),
+		children: [fe && /* @__PURE__ */ L(n, {
+			src: x,
 			size: 28,
-			initialsName: S || ie,
-			labels: { tooltip: S ?? ie }
-		}), /* @__PURE__ */ I("div", {
+			initialsName: S || ae,
+			labels: { tooltip: S ?? ae }
+		}), /* @__PURE__ */ R("div", {
 			className: "flex w-full min-w-0 max-w-full flex-col items-start gap-5",
-			children: [/* @__PURE__ */ I("div", {
-				className: c("flex w-full min-w-0 max-w-full flex-col items-start gap-4", B),
+			children: [/* @__PURE__ */ R("div", {
+				className: c("flex w-full min-w-0 max-w-full flex-col items-start gap-4", te),
 				children: [
-					m != null && !t && /* @__PURE__ */ F("div", {
+					h != null && !t && /* @__PURE__ */ L("div", {
 						className: "min-w-0",
-						children: m
+						children: h
 					}),
-					(t || f) && /* @__PURE__ */ I("div", {
+					(t || p) && /* @__PURE__ */ R("div", {
 						"aria-live": "polite",
 						"aria-atomic": "false",
-						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: c(de, "relative min-w-0 max-w-full text-start", h != null && t && ne, B.assistantContent),
+						children: [h != null && t && /* @__PURE__ */ L("div", {
+							ref: ce,
 							className: "absolute start-0 top-0",
-							children: m
-						}), /* @__PURE__ */ F("div", {
+							children: h
+						}), /* @__PURE__ */ L("div", {
+							ref: i,
 							className: "cm-bubble-markdown min-w-0 max-w-full",
-							children: /* @__PURE__ */ F(r, {
+							children: /* @__PURE__ */ L(r, {
 								content: t ?? "",
-								isPlainText: h === o.PlainText,
-								isStreaming: f,
-								thinkingLabel: J,
+								isPlainText: g === o.PlainText,
+								isStreaming: p,
+								thinkingLabel: W,
 								components: C,
-								classNames: w,
-								urlTransform: T,
-								codeBlockCopyLabel: Y,
-								codeBlockCopiedLabel: X,
-								codeBlockTheme: k,
-								tableActionLabels: ae,
-								tableDownloadFilename: te,
-								tableOnOpenInCanvas: A,
-								tableScrollRegionAriaLabel: ne
+								classNames: T,
+								urlTransform: E,
+								codeBlockCopyLabel: q,
+								codeBlockCopiedLabel: J,
+								codeBlockTheme: A,
+								tableActionLabels: oe,
+								tableDownloadFilename: $,
+								tableOnOpenInCanvas: ee,
+								tableScrollRegionAriaLabel: re
 							})
 						})]
 					}),
-					/* @__PURE__ */ F(u, {
-						attachments: oe,
-						onAttachmentClick: (e) => E?.(p?.find((t) => t.id === e)),
-						onDownloadAll: D,
-						onRetry: O,
+					/* @__PURE__ */ L(u, {
+						attachments: se,
+						onAttachmentClick: (e) => D?.(m?.find((t) => t.id === e)),
+						onDownloadAll: O,
+						onRetry: k,
 						labels: {
-							clickLabel: V,
-							retryLabel: G,
-							openInNewTabLabel: K
+							clickLabel: I,
+							retryLabel: z,
+							openInNewTabLabel: V
 						},
 						selectedAttachmentId: M
 					}),
 					_,
-					/* @__PURE__ */ F(H, {
-						...l,
-						isAlwaysVisible: d,
+					/* @__PURE__ */ L(G, {
+						...d,
+						isAlwaysVisible: f,
 						role: a.Assistant
 					})
 				]
-			}), v && v.length > 0 && y && /* @__PURE__ */ F("div", {
+			}), y && y.length > 0 && b && /* @__PURE__ */ L("div", {
 				role: "list",
-				"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", {
+				"aria-label": U,
+				className: c("flex w-full flex-wrap gap-2 border-t pt-5", K.startersDivider),
+				children: y.map((e, t) => /* @__PURE__ */ L("div", {
 					role: "listitem",
 					className: "min-w-[40px]",
-					children: /* @__PURE__ */ F(g, {
+					children: /* @__PURE__ */ L(v, {
 						label: e.title,
 						className: "min-w-[40px]",
-						onClick: () => y(e)
+						onClick: () => b(e)
 					})
 				}, t))
 			})]
 		})]
 	});
-}, K = ({ labels: { titleText: e = "Model switched.", bodyText: t } }) => /* @__PURE__ */ F("div", {
+}, J = ({ labels: { titleText: e = "Model switched.", bodyText: t } }) => /* @__PURE__ */ L("div", {
 	role: "status",
 	"aria-live": "polite",
-	children: /* @__PURE__ */ F(m, {
+	children: /* @__PURE__ */ L(g, {
 		title: e,
 		message: t,
 		textClassName: "flex-row flex-wrap gap-1"
 	})
-}), q = /* @__PURE__ */ function(e) {
+}), Y = /* @__PURE__ */ function(e) {
 	return e.Bottom = "Bottom", e.Top = "Top", e;
-}({}), 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({
+}({}), X = 10, Z = ({ text: e, contentRef: t, position: n = Y.Bottom, styles: r, actions: i, hasAlwaysVisibleActions: o, attachments: d, collapsedLineCount: f = X, labels: m, textSegments: g, onAttachmentClick: v, onDownloadAll: y, onAttachmentRetry: b, selectedAttachmentId: x }) => {
+	let { colors: C, typography: w, className: T, bubbleClassName: E } = r ?? {}, { showMoreLabel: D = "Show more", showLessLabel: A = "Show less", showMoreAriaLabel: ee, showLessAriaLabel: j, attachmentClickLabel: M, attachmentRetryLabel: N, attachmentOpenInNewTabLabel: P, userMessageAriaLabel: F = "User message" } = m ?? {}, { textRef: te, isTextCollapsed: z, isOverflowing: V, collapsedMaxHeight: H, expandedMaxHeight: U, isCollapsed: W, toggleCollapsed: ne } = l({
 		text: e ?? "",
 		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": 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", {
+	}), q = s({
+		"--cm-bubble-user-bg": C?.userBackground,
+		"--cm-bubble-user-border": C?.userBorder,
+		"--cm-bubble-fade-start": C?.fadeStart,
+		"--cm-bubble-text": C?.text,
+		"--cm-bubble-collapsed-height": V ? `${H}px` : void 0,
+		"--cm-bubble-expanded-height": V ? `${U}px` : void 0
+	}), J = n === Y.Top ? "rounded-ee-md rounded-se-2xl" : "rounded-se-md rounded-ee-2xl", Z = c(K.text, w?.fontClassName), Q = ee ?? D, $ = j ?? A, re = W ? D : A, ie = W ? Q : $, ae = W ? O : k, oe = S();
+	return /* @__PURE__ */ L("div", {
 		role: "group",
-		"aria-label": z,
-		style: Z,
-		className: c("flex w-full", E),
-		children: /* @__PURE__ */ I("div", {
+		"aria-label": F,
+		style: q,
+		className: c("flex w-full", T),
+		children: /* @__PURE__ */ R("div", {
 			className: "ms-auto flex w-fit min-w-0 max-w-full flex-col items-end gap-4",
 			children: [
-				/* @__PURE__ */ F(u, {
-					attachments: o ?? [],
-					onAttachmentClick: (e) => _?.(o?.find((t) => t.id === e)),
-					onDownloadAll: v,
-					onRetry: y,
+				/* @__PURE__ */ L(u, {
+					attachments: d ?? [],
+					onAttachmentClick: (e) => v?.(d?.find((t) => t.id === e)),
+					onDownloadAll: y,
+					onRetry: b,
 					labels: {
 						clickLabel: M,
 						retryLabel: N,
-						openInNewTabLabel: R
+						openInNewTabLabel: P
 					},
 					styles: { className: "max-w-[640px]" },
 					selectedAttachmentId: x
 				}),
-				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", {
+				e && /* @__PURE__ */ L("div", {
+					className: c(K.userBubble, "flex w-fit items-center justify-end rounded-es-2xl rounded-ss-2xl border px-6 py-4", J, E, B.userBubble),
+					children: /* @__PURE__ */ R("div", {
 						className: "flex min-w-0 flex-col items-start",
-						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: [/* @__PURE__ */ L("div", {
+							id: oe,
+							ref: t,
+							className: c("relative -me-1 -ms-1 w-[calc(100%+8px)] overflow-hidden pe-1 ps-1", V && K.collapsibleText, V && !W && K.expandedText, z && K.collapsedText),
+							children: /* @__PURE__ */ L("p", {
+								ref: te,
+								className: c(Z, "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,
+						}), V && /* @__PURE__ */ L(_, {
+							label: /* @__PURE__ */ L(I, { children: re }),
+							iconBefore: /* @__PURE__ */ L(ae, {
+								size: p.SM,
 								"aria-hidden": "true"
 							}),
-							"aria-label": re,
-							"aria-expanded": !Y,
-							"aria-controls": ae,
+							"aria-label": ie,
+							"aria-expanded": !W,
+							"aria-controls": oe,
 							className: "mt-3",
-							onClick: X,
-							size: p.Small
+							onClick: ne,
+							size: h.Small
 						})]
 					})
 				}),
-				/* @__PURE__ */ F(H, {
-					...r,
-					isAlwaysVisible: i,
+				/* @__PURE__ */ L(G, {
+					...i,
+					isAlwaysVisible: o,
 					role: a.User
 				})
 			]
 		})
 	});
-}, X = ({ role: e, beforeContent: t, textSegments: n, onAttachmentClick: r, responseFormat: i, markdownComponents: o, markdownUrlTransform: s, ...c }) => e === a.Status ? /* @__PURE__ */ F(K, { labels: {
+}, Q = ({ role: e, beforeContent: t, textSegments: n, onAttachmentClick: r, responseFormat: i, markdownComponents: o, markdownUrlTransform: s, ...c }) => e === a.Status ? /* @__PURE__ */ L(J, { labels: {
 	titleText: c.labels?.statusTitleText,
 	bodyText: c.labels?.statusBodyText ?? ""
-} }) : e === a.User ? /* @__PURE__ */ F(Y, {
+} }) : e === a.User ? /* @__PURE__ */ L(Z, {
 	...c,
 	textSegments: n,
 	onAttachmentClick: r
-}) : /* @__PURE__ */ F(G, {
+}) : /* @__PURE__ */ L(q, {
 	...c,
 	beforeContent: t,
 	responseFormat: i,
 	markdownComponents: o,
 	markdownUrlTransform: s,
 	onAttachmentClick: r
-});
+}), $ = { button: "_button_tqo4d_3" }, re = ({ rect: e, actionRef: t, onReply: n, addedRevision: r, labels: i, styles: a, portalContainer: o }) => {
+	let { colors: l, typography: u, className: p, buttonClassName: g } = a ?? {}, _ = u?.fontClassName ?? "dial-small-text", v = o === void 0 ? typeof document > "u" ? null : document.body : o, y = s({
+		"--cm-reply-background": l?.background,
+		"--cm-reply-hover-background": l?.hoverBackground,
+		"--cm-reply-text": l?.text
+	}), [b, x] = E({
+		x: 0,
+		y: 0
+	});
+	return C(() => {
+		if (!e || !t.current) return;
+		let n = t.current.getBoundingClientRect(), r = window.visualViewport, i = r?.offsetLeft ?? 0, a = r?.offsetTop ?? 0, o = r?.width ?? document.documentElement.clientWidth, s = r?.height ?? document.documentElement.clientHeight, c = e.top - n.height - 8 >= a + 8 ? e.top - n.height - 8 : e.bottom + 8;
+		x({
+			x: Math.max(i + 8, Math.min(e.left, i + o - n.width - 8)),
+			y: Math.max(a + 8, Math.min(c, a + s - n.height - 8))
+		});
+	}, [
+		e,
+		t,
+		v,
+		p,
+		g,
+		_,
+		i.reply
+	]), v ? z(/* @__PURE__ */ R(I, { children: [e && /* @__PURE__ */ L("div", {
+		ref: t,
+		className: c("fixed left-0 top-0 z-50 max-w-[calc(100vw-16px)]", p),
+		style: {
+			...y,
+			transform: `translate(${b.x}px, ${b.y}px)`
+		},
+		children: /* @__PURE__ */ L(d, {
+			variant: f.Neutral,
+			size: h.Small,
+			label: i.reply,
+			onClick: n,
+			textClassName: _,
+			className: c($.button, "h-8 min-h-8 min-w-11 px-2 shadow-lg mobile:h-11 mobile:min-h-11", g),
+			iconAfter: /* @__PURE__ */ L(D, {
+				size: 16,
+				stroke: m,
+				"aria-hidden": "true",
+				className: "rtl:scale-x-[-1]"
+			})
+		})
+	}), /* @__PURE__ */ L("div", {
+		role: "status",
+		"aria-live": "polite",
+		className: "sr-only",
+		children: e ? i.selectionAvailable : r > 0 ? /* @__PURE__ */ L("span", { children: i.attachmentAdded }, r) : null
+	})] }), v) : null;
+};
 //#endregion
-export { G as AssistantMessageBubble, q as BubblePosition, L as CONVERSATION_MESSAGES_CLASS, H as MessageActions, X as MessageBubble, K as StatusMessageBubble, Y as UserMessageBubble };
+export { q as AssistantMessageBubble, Y as BubblePosition, B as CONVERSATION_MESSAGES_CLASS, G as MessageActions, Q as MessageBubble, re as MessageSelectionReply, J as StatusMessageBubble, Z as UserMessageBubble };

package/models/message-bubble.d.ts

@@ -1,5 +1,5 @@
 import { CodeBlockTheme, DisplayAttachment, MarkdownRendererClassNames, MessageRole, ResponseFormat, StarterOption } from '@epam/ai-dial-chat-shared';
-import { ReactNode } from 'react';
+import { ReactNode, Ref } from 'react';
 import { Components } from 'react-markdown';
 import { BubblePosition } from '../types/bubble-position';
 import { MessageActionsProps } from './message-actions';
@@ -84,6 +84,8 @@ export interface AssistantMessageBubbleLabels extends MessageBubbleLabels {
 }
 /** Shared props for user and assistant message bubble components. */
 interface BaseMessageBubbleProps {
+    /** Ref to the text body, excluding attachment trays, actions and host slots. */
+    contentRef?: Ref<HTMLDivElement>;
     /** 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. */

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.159",
+  "version": "1.2.0-dev.162",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -19,12 +19,13 @@
   "dependencies": {
     "@tabler/icons-react": "^3.44.0",
     "react-markdown": "^10.1.0",
-    "@epam/ai-dial-attachment-input": "1.2.0-dev.159"
+    "@epam/ai-dial-attachment-input": "1.2.0-dev.162"
   },
   "peerDependencies": {
     "react": "^19.2.8",
-    "@epam/ai-dial-chat-shared": "1.2.0-dev.159",
-    "@epam/ai-dial-ui-kit": "^0.15.0-dev.19"
+    "react-dom": "^19.2.8",
+    "@epam/ai-dial-chat-shared": "1.2.0-dev.162",
+    "@epam/ai-dial-ui-kit": "^0.15.0-dev.20"
   },
   "repository": {
     "type": "git",