@epam/ai-dial-conversation-stages 1.3.0-dev.253 → 1.3.0-dev.256

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/index.css +1 -1
  2. package/index.js +57 -62
  3. package/package.json +3 -3
package/index.css CHANGED
@@ -1,3 +1,3 @@
1
1
  ._panel_msss2_1{color:var(--cs-text,var(--text-primary,#161b2d))}._row_msss2_5:hover{background:var(--cs-row-hover,var(--bg-layer-sunken,#eef1f7))}._collapseButton_msss2_9{background:var(--cs-button-bg,transparent)}._stageHeader_msss2_18._stageHeader_msss2_18:hover{background:var(--cs-row-hover,var(--bg-layer-sunken,#eef1f7))}._stageHeader_msss2_18._stageHeader_msss2_18>svg{color:var(--cs-icon-secondary,var(--text-secondary,#57647a));opacity:.7}._stageRegion_msss2_27._stageRegion_msss2_27{color:inherit}._stageName_msss2_31{color:var(--cs-stage-text,var(--text-secondary,#57647a))}._stageNameFailed_msss2_35{color:var(--cs-failed-text,var(--text-warning,#7f6300))}._tag_msss2_39{color:var(--cs-tag-text,var(--text-tertiary,#848e9c))}._count_msss2_43{color:var(--cs-count-text,var(--text-tertiary,#848e9c));font-variant-numeric:tabular-nums}._duration_msss2_48{color:var(--cs-duration-text,var(--text-tertiary,#848e9c));font-variant-numeric:tabular-nums}._iconSecondary_msss2_53{color:var(--cs-icon-secondary,var(--text-secondary,#57647a));opacity:.7}._iconCompleted_msss2_58{color:var(--cs-icon-completed,var(--text-success,#007274))}._iconError_msss2_62{color:var(--cs-icon-error,var(--text-warning,#7f6300))}._stageContent_msss2_66{color:var(--cs-stage-text,var(--text-secondary,#57647a))}._codeBlock_msss2_70{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_msss2_76{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_msss2_82{border-color:var(--cs-stage-text,var(--text-secondary,#57647a));color:var(--cs-stage-text,var(--text-secondary,#57647a))}._tableCell_msss2_87{border-color:var(--cs-border,var(--stroke-secondary,#d1dbea));color:var(--cs-stage-text,var(--text-secondary,#57647a))}._toggleButton_16fae_7._toggleButton_16fae_7{color:var(--cs-cg-label,var(--text-secondary,#57647a));text-align:start;width:100%;min-width:0}._toggleButton_16fae_7._toggleButton_16fae_7:hover{color:var(--cs-cg-label-hover,var(--text-primary,#161b2d));background:0 0}._toggleButton_16fae_7._toggleButton_16fae_7>svg{width:12px;height:12px;color:inherit}._toggleButton_16fae_7._toggleButton_16fae_7>span>span{white-space:normal}._groupRegion_16fae_28._groupRegion_16fae_28{color:inherit}._executedLabel_16fae_32{color:var(--cs-cg-label,var(--text-secondary,#57647a))}._doneIcon_16fae_36{color:var(--cs-cg-done,var(--text-success,#007274))}._failedText_16fae_40{color:var(--cs-cg-failed,var(--text-warning,#7f6300))}._liveName_16fae_44{color:var(--cs-cg-label,var(--text-primary,#161b2d))}
2
2
  /*$vite$:1*//*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
3
- .collapse{visibility:collapse}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.-mt-1{margin-top:-.25rem}.-mt-2{margin-top:-.5rem}.mb-1\.5{margin-bottom:.375rem}.block{display:block}.flex{display:flex}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.max-h-\[300px\]{max-height:300px}.w-full{width:100%}.max-w-\[22rem\]{max-width:22rem}.min-w-0{min-width:0}.flex-none{flex:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-start{justify-content:flex-start}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.px-0{padding-inline:0}.px-1{padding-inline:.25rem}.px-2{padding-inline:.5rem}.py-0{padding-block:0}.py-0\.5{padding-block:.125rem}.py-1{padding-block:.25rem}.py-1\.5{padding-block:.375rem}.py-3{padding-block:.75rem}.ps-0{padding-inline-start:0}.ps-4{padding-inline-start:1rem}.ps-5{padding-inline-start:1.25rem}.ps-6{padding-inline-start:1.5rem}.ps-8{padding-inline-start:2rem}.pt-1{padding-top:.25rem}.text-start{text-align:start}.last\:mb-0:last-child{margin-bottom:0}@media (max-width:1279px){.mobile\:min-h-11{min-height:2.75rem}}
3
+ .collapse{visibility:collapse}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.-mt-1{margin-top:-.25rem}.-mt-2{margin-top:-.5rem}.mb-1\.5{margin-bottom:.375rem}.block{display:block}.flex{display:flex}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.max-h-\[300px\]{max-height:300px}.w-full{width:100%}.max-w-88{max-width:22rem}.min-w-0{min-width:0}.flex-none{flex:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-start{justify-content:flex-start}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.px-0{padding-inline:0}.px-1{padding-inline:.25rem}.px-2{padding-inline:.5rem}.py-0{padding-block:0}.py-0\.5{padding-block:.125rem}.py-1{padding-block:.25rem}.py-1\.5{padding-block:.375rem}.py-3{padding-block:.75rem}.ps-0{padding-inline-start:0}.ps-4{padding-inline-start:1rem}.ps-5{padding-inline-start:1.25rem}.ps-6{padding-inline-start:1.5rem}.ps-8{padding-inline-start:2rem}.pt-1{padding-top:.25rem}.text-start{text-align:start}.last\:mb-0:last-child{margin-bottom:0}@media (max-width:1279px){.mobile\:min-h-11{min-height:2.75rem}}
package/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { AttachmentErrorReason as e, AttachmentType as t, MIME_TYPE_EXT_MAP as n, MarkdownCodeBlock as r, MarkdownRenderer as i, RequestStatus as a, StageStatus as o, buildCssVars as s, mergeClasses as c, messageAttachmentsToDisplayAttachments as l, normalizeMimeType as u } from "@epam/ai-dial-chat-shared";
2
2
  import { Accordion as d, DIAL_ICON_SIZE as f, DIAL_KIT_ICON_STROKE as p, DialItemType as m, ElementSize as h, EllipsisTooltip as g, FileIcon as _, Highlight as v, LiveRegion as y, LiveRegionElement as b, Skeleton as x, SkeletonVariant as S, Spinner as C, StaticIconButton as w } from "@epam/ai-dial-ui-kit";
3
- import { IconAlertCircle as T, IconCheck as E, IconClipboard as D, IconDownload as O, IconExternalLink as k, IconFile as A, IconFileTypeBmp as j, IconFileTypeCss as M, IconFileTypeCsv as N, IconFileTypeDoc as P, IconFileTypeDocx as F, IconFileTypeHtml as I, IconFileTypeJpg as L, IconFileTypeJs as R, IconFileTypeJsx as z, IconFileTypePdf as B, IconFileTypePhp as V, IconFileTypePng as H, IconFileTypePpt as U, IconFileTypeRs as ee, IconFileTypeSql as te, IconFileTypeSvg as ne, IconFileTypeTs as re, IconFileTypeTsx as ie, IconFileTypeTxt as ae, IconFileTypeVue as W, IconFileTypeXls as oe, IconFileTypeXml as se, IconFileTypeZip as ce, IconMusic as le, IconPhoto as G, IconReload as ue, IconTerminal2 as de, IconVideo as fe, IconX as pe } from "@tabler/icons-react";
3
+ import { IconAlertCircle as T, IconCheck as E, IconClipboard as D, IconDownload as O, IconExternalLink as k, IconFile as A, IconFileTypeBmp as j, IconFileTypeCss as M, IconFileTypeCsv as N, IconFileTypeDoc as P, IconFileTypeDocx as F, IconFileTypeHtml as I, IconFileTypeJpg as L, IconFileTypeJs as R, IconFileTypeJsx as z, IconFileTypePdf as B, IconFileTypePhp as V, IconFileTypePng as H, IconFileTypePpt as U, IconFileTypeRs as ee, IconFileTypeSql as te, IconFileTypeSvg as ne, IconFileTypeTs as re, IconFileTypeTsx as ie, IconFileTypeTxt as W, IconFileTypeVue as G, IconFileTypeXls as ae, IconFileTypeXml as oe, IconFileTypeZip as se, IconMusic as ce, IconPhoto as le, IconReload as ue, IconTerminal2 as de, IconVideo as fe, IconX as pe } from "@tabler/icons-react";
4
4
  import { memo as me, useCallback as K, useEffect as he, useId as ge, useMemo as q, useRef as _e, useState as ve } from "react";
5
5
  import { Fragment as ye, jsx as J, jsxs as Y } from "react/jsx-runtime";
6
6
  //#region src/constants/public-class-names.ts
@@ -125,28 +125,28 @@ var be = {
125
125
  case "image/png": return H;
126
126
  case "image/svg+xml": return ne;
127
127
  case "image/bmp": return j;
128
- default: return G;
128
+ default: return le;
129
129
  }
130
130
  if (t.startsWith("video/")) return fe;
131
- if (t.startsWith("audio/")) return le;
131
+ if (t.startsWith("audio/")) return ce;
132
132
  switch (t) {
133
133
  case "application/pdf": return B;
134
134
  case "application/msword": return P;
135
135
  case "application/vnd.openxmlformats-officedocument.wordprocessingml.document": return F;
136
136
  case "application/vnd.ms-powerpoint": return U;
137
137
  case "application/vnd.openxmlformats-officedocument.presentationml.presentation": return U;
138
- case "application/vnd.ms-excel": return oe;
139
- case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": return oe;
138
+ case "application/vnd.ms-excel": return ae;
139
+ case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": return ae;
140
140
  case "application/zip":
141
141
  case "application/vnd.rar":
142
142
  case "application/x-7z-compressed":
143
143
  case "application/gzip":
144
- case "application/x-tar": return ce;
144
+ case "application/x-tar": return se;
145
145
  case "text/csv": return N;
146
- case "text/plain": return ae;
146
+ case "text/plain": return W;
147
147
  case "text/html":
148
148
  case "application/xhtml+xml": return I;
149
- case "application/xml": return se;
149
+ case "application/xml": return oe;
150
150
  case "application/sql": return te;
151
151
  case "text/javascript": return R;
152
152
  case "text/jsx": return z;
@@ -155,12 +155,12 @@ var be = {
155
155
  case "text/css": return M;
156
156
  case "text/x-php": return V;
157
157
  case "text/x-rustsrc": return ee;
158
- case "text/x-vue": return W;
158
+ case "text/x-vue": return G;
159
159
  default: return A;
160
160
  }
161
161
  }, ze = (e) => {
162
162
  let { type: n, contentType: r } = e;
163
- return n === t.Prompt ? de : n === t.Pasted ? D : n === t.Image ? G : Re(r ?? "");
163
+ return n === t.Prompt ? de : n === t.Pasted ? D : n === t.Image ? le : Re(r ?? "");
164
164
  }, Be = (e) => {
165
165
  let t = u(e), r = n[t];
166
166
  if (r) return r;
@@ -201,23 +201,24 @@ var be = {
201
201
  tileType: "dial-ai-attachment-tile-type",
202
202
  tileAction: "dial-ai-attachment-tile-action"
203
203
  }, Q = {
204
- tile: "_tile_23kve_12",
205
- hovered: "_hovered_23kve_18",
206
- selected: "_selected_23kve_28",
207
- tileError: "_tileError_23kve_33",
208
- nameText: "_nameText_23kve_38",
209
- typeText: "_typeText_23kve_42",
210
- placeholderIcon: "_placeholderIcon_23kve_46",
211
- retryIcon: "_retryIcon_23kve_50",
212
- track: "_track_23kve_54",
213
- actionButton: "_actionButton_23kve_65",
214
- loading: "_loading_23kve_86",
215
- imageActionButton: "_imageActionButton_23kve_87",
216
- proxyFocus: "_proxyFocus_23kve_96"
204
+ tile: "_tile_hb2mo_12",
205
+ hovered: "_hovered_hb2mo_18",
206
+ selected: "_selected_hb2mo_28",
207
+ tileError: "_tileError_hb2mo_33",
208
+ nameText: "_nameText_hb2mo_38",
209
+ typeText: "_typeText_hb2mo_42",
210
+ placeholderIcon: "_placeholderIcon_hb2mo_46",
211
+ retryIcon: "_retryIcon_hb2mo_50",
212
+ track: "_track_hb2mo_54",
213
+ actionButton: "_actionButton_hb2mo_65",
214
+ loading: "_loading_hb2mo_86",
215
+ imageActionButton: "_imageActionButton_hb2mo_87",
216
+ tileAction: "_tileAction_hb2mo_99",
217
+ proxyFocus: "_proxyFocus_hb2mo_108"
217
218
  }, qe = ({ ariaLabel: e, errorTitle: t, errorDescId: n, onClick: r, id: i, icon: a, className: o, isAlwaysVisible: s }) => /* @__PURE__ */ J(w, {
218
219
  icon: a,
219
220
  size: h.Small,
220
- className: c(s ? "opacity-100" : "opacity-0 group-hover/attachment-tile:opacity-100 group-focus-visible/attachment-tile:opacity-100 group-has-[:focus-visible]/attachment-tile:opacity-100", Q.actionButton, o, Z.tileAction),
221
+ className: c(s ? "opacity-100" : "opacity-0 group-hover/attachment-tile:opacity-100 group-focus-visible/attachment-tile:opacity-100 group-has-focus-visible/attachment-tile:opacity-100", Q.actionButton, o, Z.tileAction),
221
222
  "aria-label": e,
222
223
  "aria-describedby": t ? n : void 0,
223
224
  onClick: (e) => {
@@ -258,21 +259,19 @@ var be = {
258
259
  [e.UnsupportedType]: "Upload failed · unsupported file type",
259
260
  [e.FileTooLarge]: "Upload failed · file too large"
260
261
  }, $e = ({ attachment: t, searchQuery: n = "", onClick: r, onRetry: i, labels: o, styles: s, onDownload: l, isLink: u, cssVars: d, onExpand: h, isExpandable: g, onRemove: x, isSelected: S }) => {
261
- let { clickLabel: w = "Download attachment", expandLabel: T = "Expand pasted text", downloadLabel: E = "Download attachment", retryLabel: D = "Retry upload", removeLabel: O = "Remove attachment", openInNewTabLabel: k = "Open in new tab", sizeLabel: A, uploadingLabel: j = "Uploading", errorReasonLabels: M, genericErrorLabel: N = "Upload failed" } = o ?? {}, { typography: P, className: F } = s ?? {}, { id: I, name: L, status: R, errorReason: z } = t, B = R === a.Loading, V = R === a.Error, H = ge(), U = V ? z && (M?.[z] ?? Qe[z]) || N : "", { BottomIcon: ee, typeLabel: te } = We(t), ne = He(t), re = !V && !B && l && !u, ie = V && !!i && z !== e.UnsupportedType && z !== e.FileTooLarge, ae = !!g && h !== void 0, W = ae || r !== void 0, oe = Number(!!re) + Number(!!ie) + Number(!!u) + Number(!!x), se = !W && oe === 1, ce = () => {
262
- ae ? h(I) : r?.(I);
263
- }, le = (e) => {
264
- e.target === e.currentTarget && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), ce());
265
- }, G = q(() => Le(L), [L]), ue = K(() => {
262
+ let { clickLabel: w = "Download attachment", expandLabel: T = "Expand pasted text", downloadLabel: E = "Download attachment", retryLabel: D = "Retry upload", removeLabel: O = "Remove attachment", openInNewTabLabel: k = "Open in new tab", sizeLabel: A, uploadingLabel: j = "Uploading", errorReasonLabels: M, genericErrorLabel: N = "Upload failed" } = o ?? {}, { typography: P, className: F } = s ?? {}, { id: I, name: L, status: R, errorReason: z } = t, B = R === a.Loading, V = R === a.Error, H = ge(), U = V ? z && (M?.[z] ?? Qe[z]) || N : "", { BottomIcon: ee, typeLabel: te } = We(t), ne = He(t), re = !V && !B && l && !u, ie = V && !!i && z !== e.UnsupportedType && z !== e.FileTooLarge, W = !!g && h !== void 0, G = W || r !== void 0, ae = Number(!!re) + Number(!!ie) + Number(!!u) + Number(!!x), oe = !G && ae === 1, se = () => {
263
+ W ? h(I) : r?.(I);
264
+ }, ce = q(() => Le(L), [L]), le = K(() => {
266
265
  window.open(t.referenceUrl, "_blank", "noopener,noreferrer");
267
- }, [t]), de = c(Ge, "group/attachment-tile relative flex-col justify-between items-start gap-2 overflow-hidden p-3", Q.tile, W && !V && !B && Q.hovered, B && Q.loading, S && Q.selected, V && Q.tileError, se && Q.proxyFocus, Z.tile, S && Z.tileSelected), fe = /* @__PURE__ */ J("div", {
268
- title: G,
269
- className: c(P?.nameClassName ?? "dial-tiny-text", "line-clamp-2 w-full min-w-0 break-words", Q.nameText, Z.tileName),
266
+ }, [t]), ue = c(Ge, "group/attachment-tile relative flex-col justify-between items-start gap-2 overflow-hidden p-3", Q.tile, G && !V && !B && Q.hovered, B && Q.loading, S && Q.selected, V && Q.tileError, oe && Q.proxyFocus, Z.tile, S && Z.tileSelected), de = /* @__PURE__ */ J("div", {
267
+ title: ce,
268
+ className: c(P?.nameClassName ?? "dial-tiny-text", "line-clamp-2 w-full min-w-0 wrap-break-word", Q.nameText, Z.tileName),
270
269
  children: n ? /* @__PURE__ */ J(v, {
271
- text: G,
270
+ text: ce,
272
271
  query: n,
273
272
  maxLines: 2
274
- }) : G
275
- }), pe = ee && /* @__PURE__ */ Y("div", {
273
+ }) : ce
274
+ }), fe = ee && /* @__PURE__ */ Y("div", {
276
275
  className: c("flex w-full items-end gap-1", Z.tileType),
277
276
  children: [ne ? /* @__PURE__ */ J(_, {
278
277
  type: m.File,
@@ -289,15 +288,15 @@ var be = {
289
288
  className: c(P?.metaClassName ?? "dial-tiny-text", "min-w-0 flex-1 truncate", Q.typeText),
290
289
  children: A ? `${te} · ${A}` : te
291
290
  })]
292
- }), me = W ? {
293
- role: "button",
294
- tabIndex: 0,
295
- "aria-label": ae ? T : w,
296
- onClick: ce,
297
- onKeyDown: le
298
- } : {}, he = /* @__PURE__ */ Y(ye, { children: [
291
+ }), pe = /* @__PURE__ */ Y(ye, { children: [
292
+ de,
299
293
  fe,
300
- pe,
294
+ G && /* @__PURE__ */ J("button", {
295
+ type: "button",
296
+ "aria-label": W ? T : w,
297
+ onClick: se,
298
+ className: c("absolute inset-0 cursor-pointer rounded-[11px]", Q.tileAction)
299
+ }),
301
300
  B && /* @__PURE__ */ J("div", {
302
301
  role: "progressbar",
303
302
  "aria-label": j,
@@ -325,7 +324,7 @@ var be = {
325
324
  ariaLabel: k,
326
325
  errorTitle: U,
327
326
  errorDescId: H,
328
- onClick: ue
327
+ onClick: le
329
328
  }),
330
329
  x && /* @__PURE__ */ J(Ze, {
331
330
  ariaLabel: O,
@@ -348,11 +347,10 @@ var be = {
348
347
  style: d,
349
348
  className: c("inline-flex", F),
350
349
  children: /* @__PURE__ */ J("div", {
351
- ...me,
352
350
  "aria-busy": B,
353
351
  style: d,
354
- className: c(de, W && "cursor-pointer", Ke),
355
- children: he
352
+ className: c(ue, G && "cursor-pointer", Ke),
353
+ children: pe
356
354
  })
357
355
  });
358
356
  }, et = /* @__PURE__ */ function(e) {
@@ -378,18 +376,9 @@ var be = {
378
376
  src: w
379
377
  }), F = () => {
380
378
  T && n ? n(y) : k && r && r(y);
381
- }, I = A ? {
382
- role: "button",
383
- tabIndex: 0,
384
- "aria-label": T ? m : d,
385
- onClick: F,
386
- onKeyDown: (e) => {
387
- e.target === e.currentTarget && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), F());
388
- }
389
- } : {}, L = c(Ge, "group/attachment-tile", A && "cursor-pointer", Q.tile, u && Q.selected, E && Q.loading, M && Q.proxyFocus, Ke, v, Z.tile, u && Z.tileSelected);
379
+ }, I = c(Ge, "group/attachment-tile", A && "cursor-pointer", Q.tile, u && Q.selected, E && Q.loading, M && Q.proxyFocus, Ke, v, Z.tile, u && Z.tileSelected);
390
380
  return /* @__PURE__ */ J("div", {
391
- className: L,
392
- ...I,
381
+ className: I,
393
382
  "aria-busy": E,
394
383
  style: o,
395
384
  children: /* @__PURE__ */ Y("div", {
@@ -415,7 +404,7 @@ var be = {
415
404
  width: "100%",
416
405
  height: "100%",
417
406
  active: P === et.Loading,
418
- overlay: /* @__PURE__ */ J(G, {
407
+ overlay: /* @__PURE__ */ J(le, {
419
408
  size: f.LG,
420
409
  className: Q.placeholderIcon,
421
410
  "aria-hidden": !0,
@@ -431,6 +420,12 @@ var be = {
431
420
  decoding: "async",
432
421
  className: c("h-full w-full rounded-xl object-cover transition-opacity duration-200", P === et.Loaded ? "opacity-100" : "opacity-0")
433
422
  }),
423
+ A && /* @__PURE__ */ J("button", {
424
+ type: "button",
425
+ "aria-label": T ? m : d,
426
+ onClick: F,
427
+ className: c("absolute inset-0 cursor-pointer rounded-xl", Q.tileAction)
428
+ }),
434
429
  E && /* @__PURE__ */ J("div", {
435
430
  role: "progressbar",
436
431
  "aria-label": _,
@@ -583,7 +578,7 @@ var be = {
583
578
  })
584
579
  }),
585
580
  /* @__PURE__ */ J("span", {
586
- className: c("max-w-[22rem] min-w-0 truncate", A ? n?.monoFontClassName ?? "dial-code-text" : n?.fontClassName ?? "dial-small-text", X.stageName, j && X.stageNameFailed),
581
+ className: c("max-w-88 min-w-0 truncate", A ? n?.monoFontClassName ?? "dial-code-text" : n?.fontClassName ?? "dial-small-text", X.stageName, j && X.stageNameFailed),
587
582
  children: /* @__PURE__ */ J(g, { text: k || e.status || "" })
588
583
  }),
589
584
  e.tag && /* @__PURE__ */ J("span", {
@@ -670,7 +665,7 @@ var be = {
670
665
  })
671
666
  }),
672
667
  /* @__PURE__ */ J("span", {
673
- className: c("max-w-[22rem] min-w-0 truncate", i?.fontClassName ?? "dial-small-text", X.stageName, v && X.stageNameFailed),
668
+ className: c("max-w-88 min-w-0 truncate", i?.fontClassName ?? "dial-small-text", X.stageName, v && X.stageNameFailed),
674
669
  children: /* @__PURE__ */ J(g, { text: e.name })
675
670
  }),
676
671
  /* @__PURE__ */ Y("span", {
@@ -843,7 +838,7 @@ var be = {
843
838
  ariaLabel: v
844
839
  })
845
840
  }), t && /* @__PURE__ */ J("span", {
846
- className: c("max-w-[22rem] min-w-0 truncate", I.fontClassName, $.liveName),
841
+ className: c("max-w-88 min-w-0 truncate", I.fontClassName, $.liveName),
847
842
  children: /* @__PURE__ */ J(g, { text: t })
848
843
  })]
849
844
  });
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@epam/ai-dial-conversation-stages",
3
3
  "description": "Panel for displaying agent processing stages during LLM response streaming",
4
- "version": "1.3.0-dev.253",
4
+ "version": "1.3.0-dev.256",
5
5
  "license": "Apache-2.0",
6
6
  "type": "module",
7
7
  "main": "./index.js",
@@ -18,11 +18,11 @@
18
18
  },
19
19
  "dependencies": {
20
20
  "@tabler/icons-react": "^3.44.0",
21
- "@epam/ai-dial-attachment-input": "1.3.0-dev.253"
21
+ "@epam/ai-dial-attachment-input": "1.3.0-dev.256"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "react": "^19.2.8",
25
- "@epam/ai-dial-chat-shared": "1.3.0-dev.253",
25
+ "@epam/ai-dial-chat-shared": "1.3.0-dev.256",
26
26
  "@epam/ai-dial-ui-kit": "^0.16.0-dev.56"
27
27
  },
28
28
  "repository": {