@epam/ai-dial-conversation-stages 1.1.0-dev.298 → 1.1.0-dev.299

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

@@ -1 +1 @@
-{"version":3,"file":"CollapsedGroup.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsedGroup/CollapsedGroup.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AACxD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAUxE,gJAAgJ;AAChJ,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAyOlD,CAAC"}
+{"version":3,"file":"CollapsedGroup.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsedGroup/CollapsedGroup.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AACxD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAUxE,gJAAgJ;AAChJ,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA+OlD,CAAC"}

package/components/StageIcon/StageIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StageIcon.d.ts","sourceRoot":"","sources":["../../../src/components/StageIcon/StageIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAGxD,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAG3B,mCAAmC;AACnC,MAAM,WAAW,cAAc;IAC7B,4EAA4E;IAC5E,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,kEAAkE;IAClE,MAAM,EAAE,OAAO,CAAC;IAChB,mFAAmF;IACnF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4GAA4G;IAC5G,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,8FAA8F;AAC9F,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA8BxC,CAAC"}
+{"version":3,"file":"StageIcon.d.ts","sourceRoot":"","sources":["../../../src/components/StageIcon/StageIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAOxD,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAG3B,mCAAmC;AACnC,MAAM,WAAW,cAAc;IAC7B,4EAA4E;IAC5E,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,kEAAkE;IAClE,MAAM,EAAE,OAAO,CAAC;IAChB,mFAAmF;IACnF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4GAA4G;IAC5G,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,8FAA8F;AAC9F,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAgCxC,CAAC"}

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,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAIvD,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,EACV,iBAAiB,EACjB,eAAe,EAChB,MAAM,2BAA2B,CAAC;AAMnC,mCAAmC;AACnC,MAAM,WAAW,cAAc;IAC7B,gCAAgC;IAChC,KAAK,EAAE,KAAK,CAAC;IACb,kEAAkE;IAClE,MAAM,EAAE,OAAO,CAAC;IAChB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,4BAA4B;IAC5B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,kHAAkH;IAClH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,6EAA6E;AAC7E,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA0HxC,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;AAQvD,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,EACV,iBAAiB,EACjB,eAAe,EAChB,MAAM,2BAA2B,CAAC;AAMnC,mCAAmC;AACnC,MAAM,WAAW,cAAc;IAC7B,gCAAgC;IAChC,KAAK,EAAE,KAAK,CAAC;IACb,kEAAkE;IAClE,MAAM,EAAE,OAAO,CAAC;IAChB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,4BAA4B;IAC5B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,kHAAkH;IAClH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,6EAA6E;AAC7E,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA+HxC,CAAC"}

package/components/StageMarkdownContent/StageCodeBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StageCodeBlock.d.ts","sourceRoot":"","sources":["../../../src/components/StageMarkdownContent/StageCodeBlock.tsx"],"names":[],"mappings":"AAOA,OAAO,EACL,KAAK,EAAE,EACP,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAGf,UAAU,KAAK;IACb,6BAA6B;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,iEAAiE;IACjE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qFAAqF;IACrF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4CAA4C;IAC5C,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,mEAAmE;AACnE,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CA0DpC,CAAC"}
+{"version":3,"file":"StageCodeBlock.d.ts","sourceRoot":"","sources":["../../../src/components/StageMarkdownContent/StageCodeBlock.tsx"],"names":[],"mappings":"AAQA,OAAO,EACL,KAAK,EAAE,EACP,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAGf,UAAU,KAAK;IACb,6BAA6B;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,iEAAiE;IACjE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qFAAqF;IACrF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4CAA4C;IAC5C,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,mEAAmE;AACnE,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CA4DpC,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":"AAOA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAErC,OAAO,KAAK,EAEV,gBAAgB,EAEjB,MAAM,2BAA2B,CAAC;AAyInC,+FAA+F;AAC/F,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA+D5C,CAAC"}
+{"version":3,"file":"StagesPanel.d.ts","sourceRoot":"","sources":["../../../src/components/StagesPanel/StagesPanel.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAErC,OAAO,KAAK,EAEV,gBAAgB,EAEjB,MAAM,2BAA2B,CAAC;AA8InC,+FAA+F;AAC/F,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA+D5C,CAAC"}

package/index.js

@@ -1,33 +1,33 @@
 import { MarkdownRenderer as e, StageStatus as t, buildCssVars as n, copyToClipboard as r, mergeClasses as i } from "@epam/ai-dial-chat-shared";
-import { DIAL_ICON_SIZE as a, ElementSize as o, EllipsisTooltip as s, GhostIconButton as c, LinkButton as l, Spinner as u } from "@epam/ai-dial-ui-kit";
-import { IconAlertCircle as d, IconCheck as f, IconChevronDown as p, IconChevronRight as m, IconCopy as h } from "@tabler/icons-react";
-import { memo as g, useCallback as _, useEffect as v, useRef as y, useState as b } from "react";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { DIAL_ICON_SIZE as a, DIAL_KIT_ICON_STROKE as o, ElementSize as s, EllipsisTooltip as c, GhostIconButton as l, LinkButton as u, Spinner as d } from "@epam/ai-dial-ui-kit";
+import { IconAlertCircle as f, IconCheck as p, IconChevronDown as m, IconChevronRight as h, IconCopy as g } from "@tabler/icons-react";
+import { memo as _, useCallback as v, useEffect as y, useRef as b, useState as x } from "react";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
 //#region src/utils/stage-name.ts
-var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e) => {
+var T = /[([][^()[\]]*[)\]]/g, E = /(\d+(?:\.\d+)?)\s*s\b/, D = /:\s*$/, O = (e) => {
 	let t = e ?? "";
-	w.lastIndex = 0;
+	T.lastIndex = 0;
 	let n, r = null, i = -1, a = 0;
-	for (; n = w.exec(t);) {
-		let e = n[0].slice(1, -1), t = T.exec(e);
+	for (; n = T.exec(t);) {
+		let e = n[0].slice(1, -1), t = E.exec(e);
 		if (t) {
 			r = t, i = n.index, a = n[0].length;
 			break;
 		}
 	}
 	return {
-		name: (r && i >= 0 ? t.slice(0, i) + t.slice(i + a) : t).replace(E, "").trim().replace(/ {2,}/g, " "),
+		name: (r && i >= 0 ? t.slice(0, i) + t.slice(i + a) : t).replace(D, "").trim().replace(/ {2,}/g, " "),
 		durationLabel: r ? `${r[1]}s` : void 0
 	};
-}, O = (e) => e.length > 0 && !/\s/.test(e) && e.includes("_"), k = (e) => e >= 60 ? `${Math.floor(e / 60)}m ${Math.round(e % 60)}s` : `${e.toFixed(1)}s`, A = (e) => {
+}, k = (e) => e.length > 0 && !/\s/.test(e) && e.includes("_"), A = (e) => e >= 60 ? `${Math.floor(e / 60)}m ${Math.round(e % 60)}s` : `${e.toFixed(1)}s`, j = (e) => {
 	if (!e) return;
 	let t = /^(\d+(?:\.\d+)?)s$/.exec(e);
 	return t ? parseFloat(t[1]) : void 0;
-}, j = (e) => [...e].reverse().find((e) => e.status == null), M = (e, t) => e.findIndex((e) => e.index === t.index) + 1, N = (e) => {
+}, M = (e) => [...e].reverse().find((e) => e.status == null), N = (e, t) => e.findIndex((e) => e.index === t.index) + 1, P = (e) => {
 	let t = [], n = 0;
 	for (; n < e.length;) {
-		let r = e[n], i = D(r.name).name, a = n + 1;
-		for (; a < e.length && D(e[a].name).name === i;) a += 1;
+		let r = e[n], i = O(r.name).name, a = n + 1;
+		for (; a < e.length && O(e[a].name).name === i;) a += 1;
 		let o = e.slice(n, a);
 		o.length > 1 ? t.push({
 			key: r.index,
@@ -39,7 +39,7 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
 		}), n = a;
 	}
 	return t;
-}, P = {
+}, F = {
 	panel: "_panel_vd48n_1",
 	row: "_row_vd48n_5",
 	collapseButton: "_collapseButton_vd48n_9",
@@ -57,47 +57,50 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
 	codeInline: "_codeInline_vd48n_62",
 	blockquote: "_blockquote_vd48n_68",
 	tableCell: "_tableCell_vd48n_73"
-}, F = ({ status: e, isLive: n, runningLabel: r = "Running", failedLabel: i = "Failed" }) => n ? /* @__PURE__ */ S(u, {
+}, I = ({ status: e, isLive: n, runningLabel: r = "Running", failedLabel: i = "Failed" }) => n ? /* @__PURE__ */ C(d, {
 	size: 16,
 	ariaLabel: r
-}) : e === t.Failed ? /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(d, {
+}) : e === t.Failed ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(f, {
 	size: a.MD,
-	className: P.iconError,
-	"aria-hidden": !0
-}), /* @__PURE__ */ S("span", {
+	className: F.iconError,
+	"aria-hidden": !0,
+	stroke: o
+}), /* @__PURE__ */ C("span", {
 	className: "sr-only",
 	children: i
-})] }) : /* @__PURE__ */ S(f, {
+})] }) : /* @__PURE__ */ C(p, {
 	size: a.SM,
-	className: P.iconCompleted,
-	"aria-hidden": !0
-}), I = ({ children: e, codeClassName: t, blockClassName: n = "dial-code-text", copyAriaLabel: s }) => {
-	let [l, u] = b(!1), d = y(null);
-	v(() => () => {
-		d.current != null && clearTimeout(d.current);
+	className: F.iconCompleted,
+	"aria-hidden": !0,
+	stroke: o
+}), L = ({ children: e, codeClassName: t, blockClassName: n = "dial-code-text", copyAriaLabel: c }) => {
+	let [u, d] = x(!1), f = b(null);
+	y(() => () => {
+		f.current != null && clearTimeout(f.current);
 	}, []);
-	let p = _(() => {
-		r(typeof e == "string" ? e : String(e ?? "")), d.current && clearTimeout(d.current), u(!0), d.current = setTimeout(() => u(!1), 2e3);
+	let m = v(() => {
+		r(typeof e == "string" ? e : String(e ?? "")), f.current && clearTimeout(f.current), d(!0), f.current = setTimeout(() => d(!1), 2e3);
 	}, [e]);
-	return /* @__PURE__ */ C("pre", {
-		className: i("relative max-h-[300px] overflow-auto rounded border p-3", n, P.codeBlock),
-		children: [/* @__PURE__ */ S(c, {
-			size: o.Small,
-			icon: S(l ? f : h, {
+	return /* @__PURE__ */ w("pre", {
+		className: i("relative max-h-[300px] overflow-auto rounded border p-3", n, F.codeBlock),
+		children: [/* @__PURE__ */ C(l, {
+			size: s.Small,
+			icon: C(u ? p : g, {
 				size: a.SM,
-				className: P.iconSecondary
+				className: F.iconSecondary,
+				stroke: o
 			}),
-			"aria-label": s,
-			onClick: p,
+			"aria-label": c,
+			onClick: m,
 			className: "absolute end-2 top-2"
-		}), /* @__PURE__ */ S("code", {
+		}), /* @__PURE__ */ C("code", {
 			className: t,
 			children: e
 		})]
 	});
-}, L = g(({ content: t, typography: n, copyAriaLabel: r = "Copy" }) => {
-	let a = "mb-1.5 last:mb-0", o = i(n?.headingClassName ?? "dial-small-semi-text", P.stageContent, a);
-	return /* @__PURE__ */ S(e, {
+}, R = _(({ content: t, typography: n, copyAriaLabel: r = "Copy" }) => {
+	let a = "mb-1.5 last:mb-0", o = i(n?.headingClassName ?? "dial-small-semi-text", F.stageContent, a);
+	return /* @__PURE__ */ C(e, {
 		content: t,
 		classNames: {
 			h1: o,
@@ -106,154 +109,158 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
 			h4: o,
 			h5: o,
 			h6: o,
-			p: i(n?.contentClassName ?? "dial-tiny-text", P.stageContent, "mb-1.5"),
-			ul: i(n?.contentClassName ?? "dial-tiny-text", P.stageContent, a),
-			ol: i(n?.contentClassName ?? "dial-tiny-text", P.stageContent, a),
-			strong: i(n?.strongClassName ?? n?.contentClassName ?? "dial-tiny-text", P.stageContent),
-			codeInline: P.codeInline,
-			blockquote: i(n?.contentClassName ?? "dial-tiny-text", P.blockquote, a),
-			link: i(n?.contentClassName ?? "dial-tiny-text", P.stageContent),
-			tableCell: i(n?.contentClassName ?? "dial-tiny-text", P.tableCell)
+			p: i(n?.contentClassName ?? "dial-tiny-text", F.stageContent, "mb-1.5"),
+			ul: i(n?.contentClassName ?? "dial-tiny-text", F.stageContent, a),
+			ol: i(n?.contentClassName ?? "dial-tiny-text", F.stageContent, a),
+			strong: i(n?.strongClassName ?? n?.contentClassName ?? "dial-tiny-text", F.stageContent),
+			codeInline: F.codeInline,
+			blockquote: i(n?.contentClassName ?? "dial-tiny-text", F.blockquote, a),
+			link: i(n?.contentClassName ?? "dial-tiny-text", F.stageContent),
+			tableCell: i(n?.contentClassName ?? "dial-tiny-text", F.tableCell)
 		},
-		components: { code: ({ children: e, className: t }) => t?.includes("language-") ? /* @__PURE__ */ S(I, {
+		components: { code: ({ children: e, className: t }) => t?.includes("language-") ? /* @__PURE__ */ C(L, {
 			codeClassName: t,
 			blockClassName: n?.codeBlockClassName,
 			copyAriaLabel: r,
 			children: e
-		}) : /* @__PURE__ */ S("code", {
-			className: i("inline-block px-1.5 py-1", n?.codeClassName ?? "dial-code-text rounded-md", P.codeInline),
+		}) : /* @__PURE__ */ C("code", {
+			className: i("inline-block px-1.5 py-1", n?.codeClassName ?? "dial-code-text rounded-md", F.codeInline),
 			children: e
 		}) }
 	});
-}), R = ({ stage: e, isLive: n, typography: r, labels: o, nameOverride: c }) => {
-	let [l, u] = b(!1), { copyAriaLabel: d = "Copy stage content", runningAriaLabel: f, failedAriaLabel: h } = o ?? {}, { name: g, durationLabel: _ } = D(e.name), v = c ?? g, y = !c && O(g), w = e.status === t.Failed, T = !!e.content, E = /* @__PURE__ */ C(x, { children: [
-		/* @__PURE__ */ S("span", {
+}), z = ({ stage: e, isLive: n, typography: r, labels: s, nameOverride: l }) => {
+	let [u, d] = x(!1), { copyAriaLabel: f = "Copy stage content", runningAriaLabel: p, failedAriaLabel: g } = s ?? {}, { name: _, durationLabel: v } = O(e.name), y = l ?? _, b = !l && k(_), T = e.status === t.Failed, E = !!e.content, D = /* @__PURE__ */ w(S, { children: [
+		/* @__PURE__ */ C("span", {
 			className: "flex flex-none items-center",
-			children: /* @__PURE__ */ S(F, {
+			children: /* @__PURE__ */ C(I, {
 				status: e.status,
 				isLive: n,
-				runningLabel: f,
-				failedLabel: h
+				runningLabel: p,
+				failedLabel: g
 			})
 		}),
-		/* @__PURE__ */ S("span", {
-			className: i("min-w-0 max-w-[22rem] truncate", r?.fontClassName ?? "dial-small-text", P.stageName, w && P.stageNameFailed, y && P.monoName),
-			children: /* @__PURE__ */ S(s, { text: v || e.status || "" })
+		/* @__PURE__ */ C("span", {
+			className: i("min-w-0 max-w-[22rem] truncate", r?.fontClassName ?? "dial-small-text", F.stageName, T && F.stageNameFailed, b && F.monoName),
+			children: /* @__PURE__ */ C(c, { text: y || e.status || "" })
 		}),
-		e.tag && /* @__PURE__ */ S("span", {
-			className: i("flex-none", r?.tagClassName ?? "dial-tiny-lead-text", P.tag),
+		e.tag && /* @__PURE__ */ C("span", {
+			className: i("flex-none", r?.tagClassName ?? "dial-tiny-lead-text", F.tag),
 			children: e.tag
 		}),
-		_ && /* @__PURE__ */ S("span", {
-			className: i("flex-none", r?.countFontClassName ?? "dial-tiny-text", P.duration),
-			children: _
+		v && /* @__PURE__ */ C("span", {
+			className: i("flex-none", r?.countFontClassName ?? "dial-tiny-text", F.duration),
+			children: v
 		}),
-		T && /* @__PURE__ */ S("span", {
-			className: i("flex-none", P.iconSecondary),
-			children: l ? /* @__PURE__ */ S(p, {
+		E && /* @__PURE__ */ C("span", {
+			className: i("flex-none", F.iconSecondary),
+			children: u ? /* @__PURE__ */ C(m, {
 				size: a.SM,
-				"aria-hidden": !0
-			}) : /* @__PURE__ */ S(m, {
+				"aria-hidden": !0,
+				stroke: o
+			}) : /* @__PURE__ */ C(h, {
 				size: a.SM,
 				className: "rtl:scale-x-[-1]",
-				"aria-hidden": !0
+				"aria-hidden": !0,
+				stroke: o
 			})
 		})
-	] }), k = i("flex w-full items-center gap-2 px-2 py-1.5", P.row);
-	return T ? /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("div", {
-		className: k,
-		children: /* @__PURE__ */ S("button", {
+	] }), A = i("flex w-full items-center gap-2 px-2 py-1.5", F.row);
+	return E ? /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("div", {
+		className: A,
+		children: /* @__PURE__ */ C("button", {
 			type: "button",
-			onClick: () => u((e) => !e),
-			"aria-expanded": l,
+			onClick: () => d((e) => !e),
+			"aria-expanded": u,
 			className: "flex min-w-0 flex-1 cursor-pointer items-center gap-2 text-start",
-			children: E
+			children: D
 		})
-	}), /* @__PURE__ */ S("div", {
-		className: i("grid overflow-hidden transition-[grid-template-rows] duration-[250ms] ease-in-out", l ? "grid-rows-[1fr]" : "grid-rows-[0fr]"),
-		children: /* @__PURE__ */ S("div", {
+	}), /* @__PURE__ */ C("div", {
+		className: i("grid overflow-hidden transition-[grid-template-rows] duration-[250ms] ease-in-out", u ? "grid-rows-[1fr]" : "grid-rows-[0fr]"),
+		children: /* @__PURE__ */ C("div", {
 			className: "overflow-hidden",
-			children: /* @__PURE__ */ S("div", {
+			children: /* @__PURE__ */ C("div", {
 				className: "mt-2 flex flex-col gap-3 py-1 ps-8",
-				children: e.content && /* @__PURE__ */ S("div", {
+				children: e.content && /* @__PURE__ */ C("div", {
 					className: "max-h-[300px] overflow-y-auto",
-					children: /* @__PURE__ */ S(L, {
+					children: /* @__PURE__ */ C(R, {
 						content: e.content,
 						typography: r,
-						copyAriaLabel: d
+						copyAriaLabel: f
 					})
 				})
 			})
 		})
-	})] }) : /* @__PURE__ */ S("div", {
-		className: k,
-		children: E
+	})] }) : /* @__PURE__ */ C("div", {
+		className: A,
+		children: D
 	});
-}, z = ({ row: e, isLive: n, typography: r, labels: o }) => {
-	let { runningAriaLabel: c, failedAriaLabel: l, attemptLabel: u = (e) => `Attempt ${e}` } = o ?? {}, [d, f] = b(!1), h = e.attempts?.some((e) => e.status === t.Failed), g = (e.attempts || []).reduce((e, t) => {
-		let { durationLabel: n } = D(t.name);
-		return e + (A(n) ?? 0);
-	}, 0), _ = g > 0 ? k(g) : void 0;
-	return /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ C("button", {
+}, B = ({ row: e, isLive: n, typography: r, labels: s }) => {
+	let { runningAriaLabel: l, failedAriaLabel: u, attemptLabel: d = (e) => `Attempt ${e}` } = s ?? {}, [f, p] = x(!1), g = e.attempts?.some((e) => e.status === t.Failed), _ = (e.attempts || []).reduce((e, t) => {
+		let { durationLabel: n } = O(t.name);
+		return e + (j(n) ?? 0);
+	}, 0), v = _ > 0 ? A(_) : void 0;
+	return /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("button", {
 		type: "button",
-		onClick: () => f((e) => !e),
-		"aria-expanded": d,
-		className: i("flex w-full items-center gap-2 rounded-lg px-2 py-1.5 text-start", P.collapseButton, P.row),
+		onClick: () => p((e) => !e),
+		"aria-expanded": f,
+		className: i("flex w-full items-center gap-2 rounded-lg px-2 py-1.5 text-start", F.collapseButton, F.row),
 		children: [
-			/* @__PURE__ */ S("span", {
+			/* @__PURE__ */ C("span", {
 				className: "flex flex-none items-center",
-				children: /* @__PURE__ */ S(F, {
-					status: h ? t.Failed : t.Completed,
+				children: /* @__PURE__ */ C(I, {
+					status: g ? t.Failed : t.Completed,
 					isLive: n,
-					runningLabel: c,
-					failedLabel: l
+					runningLabel: l,
+					failedLabel: u
 				})
 			}),
-			/* @__PURE__ */ S("span", {
-				className: i("min-w-0 max-w-[22rem] truncate", r?.fontClassName ?? "dial-small-text", P.stageName, h && P.stageNameFailed),
-				children: /* @__PURE__ */ S(s, { text: e.name })
-			}),
 			/* @__PURE__ */ C("span", {
-				className: i("flex-none", r?.countFontClassName ?? "dial-tiny-text", P.count),
+				className: i("min-w-0 max-w-[22rem] truncate", r?.fontClassName ?? "dial-small-text", F.stageName, g && F.stageNameFailed),
+				children: /* @__PURE__ */ C(c, { text: e.name })
+			}),
+			/* @__PURE__ */ w("span", {
+				className: i("flex-none", r?.countFontClassName ?? "dial-tiny-text", F.count),
 				children: ["×", e.attempts?.length ?? 0]
 			}),
-			_ && /* @__PURE__ */ S("span", {
-				className: i("flex-none", r?.countFontClassName ?? "dial-tiny-text", P.duration),
-				children: _
+			v && /* @__PURE__ */ C("span", {
+				className: i("flex-none", r?.countFontClassName ?? "dial-tiny-text", F.duration),
+				children: v
 			}),
-			/* @__PURE__ */ S("span", {
-				className: i("flex-none", P.iconSecondary),
-				children: d ? /* @__PURE__ */ S(p, {
+			/* @__PURE__ */ C("span", {
+				className: i("flex-none", F.iconSecondary),
+				children: f ? /* @__PURE__ */ C(m, {
 					size: a.SM,
-					"aria-hidden": !0
-				}) : /* @__PURE__ */ S(m, {
+					"aria-hidden": !0,
+					stroke: o
+				}) : /* @__PURE__ */ C(h, {
 					size: a.SM,
 					className: "rtl:scale-x-[-1]",
-					"aria-hidden": !0
+					"aria-hidden": !0,
+					stroke: o
 				})
 			})
 		]
-	}), /* @__PURE__ */ S("div", {
-		className: i("grid overflow-hidden transition-[grid-template-rows] duration-[250ms] ease-in-out", d ? "grid-rows-[1fr]" : "grid-rows-[0fr]"),
-		children: /* @__PURE__ */ S("div", {
+	}), /* @__PURE__ */ C("div", {
+		className: i("grid overflow-hidden transition-[grid-template-rows] duration-[250ms] ease-in-out", f ? "grid-rows-[1fr]" : "grid-rows-[0fr]"),
+		children: /* @__PURE__ */ C("div", {
 			className: "overflow-hidden",
-			children: /* @__PURE__ */ S("ul", {
+			children: /* @__PURE__ */ C("ul", {
 				role: "list",
 				className: "mt-1 flex flex-col gap-0.5 ps-6",
-				children: e.attempts?.map((t, i) => /* @__PURE__ */ S("li", {
+				children: e.attempts?.map((t, i) => /* @__PURE__ */ C("li", {
 					role: "listitem",
-					children: /* @__PURE__ */ S(R, {
+					children: /* @__PURE__ */ C(z, {
 						stage: t,
-						nameOverride: u(i + 1),
+						nameOverride: d(i + 1),
 						isLive: n && t.index === e.attempts?.[e.attempts.length - 1]?.index,
 						typography: r,
-						labels: o
+						labels: s
 					})
 				}, t.index))
 			})
 		})
 	})] });
-}, B = ({ stages: e, isStreaming: t, className: r, styles: a, labels: o }) => {
+}, V = ({ stages: e, isStreaming: t, className: r, styles: a, labels: o }) => {
 	let { colors: s, typography: c } = a ?? {}, l = n({
 		"--cs-text": s?.text,
 		"--cs-row-hover": s?.rowHoverColor,
@@ -270,24 +277,24 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
 		"--cs-code-border": s?.codeBorderColor,
 		"--cs-code-text": s?.codeTextColor,
 		"--cs-border": s?.borderColor
-	}), u = t ? j(e) : void 0, d = N(e);
-	return /* @__PURE__ */ S("div", {
+	}), u = t ? M(e) : void 0, d = P(e);
+	return /* @__PURE__ */ C("div", {
 		style: l,
-		className: i("w-full", P.panel, r),
-		children: /* @__PURE__ */ S("ul", {
+		className: i("w-full", F.panel, r),
+		children: /* @__PURE__ */ C("ul", {
 			role: "list",
 			className: "flex w-full flex-col gap-0.5 ps-5",
-			children: d.map((e) => e.stage ? /* @__PURE__ */ S("li", {
+			children: d.map((e) => e.stage ? /* @__PURE__ */ C("li", {
 				role: "listitem",
-				children: /* @__PURE__ */ S(R, {
+				children: /* @__PURE__ */ C(z, {
 					stage: e.stage,
 					isLive: u?.index === e.stage.index,
 					typography: c,
 					labels: o
 				})
-			}, e.key) : /* @__PURE__ */ S("li", {
+			}, e.key) : /* @__PURE__ */ C("li", {
 				role: "listitem",
-				children: /* @__PURE__ */ S(z, {
+				children: /* @__PURE__ */ C(B, {
 					row: e,
 					isLive: u?.index === e.attempts?.[e.attempts.length - 1].index,
 					typography: c,
@@ -296,163 +303,166 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
 			}, e.key))
 		})
 	});
-}, V = {
+}, H = {
 	toggleButton: "_toggleButton_1sa5v_1",
 	executedLabel: "_executedLabel_1sa5v_13",
 	stepsCount: "_stepsCount_1sa5v_17",
 	doneIcon: "_doneIcon_1sa5v_22",
 	failedText: "_failedText_1sa5v_26",
 	liveName: "_liveName_1sa5v_30"
-}, H = ({ stages: e, isStreaming: r, labels: o, className: c, styles: d }) => {
-	let { executedLabel: h = "Executed", stepsLabel: g = () => "steps", failedCountLabel: _ = (e) => `${e} failed`, runningStepLabel: x = (e, t) => `Step ${e} of ${t}`, runningAriaLabel: w = "Running", copyAriaLabel: T, failedAriaLabel: E, attemptLabel: O } = o ?? {}, [N, P] = b(r), F = y(r);
-	v(() => {
-		F.current && !r && P(!1), F.current = r;
+}, U = ({ stages: e, isStreaming: r, labels: s, className: l, styles: f }) => {
+	let { executedLabel: g = "Executed", stepsLabel: _ = () => "steps", failedCountLabel: v = (e) => `${e} failed`, runningStepLabel: S = (e, t) => `Step ${e} of ${t}`, runningAriaLabel: T = "Running", copyAriaLabel: E, failedAriaLabel: D, attemptLabel: k } = s ?? {}, [P, F] = x(r), I = b(r);
+	y(() => {
+		I.current && !r && F(!1), I.current = r;
 	}, [r]);
-	let { colors: I, panel: L } = d ?? {}, R = d?.typography ?? { fontClassName: "dial-small-text" }, z = n({
-		"--cs-cg-label": I?.labelColor,
-		"--cs-cg-label-hover": I?.labelHoverColor,
-		"--cs-cg-steps-count": I?.stepsCountColor,
-		"--cs-cg-done": I?.doneColor,
-		"--cs-cg-failed": I?.failedColor,
-		"--cs-text": L?.text,
-		"--cs-row-hover": L?.rowHoverColor,
-		"--cs-button-bg": L?.collapsedButtonBg,
-		"--cs-stage-text": L?.stageTextColor,
-		"--cs-failed-text": L?.failedColor,
-		"--cs-tag-text": L?.tagTextColor,
-		"--cs-count-text": L?.countTextColor,
-		"--cs-duration-text": L?.durationTextColor,
-		"--cs-icon-secondary": L?.iconSecondaryColor,
-		"--cs-icon-completed": L?.iconCompletedColor,
-		"--cs-icon-error": L?.iconErrorColor,
-		"--cs-code-bg": L?.codeBg,
-		"--cs-code-border": L?.codeBorderColor,
-		"--cs-code-text": L?.codeTextColor,
-		"--cs-border": L?.borderColor
+	let { colors: L, panel: R } = f ?? {}, z = f?.typography ?? { fontClassName: "dial-small-text" }, B = n({
+		"--cs-cg-label": L?.labelColor,
+		"--cs-cg-label-hover": L?.labelHoverColor,
+		"--cs-cg-steps-count": L?.stepsCountColor,
+		"--cs-cg-done": L?.doneColor,
+		"--cs-cg-failed": L?.failedColor,
+		"--cs-text": R?.text,
+		"--cs-row-hover": R?.rowHoverColor,
+		"--cs-button-bg": R?.collapsedButtonBg,
+		"--cs-stage-text": R?.stageTextColor,
+		"--cs-failed-text": R?.failedColor,
+		"--cs-tag-text": R?.tagTextColor,
+		"--cs-count-text": R?.countTextColor,
+		"--cs-duration-text": R?.durationTextColor,
+		"--cs-icon-secondary": R?.iconSecondaryColor,
+		"--cs-icon-completed": R?.iconCompletedColor,
+		"--cs-icon-error": R?.iconErrorColor,
+		"--cs-code-bg": R?.codeBg,
+		"--cs-code-border": R?.codeBorderColor,
+		"--cs-code-text": R?.codeTextColor,
+		"--cs-border": R?.borderColor
 	});
 	if (e.length === 0) return null;
-	let H = {
-		copyAriaLabel: T,
-		runningAriaLabel: w,
-		failedAriaLabel: E,
-		attemptLabel: O
+	let U = {
+		copyAriaLabel: E,
+		runningAriaLabel: T,
+		failedAriaLabel: D,
+		attemptLabel: k
 	};
-	if (e.length === 1) return /* @__PURE__ */ S(B, {
+	if (e.length === 1) return /* @__PURE__ */ C(V, {
 		stages: e,
 		isStreaming: r,
-		className: c,
+		className: l,
 		styles: {
-			colors: L,
-			typography: d?.typography
+			colors: R,
+			typography: f?.typography
 		},
-		labels: H
+		labels: U
 	});
-	let U = e.some((e) => e.status === t.Failed), W = e.reduce((e, t) => {
-		let { durationLabel: n } = D(t.name);
-		return e + (A(n) ?? 0);
-	}, 0), G = W > 0 ? k(W) : void 0, K = r ? j(e) : void 0, q;
+	let W = e.some((e) => e.status === t.Failed), G = e.reduce((e, t) => {
+		let { durationLabel: n } = O(t.name);
+		return e + (j(n) ?? 0);
+	}, 0), K = G > 0 ? A(G) : void 0, q = r ? M(e) : void 0, J;
 	if (r) {
-		let t = K ? M(e, K) : e.length, n = K ? D(K.name).name : "";
-		q = /* @__PURE__ */ C("span", {
+		let t = q ? N(e, q) : e.length, n = q ? O(q.name).name : "";
+		J = /* @__PURE__ */ w("span", {
 			role: "status",
 			"aria-live": "polite",
 			className: "flex min-w-0 items-center gap-2",
 			children: [
-				/* @__PURE__ */ S("span", {
+				/* @__PURE__ */ C("span", {
 					className: "flex flex-none items-center",
-					children: /* @__PURE__ */ S(u, {
+					children: /* @__PURE__ */ C(d, {
 						size: 14,
-						ariaLabel: w
+						ariaLabel: T
 					})
 				}),
-				/* @__PURE__ */ S("span", {
-					className: i("flex-none whitespace-nowrap", R.fontClassName, V.liveName),
-					children: x(t, e.length)
+				/* @__PURE__ */ C("span", {
+					className: i("flex-none whitespace-nowrap", z.fontClassName, H.liveName),
+					children: S(t, e.length)
 				}),
-				n && /* @__PURE__ */ S("span", {
-					className: i("min-w-0 max-w-[22rem] truncate", R.fontClassName, V.executedLabel),
-					children: /* @__PURE__ */ S(s, { text: n })
+				n && /* @__PURE__ */ C("span", {
+					className: i("min-w-0 max-w-[22rem] truncate", z.fontClassName, H.executedLabel),
+					children: /* @__PURE__ */ C(c, { text: n })
 				})
 			]
 		});
-	} else if (U) {
+	} else if (W) {
 		let n = e.filter((e) => e.status === t.Failed).length;
-		q = /* @__PURE__ */ C("span", {
+		J = /* @__PURE__ */ w("span", {
 			className: "inline-flex items-center gap-1",
 			children: [
-				/* @__PURE__ */ C("span", {
-					className: i(R.fontClassName, V.executedLabel),
+				/* @__PURE__ */ w("span", {
+					className: i(z.fontClassName, H.executedLabel),
 					children: [
-						h,
+						g,
 						" ",
 						e.length,
 						" ",
-						g(e.length)
+						_(e.length)
 					]
 				}),
-				/* @__PURE__ */ S("span", {
-					className: i(R.fontClassName, V.failedText),
-					children: _(n)
+				/* @__PURE__ */ C("span", {
+					className: i(z.fontClassName, H.failedText),
+					children: v(n)
 				}),
-				G && /* @__PURE__ */ S("span", {
-					className: i(R.fontClassName, V.stepsCount),
-					children: G
+				K && /* @__PURE__ */ C("span", {
+					className: i(z.fontClassName, H.stepsCount),
+					children: K
 				})
 			]
 		});
-	} else q = /* @__PURE__ */ C("span", {
+	} else J = /* @__PURE__ */ w("span", {
 		className: "inline-flex items-center gap-1",
 		children: [
-			/* @__PURE__ */ S(f, {
+			/* @__PURE__ */ C(p, {
 				size: a.SM,
-				className: V.doneIcon,
-				"aria-hidden": !0
+				className: H.doneIcon,
+				"aria-hidden": !0,
+				stroke: o
 			}),
-			/* @__PURE__ */ C("span", {
-				className: i(R.fontClassName, V.executedLabel),
+			/* @__PURE__ */ w("span", {
+				className: i(z.fontClassName, H.executedLabel),
 				children: [
-					h,
+					g,
 					" ",
 					e.length,
 					" ",
-					g(e.length)
+					_(e.length)
 				]
 			}),
-			G && /* @__PURE__ */ S("span", {
-				className: i(R.fontClassName, V.stepsCount),
-				children: G
+			K && /* @__PURE__ */ C("span", {
+				className: i(z.fontClassName, H.stepsCount),
+				children: K
 			})
 		]
 	});
-	return /* @__PURE__ */ C("div", {
-		style: z,
-		className: i("flex w-full flex-col gap-1", c),
-		children: [/* @__PURE__ */ S(l, {
-			className: V.toggleButton,
+	return /* @__PURE__ */ w("div", {
+		style: B,
+		className: i("flex w-full flex-col gap-1", l),
+		children: [/* @__PURE__ */ C(u, {
+			className: H.toggleButton,
 			textClassName: "min-w-0",
-			onClick: () => P((e) => !e),
-			"aria-expanded": N,
-			iconAfter: N ? /* @__PURE__ */ S(p, {
+			onClick: () => F((e) => !e),
+			"aria-expanded": P,
+			iconAfter: P ? /* @__PURE__ */ C(m, {
 				size: 12,
-				"aria-hidden": !0
-			}) : /* @__PURE__ */ S(m, {
+				"aria-hidden": !0,
+				stroke: o
+			}) : /* @__PURE__ */ C(h, {
 				size: 12,
 				className: "rtl:scale-x-[-1]",
-				"aria-hidden": !0
+				"aria-hidden": !0,
+				stroke: o
 			}),
-			label: q
-		}), /* @__PURE__ */ S("div", {
-			className: i("grid transition-[grid-template-rows] duration-300 ease-in-out", N ? "grid-rows-[1fr]" : "grid-rows-[0fr]"),
-			children: /* @__PURE__ */ S("div", {
+			label: J
+		}), /* @__PURE__ */ C("div", {
+			className: i("grid transition-[grid-template-rows] duration-300 ease-in-out", P ? "grid-rows-[1fr]" : "grid-rows-[0fr]"),
+			children: /* @__PURE__ */ C("div", {
 				className: "overflow-hidden",
-				children: /* @__PURE__ */ S(B, {
+				children: /* @__PURE__ */ C(V, {
 					stages: e,
 					isStreaming: r,
 					styles: {
-						colors: L,
-						typography: d?.typography
+						colors: R,
+						typography: f?.typography
 					},
-					labels: H,
+					labels: U,
 					className: "pt-1"
 				})
 			})
@@ -460,4 +470,4 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
 	});
 };
 //#endregion
-export { H as CollapsedGroup, B as StagesPanel };
+export { U as CollapsedGroup, V as StagesPanel };

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.1.0-dev.298",
+  "version": "1.1.0-dev.299",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -19,8 +19,8 @@
   "peerDependencies": {
     "react": "^19.0.0",
     "@tabler/icons-react": "^3.0.0",
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.298",
-    "@epam/ai-dial-ui-kit": "^0.14.0-dev.13"
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.299",
+    "@epam/ai-dial-ui-kit": "^0.14.0-dev.15"
   },
   "repository": {
     "type": "git",