@epam/ai-dial-conversation-stages 1.1.0-dev.242 → 1.1.0-dev.244

package/index.js

@@ -1,5 +1,5 @@
 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, DialEllipsisTooltip as o, ElementSize as s, GhostIconButton as c, LinkButton as l, Spinner as u } from "@epam/ai-dial-ui-kit";
+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";
@@ -71,7 +71,7 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
 	size: a.SM,
 	className: P.iconCompleted,
 	"aria-hidden": !0
-}), I = ({ children: e, codeClassName: t, blockClassName: n = "dial-code-text", copyAriaLabel: o }) => {
+}), 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);
@@ -82,12 +82,12 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (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: s.Small,
+			size: o.Small,
 			icon: S(l ? f : h, {
 				size: a.SM,
 				className: P.iconSecondary
 			}),
-			"aria-label": o,
+			"aria-label": s,
 			onClick: p,
 			className: "absolute end-2 top-2"
 		}), /* @__PURE__ */ S("code", {
@@ -125,8 +125,8 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
 			children: e
 		}) }
 	});
-}), R = ({ stage: e, isLive: n, typography: r, labels: s, nameOverride: c }) => {
-	let [l, u] = b(!1), { copyAriaLabel: d = "Copy stage content", runningAriaLabel: f, failedAriaLabel: h } = s ?? {}, { 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: [
+}), 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", {
 			className: "flex flex-none items-center",
 			children: /* @__PURE__ */ S(F, {
@@ -138,7 +138,7 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
 		}),
 		/* @__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(o, { text: v || e.status || "" })
+			children: /* @__PURE__ */ S(s, { text: v || e.status || "" })
 		}),
 		e.tag && /* @__PURE__ */ S("span", {
 			className: i("flex-none", r?.tagClassName ?? "dial-tiny-lead-text", P.tag),
@@ -186,8 +186,8 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
 		className: k,
 		children: E
 	});
-}, z = ({ row: e, isLive: n, typography: r, labels: s }) => {
-	let { runningAriaLabel: c, failedAriaLabel: l, attemptLabel: u = (e) => `Attempt ${e}` } = s ?? {}, [d, f] = b(!1), h = e.attempts?.some((e) => e.status === t.Failed), g = (e.attempts || []).reduce((e, t) => {
+}, 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;
@@ -208,7 +208,7 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
 			}),
 			/* @__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(o, { text: e.name })
+				children: /* @__PURE__ */ S(s, { text: e.name })
 			}),
 			/* @__PURE__ */ C("span", {
 				className: i("flex-none", r?.countFontClassName ?? "dial-tiny-text", P.count),
@@ -244,7 +244,7 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
 						nameOverride: u(i + 1),
 						isLive: n && t.index === e.attempts?.[e.attempts.length - 1]?.index,
 						typography: r,
-						labels: s
+						labels: o
 					})
 				}, t.index))
 			})
@@ -300,8 +300,8 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
 	doneIcon: "_doneIcon_1sa5v_22",
 	failedText: "_failedText_1sa5v_26",
 	liveName: "_liveName_1sa5v_30"
-}, H = ({ stages: e, isStreaming: r, labels: s, 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 } = s ?? {}, [N, P] = b(r), F = y(r);
+}, 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;
 	}, [r]);
@@ -368,7 +368,7 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
 				}),
 				n && /* @__PURE__ */ S("span", {
 					className: i("min-w-0 max-w-[22rem] truncate", R.fontClassName, V.executedLabel),
-					children: /* @__PURE__ */ S(o, { text: n })
+					children: /* @__PURE__ */ S(s, { text: n })
 				})
 			]
 		});

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.242",
+  "version": "1.1.0-dev.244",
   "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.242",
-    "@epam/ai-dial-ui-kit": "^0.13.0-dev.26"
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.244",
+    "@epam/ai-dial-ui-kit": "^0.14.0-dev.4"
   },
   "repository": {
     "type": "git",