npm - @epam/ai-dial-conversation-messages - Versions diffs - 1.2.0-dev.21 → 1.2.0-dev.213 - Mend

@epam/ai-dial-conversation-messages 1.2.0-dev.21 → 1.2.0-dev.213

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

package/components/MessageBubble/AssistantMessageBubble.d.ts.map +1 -1
package/components/MessageBubble/MessageBubble.d.ts.map +1 -1
package/components/MessageBubble/UserMessageBubble.d.ts.map +1 -1
package/components/MessageSelectionReply/MessageSelectionReply.d.ts +55 -0
package/components/MessageSelectionReply/MessageSelectionReply.d.ts.map +1 -0
package/constants/public-class-names.d.ts +7 -0
package/constants/public-class-names.d.ts.map +1 -0
package/index.css +2 -2
package/index.d.ts +3 -0
package/index.d.ts.map +1 -1
package/index.js +334 -229
package/models/message-bubble.d.ts +36 -20
package/models/message-bubble.d.ts.map +1 -1
package/package.json +5 -4
package/utils/clipboard.d.ts +11 -0
package/utils/clipboard.d.ts.map +1 -0

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AssistantMessageBubble.d.ts","sourceRoot":"","sources":["../../../src/components/MessageBubble/AssistantMessageBubble.tsx"],"names":[],"mappings":"~~AAWA~~,OAAO,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;~~AAEpC~~,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;~~AAY~~/E,gHAAgH;AAChH,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,~~CAqNlE~~,CAAC"}
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;AAa/E,gHAAgH;AAChH,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CAuNlE,CAAC"}

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

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

package/components/MessageBubble/UserMessageBubble.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UserMessageBubble.d.ts","sourceRoot":"","sources":["../../../src/components/MessageBubble/UserMessageBubble.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,EAAE,EAAS,MAAM,OAAO,CAAC;~~AAClC~~,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;~~AAO1E~~,kGAAkG;AAClG,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,~~CAkKxD~~,CAAC"}
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;AAQ1E,kGAAkG;AAClG,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAgKxD,CAAC"}

package/components/MessageSelectionReply/MessageSelectionReply.d.ts ADDED Viewed

@@ -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 ADDED Viewed

@@ -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/constants/public-class-names.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+export declare const CONVERSATION_MESSAGES_CLASS: {
+    /** The user message's bubble element. */
+    readonly userBubble: "dial-cm-user-bubble";
+    /** The assistant message's streamed content region. */
+    readonly assistantContent: "dial-cm-assistant-content";
+};
+//# sourceMappingURL=public-class-names.d.ts.map

package/constants/public-class-names.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"public-class-names.d.ts","sourceRoot":"","sources":["../../src/constants/public-class-names.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,2BAA2B;IACtC,yCAAyC;;IAEzC,uDAAuD;;CAE/C,CAAC"}

package/index.css CHANGED Viewed

@@ -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*/
+._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 CHANGED Viewed

@@ -1,10 +1,13 @@
+export { CONVERSATION_MESSAGES_CLASS } from './constants/public-class-names';
 export { MessageBubble } from './components/MessageBubble/MessageBubble';
 export { UserMessageBubble } from './components/MessageBubble/UserMessageBubble';
 export { AssistantMessageBubble } from './components/MessageBubble/AssistantMessageBubble';
 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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AACjF,OAAO,EAAE,sBAAsB,EAAE,MAAM,mDAAmD,CAAC;AAC3F,OAAO,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AACrF,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,YAAY,EACV,kBAAkB,EAClB,sBAAsB,EACtB,2BAA2B,EAC3B,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,EACvB,mBAAmB,EACnB,4BAA4B,GAC7B,MAAM,yBAAyB,CAAC;AACjC,YAAY,EACV,yBAAyB,EACzB,wBAAwB,GACzB,MAAM,gDAAgD,CAAC;AACxD,YAAY,EACV,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,GACxB,MAAM,yBAAyB,CAAC"}
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,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 CHANGED Viewed

