@epam/ai-dial-conversation-stages 1.1.0-dev.182 → 1.1.0-dev.184

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,EAA+B,MAAM,OAAO,CAAC;AACxD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAUxE,gJAAgJ;AAChJ,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAoOlD,CAAC"}
+{"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"}

package/index.css

@@ -1,2 +1,2 @@
-._panel_vd48n_1{color:var(--cs-text,var(--text-primary,#161b2d))}._row_vd48n_5:hover{background:var(--cs-row-hover,var(--bg-layer-sunken,#eef1f7))}._collapseButton_vd48n_9{background:var(--cs-button-bg,transparent)}._stageName_vd48n_13{color:var(--cs-stage-text,var(--text-secondary,#57647a))}._stageNameFailed_vd48n_17{color:var(--cs-failed-text,var(--text-warning,#7f6300))}._monoName_vd48n_21{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}._tag_vd48n_25{color:var(--cs-tag-text,var(--text-tertiary,#848e9c))}._count_vd48n_29{color:var(--cs-count-text,var(--text-tertiary,#848e9c));font-variant-numeric:tabular-nums}._duration_vd48n_34{color:var(--cs-duration-text,var(--text-tertiary,#848e9c));font-variant-numeric:tabular-nums}._iconSecondary_vd48n_39{color:var(--cs-icon-secondary,var(--text-secondary,#57647a));opacity:.7}._iconCompleted_vd48n_44{color:var(--cs-icon-completed,var(--text-tertiary,#848e9c))}._iconError_vd48n_48{color:var(--cs-icon-error,var(--text-warning,#7f6300))}._stageContent_vd48n_52{color:var(--cs-stage-text,var(--text-secondary,#57647a))}._codeBlock_vd48n_56{background:var(--cs-code-bg,var(--bg-layer-raised,#fcfcfc));border-color:var(--cs-code-border,var(--stroke-secondary,#d1dbea));color:var(--cs-code-text,var(--text-primary,#161b2d))}._codeInline_vd48n_62{background:var(--cs-code-bg,var(--bg-layer-raised,#fcfcfc));border:1px solid var(--cs-code-border,var(--stroke-secondary,#d1dbea));color:var(--cs-code-text,var(--text-primary,#161b2d))}._blockquote_vd48n_68{border-color:var(--cs-stage-text,var(--text-secondary,#57647a));color:var(--cs-stage-text,var(--text-secondary,#57647a))}._tableCell_vd48n_73{border-color:var(--cs-border,var(--stroke-secondary,#d1dbea));color:var(--cs-stage-text,var(--text-secondary,#57647a))}._toggleButton_rt6w3_1{color:var(--cs-cg-label,var(--text-secondary,#57647a));width:100%;justify-content:flex-start!important}._toggleButton_rt6w3_1:hover{color:var(--cs-cg-label-hover,var(--text-primary,#161b2d))}._executedLabel_rt6w3_10{color:var(--cs-cg-label,var(--text-secondary,#57647a))}._stepsCount_rt6w3_14{color:var(--cs-cg-steps-count,var(--text-tertiary,#848e9c));font-variant-numeric:tabular-nums}._doneIcon_rt6w3_19{color:var(--cs-cg-done,var(--text-success,#007274))}._failedText_rt6w3_23{color:var(--cs-cg-failed,var(--text-warning,#7f6300))}._liveName_rt6w3_27{color:var(--cs-cg-label,var(--text-primary,#161b2d))}
+._panel_vd48n_1{color:var(--cs-text,var(--text-primary,#161b2d))}._row_vd48n_5:hover{background:var(--cs-row-hover,var(--bg-layer-sunken,#eef1f7))}._collapseButton_vd48n_9{background:var(--cs-button-bg,transparent)}._stageName_vd48n_13{color:var(--cs-stage-text,var(--text-secondary,#57647a))}._stageNameFailed_vd48n_17{color:var(--cs-failed-text,var(--text-warning,#7f6300))}._monoName_vd48n_21{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}._tag_vd48n_25{color:var(--cs-tag-text,var(--text-tertiary,#848e9c))}._count_vd48n_29{color:var(--cs-count-text,var(--text-tertiary,#848e9c));font-variant-numeric:tabular-nums}._duration_vd48n_34{color:var(--cs-duration-text,var(--text-tertiary,#848e9c));font-variant-numeric:tabular-nums}._iconSecondary_vd48n_39{color:var(--cs-icon-secondary,var(--text-secondary,#57647a));opacity:.7}._iconCompleted_vd48n_44{color:var(--cs-icon-completed,var(--text-tertiary,#848e9c))}._iconError_vd48n_48{color:var(--cs-icon-error,var(--text-warning,#7f6300))}._stageContent_vd48n_52{color:var(--cs-stage-text,var(--text-secondary,#57647a))}._codeBlock_vd48n_56{background:var(--cs-code-bg,var(--bg-layer-raised,#fcfcfc));border-color:var(--cs-code-border,var(--stroke-secondary,#d1dbea));color:var(--cs-code-text,var(--text-primary,#161b2d))}._codeInline_vd48n_62{background:var(--cs-code-bg,var(--bg-layer-raised,#fcfcfc));border:1px solid var(--cs-code-border,var(--stroke-secondary,#d1dbea));color:var(--cs-code-text,var(--text-primary,#161b2d))}._blockquote_vd48n_68{border-color:var(--cs-stage-text,var(--text-secondary,#57647a));color:var(--cs-stage-text,var(--text-secondary,#57647a))}._tableCell_vd48n_73{border-color:var(--cs-border,var(--stroke-secondary,#d1dbea));color:var(--cs-stage-text,var(--text-secondary,#57647a))}._toggleButton_1sa5v_1{color:var(--cs-cg-label,var(--text-secondary,#57647a));text-align:start;width:100%;min-width:0;justify-content:flex-start!important}._toggleButton_1sa5v_1:hover{color:var(--cs-cg-label-hover,var(--text-primary,#161b2d))}._executedLabel_1sa5v_13{color:var(--cs-cg-label,var(--text-secondary,#57647a))}._stepsCount_1sa5v_17{color:var(--cs-cg-steps-count,var(--text-tertiary,#848e9c));font-variant-numeric:tabular-nums}._doneIcon_1sa5v_22{color:var(--cs-cg-done,var(--text-success,#007274))}._failedText_1sa5v_26{color:var(--cs-cg-failed,var(--text-warning,#7f6300))}._liveName_1sa5v_30{color:var(--cs-cg-label,var(--text-primary,#161b2d))}
 /*$vite$:1*/

package/index.js

@@ -294,107 +294,110 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
 		})
 	});
 }, V = {
-	toggleButton: "_toggleButton_rt6w3_1",
-	executedLabel: "_executedLabel_rt6w3_10",
-	stepsCount: "_stepsCount_rt6w3_14",
-	doneIcon: "_doneIcon_rt6w3_19",
-	failedText: "_failedText_rt6w3_23",
-	liveName: "_liveName_rt6w3_27"
-}, H = ({ stages: e, isStreaming: r, labels: o, className: s, styles: c }) => {
-	let { executedLabel: d = "Executed", stepsLabel: h = () => "steps", failedCountLabel: g = (e) => `${e} failed`, runningStepLabel: _ = (e, t) => `Step ${e} of ${t}`, runningAriaLabel: x = "Running", copyAriaLabel: w, failedAriaLabel: T, attemptLabel: E } = o ?? {}, [O, N] = b(r), P = y(r);
+	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: 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);
 	v(() => {
-		P.current && !r && N(!1), P.current = r;
+		F.current && !r && P(!1), F.current = r;
 	}, [r]);
-	let { colors: F, panel: I } = c ?? {}, L = c?.typography ?? { fontClassName: "dial-small-text" }, R = n({
-		"--cs-cg-label": F?.labelColor,
-		"--cs-cg-label-hover": F?.labelHoverColor,
-		"--cs-cg-steps-count": F?.stepsCountColor,
-		"--cs-cg-done": F?.doneColor,
-		"--cs-cg-failed": F?.failedColor,
-		"--cs-text": I?.text,
-		"--cs-row-hover": I?.rowHoverColor,
-		"--cs-button-bg": I?.collapsedButtonBg,
-		"--cs-stage-text": I?.stageTextColor,
-		"--cs-failed-text": I?.failedColor,
-		"--cs-tag-text": I?.tagTextColor,
-		"--cs-count-text": I?.countTextColor,
-		"--cs-duration-text": I?.durationTextColor,
-		"--cs-icon-secondary": I?.iconSecondaryColor,
-		"--cs-icon-completed": I?.iconCompletedColor,
-		"--cs-icon-error": I?.iconErrorColor,
-		"--cs-code-bg": I?.codeBg,
-		"--cs-code-border": I?.codeBorderColor,
-		"--cs-code-text": I?.codeTextColor,
-		"--cs-border": I?.borderColor
+	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
 	});
 	if (e.length === 0) return null;
-	let z = {
-		copyAriaLabel: w,
-		runningAriaLabel: x,
-		failedAriaLabel: T,
-		attemptLabel: E
+	let H = {
+		copyAriaLabel: T,
+		runningAriaLabel: w,
+		failedAriaLabel: E,
+		attemptLabel: O
 	};
 	if (e.length === 1) return /* @__PURE__ */ S(B, {
 		stages: e,
 		isStreaming: r,
-		className: s,
+		className: c,
 		styles: {
-			colors: I,
-			typography: c?.typography
+			colors: L,
+			typography: d?.typography
 		},
-		labels: z
+		labels: H
 	});
-	let H = e.some((e) => e.status === t.Failed), U = e.reduce((e, t) => {
+	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), W = U > 0 ? k(U) : void 0, G = r ? j(e) : void 0, K;
+	}, 0), G = W > 0 ? k(W) : void 0, K = r ? j(e) : void 0, q;
 	if (r) {
-		let t = G ? M(e, G) : e.length, n = G ? D(G.name).name : "";
-		K = /* @__PURE__ */ C("span", {
+		let t = K ? M(e, K) : e.length, n = K ? D(K.name).name : "";
+		q = /* @__PURE__ */ C("span", {
 			role: "status",
 			"aria-live": "polite",
-			className: "inline-flex items-center gap-2",
+			className: "flex min-w-0 items-center gap-2",
 			children: [
-				/* @__PURE__ */ S(u, {
-					size: 14,
-					ariaLabel: x
+				/* @__PURE__ */ S("span", {
+					className: "flex flex-none items-center",
+					children: /* @__PURE__ */ S(u, {
+						size: 14,
+						ariaLabel: w
+					})
 				}),
 				/* @__PURE__ */ S("span", {
-					className: i(L.fontClassName, V.liveName),
-					children: _(t, e.length)
+					className: i("flex-none whitespace-nowrap", R.fontClassName, V.liveName),
+					children: x(t, e.length)
 				}),
 				n && /* @__PURE__ */ S("span", {
-					className: i(L.fontClassName, V.executedLabel),
-					children: n
+					className: i("min-w-0 max-w-[22rem] truncate", R.fontClassName, V.executedLabel),
+					children: /* @__PURE__ */ S(o, { text: n })
 				})
 			]
 		});
-	} else if (H) {
+	} else if (U) {
 		let n = e.filter((e) => e.status === t.Failed).length;
-		K = /* @__PURE__ */ C("span", {
+		q = /* @__PURE__ */ C("span", {
 			className: "inline-flex items-center gap-1",
 			children: [
 				/* @__PURE__ */ C("span", {
-					className: i(L.fontClassName, V.executedLabel),
+					className: i(R.fontClassName, V.executedLabel),
 					children: [
-						d,
+						h,
 						" ",
 						e.length,
 						" ",
-						h(e.length)
+						g(e.length)
 					]
 				}),
 				/* @__PURE__ */ S("span", {
-					className: i(L.fontClassName, V.failedText),
-					children: g(n)
+					className: i(R.fontClassName, V.failedText),
+					children: _(n)
 				}),
-				W && /* @__PURE__ */ S("span", {
-					className: i(L.fontClassName, V.stepsCount),
-					children: W
+				G && /* @__PURE__ */ S("span", {
+					className: i(R.fontClassName, V.stepsCount),
+					children: G
 				})
 			]
 		});
-	} else K = /* @__PURE__ */ C("span", {
+	} else q = /* @__PURE__ */ C("span", {
 		className: "inline-flex items-center gap-1",
 		children: [
 			/* @__PURE__ */ S(f, {
@@ -403,29 +406,30 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
 				"aria-hidden": !0
 			}),
 			/* @__PURE__ */ C("span", {
-				className: i(L.fontClassName, V.executedLabel),
+				className: i(R.fontClassName, V.executedLabel),
 				children: [
-					d,
+					h,
 					" ",
 					e.length,
 					" ",
-					h(e.length)
+					g(e.length)
 				]
 			}),
-			W && /* @__PURE__ */ S("span", {
-				className: i(L.fontClassName, V.stepsCount),
-				children: W
+			G && /* @__PURE__ */ S("span", {
+				className: i(R.fontClassName, V.stepsCount),
+				children: G
 			})
 		]
 	});
 	return /* @__PURE__ */ C("div", {
-		style: R,
-		className: i("flex w-full flex-col gap-1", s),
+		style: z,
+		className: i("flex w-full flex-col gap-1", c),
 		children: [/* @__PURE__ */ S(l, {
 			className: V.toggleButton,
-			onClick: () => N((e) => !e),
-			"aria-expanded": O,
-			iconAfter: O ? /* @__PURE__ */ S(p, {
+			textClassName: "min-w-0",
+			onClick: () => P((e) => !e),
+			"aria-expanded": N,
+			iconAfter: N ? /* @__PURE__ */ S(p, {
 				size: 12,
 				"aria-hidden": !0
 			}) : /* @__PURE__ */ S(m, {
@@ -433,19 +437,19 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
 				className: "rtl:scale-x-[-1]",
 				"aria-hidden": !0
 			}),
-			label: K
+			label: q
 		}), /* @__PURE__ */ S("div", {
-			className: i("grid transition-[grid-template-rows] duration-300 ease-in-out", O ? "grid-rows-[1fr]" : "grid-rows-[0fr]"),
+			className: i("grid transition-[grid-template-rows] duration-300 ease-in-out", N ? "grid-rows-[1fr]" : "grid-rows-[0fr]"),
 			children: /* @__PURE__ */ S("div", {
 				className: "overflow-hidden",
 				children: /* @__PURE__ */ S(B, {
 					stages: e,
 					isStreaming: r,
 					styles: {
-						colors: I,
-						typography: c?.typography
+						colors: L,
+						typography: d?.typography
 					},
-					labels: z,
+					labels: H,
 					className: "pt-1"
 				})
 			})

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.182",
+  "version": "1.1.0-dev.184",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -19,7 +19,7 @@
   "peerDependencies": {
     "react": "^19.0.0",
     "@tabler/icons-react": "^3.0.0",
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.182",
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.184",
     "@epam/ai-dial-ui-kit": "^0.13.0-dev.26"
   },
   "repository": {