@epam/ai-dial-conversation-stages 1.0.0-dev.506 → 1.0.0-dev.509

package/components/CollapsedGroup/CollapsedGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsedGroup.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsedGroup/CollapsedGroup.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAIxE;;;;GAIG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAuHlD,CAAC"}
+{"version":3,"file":"CollapsedGroup.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsedGroup/CollapsedGroup.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAIxE;;;;GAIG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAqGlD,CAAC"}

package/components/StageItem/StageItem.d.ts

@@ -1,4 +1,4 @@
-import { DisplayAttachment, Stage } from '@epam/ai-dial-chat-shared';
+import { Stage } from '@epam/ai-dial-chat-shared';
 import { FC } from 'react';
 import { StageTypography } from '../../models/stages-props';
 interface Props {
@@ -10,10 +10,6 @@ interface Props {
     typography: StageTypography;
     /** Accessible label for the copy button inside stage content. */
     copyAriaLabel?: string;
-    /** Accessible label for the attachments tray. Defaults to `'Stage attachments'`. */
-    attachmentsAriaLabel?: string;
-    /** Called when the user clicks an attachment card. */
-    onAttachmentClick?: (attachment: DisplayAttachment) => void;
 }
 /** A single stage row — plain when no content, collapsible when content or attachments are present. */
 export declare const StageItem: FC<Props>;

package/components/StageItem/StageItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StageItem.d.ts","sourceRoot":"","sources":["../../../src/components/StageItem/StageItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAQ1E,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAKjE,UAAU,KAAK;IACb,gCAAgC;IAChC,KAAK,EAAE,KAAK,CAAC;IACb,kEAAkE;IAClE,MAAM,EAAE,OAAO,CAAC;IAChB,+DAA+D;IAC/D,UAAU,EAAE,eAAe,CAAC;IAC5B,iEAAiE;IACjE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oFAAoF;IACpF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,sDAAsD;IACtD,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC7D;AAED,uGAAuG;AACvG,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,KAAK,CAuF/B,CAAC"}
+{"version":3,"file":"StageItem.d.ts","sourceRoot":"","sources":["../../../src/components/StageItem/StageItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAOvD,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAKjE,UAAU,KAAK;IACb,gCAAgC;IAChC,KAAK,EAAE,KAAK,CAAC;IACb,kEAAkE;IAClE,MAAM,EAAE,OAAO,CAAC;IAChB,+DAA+D;IAC/D,UAAU,EAAE,eAAe,CAAC;IAC5B,iEAAiE;IACjE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,uGAAuG;AACvG,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,KAAK,CA6E/B,CAAC"}

package/components/StagesPanel/StagesPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StagesPanel.d.ts","sourceRoot":"","sources":["../../../src/components/StagesPanel/StagesPanel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAIlE;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAsD5C,CAAC"}
+{"version":3,"file":"StagesPanel.d.ts","sourceRoot":"","sources":["../../../src/components/StagesPanel/StagesPanel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAIlE;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAqD5C,CAAC"}

package/index.d.ts

@@ -1,5 +1,5 @@
 export { CollapsedGroup } from './components/CollapsedGroup/CollapsedGroup';
 export { StagesPanel } from './components/StagesPanel/StagesPanel';
-export type { CollapsedGroupColors, CollapsedGroupProps, CollapsedGroupStyles, CollapsedGroupTypography, } from './models/collapsed-group';
-export type { StagesPanelColors, StagesPanelProps, StagesPanelStyles, StageTypography, } from './models/stages-props';
+export type { CollapsedGroupColors, CollapsedGroupLabels, CollapsedGroupProps, CollapsedGroupStyles, CollapsedGroupTypography, } from './models/collapsed-group';
+export type { StagesPanelColors, StagesPanelLabels, StagesPanelProps, StagesPanelStyles, StageTypography, } from './models/stages-props';
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,YAAY,EACV,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,GAChB,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,YAAY,EACV,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,GAChB,MAAM,uBAAuB,CAAC"}

package/index.js

@@ -1,696 +1,9 @@
-import { AttachmentErrorReason as e, AttachmentType as t, CodeBlockTheme as n, Highlight as r, MIME_TYPE_EXT_MAP as i, MarkdownRenderer as a, RequestStatus as o, ResponseFormat as s, StageStatus as c, buildCssVars as l, copyToClipboard as u, mergeClasses as d, messageAttachmentToDisplayAttachment as f } from "@epam/ai-dial-chat-shared";
-import { DIAL_ICON_SIZE as p, DialEllipsisTooltip as m, DialGhostIconButton as h, DialInput as g, DialLinkButton as _, DialPopup as v, DialPrimaryButton as y, DialRadioGroup as b, DialSkeleton as ee, DialSkeletonVariant as x, DialSlider as S, DialSpinner as C, DialTag as w, DialTooltip as T, ElementSize as E, PopupSize as D, RadioGroupOrientation as O } from "@epam/ai-dial-ui-kit";
-import { IconAlertCircle as k, IconCheck as A, IconChevronDown as j, IconChevronRight as M, IconChevronUp as N, IconCircleCheck as P, IconClipboard as F, IconCopy as I, IconDownload as te, IconFile as L, IconFileTypeBmp as R, IconFileTypeCss as z, IconFileTypeCsv as B, IconFileTypeDoc as V, IconFileTypeDocx as ne, IconFileTypeHtml as re, IconFileTypeJpg as ie, IconFileTypeJs as H, IconFileTypeJsx as ae, IconFileTypePdf as U, IconFileTypePhp as W, IconFileTypePng as oe, IconFileTypePpt as se, IconFileTypeRs as ce, IconFileTypeSql as le, IconFileTypeSvg as ue, IconFileTypeTs as de, IconFileTypeTsx as fe, IconFileTypeTxt as pe, IconFileTypeVue as me, IconFileTypeXls as he, IconFileTypeXml as ge, IconFileTypeZip as _e, IconMusic as ve, IconPaperclip as ye, IconPhoto as be, IconReload as xe, IconTerminal2 as Se, IconVideo as Ce, IconX as we } from "@tabler/icons-react";
-import { memo as Te, useCallback as Ee, useEffect as De, useId as Oe, useMemo as ke, useRef as Ae, useState as G } from "react";
-import "react-dom";
-import { Fragment as K, jsx as q, jsxs as J } from "react/jsx-runtime";
-//#region ../attachment-input/dist/index.js
-var je = /* @__PURE__ */ function(e) {
-	return e.Idle = "idle", e.Loading = "loading", e.Loaded = "loaded", e.Error = "error", e;
-}({}), Me = ({ enabled: e, src: t }) => {
-	let n = Ae(null), [r, i] = G("idle");
-	return De(() => {
-		i(e && t ? "loading" : "idle");
-	}, [e, t]), De(() => {
-		let r = n.current;
-		if (!r || !e || !t) return;
-		let a = () => i("loaded"), o = () => i("error");
-		return r.addEventListener("load", a), r.addEventListener("error", o), r.complete && i(r.naturalWidth > 0 ? "loaded" : "error"), () => {
-			r.removeEventListener("load", a), r.removeEventListener("error", o);
-		};
-	}, [e, t]), {
-		imageRef: n,
-		imageLoadStatus: r
-	};
-}, Y = {
-	card: "_card_ywrb5_1",
-	cardError: "_cardError_ywrb5_6",
-	cardSelected: "_cardSelected_ywrb5_10",
-	cardPrompt: "_cardPrompt_ywrb5_15",
-	cardPasted: "_cardPasted_ywrb5_16",
-	name: "_name_ywrb5_20",
-	meta: "_meta_ywrb5_24",
-	loadingOverlay: "_loadingOverlay_ywrb5_28",
-	actionBtn: "_actionBtn_ywrb5_32",
-	removeBtnImage: "_removeBtnImage_ywrb5_43",
-	hoverDownloadIcon: "_hoverDownloadIcon_ywrb5_51"
-}, Ne = /* @__PURE__ */ function(e) {
-	return e.None = "none", e.AllVisible = "all-visible", e.Collapsed = "collapsed", e;
-}({}), Pe = (e) => {
-	let t = e.lastIndexOf(".");
-	return t > 0 ? e.slice(0, t) : e;
-}, Fe = (e) => {
-	if (!e) return L;
-	if (e.startsWith("image/")) switch (e) {
-		case "image/jpeg":
-		case "image/jpg": return ie;
-		case "image/png": return oe;
-		case "image/svg+xml": return ue;
-		case "image/bmp": return R;
-		default: return be;
-	}
-	if (e.startsWith("video/")) return Ce;
-	if (e.startsWith("audio/")) return ve;
-	switch (e) {
-		case "application/pdf": return U;
-		case "application/msword":
-		case "application/vnd.ms-word": return V;
-		case "application/vnd.openxmlformats-officedocument.wordprocessingml.document": return ne;
-		case "application/vnd.ms-powerpoint": return se;
-		case "application/vnd.openxmlformats-officedocument.presentationml.presentation": return se;
-		case "application/vnd.ms-excel": return he;
-		case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": return he;
-		case "application/zip":
-		case "application/x-zip-compressed":
-		case "application/x-rar-compressed":
-		case "application/x-7z-compressed":
-		case "application/gzip":
-		case "application/x-tar": return _e;
-		case "text/csv": return B;
-		case "text/plain": return pe;
-		case "text/html":
-		case "application/xhtml+xml": return re;
-		case "text/xml":
-		case "application/xml": return ge;
-		case "application/sql":
-		case "text/x-sql": return le;
-		case "text/javascript":
-		case "application/javascript": return H;
-		case "text/jsx": return ae;
-		case "application/typescript":
-		case "text/typescript": return de;
-		case "text/tsx": return fe;
-		case "text/css": return z;
-		case "text/x-php":
-		case "application/x-php": return W;
-		case "text/x-rustsrc":
-		case "application/x-rust": return ce;
-		case "text/x-vue": return me;
-		default: return L;
-	}
-}, Ie = (e) => {
-	let { type: n, contentType: r } = e;
-	return n === t.Prompt ? Se : n === t.Pasted ? F : n === t.Image ? be : Fe(r ?? "");
-}, Le = (e) => {
-	let t = e.toLowerCase().split(";")[0].trim(), n = i[t];
-	if (n) return n;
-	let r = t.split("/")[1];
-	if (r && !r.startsWith("vnd.") && !r.includes("+")) return r;
-}, Re = (e, n) => {
-	let { type: r, name: i, contentType: a } = e;
-	if (r === t.Prompt) return n.promptLabel ?? "Prompt";
-	if (r === t.Pasted) return n.pastedLabel ?? "Pasted";
-	if (r === t.Image) return n.imageLabel ?? "Image";
-	if (a) {
-		let e = Le(a);
-		if (e) return `.${e}`;
-	}
-	let o = i.lastIndexOf(".");
-	return o > 0 && o < i.length - 1 ? `.${i.slice(o + 1).toLowerCase()}` : i;
-}, ze = (e, n, r, i = {}) => {
-	let { type: a, status: s, previewUrl: c, url: l } = e, u = s === o.Loading, f = s === o.Error, p = a === t.Image && !!(c ?? l) && !f, m = a === t.Audio && !f, h = d(Y.card, f && Y.cardError, n && Y.cardSelected, !f && !n && a === t.Prompt && Y.cardPrompt, !f && !n && a === t.Pasted && Y.cardPasted);
-	return {
-		isLoading: u,
-		isError: f,
-		isImage: p,
-		isAudio: m,
-		areActionsVisible: f || r,
-		BottomIcon: Ie(e),
-		typeLabel: Re(e, i),
-		cardColorClass: h,
-		removeBtnClass: p ? Y.removeBtnImage : Y.actionBtn
-	};
-}, Be = (e, t) => e <= 0 ? {
-	layout: Ne.None,
-	visibleCount: 0,
-	hiddenCount: 0
-} : e < 5 || t ? {
-	layout: Ne.AllVisible,
-	visibleCount: e,
-	hiddenCount: 0
-} : {
-	layout: Ne.Collapsed,
-	visibleCount: 4,
-	hiddenCount: e - 4
-}, Ve = ({ attachment: n, searchQuery: i = "", onRemove: a, onRetry: o, onExpand: s, onClick: c, isSelected: u, shouldAlwaysShowActions: f, labels: m, typeLabels: g, styles: _, showHoverDownloadIcon: v = !1, className: y }) => {
-	let { removeLabel: b = "Remove attachment", retryLabel: S = "Retry upload", clickLabel: w = "Open attachment", expandLabel: T = "Expand pasted text", loadingLabel: D = "Loading attachment", uploadFailedStatusLabel: O = "Upload failed" } = m ?? {}, { colors: k, typography: A, roundedClassName: j = "rounded-xl" } = _ ?? {}, { id: M, name: N } = n, P = n.previewUrl ?? n.url, F = n.type === t.Pasted, I = F && s !== void 0, L = ke(() => F ? N : Pe(N), [F, N]), R = l({
-		"--ci-card-border": k?.border,
-		"--ci-card-bg": k?.background,
-		"--ci-card-name": k?.nameText,
-		"--ci-card-meta": k?.metaText,
-		"--ci-card-border-error": k?.borderError,
-		"--ci-card-bg-selected": k?.backgroundSelected,
-		"--ci-card-border-selected": k?.borderSelected,
-		"--ci-card-bg-hover": k?.backgroundHover,
-		"--ci-loading-overlay-bg": k?.loadingOverlayBackground,
-		"--ci-card-action-color": k?.actionColor,
-		"--ci-card-remove-bg-hover": k?.actionBackgroundHover,
-		"--ci-card-focus-outline": k?.focusOutline,
-		"--ci-card-remove-bg": k?.removeBackground,
-		"--ci-card-remove-color": k?.removeColor,
-		"--ci-card-hover-icon-bg": k?.hoverIconBackground,
-		"--ci-card-hover-icon-color": k?.hoverIconColor
-	}), { isLoading: z, isError: B, isImage: V, isAudio: ne, areActionsVisible: re, BottomIcon: ie, typeLabel: H, cardColorClass: ae, removeBtnClass: U } = ke(() => ze(n, u ?? !1, f ?? !1, g), [
-		n,
-		u,
-		f,
-		g
-	]), W = c !== void 0 && !I && !z && !B, oe = I || W, { imageRef: se, imageLoadStatus: ce } = Me({
-		enabled: V,
-		src: P
-	}), le = () => {
-		I && s ? s(M) : W && c && c(M);
-	}, ue = (e) => {
-		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), le());
-	};
-	if (ne) return /* @__PURE__ */ J("div", {
-		style: R,
-		className: d("group flex w-full min-w-[280px] max-w-[300px] flex-col gap-2 border p-3", j, ae, y),
-		children: [/* @__PURE__ */ J("div", {
-			className: "flex items-center justify-between gap-2",
-			children: [/* @__PURE__ */ q("span", {
-				title: n.name,
-				className: d(A?.fontClassName ?? "dial-tiny-text", "min-w-0 truncate", Y.name),
-				children: i ? /* @__PURE__ */ q(r, {
-					text: n.name,
-					query: i,
-					maxLines: 1
-				}) : n.name
-			}), c && /* @__PURE__ */ q(h, {
-				icon: /* @__PURE__ */ q(te, {
-					size: p.SM,
-					"aria-hidden": !0
-				}),
-				size: E.Small,
-				className: d("h-6 w-6 shrink-0 rounded", U),
-				"aria-label": w,
-				onClick: (e) => {
-					e.stopPropagation(), c(M);
-				}
-			})]
-		}), n.playUrl && /* @__PURE__ */ q("audio", {
-			controls: !0,
-			src: n.playUrl,
-			"aria-label": n.name,
-			className: "w-full",
-			preload: "metadata"
-		})]
-	});
-	let de = d("group relative flex h-[100px] w-[100px] flex-shrink-0 border focus-within:outline focus-within:outline-1 focus-within:outline-offset-1", j, ae, !V && "flex-col gap-3 p-3", oe && "cursor-pointer", y), fe = /* @__PURE__ */ J(K, { children: [
-		V ? /* @__PURE__ */ J("div", {
-			className: "relative h-full w-full overflow-hidden",
-			children: [ce !== je.Loaded && /* @__PURE__ */ q(ee, {
-				variant: x.Rectangular,
-				width: "100%",
-				height: "100%",
-				active: ce === je.Loading,
-				overlay: /* @__PURE__ */ q(be, {
-					size: p.LG,
-					className: A?.placeholderIconClassName ?? "text-secondary",
-					"aria-hidden": !0
-				}),
-				className: d("absolute inset-0", j)
-			}), /* @__PURE__ */ q("img", {
-				ref: se,
-				src: P,
-				alt: N,
-				loading: "lazy",
-				decoding: "async",
-				className: d("h-full w-full object-cover transition-opacity duration-200", ce === je.Loaded ? "opacity-100" : "opacity-0", j)
-			})]
-		}) : B ? /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ J("div", {
-			className: "flex flex-row items-center gap-1 overflow-hidden",
-			children: [/* @__PURE__ */ q(ie, {
-				size: p.SM,
-				className: d("shrink-0", Y.meta),
-				"aria-hidden": !0
-			}), /* @__PURE__ */ q("span", {
-				title: H,
-				className: d(A?.metaClassName ?? "dial-tiny-text", "min-w-0 truncate", Y.meta),
-				children: H
-			})]
-		}), /* @__PURE__ */ q("div", {
-			className: "min-w-0 flex-1",
-			children: /* @__PURE__ */ q("div", {
-				title: L,
-				className: d(A?.fontClassName ?? "dial-tiny-text", "line-clamp-3 break-words", Y.name),
-				children: i ? /* @__PURE__ */ q(r, {
-					text: L,
-					query: i,
-					maxLines: 3
-				}) : L
-			})
-		})] }) : /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q("div", {
-			className: "min-w-0 flex-1",
-			children: /* @__PURE__ */ q("div", {
-				title: L,
-				className: d(A?.fontClassName ?? "dial-tiny-text", "line-clamp-3 break-words", Y.name),
-				children: i ? /* @__PURE__ */ q(r, {
-					text: L,
-					query: i,
-					maxLines: 3
-				}) : L
-			})
-		}), /* @__PURE__ */ J("div", {
-			className: "flex flex-row items-center gap-1 overflow-hidden",
-			children: [/* @__PURE__ */ q(ie, {
-				size: p.SM,
-				className: d("shrink-0", Y.meta),
-				"aria-hidden": !0
-			}), /* @__PURE__ */ q("span", {
-				title: H,
-				className: d(A?.metaClassName ?? "dial-tiny-text", "min-w-0 truncate", Y.meta),
-				children: H
-			})]
-		})] }),
-		z && /* @__PURE__ */ q("span", {
-			className: d("absolute inset-0 flex items-center justify-center", j, Y.loadingOverlay),
-			children: /* @__PURE__ */ q(C, {
-				size: 40,
-				ariaLabel: D,
-				className: "z-50"
-			})
-		}),
-		/* @__PURE__ */ q("span", {
-			role: "status",
-			"aria-live": "polite",
-			className: "sr-only",
-			children: B ? O : ""
-		}),
-		!z && /* @__PURE__ */ J("div", {
-			className: d("absolute end-1 top-1 flex gap-1 transition-opacity", re ? "opacity-100" : "opacity-0 group-focus-within:opacity-100 group-hover:opacity-100 mobile:opacity-100"),
-			children: [
-				B && o && n.errorReason !== e.UnsupportedType && /* @__PURE__ */ q(h, {
-					icon: /* @__PURE__ */ q(xe, {
-						size: p.SM,
-						"aria-hidden": !0
-					}),
-					size: E.Small,
-					className: d("h-6 w-6 rounded", U),
-					"aria-label": S,
-					onClick: (e) => {
-						e.stopPropagation(), o(M);
-					}
-				}),
-				a && /* @__PURE__ */ q(h, {
-					icon: /* @__PURE__ */ q(we, {
-						size: p.SM,
-						"aria-hidden": !0
-					}),
-					size: E.Small,
-					className: d("h-6 w-6 rounded", U),
-					"aria-label": b,
-					onClick: (e) => {
-						e.stopPropagation(), a?.(M);
-					}
-				}),
-				v && !a && !B && /* @__PURE__ */ q(te, {
-					size: p.SM,
-					"aria-hidden": !0,
-					className: d("h-6 w-6 rounded-lg p-1", Y.hoverDownloadIcon)
-				})
-			]
-		})
-	] });
-	return oe ? /* @__PURE__ */ q("div", {
-		style: R,
-		className: de,
-		onClick: le,
-		onKeyDown: ue,
-		tabIndex: 0,
-		role: "button",
-		"aria-label": W ? w : I ? T : void 0,
-		children: fe
-	}) : /* @__PURE__ */ q("div", {
-		style: R,
-		className: de,
-		children: fe
-	});
-}, X = {
-	tile: "_tile_1l1lz_1",
-	tileLight: "_tileLight_1l1lz_12",
-	tileError: "_tileError_1l1lz_16",
-	nameText: "_nameText_1l1lz_23",
-	typeText: "_typeText_1l1lz_24",
-	retryIcon: "_retryIcon_1l1lz_36",
-	hoverIcon: "_hoverIcon_1l1lz_40",
-	track: "_track_1l1lz_45",
-	indeterminateFill: "_indeterminateFill_1l1lz_49",
-	"attachment-tile-indeterminate": "_attachment-tile-indeterminate_1l1lz_1"
-}, He = {
-	[e.Network]: "Upload failed · network error",
-	[e.UnsupportedType]: "Upload failed · unsupported file type"
-}, Ue = ({ attachment: t, onClick: r, onRetry: i, labels: a, typeLabels: s, styles: c, theme: u = n.Dark, className: f }) => {
-	let { clickLabel: m = "Download attachment", retryLabel: g = "Retry upload", sizeLabel: _, uploadingLabel: v = "Uploading", errorReasonLabels: y, genericErrorLabel: b = "Upload failed" } = a ?? {}, { nameClassName: ee = "dial-caption-text", metaClassName: x = "dial-caption-text", colors: S } = c ?? {}, C = l({
-		"--ci-tile-bg": S?.background,
-		"--ci-tile-border": S?.border,
-		"--ci-tile-border-hover": S?.borderHover,
-		"--ci-tile-focus-outline": S?.focusOutline,
-		"--ci-tile-bg-error": S?.backgroundError,
-		"--ci-tile-border-error": S?.borderError,
-		"--ci-tile-error-text": S?.errorText,
-		"--ci-tile-name-text": S?.nameText,
-		"--ci-tile-type-text": S?.typeText,
-		"--ci-tile-hover-icon-bg": S?.hoverIconBackground,
-		"--ci-tile-hover-icon-color": S?.hoverIconColor,
-		"--ci-tile-track-bg": S?.trackBackground,
-		"--ci-tile-fill-bg": S?.fillBackground
-	}), { id: w, name: T, status: D, errorReason: O } = t, k = D === o.Loading, A = D === o.Error, j = Oe(), M = A && (O && (y?.[O] ?? He[O]) || b), { BottomIcon: N, typeLabel: P } = ze(t, !1, !1, s), F = !A && !k && r !== void 0, I = A && !!i && O !== e.UnsupportedType, L = F || I ? "pe-5" : void 0, R = () => {
-		F && r?.(t);
-	}, z = (e) => {
-		(e.key === "Enter" || e.key === " ") && F && (e.preventDefault(), R());
-	}, B = d("group relative flex size-[84px] flex-col justify-between gap-1 overflow-hidden rounded-xl border p-1.5", X.tile, !A && u === n.Light && X.tileLight, A && X.tileError), V = /* @__PURE__ */ q("div", {
-		title: T,
-		className: d(ee, "line-clamp-2 min-w-0 break-words", X.nameText, !A && L),
-		children: T
-	}), ne = /* @__PURE__ */ J("div", {
-		className: d("flex items-center gap-1 overflow-hidden", A && L),
-		children: [/* @__PURE__ */ q(N, {
-			size: 16,
-			className: X.typeText,
-			"aria-hidden": !0
-		}), /* @__PURE__ */ q("span", {
-			className: d(x, "truncate", X.typeText),
-			children: _ ? `${P} · ${_}` : P
-		})]
-	}), re = /* @__PURE__ */ J(K, { children: [
-		A ? /* @__PURE__ */ J(K, { children: [ne, V] }) : /* @__PURE__ */ J(K, { children: [V, ne] }),
-		k && /* @__PURE__ */ q("div", {
-			role: "progressbar",
-			"aria-label": v,
-			className: d("absolute inset-x-2 bottom-2 h-[3px] overflow-hidden rounded-full", X.track),
-			children: /* @__PURE__ */ q("div", { className: d("h-full w-1/3 rounded-full", X.indeterminateFill) })
-		}),
-		F && /* @__PURE__ */ q(te, {
-			size: p.SM,
-			"aria-hidden": !0,
-			className: d("absolute end-1 top-1 h-6 w-6 rounded-lg p-1 opacity-0 transition-opacity group-hover:opacity-100 mobile:opacity-100", X.hoverIcon)
-		}),
-		I && /* @__PURE__ */ q(h, {
-			icon: /* @__PURE__ */ q(xe, {
-				size: p.SM,
-				"aria-hidden": !0
-			}),
-			size: E.Small,
-			className: d("absolute end-1 top-1 h-6 w-6 rounded-lg", X.retryIcon),
-			"aria-label": g,
-			"aria-describedby": M ? j : void 0,
-			onClick: (e) => {
-				e.stopPropagation(), i(w);
-			}
-		}),
-		A && /* @__PURE__ */ q("span", {
-			id: j,
-			role: "status",
-			"aria-live": "polite",
-			className: "sr-only",
-			children: M
-		})
-	] });
-	return /* @__PURE__ */ q("div", {
-		className: d("inline-flex", f),
-		children: F ? /* @__PURE__ */ q("div", {
-			role: "button",
-			tabIndex: 0,
-			"aria-label": m,
-			onClick: R,
-			onKeyDown: z,
-			style: C,
-			className: d(B, "cursor-pointer focus-within:outline focus-within:outline-1 focus-within:outline-offset-1"),
-			children: re
-		}) : /* @__PURE__ */ q("div", {
-			className: B,
-			title: M || void 0,
-			role: A ? "group" : void 0,
-			"aria-describedby": A ? j : void 0,
-			tabIndex: A ? 0 : void 0,
-			style: C,
-			children: re
-		})
-	});
-}, We = { tile: "_tile_1s4d7_1" }, Ge = ({ count: e, onClick: t, ariaLabel: n, children: r, fontClassName: i = "dial-small-semi-text", className: a, colors: o }) => {
-	let s = l({
-		"--ci-more-tile-bg": o?.background,
-		"--ci-more-tile-border": o?.border,
-		"--ci-more-tile-color": o?.color,
-		"--ci-more-tile-bg-hover": o?.backgroundHover,
-		"--ci-more-tile-color-hover": o?.colorHover,
-		"--ci-more-tile-border-hover": o?.borderHover,
-		"--ci-more-tile-focus-outline": o?.focusOutline
-	});
-	return /* @__PURE__ */ q("button", {
-		type: "button",
-		onClick: t,
-		"aria-label": n ?? `Show ${e} more attachments`,
-		style: s,
-		className: d("flex size-[84px] items-center justify-center rounded-xl border", i, We.tile, a),
-		children: r ?? /* @__PURE__ */ q("bdi", {
-			dir: "ltr",
-			children: `+${e}`
-		})
-	});
-}, Z = {
-	container: "_container_7fktb_1",
-	headerIcon: "_headerIcon_7fktb_6",
-	headerLabel: "_headerLabel_7fktb_7",
-	downloadAllButton: "_downloadAllButton_7fktb_8",
-	imageTile: "_imageTile_7fktb_12"
-}, Ke = (e, t) => `${e} ${t}${e === 1 ? "" : "s"}`, qe = ({ attachments: e, onAttachmentClick: n, onDownloadAll: r, onRetry: i, getSizeLabel: a, labels: s, typeLabels: c, styles: u, theme: f, className: m }) => {
-	let { ariaLabel: g = "Attachments", clickLabel: _ = "Download attachment", retryLabel: v = "Retry upload", showLessLabel: y = "Show less", downloadAllLabel: b = "Download all", getHeaderLabel: ee = (e) => Ke(e, "attachment") } = s ?? {}, { headerLabelClassName: x = "dial-tiny-semi-text", colors: S } = u ?? {}, C = l({
-		"--ci-group-bg": S?.background,
-		"--ci-group-border": S?.border,
-		"--ci-group-text": S?.text
-	}), [w, T] = G(!1), E = ke(() => Be(e.length, w), [e.length, w]);
-	if (e.length === 0) return null;
-	let D = e.some((e) => e.type === t.Image), O = e.some((e) => e.type !== t.Image), k = D && O, A = e.length >= 5, j = k ? ye : D ? be : L, M = ee(e.length), P = e.slice(0, E.visibleCount);
-	return /* @__PURE__ */ J("div", {
-		role: "group",
-		"aria-label": g,
-		style: C,
-		className: d("rounded-2xl border p-3", A ? "w-full min-w-0 max-w-[492px]" : "max-w-[420px]", Z.container, m),
-		children: [/* @__PURE__ */ J("div", {
-			className: "mb-3 flex min-h-6 items-center gap-2",
-			children: [
-				/* @__PURE__ */ q(j, {
-					size: p.SM,
-					className: d("shrink-0", Z.headerIcon),
-					"aria-hidden": !0
-				}),
-				/* @__PURE__ */ q("span", {
-					className: d(x, Z.headerLabel),
-					children: M
-				}),
-				e.length >= 2 && (r || n) && /* @__PURE__ */ q(h, {
-					icon: /* @__PURE__ */ q(te, {
-						size: p.SM,
-						"aria-hidden": !0
-					}),
-					className: d("ms-auto h-6 w-6 rounded-lg", Z.downloadAllButton),
-					"aria-label": b,
-					onClick: () => {
-						let t = e.filter((e) => e.status === o.Idle);
-						r ? r(t) : t.forEach((e) => n?.(e));
-					}
-				})
-			]
-		}), /* @__PURE__ */ J("div", {
-			role: "list",
-			"aria-label": M,
-			className: d("gap-3", A ? "grid grid-cols-[repeat(5,84px)] overflow-x-auto" : "flex flex-wrap"),
-			children: [
-				P.map((e) => /* @__PURE__ */ q("div", {
-					role: "listitem",
-					children: e.type === t.Image ? /* @__PURE__ */ q(Ve, {
-						attachment: e,
-						onClick: n ? () => n(e) : void 0,
-						onRetry: i,
-						labels: {
-							clickLabel: _,
-							retryLabel: v
-						},
-						typeLabels: c,
-						styles: { roundedClassName: "rounded-xl" },
-						showHoverDownloadIcon: !0,
-						className: d("size-[84px]", Z.imageTile)
-					}) : /* @__PURE__ */ q(Ue, {
-						attachment: e,
-						onClick: n,
-						onRetry: i,
-						labels: {
-							clickLabel: _,
-							retryLabel: v,
-							sizeLabel: a?.(e)
-						},
-						typeLabels: c,
-						theme: f
-					})
-				}, e.id)),
-				E.layout === Ne.Collapsed && /* @__PURE__ */ q("div", {
-					role: "listitem",
-					children: /* @__PURE__ */ q(Ge, {
-						count: E.hiddenCount,
-						onClick: () => T(!0)
-					})
-				}),
-				A && w && /* @__PURE__ */ q("div", {
-					role: "listitem",
-					children: /* @__PURE__ */ q(Ge, {
-						count: 0,
-						onClick: () => T(!1),
-						ariaLabel: y,
-						children: /* @__PURE__ */ q(N, {
-							size: p.MD,
-							"aria-hidden": !0
-						})
-					})
-				})
-			]
-		})]
-	});
-}, Je = {
-	tabContainer: "_tabContainer_rzv03_1",
-	tabActive: "_tabActive_rzv03_13"
-};
-Te(({ tabs: e, activeTabId: t, onTabChange: n, tabClassName: r = "dial-tiny-semi-text" }) => /* @__PURE__ */ q("div", {
-	className: "flex flex-nowrap gap-1",
-	children: e.map((e) => {
-		let i = t === e.id;
-		return /* @__PURE__ */ q(w, {
-			label: e.label,
-			selected: i,
-			onClick: () => n(e.id),
-			className: d("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", r, Je.tabContainer, i && Je.tabActive)
-		}, e.id);
-	})
-}));
-var Ye = (e) => /* @__PURE__ */ q(y, { ...e }), Xe = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, isOpen: o }) => {
-	let [s, c] = G(t), [l, u] = G(n), [d, f] = G(r), p = Ae(o);
-	De(() => {
-		o && !p.current && (c(t), u(n), f(r)), p.current = o;
-	}, [
-		o,
-		t,
-		n,
-		r
-	]);
-	let m = !e.responseFormat || s != null;
-	return {
-		responseFormat: s,
-		systemPrompt: l,
-		temperature: d,
-		canSubmit: m,
-		setResponseFormat: c,
-		setSystemPrompt: u,
-		setTemperature: f,
-		handleSubmit: Ee(() => {
-			if (!m) return;
-			let t = {};
-			e.responseFormat && s != null && (t.responseFormat = s), e.systemPrompt && (t.systemPrompt = l), e.temperature && (t.temperature = d), i(t), a();
-		}, [
-			m,
-			e,
-			s,
-			l,
-			d,
-			i,
-			a
-		])
-	};
-}, Ze = "!text-[14px] !leading-[20px] font-semibold !text-primary gap-1", Qe = ({ features: e, responseFormat: t, systemPrompt: n, temperature: r, onResponseFormatChange: i, onSystemPromptChange: a, onTemperatureChange: o, responseFormatLabel: c = "Response format", responseFormatHint: l = "Applies to new and existing messages", responseFormatMarkdownLabel: u = "Markdown", responseFormatPlainTextLabel: d = "Plain text", systemPromptLabel: f = "System prompt", systemPromptTooltip: p = "Enter a prompt", temperatureLabel: m = "Temperature", temperatureLabels: h = [
-	"Precise",
-	"Neutral",
-	"Creative"
-], temperatureHint: _ }) => /* @__PURE__ */ J("div", {
-	className: "flex flex-col gap-4 px-6 py-3",
-	children: [
-		e.responseFormat && /* @__PURE__ */ q(b, {
-			fieldTitle: c,
-			labelClassName: Ze,
-			elementId: "response-format",
-			orientation: O.Column,
-			activeRadioButton: t ?? s.Markdown,
-			labelDescription: l,
-			radioButtons: [{
-				id: s.Markdown,
-				name: u
-			}, {
-				id: s.PlainText,
-				name: d
-			}],
-			onChange: (e) => i(e)
-		}),
-		e.systemPrompt && /* @__PURE__ */ q(g, {
-			value: n,
-			placeholder: p,
-			labelProps: {
-				className: Ze,
-				label: f
-			},
-			onChange: (e) => a(e ?? "")
-		}),
-		e.temperature && /* @__PURE__ */ q(S, {
-			labelProps: {
-				label: m,
-				className: Ze,
-				caption: _
-			},
-			value: r,
-			min: 0,
-			max: 1,
-			step: .1,
-			labels: h,
-			onChange: o
-		})
-	]
-});
-Te(({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, title: o = "Chat settings", responseFormatLabel: s, responseFormatHint: c, responseFormatMarkdownLabel: l, responseFormatPlainTextLabel: u, systemPromptLabel: d, systemPromptTooltip: f, temperatureLabel: p, temperatureLabels: m, temperatureHint: h, saveLabel: g = "Apply changes", saveDisabledTooltip: _ }) => {
-	let { responseFormat: y, systemPrompt: b, temperature: ee, canSubmit: x, setResponseFormat: S, setSystemPrompt: C, setTemperature: w, handleSubmit: E } = Xe({
-		features: e,
-		initialResponseFormat: t,
-		initialSystemPrompt: n,
-		initialTemperature: r,
-		onSave: i,
-		onClose: a
-	});
-	return /* @__PURE__ */ q(v, {
-		open: !0,
-		header: o,
-		size: D.Sm,
-		onClose: a,
-		className: "!bg-layer-2",
-		footer: /* @__PURE__ */ q("div", {
-			className: "flex justify-end px-6 py-4",
-			children: /* @__PURE__ */ q(T, {
-				tooltip: _,
-				hideTooltip: x || !_,
-				children: /* @__PURE__ */ q(Ye, {
-					label: g,
-					onClick: E,
-					disabled: !x
-				})
-			})
-		}),
-		children: /* @__PURE__ */ q(Qe, {
-			features: e,
-			responseFormat: y,
-			systemPrompt: b,
-			temperature: ee,
-			onResponseFormatChange: S,
-			onSystemPromptChange: C,
-			onTemperatureChange: w,
-			responseFormatLabel: s,
-			responseFormatHint: c,
-			responseFormatMarkdownLabel: l,
-			responseFormatPlainTextLabel: u,
-			systemPromptLabel: d,
-			systemPromptTooltip: f,
-			temperatureLabel: p,
-			temperatureLabels: m,
-			temperatureHint: h
-		})
-	});
-});
-var Q = {
+import { MarkdownRenderer as e, StageStatus as t, buildCssVars as n, copyToClipboard as r, mergeClasses as i, messageAttachmentToDisplayAttachment as a } from "@epam/ai-dial-chat-shared";
+import { DIAL_ICON_SIZE as o, DialEllipsisTooltip as s, DialGhostIconButton as c, DialLinkButton as l, DialSpinner as u, ElementSize as d } from "@epam/ai-dial-ui-kit";
+import { IconAlertCircle as f, IconCheck as p, IconChevronDown as m, IconChevronRight as h, IconCircleCheck as g, IconCopy as _ } from "@tabler/icons-react";
+import { memo as v, useCallback as y, useEffect as b, useRef as x, useState as S } from "react";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+var E = {
 	panel: "_panel_1yr1w_1",
 	collapseButton: "_collapseButton_1yr1w_7",
 	stageName: "_stageName_1yr1w_11",
@@ -701,200 +14,191 @@ var Q = {
 	blockquote: "_blockquote_1yr1w_34",
 	tableCell: "_tableCell_1yr1w_39",
 	tableHeader: "_tableHeader_1yr1w_44"
-}, $e = ({ status: e, isLive: t }) => e ? e === c.Completed ? /* @__PURE__ */ q(P, {
-	size: p.MD,
-	className: Q.iconSecondary
-}) : /* @__PURE__ */ q(k, {
-	size: p.MD,
-	className: Q.iconSecondary
-}) : t ? /* @__PURE__ */ q(C, { size: 20 }) : /* @__PURE__ */ q(k, {
-	size: p.MD,
-	className: Q.iconSecondary
-}), et = ({ children: e, codeClassName: t, copyAriaLabel: n }) => {
-	let [r, i] = G(!1), a = Ae(null);
-	De(() => () => {
-		a.current != null && clearTimeout(a.current);
+}, D = ({ status: e, isLive: n }) => e ? e === t.Completed ? /* @__PURE__ */ w(g, {
+	size: o.MD,
+	className: E.iconSecondary
+}) : /* @__PURE__ */ w(f, {
+	size: o.MD,
+	className: E.iconSecondary
+}) : n ? /* @__PURE__ */ w(u, { size: 20 }) : /* @__PURE__ */ w(f, {
+	size: o.MD,
+	className: E.iconSecondary
+}), O = ({ children: e, codeClassName: t, copyAriaLabel: n }) => {
+	let [a, s] = S(!1), l = x(null);
+	b(() => () => {
+		l.current != null && clearTimeout(l.current);
 	}, []);
-	let o = Ee(() => {
-		u(typeof e == "string" ? e : String(e ?? "")), a.current && clearTimeout(a.current), i(!0), a.current = setTimeout(() => i(!1), 2e3);
+	let u = y(() => {
+		r(typeof e == "string" ? e : String(e ?? "")), l.current && clearTimeout(l.current), s(!0), l.current = setTimeout(() => s(!1), 2e3);
 	}, [e]);
-	return /* @__PURE__ */ J("pre", {
-		className: d("relative max-h-[300px] overflow-auto rounded border p-3 text-sm", Q.codeBlock),
-		children: [/* @__PURE__ */ q(h, {
-			size: E.Small,
-			icon: q(r ? A : I, {
-				size: p.SM,
-				className: Q.iconSecondary
+	return /* @__PURE__ */ T("pre", {
+		className: i("relative max-h-[300px] overflow-auto rounded border p-3 text-sm", E.codeBlock),
+		children: [/* @__PURE__ */ w(c, {
+			size: d.Small,
+			icon: w(a ? p : _, {
+				size: o.SM,
+				className: E.iconSecondary
 			}),
 			"aria-label": n,
-			onClick: o,
+			onClick: u,
 			className: "absolute end-2 top-2"
-		}), /* @__PURE__ */ q("code", {
-			className: d("font-mono", t),
+		}), /* @__PURE__ */ w("code", {
+			className: i("font-mono", t),
 			children: e
 		})]
 	});
-}, tt = Te(({ content: e, typography: t, copyAriaLabel: n = "Copy" }) => /* @__PURE__ */ q(a, {
-	content: e,
+}, k = v(({ content: t, typography: n, copyAriaLabel: r = "Copy" }) => /* @__PURE__ */ w(e, {
+	content: t,
 	classNames: {
-		p: d(t.fontClassName, Q.stageContent),
-		ul: d(t.fontClassName, Q.stageContent),
-		ol: d(t.fontClassName, Q.stageContent),
-		codeInline: Q.codeInline,
-		blockquote: Q.blockquote,
-		link: Q.stageContent,
-		tableCell: Q.tableCell,
-		tableHeader: Q.tableHeader
+		p: i(n.fontClassName, E.stageContent),
+		ul: i(n.fontClassName, E.stageContent),
+		ol: i(n.fontClassName, E.stageContent),
+		codeInline: E.codeInline,
+		blockquote: E.blockquote,
+		link: E.stageContent,
+		tableCell: E.tableCell,
+		tableHeader: E.tableHeader
 	},
-	components: { code: ({ children: e, className: r }) => r?.includes("language-") ? /* @__PURE__ */ q(et, {
-		codeClassName: r,
-		copyAriaLabel: n,
+	components: { code: ({ children: e, className: t }) => t?.includes("language-") ? /* @__PURE__ */ w(O, {
+		codeClassName: t,
+		copyAriaLabel: r,
 		children: e
-	}) : /* @__PURE__ */ q("code", {
-		className: d("px-1 py-0.5", t.codeClassName ?? "rounded font-mono text-sm", Q.codeInline),
+	}) : /* @__PURE__ */ w("code", {
+		className: i("px-1 py-0.5", n.codeClassName ?? "rounded font-mono text-sm", E.codeInline),
 		children: e
 	}) }
-})), nt = ({ stage: e, isLive: t, typography: n, copyAriaLabel: r = "Copy stage content", attachmentsAriaLabel: i = "Stage attachments", onAttachmentClick: a }) => {
-	let [o, s] = G(!1), c = /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q($e, {
+})), A = ({ stage: e, isLive: t, typography: n, copyAriaLabel: r = "Copy stage content" }) => {
+	let [c, l] = S(!1), u = /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(D, {
 		status: e.status,
 		isLive: t
-	}), /* @__PURE__ */ q("span", {
-		className: d("min-w-0 flex-1 truncate capitalize", Q.stageName),
-		children: /* @__PURE__ */ q(m, { text: e.name || e.status })
-	})] }), l = e.attachments?.map((e) => f(e)) ?? [];
-	return e.content || l.length ? /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ J("button", {
+	}), /* @__PURE__ */ w("span", {
+		className: i("min-w-0 flex-1 truncate capitalize", E.stageName),
+		children: /* @__PURE__ */ w(s, { text: e.name || e.status })
+	})] }), d = e.attachments?.map((e) => a(e)) ?? [];
+	return e.content || d.length ? /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("button", {
 		type: "button",
-		onClick: () => s((e) => !e),
-		className: d("flex w-full cursor-pointer items-center gap-2 p-0", Q.collapseButton),
-		children: [c, o ? /* @__PURE__ */ q(j, {
-			size: p.MD,
-			className: Q.iconSecondary
-		}) : /* @__PURE__ */ q(M, {
-			size: p.MD,
-			className: d(Q.iconSecondary, "rtl:scale-x-[-1]")
+		onClick: () => l((e) => !e),
+		className: i("flex w-full cursor-pointer items-center gap-2 p-0", E.collapseButton),
+		children: [u, c ? /* @__PURE__ */ w(m, {
+			size: o.MD,
+			className: E.iconSecondary
+		}) : /* @__PURE__ */ w(h, {
+			size: o.MD,
+			className: i(E.iconSecondary, "rtl:scale-x-[-1]")
 		})]
-	}), /* @__PURE__ */ q("div", {
-		className: d("grid overflow-hidden transition-[grid-template-rows] duration-[250ms] ease-in-out", o ? "grid-rows-[1fr]" : "grid-rows-[0fr]"),
-		children: /* @__PURE__ */ q("div", {
+	}), /* @__PURE__ */ w("div", {
+		className: i("grid overflow-hidden transition-[grid-template-rows] duration-[250ms] ease-in-out", c ? "grid-rows-[1fr]" : "grid-rows-[0fr]"),
+		children: /* @__PURE__ */ w("div", {
 			className: "overflow-hidden",
-			children: /* @__PURE__ */ J("div", {
+			children: /* @__PURE__ */ w("div", {
 				className: "mt-3 flex flex-col gap-3 ps-7",
-				children: [e.content && /* @__PURE__ */ q("div", {
+				children: e.content && /* @__PURE__ */ w("div", {
 					className: "max-h-[300px] overflow-y-auto",
-					children: /* @__PURE__ */ q(tt, {
+					children: /* @__PURE__ */ w(k, {
 						content: e.content,
 						typography: n,
 						copyAriaLabel: r
 					})
-				}), l.length > 0 && /* @__PURE__ */ q(qe, {
-					attachments: l,
-					labels: { ariaLabel: i },
-					onAttachmentClick: a
-				})]
+				})
 			})
 		})
-	})] }) : /* @__PURE__ */ q("div", {
+	})] }) : /* @__PURE__ */ w("div", {
 		className: "flex items-center gap-2",
-		children: c
+		children: u
 	});
-}, $ = ({ stages: e, isStreaming: t, className: n, styles: r, copyAriaLabel: i, onAttachmentClick: a }) => {
-	let { colors: o, typography: s = { fontClassName: "dial-small-text" } } = r ?? {}, c = l({
-		"--cs-bg": o?.background,
-		"--cs-border": o?.border,
-		"--cs-text": o?.text,
-		"--cs-stage-text": o?.stageTextColor,
-		"--cs-running": o?.runningColor,
-		"--cs-completed": o?.completedColor,
-		"--cs-failed": o?.failedColor,
-		"--cs-button-bg": o?.buttonBackground
-	}), u = t ? e.reduce((e, t, n) => t.status ? e : n, -1) : -1;
-	return /* @__PURE__ */ q("div", {
-		style: c,
-		className: d("w-full", Q.panel, n),
-		children: /* @__PURE__ */ q("ul", {
+}, j = ({ stages: e, isStreaming: t, className: r, styles: a, labels: o }) => {
+	let { colors: s, typography: c = { fontClassName: "dial-small-text" } } = a ?? {}, { copyAriaLabel: l } = o ?? {}, u = n({
+		"--cs-bg": s?.background,
+		"--cs-border": s?.border,
+		"--cs-text": s?.text,
+		"--cs-stage-text": s?.stageTextColor,
+		"--cs-running": s?.runningColor,
+		"--cs-completed": s?.completedColor,
+		"--cs-failed": s?.failedColor,
+		"--cs-button-bg": s?.buttonBackground
+	}), d = t ? e.reduce((e, t, n) => t.status ? e : n, -1) : -1;
+	return /* @__PURE__ */ w("div", {
+		style: u,
+		className: i("w-full", E.panel, r),
+		children: /* @__PURE__ */ w("ul", {
 			role: "list",
 			className: "flex w-full flex-col gap-4",
-			children: e.map((e, t) => /* @__PURE__ */ q("li", {
+			children: e.map((e, t) => /* @__PURE__ */ w("li", {
 				role: "listitem",
-				className: d("w-full", s.fontClassName),
-				children: /* @__PURE__ */ q(nt, {
+				className: i("w-full", c.fontClassName),
+				children: /* @__PURE__ */ w(A, {
 					stage: e,
-					isLive: u === t,
-					typography: s,
-					copyAriaLabel: i,
-					onAttachmentClick: a
+					isLive: d === t,
+					typography: c,
+					copyAriaLabel: l
 				})
 			}, e.index))
 		})
 	});
-}, rt = {
+}, M = {
 	toggleButton: "_toggleButton_1rkek_1",
 	stepsCount: "_stepsCount_1rkek_8",
 	contentBox: "_contentBox_1rkek_12"
-}, it = ({ stages: e, isStreaming: t, executedLabel: n = "Executed", stepsLabel: r = () => "steps", collapseThreshold: i = 7, className: a, styles: o, onAttachmentClick: s }) => {
-	let [u, f] = G(!1);
-	if (t) return /* @__PURE__ */ q($, {
+}, N = ({ stages: e, isStreaming: r, labels: a, collapseThreshold: s = 7, className: c, styles: u }) => {
+	let { executedLabel: d = "Executed", stepsLabel: f = () => "steps" } = a ?? {}, [g, _] = S(!1);
+	if (r) return /* @__PURE__ */ w(j, {
 		stages: e,
-		isStreaming: !0,
-		onAttachmentClick: s
+		isStreaming: !0
 	});
-	let { colors: m, typography: h = { fontClassName: "dial-tiny-text" } } = o ?? {}, g = l({
-		"--cs-cg-label": m?.labelColor,
-		"--cs-cg-label-hover": m?.labelHoverColor,
-		"--cs-cg-steps-count": m?.stepsCountColor,
-		"--cs-cg-border": m?.contentBorderColor
+	let { colors: v, typography: y = { fontClassName: "dial-tiny-text" } } = u ?? {}, b = n({
+		"--cs-cg-label": v?.labelColor,
+		"--cs-cg-label-hover": v?.labelHoverColor,
+		"--cs-cg-steps-count": v?.stepsCountColor,
+		"--cs-cg-border": v?.contentBorderColor
 	});
-	if (e.length < i) return /* @__PURE__ */ q("div", {
-		style: g,
-		className: d("flex w-full flex-col gap-1", a),
-		children: /* @__PURE__ */ q($, {
+	if (e.length < s) return /* @__PURE__ */ w("div", {
+		style: b,
+		className: i("flex w-full flex-col gap-1", c),
+		children: /* @__PURE__ */ w(j, {
 			stages: e,
-			isStreaming: !1,
-			onAttachmentClick: s
+			isStreaming: !1
 		})
 	});
-	let v = e.filter((e) => e.status === c.Completed), y = e.filter((e) => e.status !== c.Completed);
-	return /* @__PURE__ */ J("div", {
-		style: g,
-		className: d("flex w-full flex-col gap-1", a),
-		children: [v.length > 0 && /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(_, {
-			className: rt.toggleButton,
-			onClick: () => f((e) => !e),
-			iconBefore: /* @__PURE__ */ q(A, { size: p.SM }),
-			iconAfter: u ? /* @__PURE__ */ q(j, { size: 12 }) : /* @__PURE__ */ q(M, {
+	let x = e.filter((e) => e.status === t.Completed), E = e.filter((e) => e.status !== t.Completed);
+	return /* @__PURE__ */ T("div", {
+		style: b,
+		className: i("flex w-full flex-col gap-1", c),
+		children: [x.length > 0 && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(l, {
+			className: M.toggleButton,
+			onClick: () => _((e) => !e),
+			iconBefore: /* @__PURE__ */ w(p, { size: o.SM }),
+			iconAfter: g ? /* @__PURE__ */ w(m, { size: 12 }) : /* @__PURE__ */ w(h, {
 				size: 12,
 				className: "rtl:scale-x-[-1]"
 			}),
-			label: /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q("span", {
-				className: d(h.fontClassName, "pe-1"),
-				children: n
-			}), /* @__PURE__ */ J("span", {
-				className: d(h.fontClassName, rt.stepsCount),
+			label: /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("span", {
+				className: i(y.fontClassName, "pe-1"),
+				children: d
+			}), /* @__PURE__ */ T("span", {
+				className: i(y.fontClassName, M.stepsCount),
 				children: [
-					v.length,
+					x.length,
 					" ",
-					r(v.length)
+					f(x.length)
 				]
 			})] })
-		}), /* @__PURE__ */ q("div", {
-			className: d("grid pt-1 transition-[grid-template-rows] duration-300 ease-in-out", u ? "grid-rows-[1fr]" : "grid-rows-[0fr]"),
-			children: /* @__PURE__ */ q("div", {
+		}), /* @__PURE__ */ w("div", {
+			className: i("grid pt-1 transition-[grid-template-rows] duration-300 ease-in-out", g ? "grid-rows-[1fr]" : "grid-rows-[0fr]"),
+			children: /* @__PURE__ */ w("div", {
 				className: "overflow-hidden",
-				children: /* @__PURE__ */ q("div", {
-					className: d("rounded border px-2 py-3", rt.contentBox),
-					children: /* @__PURE__ */ q($, {
-						stages: v,
-						isStreaming: !1,
-						onAttachmentClick: s
+				children: /* @__PURE__ */ w("div", {
+					className: i("rounded border px-2 py-3", M.contentBox),
+					children: /* @__PURE__ */ w(j, {
+						stages: x,
+						isStreaming: !1
 					})
 				})
 			})
-		})] }), y.length > 0 && /* @__PURE__ */ q($, {
-			stages: y,
-			isStreaming: !1,
-			onAttachmentClick: s
+		})] }), E.length > 0 && /* @__PURE__ */ w(j, {
+			stages: E,
+			isStreaming: !1
 		})]
 	});
 };
 //#endregion
-export { it as CollapsedGroup, $ as StagesPanel };
+export { N as CollapsedGroup, j as StagesPanel };

package/models/collapsed-group.d.ts

@@ -1,4 +1,4 @@
-import { DisplayAttachment, Stage } from '@epam/ai-dial-chat-shared';
+import { Stage } from '@epam/ai-dial-chat-shared';
 /** Color overrides for the `CollapsedGroup` component applied as CSS custom properties. */
 export interface CollapsedGroupColors {
     /** Color of the toggle button label and icon. Defaults to `var(--text-secondary, #575F73)`. */
@@ -24,23 +24,26 @@ export interface CollapsedGroupStyles {
     /** Typography for the toggle button label. Defaults to `{ fontClassName: 'dial-tiny-text' }`. */
     typography?: CollapsedGroupTypography;
 }
+/** User-visible strings for the `CollapsedGroup` component. */
+export interface CollapsedGroupLabels {
+    /** Label shown before the steps count on the toggle button. Defaults to `'Executed'`. */
+    executedLabel?: string;
+    /** Returns the pluralized label for the steps count. Receives the count so callers can handle any plural rule. Defaults to `() => 'steps'`. */
+    stepsLabel?: (count: number) => string;
+}
 /** Props accepted by the `CollapsedGroup` component. */
 export interface CollapsedGroupProps {
     /** Ordered list of stages to display. */
     stages: Stage[];
     /** When `true` the component renders all stages directly via `StagesPanel` without collapsing. */
     isStreaming: boolean;
-    /** Label shown before the steps count on the toggle button. Defaults to `'Executed'`. */
-    executedLabel?: string;
-    /** Returns the pluralized label for the steps count. Receives the count so callers can handle any plural rule. Defaults to `() => 'steps'`. */
-    stepsLabel?: (count: number) => string;
+    /** User-visible strings for the toggle button. */
+    labels?: CollapsedGroupLabels;
     /** Extra class name(s) merged onto the outer wrapper. */
     className?: string;
     /** Color and typography overrides applied as CSS custom properties. */
     styles?: CollapsedGroupStyles;
     /** Minimum number of stages required to activate the collapse behaviour. Defaults to `7`. */
     collapseThreshold?: number;
-    /** Called when the user clicks an attachment card inside a stage. */
-    onAttachmentClick?: (attachment: DisplayAttachment) => void;
 }
 //# sourceMappingURL=collapsed-group.d.ts.map

package/models/collapsed-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collapsed-group.d.ts","sourceRoot":"","sources":["../../src/models/collapsed-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAE1E,2FAA2F;AAC3F,MAAM,WAAW,oBAAoB;IACnC,+FAA+F;IAC/F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sGAAsG;IACtG,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4EAA4E;IAC5E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wGAAwG;IACxG,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,iEAAiE;AACjE,MAAM,WAAW,wBAAwB;IACvC,4FAA4F;IAC5F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,2FAA2F;AAC3F,MAAM,WAAW,oBAAoB;IACnC,wDAAwD;IACxD,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,iGAAiG;IACjG,UAAU,CAAC,EAAE,wBAAwB,CAAC;CACvC;AAED,wDAAwD;AACxD,MAAM,WAAW,mBAAmB;IAClC,yCAAyC;IACzC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,kGAAkG;IAClG,WAAW,EAAE,OAAO,CAAC;IACrB,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+IAA+I;IAC/I,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,6FAA6F;IAC7F,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC7D"}
+{"version":3,"file":"collapsed-group.d.ts","sourceRoot":"","sources":["../../src/models/collapsed-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAEvD,2FAA2F;AAC3F,MAAM,WAAW,oBAAoB;IACnC,+FAA+F;IAC/F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sGAAsG;IACtG,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4EAA4E;IAC5E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wGAAwG;IACxG,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,iEAAiE;AACjE,MAAM,WAAW,wBAAwB;IACvC,4FAA4F;IAC5F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,2FAA2F;AAC3F,MAAM,WAAW,oBAAoB;IACnC,wDAAwD;IACxD,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,iGAAiG;IACjG,UAAU,CAAC,EAAE,wBAAwB,CAAC;CACvC;AAED,+DAA+D;AAC/D,MAAM,WAAW,oBAAoB;IACnC,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+IAA+I;IAC/I,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACxC;AAED,wDAAwD;AACxD,MAAM,WAAW,mBAAmB;IAClC,yCAAyC;IACzC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,kGAAkG;IAClG,WAAW,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,6FAA6F;IAC7F,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B"}

package/models/stages-props.d.ts

@@ -1,4 +1,4 @@
-import { DisplayAttachment, Stage } from '@epam/ai-dial-chat-shared';
+import { Stage } from '@epam/ai-dial-chat-shared';
 /**
  * Typography configuration for stage content text.
  * Use either `fontClassName` (a CSS utility class) or the explicit CSS property fields — not both.
@@ -41,6 +41,11 @@ export interface StagesPanelStyles {
     /** Typography applied to stage content text. Defaults to `{ fontClassName: 'dial-small-text' }`. */
     typography?: StageTypography;
 }
+/** User-visible strings for the `StagesPanel` component. */
+export interface StagesPanelLabels {
+    /** Accessible label for the copy button on each stage's content. Defaults to `'Copy'`. */
+    copyAriaLabel?: string;
+}
 /** Props accepted by the `StagesPanel` component. */
 export interface StagesPanelProps {
     /** Ordered list of stages to display. */
@@ -51,9 +56,7 @@ export interface StagesPanelProps {
     className?: string;
     /** Color and typography overrides applied as CSS custom properties. */
     styles?: StagesPanelStyles;
-    /** Accessible label for the copy button on each stage's content. Defaults to `'Copy'`. */
-    copyAriaLabel?: string;
-    /** Called when the user clicks an attachment card inside a stage. */
-    onAttachmentClick?: (attachment: DisplayAttachment) => void;
+    /** User-visible strings. */
+    labels?: StagesPanelLabels;
 }
 //# sourceMappingURL=stages-props.d.ts.map

package/models/stages-props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stages-props.d.ts","sourceRoot":"","sources":["../../src/models/stages-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAE1E;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,0EAA0E;IAC1E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4FAA4F;IAC5F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wFAAwF;AACxF,MAAM,WAAW,iBAAiB;IAChC,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mFAAmF;IACnF,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wFAAwF;AACxF,MAAM,WAAW,iBAAiB;IAChC,wDAAwD;IACxD,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,oGAAoG;IACpG,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B;AAED,qDAAqD;AACrD,MAAM,WAAW,gBAAgB;IAC/B,yCAAyC;IACzC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,2EAA2E;IAC3E,WAAW,EAAE,OAAO,CAAC;IACrB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,0FAA0F;IAC1F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC7D"}
+{"version":3,"file":"stages-props.d.ts","sourceRoot":"","sources":["../../src/models/stages-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAEvD;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,0EAA0E;IAC1E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4FAA4F;IAC5F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wFAAwF;AACxF,MAAM,WAAW,iBAAiB;IAChC,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mFAAmF;IACnF,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wFAAwF;AACxF,MAAM,WAAW,iBAAiB;IAChC,wDAAwD;IACxD,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,oGAAoG;IACpG,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B;AAED,4DAA4D;AAC5D,MAAM,WAAW,iBAAiB;IAChC,0FAA0F;IAC1F,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,qDAAqD;AACrD,MAAM,WAAW,gBAAgB;IAC/B,yCAAyC;IACzC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,2EAA2E;IAC3E,WAAW,EAAE,OAAO,CAAC;IACrB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,4BAA4B;IAC5B,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-conversation-stages",
   "description": "Panel for displaying agent processing stages during LLM response streaming",
-  "version": "1.0.0-dev.506",
+  "version": "1.0.0-dev.509",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -19,9 +19,8 @@
   "peerDependencies": {
     "react": "^19.0.0",
     "@tabler/icons-react": "^3.0.0",
-    "@epam/ai-dial-chat-shared": "1.0.0-dev.506",
-    "@epam/ai-dial-ui-kit": "0.12.0-dev.28",
-    "@epam/ai-dial-conversation-input": "1.0.0-dev.506"
+    "@epam/ai-dial-chat-shared": "1.0.0-dev.509",
+    "@epam/ai-dial-ui-kit": "0.12.0-dev.28"
   },
   "repository": {
     "type": "git",