@@ -1,13 +1,17 @@
-import { AttachmentType as e, CopyIconButton as t, DeploymentIcon as n, MDMessageViewer as r, MessageRating as i, MessageRole as a, buildCssVars as o, mergeClasses as s, useCollapsedText as c } from "@epam/ai-dial-chat-shared";
-import { AttachmentGroup as l } from "@epam/ai-dial-attachment-input";
-import { DIAL_ICON_SIZE as u, DIAL_KIT_ICON_STROKE as d, ElementSize as f, InfoMessageNotification as p, LinkButton as m, NeutralButton as h, ToggleIconButton as g } from "@epam/ai-dial-ui-kit";
-import { useCallback as _, useEffect as v, useId as y, useMemo as b, useRef as x, useState as S } from "react";
-import { IconChevronDown as C, IconChevronUp as w, IconMarkdown as T, IconPencilMinus as E, IconRefresh as D, IconThumbDown as O, IconThumbDownFilled as k, IconThumbUp as A, IconThumbUpFilled as j, IconTrashX as M } from "@tabler/icons-react";
-import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
-//#region src/hooks/useInlineStartIndent/useInlineStartIndent.ts
-var I = 4, L = (e) => {
-	let t = x(null), [n, r] = S(0);
-	return v(() => {
+import { AttachmentType as e, CopyIconButton as t, DeploymentIcon as n, MDMessageViewer as r, MessageRating as i, MessageRole as a, ResponseFormat as o, buildCssVars as s, mergeClasses as c, useCollapsedText as l } from "@epam/ai-dial-chat-shared";
+import { AttachmentGroup as u } from "@epam/ai-dial-attachment-input";
+import { 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 ee, useRef as w, useState as T } from "react";
+import { IconArrowBackUp as E, IconChevronDown as D, IconChevronUp as O, IconMarkdown as k, IconPencilMinus as te, IconRefresh as ne, IconThumbDown as A, IconThumbDownFilled as j, IconThumbUp as M, IconThumbUpFilled as N, IconTrashX as P } from "@tabler/icons-react";
+import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
+import { createPortal as R } from "react-dom";
+//#region src/constants/public-class-names.ts
+var z = {
+	userBubble: "dial-cm-user-bubble",
+	assistantContent: "dial-cm-assistant-content"
+}, B = 4, V = (e) => {
+	let t = w(null), [n, r] = T(0);
+	return x(() => {
 		if (!e) return;
 		let n = t.current;
 		if (n == null) return;
@@ -18,328 +22,429 @@ var I = 4, L = (e) => {
 		return i.observe(n), () => i.disconnect();
 	}, [e]), {
 		slotRef: t,
-		firstLineIndent: e ? `calc(${n}px + ${I}px)` : void 0
+		firstLineIndent: e ? `calc(${n}px + ${B}px)` : void 0
 	};
-}, R = { activeRating: "_activeRating_ygoee_1" }, z = 2e3, B = ({ role: e = a.User, onEdit: n, onEditHover: r, onDelete: c, onRegenerate: l, onCopy: p, onCopyMarkdown: m, onLike: h, onDislike: v, activeRating: y, isAlwaysVisible: b, isDisabled: x = !1, className: C, labels: w, colors: I }) => {
-	let { tooltips: L, ariaLabels: B } = w ?? {}, [V, H] = S(null), [U, W] = S(""), G = n != null || c != null || l != null || p != null || m != null || h != null || v != null, K = o({ "--ma-active-rating-text": I?.activeRatingText }), q = _(() => {
-		p?.(), H("copy"), W(B?.copiedStatus ?? "Copied to clipboard"), setTimeout(() => H(null), z);
-	}, [p, B?.copiedStatus]), J = _(() => {
-		m?.(), H("markdown"), W(B?.copiedMarkdownStatus ?? "Copied as Markdown to clipboard"), setTimeout(() => H(null), z);
-	}, [m, B?.copiedMarkdownStatus]);
-	return G ? /* @__PURE__ */ F("div", {
+}, H = [
+	"href",
+	"src",
+	"alt",
+	"colspan",
+	"rowspan",
+	"start"
+], U = new Set([
+	"pre",
+	"pre-wrap",
+	"pre-line",
+	"break-spaces"
+]), W = (e) => {
+	let t = document.createElement(e.tagName.toLowerCase());
+	H.forEach((n) => {
+		let r = e.getAttribute(n);
+		r !== null && t.setAttribute(n, r);
+	});
+	let { whiteSpace: n } = window.getComputedStyle(e);
+	return U.has(n) && (t.style.whiteSpace = "pre-wrap"), t;
+}, re = (e) => e instanceof SVGElement || window.getComputedStyle(e).display === "none", G = (e, t) => {
+	if (!t.intersectsNode(e)) return null;
+	if (e.nodeType === Node.TEXT_NODE) {
+		let n = e.data, r = e === t.startContainer ? t.startOffset : 0, i = e === t.endContainer ? t.endOffset : n.length;
+		return document.createTextNode(n.slice(r, i));
+	}
+	if (!(e instanceof Element) || re(e)) return null;
+	let n = W(e);
+	return e.childNodes.forEach((e) => {
+		let r = G(e, t);
+		r && n.appendChild(r);
+	}), n;
+}, K = (e, t, n) => {
+	let r = e, i = t;
+	for (; i && i !== n && n.contains(i);) {
+		let e = W(i);
+		e.appendChild(r), r = e, i = i.parentElement;
+	}
+	return r;
+}, q = (e, t) => {
+	let n = e.commonAncestorContainer, r = n instanceof Element ? n : n.parentElement;
+	if (!r) return null;
+	let i = G(r, e);
+	return i ? K(i, r.parentElement, t) : null;
+}, ie = (e) => {
+	let t = window.getSelection();
+	if (!t || t.isCollapsed || t.rangeCount === 0 || !e.clipboardData) return;
+	let n = t.toString();
+	if (!n) return;
+	let r = document.createElement("div");
+	for (let n = 0; n < t.rangeCount; n++) {
+		let i = q(t.getRangeAt(n), e.currentTarget);
+		i && r.appendChild(i);
+	}
+	e.clipboardData.setData("text/html", r.innerHTML), e.clipboardData.setData("text/plain", n), e.preventDefault();
+}, J = { activeRating: "_activeRating_ygoee_1" }, Y = 2e3, ae = ({ 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: ee }) => {
+	let { tooltips: w, ariaLabels: E } = C ?? {}, [D, O] = T(null), [R, z] = T(""), B = n != null || o != null || l != null || u != null || d != null || f != null || g != null, V = s({ "--ma-active-rating-text": ee?.activeRatingText }), H = b(() => {
+		u?.(), O("copy"), z(E?.copiedStatus ?? "Copied to clipboard"), setTimeout(() => O(null), Y);
+	}, [u, E?.copiedStatus]), U = b(() => {
+		d?.(), O("markdown"), z(E?.copiedMarkdownStatus ?? "Copied as Markdown to clipboard"), setTimeout(() => O(null), Y);
+	}, [d, E?.copiedMarkdownStatus]);
+	return B ? /* @__PURE__ */ L("div", {
 		role: "toolbar",
-		"aria-label": B?.actionsGroup ?? "Message actions",
-		style: K,
-		className: s("flex gap-1", !b && "opacity-0 group-hover:opacity-100", C),
-		children: [/* @__PURE__ */ P("span", {
+		"aria-label": E?.actionsGroup ?? "Message actions",
+		style: V,
+		className: c("flex gap-1", !v && "opacity-0 group-hover:opacity-100", S),
+		children: [/* @__PURE__ */ I("span", {
 			role: "status",
 			"aria-live": "polite",
 			className: "sr-only",
-			children: U
-		}), e === a.User ? /* @__PURE__ */ F(N, { children: [n && /* @__PURE__ */ P(g, {
-			icon: /* @__PURE__ */ P(E, {
-				size: u.SM,
+			children: R
+		}), e === a.User ? /* @__PURE__ */ L(F, { children: [n && /* @__PURE__ */ I(y, {
+			icon: /* @__PURE__ */ I(te, {
+				size: p.SM,
 				"aria-hidden": !0,
-				stroke: d
+				stroke: m
 			}),
-			size: f.Small,
-			"aria-label": B?.editMessage ?? "Edit message",
-			tooltipProps: { tooltip: L?.edit ?? "Edit" },
+			size: h.Small,
+			"aria-label": E?.editMessage ?? "Edit message",
+			tooltipProps: { tooltip: w?.edit ?? "Edit" },
 			onClick: n,
 			onMouseEnter: r,
 			onFocus: r,
 			disabled: x
-		}), c && /* @__PURE__ */ P(g, {
-			icon: /* @__PURE__ */ P(M, {
-				size: u.SM,
+		}), o && /* @__PURE__ */ I(y, {
+			icon: /* @__PURE__ */ I(P, {
+				size: p.SM,
 				"aria-hidden": !0,
-				stroke: d
+				stroke: m
 			}),
-			size: f.Small,
-			"aria-label": B?.deleteMessage ?? "Delete message",
-			tooltipProps: { tooltip: L?.delete ?? "Delete" },
-			onClick: c,
+			size: h.Small,
+			"aria-label": E?.deleteMessage ?? "Delete message",
+			tooltipProps: { tooltip: w?.delete ?? "Delete" },
+			onClick: o,
 			disabled: x
-		})] }) : /* @__PURE__ */ F(N, { children: [
-			l && /* @__PURE__ */ P(g, {
-				icon: /* @__PURE__ */ P(D, {
-					size: u.SM,
+		})] }) : /* @__PURE__ */ L(F, { children: [
+			l && /* @__PURE__ */ I(y, {
+				icon: /* @__PURE__ */ I(ne, {
+					size: p.SM,
 					"aria-hidden": !0,
-					stroke: d
+					stroke: m
 				}),
-				size: f.Small,
-				"aria-label": B?.regenerateResponse ?? "Regenerate response",
-				tooltipProps: { tooltip: L?.regenerate ?? "Regenerate" },
+				size: h.Small,
+				"aria-label": E?.regenerateResponse ?? "Regenerate response",
+				tooltipProps: { tooltip: w?.regenerate ?? "Regenerate" },
 				onClick: l,
 				disabled: x
 			}),
-			p && /* @__PURE__ */ P(t, {
-				iconSize: u.SM,
-				onClick: q,
-				size: f.Small,
-				isCopied: V === "copy",
-				copyLabel: L?.copy ?? "Copy",
-				copiedLabel: L?.copied ?? "Copied!",
-				ariaLabel: B?.copyResponse ?? "Copy response",
+			u && /* @__PURE__ */ I(t, {
+				iconSize: p.SM,
+				onClick: H,
+				size: h.Small,
+				isCopied: D === "copy",
+				copyLabel: w?.copy ?? "Copy",
+				copiedLabel: w?.copied ?? "Copied!",
+				ariaLabel: E?.copyResponse ?? "Copy response",
 				isDisabled: x
 			}),
-			m && /* @__PURE__ */ P(t, {
-				iconSize: u.SM,
-				onClick: J,
-				size: f.Small,
-				isCopied: V === "markdown",
-				iconCopy: /* @__PURE__ */ P(T, {
-					size: u.SM,
+			d && /* @__PURE__ */ I(t, {
+				iconSize: p.SM,
+				onClick: U,
+				size: h.Small,
+				isCopied: D === "markdown",
+				iconCopy: /* @__PURE__ */ I(k, {
+					size: p.SM,
 					"aria-hidden": !0,
-					stroke: d
+					stroke: m
 				}),
-				copyLabel: L?.copyMarkdown ?? "Copy as Markdown",
-				copiedLabel: L?.copiedMarkdown ?? "Copied!",
-				ariaLabel: B?.copyAsMarkdown ?? "Copy as markdown",
+				copyLabel: w?.copyMarkdown ?? "Copy as Markdown",
+				copiedLabel: w?.copiedMarkdown ?? "Copied!",
+				ariaLabel: E?.copyAsMarkdown ?? "Copy as markdown",
 				isDisabled: x
 			}),
-			h && /* @__PURE__ */ P(g, {
-				icon: y === i.Like ? /* @__PURE__ */ P(j, {
-					className: R.activeRating,
-					size: u.SM,
+			f && /* @__PURE__ */ I(y, {
+				icon: _ === i.Like ? /* @__PURE__ */ I(N, {
+					className: J.activeRating,
+					size: p.SM,
 					"aria-hidden": !0
-				}) : /* @__PURE__ */ P(A, {
-					size: u.SM,
+				}) : /* @__PURE__ */ I(M, {
+					size: p.SM,
 					"aria-hidden": !0,
-					stroke: d
+					stroke: m
 				}),
-				size: f.Small,
-				"aria-label": B?.likeResponse ?? "Like response",
-				"aria-pressed": y === i.Like,
-				tooltipProps: { tooltip: L?.like ?? "Like" },
-				onClick: h,
+				size: h.Small,
+				"aria-label": E?.likeResponse ?? "Like response",
+				"aria-pressed": _ === i.Like,
+				tooltipProps: { tooltip: w?.like ?? "Like" },
+				onClick: f,
 				disabled: x
 			}),
-			v && /* @__PURE__ */ P(g, {
-				icon: y === i.Dislike ? /* @__PURE__ */ P(k, {
-					className: R.activeRating,
-					size: u.SM,
+			g && /* @__PURE__ */ I(y, {
+				icon: _ === i.Dislike ? /* @__PURE__ */ I(j, {
+					className: J.activeRating,
+					size: p.SM,
 					"aria-hidden": !0
-				}) : /* @__PURE__ */ P(O, {
-					size: u.SM,
+				}) : /* @__PURE__ */ I(A, {
+					size: p.SM,
 					"aria-hidden": !0,
-					stroke: d
+					stroke: m
 				}),
-				size: f.Small,
-				"aria-label": B?.dislikeResponse ?? "Dislike response",
-				"aria-pressed": y === i.Dislike,
-				tooltipProps: { tooltip: L?.dislike ?? "Dislike" },
-				onClick: v,
+				size: h.Small,
+				"aria-label": E?.dislikeResponse ?? "Dislike response",
+				"aria-pressed": _ === i.Dislike,
+				tooltipProps: { tooltip: w?.dislike ?? "Dislike" },
+				onClick: g,
 				disabled: x
 			})
 		] })]
 	}) : null;
-}, V = {
+}, X = {
 	userBubble: "_userBubble_cq829_1",
 	collapsibleText: "_collapsibleText_cq829_6",
 	expandedText: "_expandedText_cq829_11",
 	collapsedText: "_collapsedText_cq829_15",
 	startersDivider: "_startersDivider_cq829_26",
 	text: "_text_cq829_30"
-}, H = "[&>.cm-bubble-markdown>div>*:first-child]:indent-[var(--cm-bubble-first-line-indent,0px)]", U = ({ text: t, styles: i, actions: c, hasAlwaysVisibleActions: u, isStreaming: d, attachments: f, beforeContent: p, afterContent: m, starters: g, onSelectStarter: _, deploymentIconUrl: v, deploymentDisplayName: y, markdownComponents: x, markdownClassNames: S, markdownUrlTransform: C, onAttachmentClick: w, onDownloadAll: T, onAttachmentRetry: E, codeBlockTheme: D, tableOnOpenInCanvas: O, labels: k, selectedAttachmentId: A }) => {
-	let { colors: j, typography: M, className: N, bubbleClassName: I } = i ?? {}, { attachmentClickLabel: R, attachmentRetryLabel: z, attachmentOpenInNewTabLabel: U, startersAriaLabel: W = "Quick reply buttons", thinkingLabel: G, codeBlockCopyLabel: K, codeBlockCopiedLabel: q, tableCopyCsvLabel: J, tableCopyTxtLabel: Y, tableCopyMarkdownLabel: X, tableCopiedLabel: Z, tableDownloadCsvLabel: Q, tableOpenInCanvasLabel: $, tableDownloadFilename: ee, tableScrollRegionAriaLabel: te, assistantMessageAriaLabel: ne = "Assistant message", deploymentIconFallbackLabel: re = "AI" } = k ?? {}, ie = b(() => ({
-		copyCsvLabel: J,
-		copyTxtLabel: Y,
-		copyMarkdownLabel: X,
-		copiedLabel: Z,
-		downloadCsvLabel: Q,
-		openInCanvasLabel: $
+}, oe = "[&>.cm-bubble-markdown>div>*:first-child]:indent-[var(--cm-bubble-first-line-indent,0px)]", Z = ({ 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: w, markdownUrlTransform: T, onAttachmentClick: E, onDownloadAll: D, onAttachmentRetry: O, codeBlockTheme: k, tableOnOpenInCanvas: te, labels: ne, selectedAttachmentId: A }) => {
+	let { colors: j, typography: M, className: N, bubbleClassName: P } = l ?? {}, { attachmentClickLabel: F, attachmentRetryLabel: R, attachmentOpenInNewTabLabel: B, startersAriaLabel: H = "Quick reply buttons", thinkingLabel: U, codeBlockCopyLabel: W, codeBlockCopiedLabel: re, tableCopyLabel: G, tableCopiedLabel: K, tableDownloadCsvLabel: q, tableOpenInCanvasLabel: J, tableDownloadFilename: Y, tableScrollRegionAriaLabel: Z, assistantMessageAriaLabel: Q = "Assistant message", deploymentIconFallbackLabel: $ = "AI" } = ne ?? {}, se = ee(() => ({
+		copyLabel: G,
+		copiedLabel: K,
+		downloadCsvLabel: q,
+		openInCanvasLabel: J
 	}), [
-		J,
-		Y,
-		X,
-		Z,
-		Q,
-		$
-	]), ae = d ? (f ?? []).filter((t) => t.type !== e.Audio) : f ?? [], { slotRef: oe, firstLineIndent: se } = L(p != null && !!t), ce = o({
+		G,
+		K,
+		q,
+		J
+	]), ce = p ? (m ?? []).filter((t) => t.type !== e.Audio) : m ?? [], { slotRef: le, firstLineIndent: ue } = V(h != null && !!t), de = s({
 		"--cm-bubble-text": j?.text,
 		"--cm-starters-divider": j?.startersDivider,
-		"--cm-bubble-first-line-indent": se
-	}), le = s(V.text, M?.fontClassName), ue = !!(v || y);
-	return /* @__PURE__ */ F("div", {
+		"--cm-bubble-first-line-indent": ue
+	}), fe = c(X.text, M?.fontClassName), pe = !!(x || S);
+	return /* @__PURE__ */ L("div", {
 		role: "group",
-		"aria-label": ne,
-		style: ce,
-		className: s("flex w-full items-start gap-3", N),
-		children: [ue && /* @__PURE__ */ P(n, {
-			src: v,
+		"aria-label": Q,
+		style: de,
+		onCopy: ie,
+		className: c("flex w-full items-start gap-3", N),
+		children: [pe && /* @__PURE__ */ I(n, {
+			src: x,
 			size: 28,
-			initialsName: y || re,
-			labels: { tooltip: y ?? re }
-		}), /* @__PURE__ */ F("div", {
+			initialsName: S || $,
+			labels: { tooltip: S ?? $ }
+		}), /* @__PURE__ */ L("div", {
 			className: "flex w-full min-w-0 max-w-full flex-col items-start gap-5",
-			children: [/* @__PURE__ */ F("div", {
-				className: s("flex w-full min-w-0 max-w-full flex-col items-start gap-4", I),
+			children: [/* @__PURE__ */ L("div", {
+				className: c("flex w-full min-w-0 max-w-full flex-col items-start gap-4", P),
 				children: [
-					p != null && !t && /* @__PURE__ */ P("div", {
+					h != null && !t && /* @__PURE__ */ I("div", {
 						className: "min-w-0",
-						children: p
+						children: h
 					}),
-					(t || d) && /* @__PURE__ */ F("div", {
+					(t || p) && /* @__PURE__ */ L("div", {
 						"aria-live": "polite",
 						"aria-atomic": "false",
-						className: s(le, "relative min-w-0 max-w-full text-start", p != null && t && H),
-						children: [p != null && t && /* @__PURE__ */ P("div", {
-							ref: oe,
+						className: c(fe, "relative min-w-0 max-w-full text-start", h != null && t && oe, z.assistantContent),
+						children: [h != null && t && /* @__PURE__ */ I("div", {
+							ref: le,
 							className: "absolute start-0 top-0",
-							children: p
-						}), /* @__PURE__ */ P("div", {
+							children: h
+						}), /* @__PURE__ */ I("div", {
+							ref: i,
 							className: "cm-bubble-markdown min-w-0 max-w-full",
-							children: /* @__PURE__ */ P(r, {
+							children: /* @__PURE__ */ I(r, {
 								content: t ?? "",
-								isStreaming: d,
-								thinkingLabel: G,
-								components: x,
-								classNames: S,
-								urlTransform: C,
-								codeBlockCopyLabel: K,
-								codeBlockCopiedLabel: q,
-								codeBlockTheme: D,
-								tableActionLabels: ie,
-								tableDownloadFilename: ee,
-								tableOnOpenInCanvas: O,
-								tableScrollRegionAriaLabel: te
+								isPlainText: g === o.PlainText,
+								isStreaming: p,
+								thinkingLabel: U,
+								components: C,
+								classNames: w,
+								urlTransform: T,
+								codeBlockCopyLabel: W,
+								codeBlockCopiedLabel: re,
+								codeBlockTheme: k,
+								tableActionLabels: se,
+								tableDownloadFilename: Y,
+								tableOnOpenInCanvas: te,
+								tableScrollRegionAriaLabel: Z
 							})
 						})]
 					}),
-					/* @__PURE__ */ P(l, {
-						attachments: ae,
-						onAttachmentClick: (e) => w?.(f?.find((t) => t.id === e)),
-						onDownloadAll: T,
-						onRetry: E,
+					/* @__PURE__ */ I(u, {
+						attachments: ce,
+						onAttachmentClick: (e) => E?.(m?.find((t) => t.id === e)),
+						onDownloadAll: D,
+						onRetry: O,
 						labels: {
-							clickLabel: R,
-							retryLabel: z,
-							openInNewTabLabel: U
+							clickLabel: F,
+							retryLabel: R,
+							openInNewTabLabel: B
 						},
 						selectedAttachmentId: A
 					}),
-					m,
-					/* @__PURE__ */ P(B, {
-						...c,
-						isAlwaysVisible: u,
+					_,
+					/* @__PURE__ */ I(ae, {
+						...d,
+						isAlwaysVisible: f,
 						role: a.Assistant
 					})
 				]
-			}), g && g.length > 0 && _ && /* @__PURE__ */ P("div", {
+			}), y && y.length > 0 && b && /* @__PURE__ */ I("div", {
 				role: "list",
-				"aria-label": W,
-				className: s("flex w-full flex-wrap gap-2 border-t pt-5", V.startersDivider),
-				children: g.map((e, t) => /* @__PURE__ */ P("div", {
+				"aria-label": H,
+				className: c("flex w-full flex-wrap gap-2 border-t pt-5", X.startersDivider),
+				children: y.map((e, t) => /* @__PURE__ */ I("div", {
 					role: "listitem",
 					className: "min-w-[40px]",
-					children: /* @__PURE__ */ P(h, {
+					children: /* @__PURE__ */ I(v, {
 						label: e.title,
 						className: "min-w-[40px]",
-						onClick: () => _(e)
+						onClick: () => b(e)
 					})
 				}, t))
 			})]
 		})]
 	});
-}, W = ({ labels: { titleText: e = "Model switched.", bodyText: t } }) => /* @__PURE__ */ P("div", {
+}, Q = ({ labels: { titleText: e = "Model switched.", bodyText: t } }) => /* @__PURE__ */ I("div", {
 	role: "status",
 	"aria-live": "polite",
-	children: /* @__PURE__ */ P(p, {
+	children: /* @__PURE__ */ I(g, {
 		title: e,
 		message: t,
 		textClassName: "flex-row flex-wrap gap-1"
 	})
-}), G = /* @__PURE__ */ function(e) {
+}), $ = /* @__PURE__ */ function(e) {
 	return e.Bottom = "Bottom", e.Top = "Top", e;
-}({}), K = 10, q = ({ text: e, position: t = G.Bottom, styles: n, actions: r, hasAlwaysVisibleActions: i, attachments: d, collapsedLineCount: p = K, labels: h, beforeContent: g, onAttachmentClick: _, onDownloadAll: v, onAttachmentRetry: b, selectedAttachmentId: x }) => {
-	let { colors: S, typography: T, className: E, bubbleClassName: D } = n ?? {}, { showMoreLabel: O = "Show more", showLessLabel: k = "Show less", showMoreAriaLabel: A, showLessAriaLabel: j, attachmentClickLabel: M, attachmentRetryLabel: I, attachmentOpenInNewTabLabel: L, userMessageAriaLabel: R = "User message" } = h ?? {}, { textRef: z, isTextCollapsed: H, isOverflowing: U, collapsedMaxHeight: W, expandedMaxHeight: q, isCollapsed: J, toggleCollapsed: Y } = c({
+}({}), se = 10, ce = ({ text: e, contentRef: t, position: n = $.Bottom, styles: r, actions: i, hasAlwaysVisibleActions: o, attachments: d, collapsedLineCount: f = se, labels: m, textSegments: g, onAttachmentClick: v, onDownloadAll: y, onAttachmentRetry: b, selectedAttachmentId: x }) => {
+	let { colors: C, typography: ee, className: w, bubbleClassName: T } = r ?? {}, { showMoreLabel: E = "Show more", showLessLabel: k = "Show less", showMoreAriaLabel: te, showLessAriaLabel: ne, attachmentClickLabel: A, attachmentRetryLabel: j, attachmentOpenInNewTabLabel: M, userMessageAriaLabel: N = "User message" } = m ?? {}, { textRef: P, isTextCollapsed: R, isOverflowing: B, collapsedMaxHeight: V, expandedMaxHeight: H, isCollapsed: U, toggleCollapsed: W } = l({
 		text: e ?? "",
-		collapsedLineCount: p
-	}), X = o({
-		"--cm-bubble-user-bg": S?.userBackground,
-		"--cm-bubble-user-border": S?.userBorder,
-		"--cm-bubble-fade-start": S?.fadeStart,
-		"--cm-bubble-text": S?.text,
-		"--cm-bubble-collapsed-height": U ? `${W}px` : void 0,
-		"--cm-bubble-expanded-height": U ? `${q}px` : void 0
-	}), Z = t === G.Top ? "rounded-ee-md rounded-se-2xl" : "rounded-se-md rounded-ee-2xl", Q = s(V.text, T?.fontClassName), $ = A ?? O, ee = j ?? k, te = J ? O : k, ne = J ? $ : ee, re = J ? C : w, ie = y();
-	return /* @__PURE__ */ P("div", {
+		collapsedLineCount: f
+	}), re = 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": B ? `${V}px` : void 0,
+		"--cm-bubble-expanded-height": B ? `${H}px` : void 0
+	}), G = n === $.Top ? "rounded-ee-md rounded-se-2xl" : "rounded-se-md rounded-ee-2xl", K = c(X.text, ee?.fontClassName), q = te ?? E, J = ne ?? k, Y = U ? E : k, oe = U ? q : J, Z = U ? D : O, Q = S();
+	return /* @__PURE__ */ I("div", {
 		role: "group",
-		"aria-label": R,
-		style: X,
-		className: s("flex w-full", E),
-		children: /* @__PURE__ */ F("div", {
+		"aria-label": N,
+		style: re,
+		onCopy: ie,
+		className: c("flex w-full", w),
+		children: /* @__PURE__ */ L("div", {
 			className: "ms-auto flex w-fit min-w-0 max-w-full flex-col items-end gap-4",
 			children: [
-				/* @__PURE__ */ P(l, {
+				/* @__PURE__ */ I(u, {
 					attachments: d ?? [],
-					onAttachmentClick: (e) => _?.(d?.find((t) => t.id === e)),
-					onDownloadAll: v,
+					onAttachmentClick: (e) => v?.(d?.find((t) => t.id === e)),
+					onDownloadAll: y,
 					onRetry: b,
 					labels: {
-						clickLabel: M,
-						retryLabel: I,
-						openInNewTabLabel: L
+						clickLabel: A,
+						retryLabel: j,
+						openInNewTabLabel: M
 					},
 					styles: { className: "max-w-[640px]" },
 					selectedAttachmentId: x
 				}),
-				(e || g != null) && /* @__PURE__ */ P("div", {
-					className: s(V.userBubble, "flex w-fit items-center justify-end rounded-es-2xl rounded-ss-2xl border px-6 py-4", Z, D),
-					children: /* @__PURE__ */ F("div", {
+				e && /* @__PURE__ */ I("div", {
+					className: c(X.userBubble, "flex w-fit items-center justify-end rounded-es-2xl rounded-ss-2xl border px-6 py-4", G, T, z.userBubble),
+					children: /* @__PURE__ */ L("div", {
 						className: "flex min-w-0 flex-col items-start",
-						children: [
-							e && /* @__PURE__ */ P("div", {
-								id: ie,
-								className: s("relative overflow-hidden", U && V.collapsibleText, U && !J && V.expandedText, H && V.collapsedText),
-								children: /* @__PURE__ */ F("p", {
-									ref: z,
-									className: s(Q, "whitespace-pre-wrap text-start [overflow-wrap:anywhere]"),
-									children: [g != null && /* @__PURE__ */ P("span", {
-										className: "me-1",
-										children: g
-									}), e]
-								})
-							}),
-							g != null && !e && /* @__PURE__ */ P("div", { children: g }),
-							U && /* @__PURE__ */ P(m, {
-								label: /* @__PURE__ */ P(N, { children: te }),
-								iconBefore: /* @__PURE__ */ P(re, {
-									size: u.SM,
-									"aria-hidden": "true"
-								}),
-								"aria-label": ne,
-								"aria-expanded": !J,
-								"aria-controls": ie,
-								className: "mt-3",
-								onClick: Y,
-								size: f.Small
+						children: [/* @__PURE__ */ I("div", {
+							id: Q,
+							ref: t,
+							className: c("relative -me-1 -ms-1 w-[calc(100%+8px)] overflow-hidden pe-1 ps-1", B && X.collapsibleText, B && !U && X.expandedText, R && X.collapsedText),
+							children: /* @__PURE__ */ I("p", {
+								ref: P,
+								className: c(K, "whitespace-pre-wrap text-start [overflow-wrap:anywhere]"),
+								children: g ?? e
 							})
-						]
+						}), B && /* @__PURE__ */ I(_, {
+							label: /* @__PURE__ */ I(F, { children: Y }),
+							iconBefore: /* @__PURE__ */ I(Z, {
+								size: p.SM,
+								"aria-hidden": "true"
+							}),
+							"aria-label": oe,
+							"aria-expanded": !U,
+							"aria-controls": Q,
+							className: "mt-3",
+							onClick: W,
+							size: h.Small
+						})]
 					})
 				}),
-				/* @__PURE__ */ P(B, {
-					...r,
-					isAlwaysVisible: i,
+				/* @__PURE__ */ I(ae, {
+					...i,
+					isAlwaysVisible: o,
 					role: a.User
 				})
 			]
 		})
 	});
-}, J = ({ role: e, beforeContent: t, onAttachmentClick: n, markdownComponents: r, markdownUrlTransform: i, ...o }) => e === a.Status ? /* @__PURE__ */ P(W, { labels: {
-	titleText: o.labels?.statusTitleText,
-	bodyText: o.labels?.statusBodyText ?? ""
-} }) : e === a.User ? /* @__PURE__ */ P(q, {
-	...o,
-	beforeContent: t,
-	onAttachmentClick: n
-}) : /* @__PURE__ */ P(U, {
-	...o,
+}, le = ({ role: e, beforeContent: t, textSegments: n, onAttachmentClick: r, responseFormat: i, markdownComponents: o, markdownUrlTransform: s, ...c }) => e === a.Status ? /* @__PURE__ */ I(Q, { labels: {
+	titleText: c.labels?.statusTitleText,
+	bodyText: c.labels?.statusBodyText ?? ""
+} }) : e === a.User ? /* @__PURE__ */ I(ce, {
+	...c,
+	textSegments: n,
+	onAttachmentClick: r
+}) : /* @__PURE__ */ I(Z, {
+	...c,
 	beforeContent: t,
-	markdownComponents: r,
-	markdownUrlTransform: i,
-	onAttachmentClick: n
-});
+	responseFormat: i,
+	markdownComponents: o,
+	markdownUrlTransform: s,
+	onAttachmentClick: r
+}), ue = { button: "_button_tqo4d_3" }, de = ({ 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] = T({
+		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 ? R(/* @__PURE__ */ L(F, { children: [e && /* @__PURE__ */ I("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__ */ I(d, {
+			variant: f.Neutral,
+			size: h.Small,
+			label: i.reply,
+			onClick: n,
+			textClassName: _,
+			className: c(ue.button, "h-8 min-h-8 min-w-11 px-2 shadow-lg mobile:h-11 mobile:min-h-11", g),
+			iconAfter: /* @__PURE__ */ I(E, {
+				size: 16,
+				stroke: m,
+				"aria-hidden": "true",
+				className: "rtl:scale-x-[-1]"
+			})
+		})
+	}), /* @__PURE__ */ I("div", {
+		role: "status",
+		"aria-live": "polite",
+		className: "sr-only",
+		children: e ? i.selectionAvailable : r > 0 ? /* @__PURE__ */ I("span", { children: i.attachmentAdded }, r) : null
+	})] }), v) : null;
+};
 //#endregion
-export { U as AssistantMessageBubble, G as BubblePosition, B as MessageActions, J as MessageBubble, W as StatusMessageBubble, q as UserMessageBubble };
+export { Z as AssistantMessageBubble, $ as BubblePosition, z as CONVERSATION_MESSAGES_CLASS, ae as MessageActions, le as MessageBubble, de as MessageSelectionReply, Q as StatusMessageBubble, ce as UserMessageBubble };

package/models/message-bubble.d.ts CHANGED Viewed

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

package/models/message-bubble.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"message-bubble.d.ts","sourceRoot":"","sources":["../../src/models/message-bubble.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EACjB,0BAA0B,EAC1B,WAAW,EACX,aAAa,EACd,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;~~AACvC~~,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,mEAAmE;AACnE,MAAM,WAAW,mBAAmB;IAClC,mDAAmD;IACnD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2FAA2F;IAC3F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kFAAkF;IAClF,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,0DAA0D;AAC1D,MAAM,WAAW,uBAAuB;IACtC,0DAA0D;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,oEAAoE;AACpE,MAAM,WAAW,mBAAmB;IAClC,wDAAwD;IACxD,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,uBAAuB,CAAC;IACrC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,sDAAsD;AACtD,MAAM,WAAW,mBAAmB;IAClC,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wDAAwD;IACxD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uEAAuE;IACvE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2EAA2E;IAC3E,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,qFAAqF;IACrF,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,mDAAmD;IACnD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kDAAkD;IAClD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,4DAA4D;IAC5D,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,mHAAmH;IACnH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oFAAoF;IACpF,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,mEAAmE;AACnE,MAAM,WAAW,4BAA6B,SAAQ,mBAAmB;IACvE,gFAAgF;IAChF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qGAAqG;IACrG,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,+DAA+D;IAC/D,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,~~iDAAiD~~;~~IACjD~~,~~iBAAiB~~,CAAC,EAAE,MAAM,CAAC;~~IAC3B,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sDAAsD;IACtD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC~~,+DAA+D;IAC/D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qDAAqD;IACrD,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,wDAAwD;IACxD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,8DAA8D;IAC9D,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,iEAAiE;IACjE,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,uEAAuE;IACvE,2BAA2B,CAAC,EAAE,MAAM,CAAC;CACtC;AAED,qEAAqE;AACrE,UAAU,sBAAsB;IAC9B,kHAAkH;IAClH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,2DAA2D;IAC3D,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,wEAAwE;IACxE,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,oFAAoF;IACpF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAClC,kEAAkE;IAClE,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,2CAA2C;IAC3C,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5D,gFAAgF;IAChF,aAAa,CAAC,EAAE,CAAC,WAAW,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;IAC3D,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,kHAAkH;IAClH,oBAAoB,CAAC,EAAE,MAAM,CAAC;~~IAC9B;;;;;;;;;OASG~~;~~IACH,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;~~AAED,qCAAqC;AACrC,MAAM,WAAW,sBAAuB,SAAQ,sBAAsB;IACpE,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,mGAAmG;IACnG,kBAAkB,CAAC,EAAE,MAAM,CAAC;~~CAC7B~~;AAED,0CAA0C;AAC1C,MAAM,WAAW,2BAA4B,SAAQ,sBAAsB;IACzE,yHAAyH;IACzH,kBAAkB,CAAC,EAAE,UAAU,CAAC;IAChC,2JAA2J;IAC3J,kBAAkB,CAAC,EAAE,0BAA0B,CAAC;IAChD;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/C,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAC3B,8CAA8C;IAC9C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;IACnD,2FAA2F;IAC3F,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,6DAA6D;IAC7D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2DAA2D;IAC3D,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,oEAAoE;IACpE,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,kEAAkE;IAClE,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,+FAA+F;IAC/F,MAAM,CAAC,EAAE,4BAA4B,CAAC;CACvC;AAED,kGAAkG;AAClG,MAAM,MAAM,kBAAkB,GAAG,2BAA2B,GAC1D,IAAI,~~CAAC~~,sBAAsB,~~EAAE~~,UAAU,GAAG,oBAAoB,~~CAAC~~,GAAG;~~IAChE~~,8DAA8D;IAC9D,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC"}
1	+ {"version":3,"file":"message-bubble.d.ts","sourceRoot":"","sources":["../../src/models/message-bubble.ts"],"names":[],"mappings":"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"}

package/package.json CHANGED Viewed

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

package/utils/clipboard.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import { ClipboardEvent } from 'react';
+/**
+ * `onCopy` handler that writes the current selection to the clipboard without
+ * the app's colors and fonts. Left to itself, the browser inlines every
+ * computed style of the selected markup into `text/html`, so pasting into a
+ * rich-text target (Teams, Outlook, Word) brings along the message's
+ * background band. This keeps the structure (paragraphs, lists, tables, code,
+ * links, line breaks) and lets the target document style it.
+ */
+export declare const copySelectionWithoutStyles: (event: ClipboardEvent<HTMLElement>) => void;
+//# sourceMappingURL=clipboard.d.ts.map

package/utils/clipboard.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"clipboard.d.ts","sourceRoot":"","sources":["../../src/utils/clipboard.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAwG5C;;;;;;;GAOG;AACH,eAAO,MAAM,0BAA0B,GACrC,OAAO,cAAc,CAAC,WAAW,CAAC,KACjC,IA0BF,CAAC"}