@epam/ai-dial-conversation-stages 1.1.0-dev.29 → 1.1.0-dev.290

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 (25) hide show
  1. package/components/CollapsedGroup/CollapsedGroup.d.ts +1 -7
  2. package/components/CollapsedGroup/CollapsedGroup.d.ts.map +1 -1
  3. package/components/StageIcon/StageIcon.d.ts +1 -15
  4. package/components/StageIcon/StageIcon.d.ts.map +1 -1
  5. package/components/StageItem/StageItem.d.ts +2 -12
  6. package/components/StageItem/StageItem.d.ts.map +1 -1
  7. package/components/StageMarkdownContent/StageCodeBlock.d.ts +2 -0
  8. package/components/StageMarkdownContent/StageCodeBlock.d.ts.map +1 -1
  9. package/components/StagesPanel/StagesPanel.d.ts +1 -5
  10. package/components/StagesPanel/StagesPanel.d.ts.map +1 -1
  11. package/index.css +1 -1
  12. package/index.js +155 -117
  13. package/models/collapsed-group.d.ts +14 -17
  14. package/models/collapsed-group.d.ts.map +1 -1
  15. package/models/stage-grouping.d.ts +6 -14
  16. package/models/stage-grouping.d.ts.map +1 -1
  17. package/models/stages-props.d.ts +39 -27
  18. package/models/stages-props.d.ts.map +1 -1
  19. package/package.json +3 -3
  20. package/utils/stage-grouping.d.ts +1 -7
  21. package/utils/stage-grouping.d.ts.map +1 -1
  22. package/utils/stage-name.d.ts +5 -14
  23. package/utils/stage-name.d.ts.map +1 -1
  24. package/utils/stage-progress.d.ts +1 -7
  25. package/utils/stage-progress.d.ts.map +1 -1
package/components/CollapsedGroup/CollapsedGroup.d.ts CHANGED
@@ -1,11 +1,5 @@
1
1
  import { FC } from 'react';
2
2
  import { CollapsedGroupProps } from '../../models/collapsed-group';
3
- /**
4
- * Wraps `StagesPanel` with a single summary line whose text and default
5
- * open/closed state track the run: expanded with a live progress line while
6
- * streaming, then collapsed to one line — finished or failed — the moment
7
- * it ends. A lone stage skips the summary line entirely and renders
8
- * directly; an empty list renders nothing.
9
- */
3
+ /** Wraps `StagesPanel` with a collapsible summary line that tracks run state: live progress while streaming, one-line summary once finished. */
10
4
  export declare const CollapsedGroup: FC<CollapsedGroupProps>;
11
5
  //# sourceMappingURL=CollapsedGroup.d.ts.map
package/components/CollapsedGroup/CollapsedGroup.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CollapsedGroup.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsedGroup/CollapsedGroup.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AACxD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAUxE;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAkNlD,CAAC"}
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"}
package/components/StageIcon/StageIcon.d.ts CHANGED
@@ -11,20 +11,6 @@ export interface StageIconProps {
11
11
  /** Accessible label announced (visually hidden) alongside a failed stage's icon. Defaults to `'Failed'`. */
12
12
  failedLabel?: string;
13
13
  }
14
- /**
15
- * The row's single icon slot, filled by priority: exception (failed, or
16
- * running via a spinner) always wins; everything else — completed, or a
17
- * settled-but-unresolved stage from an aborted stream — falls back to one
18
- * uniform check glyph, the same `IconCheck` glyph and size as the
19
- * `CollapsedGroup` summary's own "Executed N steps" check, but in a quiet
20
- * grey ink rather than the summary's success color — the summary is the one
21
- * place that should read as a vivid confirmation, not every row. There is
22
- * no separate "pending" glyph: the quiet tier is intentionally a single
23
- * glyph, not a per-state icon set.
24
- *
25
- * The icon itself is `aria-hidden` (decorative) — status is also carried by
26
- * text: failed stages get a visually-hidden label here, and their row name
27
- * gets the warning ink color at the call site.
28
- */
14
+ /** Renders the icon for a stage, based on its status and whether it's currently executing. */
29
15
  export declare const StageIcon: FC<StageIconProps>;
30
16
  //# sourceMappingURL=StageIcon.d.ts.map
package/components/StageIcon/StageIcon.d.ts.map CHANGED
@@ -1 +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;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA8BxC,CAAC"}
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"}
package/components/StageItem/StageItem.d.ts CHANGED
@@ -11,19 +11,9 @@ export interface StageItemProps {
11
11
  typography?: StageTypography;
12
12
  /** User-visible strings. */
13
13
  labels?: StagesPanelLabels;
14
- /**
15
- * Overrides the displayed name without affecting duration extraction —
16
- * used to relabel an individual attempt (e.g. `'Attempt 2'`) inside a
17
- * collapsed `×N` group while still reading that attempt's own duration
18
- * from its real `stage.name`.
19
- */
14
+ /** Overrides the displayed name; used to relabel individual attempts (e.g. `'Attempt 2'`) inside a `×N` group. */
20
15
  nameOverride?: string;
21
16
  }
22
- /**
23
- * A single flat stage row: icon · name · tag? · duration? · chevron? — every
24
- * element but the icon and name is optional and renders only when the data
25
- * exists. Plain when the stage has no expandable content or attachments;
26
- * becomes a disclosure button when it does.
27
- */
17
+ /** Renders a single stage row, optionally expandable to show its content. */
28
18
  export declare const StageItem: FC<StageItemProps>;
29
19
  //# sourceMappingURL=StageItem.d.ts.map
package/components/StageItem/StageItem.d.ts.map CHANGED
@@ -1 +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;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;GAKG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAwHxC,CAAC"}
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"}
package/components/StageMarkdownContent/StageCodeBlock.d.ts CHANGED
@@ -4,6 +4,8 @@ interface Props {
4
4
  children: ReactNode;
5
5
  /** Language class from react-markdown (e.g. `language-json`). */
6
6
  codeClassName?: string;
7
+ /** Typography class applied to the `<pre>` block. Defaults to `'dial-code-text'`. */
8
+ blockClassName?: string;
7
9
  /** Accessible label for the copy button. */
8
10
  copyAriaLabel: string;
9
11
  }
package/components/StageMarkdownContent/StageCodeBlock.d.ts.map CHANGED
@@ -1 +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,4CAA4C;IAC5C,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,mEAAmE;AACnE,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CAwDpC,CAAC"}
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"}
package/components/StagesPanel/StagesPanel.d.ts CHANGED
@@ -1,9 +1,5 @@
1
1
  import { FC } from 'react';
2
2
  import { StagesPanelProps } from '../../models/stages-props';
3
- /**
4
- * Displays an agent's accumulated stages as a flat, inline list of rows — no
5
- * card, border, or panel around it. Repeated identical stage names collapse
6
- * into one `×N` row that expands to the individual attempts.
7
- */
3
+ /** Flat inline list of agent stages; repeated identical names collapse into a ×N group row. */
8
4
  export declare const StagesPanel: FC<StagesPanelProps>;
9
5
  //# sourceMappingURL=StagesPanel.d.ts.map
package/components/StagesPanel/StagesPanel.d.ts.map CHANGED
@@ -1 +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;AA4InC;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAoD5C,CAAC"}
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"}
package/index.css CHANGED
@@ -1,2 +1,2 @@
1
- ._panel_mqtpu_2{color:var(--cs-text,var(--text-primary,#161b2d))}._row_mqtpu_6{border-radius:8px}._row_mqtpu_6:hover{background:var(--cs-row-hover,var(--bg-layer-2,#eef1f7))}._collapseButton_mqtpu_13{background:var(--cs-button-bg,transparent)}._stageName_mqtpu_17{color:var(--cs-stage-text,var(--text-secondary,#575f73))}._stageNameFailed_mqtpu_21{color:var(--cs-failed-text,var(--text-warning,#7f6300))}._monoName_mqtpu_25{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}._tag_mqtpu_29{color:var(--cs-tag-text,var(--text-tertiary,#808898));text-transform:uppercase;letter-spacing:.04em}._count_mqtpu_35{color:var(--cs-count-text,var(--text-tertiary,#808898));font-variant-numeric:tabular-nums}._duration_mqtpu_40{color:var(--cs-duration-text,var(--text-tertiary,#808898));font-variant-numeric:tabular-nums}._iconSecondary_mqtpu_45{color:var(--cs-icon-secondary,var(--text-secondary,#575f73));opacity:.7}._iconCompleted_mqtpu_51{color:var(--cs-icon-completed,var(--text-tertiary,#808898))}._iconError_mqtpu_56{color:var(--cs-icon-error,var(--text-warning,#7f6300))}._stageContent_mqtpu_60{color:var(--cs-stage-text,var(--text-secondary,#575f73));line-height:150%!important}._codeBlock_mqtpu_65{background:var(--cs-code-bg,var(--bg-layer-0,#fcfcfc));border-color:var(--cs-code-border,var(--stroke-secondary,#d1dbea));color:var(--cs-code-text,var(--text-primary,#161b2d))}._codeInline_mqtpu_71{background:var(--cs-code-bg,var(--bg-layer-0,#fcfcfc));border:1px solid var(--cs-code-border,var(--stroke-secondary,#d1dbea));color:var(--cs-code-text,var(--text-primary,#161b2d))}._blockquote_mqtpu_77{border-color:var(--cs-stage-text,var(--text-secondary,#575f73));color:var(--cs-stage-text,var(--text-secondary,#575f73))}._tableCell_mqtpu_82{border-color:var(--cs-border,var(--stroke-secondary,#d1dbea));color:var(--cs-stage-text,var(--text-secondary,#575f73))}._toggleButton_1exhc_2{color:var(--cs-cg-label,var(--text-secondary,#575f73));width:100%;justify-content:flex-start!important}._toggleButton_1exhc_2:hover{color:var(--cs-cg-label-hover,var(--text-primary,#161b2d))}._executedLabel_1exhc_11{color:var(--cs-cg-label,var(--text-secondary,#575f73))}._stepsCount_1exhc_16{color:var(--cs-cg-steps-count,var(--text-tertiary,#808898));font-variant-numeric:tabular-nums}._doneIcon_1exhc_22{color:var(--cs-cg-done,var(--text-success,#007274))}._failedText_1exhc_27{color:var(--cs-cg-failed,var(--text-warning,#7f6300))}._liveName_1exhc_32{color:var(--cs-cg-label,var(--text-primary,#161b2d))}
1
+ ._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))}
2
2
  /*$vite$:1*/
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { MarkdownRenderer as e, StageStatus as t, buildCssVars as n, copyToClipboard as r, mergeClasses as i } from "@epam/ai-dial-chat-shared";
2
- import { DIAL_ICON_SIZE as a, DialEllipsisTooltip as o, DialGhostIconButton as s, DialLinkButton as c, DialSpinner as l, ElementSize as u } from "@epam/ai-dial-ui-kit";
2
+ 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";
3
3
  import { IconAlertCircle as d, IconCheck as f, IconChevronDown as p, IconChevronRight as m, IconCopy as h } from "@tabler/icons-react";
4
4
  import { memo as g, useCallback as _, useEffect as v, useRef as y, useState as b } from "react";
5
5
  import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
@@ -30,36 +30,34 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
30
30
  for (; a < e.length && D(e[a].name).name === i;) a += 1;
31
31
  let o = e.slice(n, a);
32
32
  o.length > 1 ? t.push({
33
- kind: "group",
34
33
  key: r.index,
35
34
  name: i,
36
35
  attempts: o
37
36
  }) : t.push({
38
- kind: "single",
39
37
  key: r.index,
40
38
  stage: r
41
39
  }), n = a;
42
40
  }
43
41
  return t;
44
42
  }, P = {
45
- panel: "_panel_mqtpu_2",
46
- row: "_row_mqtpu_6",
47
- collapseButton: "_collapseButton_mqtpu_13",
48
- stageName: "_stageName_mqtpu_17",
49
- stageNameFailed: "_stageNameFailed_mqtpu_21",
50
- monoName: "_monoName_mqtpu_25",
51
- tag: "_tag_mqtpu_29",
52
- count: "_count_mqtpu_35",
53
- duration: "_duration_mqtpu_40",
54
- iconSecondary: "_iconSecondary_mqtpu_45",
55
- iconCompleted: "_iconCompleted_mqtpu_51",
56
- iconError: "_iconError_mqtpu_56",
57
- stageContent: "_stageContent_mqtpu_60",
58
- codeBlock: "_codeBlock_mqtpu_65",
59
- codeInline: "_codeInline_mqtpu_71",
60
- blockquote: "_blockquote_mqtpu_77",
61
- tableCell: "_tableCell_mqtpu_82"
62
- }, F = ({ status: e, isLive: n, runningLabel: r = "Running", failedLabel: i = "Failed" }) => n ? /* @__PURE__ */ S(l, {
43
+ panel: "_panel_vd48n_1",
44
+ row: "_row_vd48n_5",
45
+ collapseButton: "_collapseButton_vd48n_9",
46
+ stageName: "_stageName_vd48n_13",
47
+ stageNameFailed: "_stageNameFailed_vd48n_17",
48
+ monoName: "_monoName_vd48n_21",
49
+ tag: "_tag_vd48n_25",
50
+ count: "_count_vd48n_29",
51
+ duration: "_duration_vd48n_34",
52
+ iconSecondary: "_iconSecondary_vd48n_39",
53
+ iconCompleted: "_iconCompleted_vd48n_44",
54
+ iconError: "_iconError_vd48n_48",
55
+ stageContent: "_stageContent_vd48n_52",
56
+ codeBlock: "_codeBlock_vd48n_56",
57
+ codeInline: "_codeInline_vd48n_62",
58
+ blockquote: "_blockquote_vd48n_68",
59
+ tableCell: "_tableCell_vd48n_73"
60
+ }, F = ({ status: e, isLive: n, runningLabel: r = "Running", failedLabel: i = "Failed" }) => n ? /* @__PURE__ */ S(u, {
63
61
  size: 16,
64
62
  ariaLabel: r
65
63
  }) : e === t.Failed ? /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(d, {
@@ -73,27 +71,27 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
73
71
  size: a.SM,
74
72
  className: P.iconCompleted,
75
73
  "aria-hidden": !0
76
- }), I = ({ children: e, codeClassName: t, copyAriaLabel: n }) => {
77
- let [o, c] = b(!1), l = y(null);
74
+ }), I = ({ children: e, codeClassName: t, blockClassName: n = "dial-code-text", copyAriaLabel: s }) => {
75
+ let [l, u] = b(!1), d = y(null);
78
76
  v(() => () => {
79
- l.current != null && clearTimeout(l.current);
77
+ d.current != null && clearTimeout(d.current);
80
78
  }, []);
81
- let d = _(() => {
82
- r(typeof e == "string" ? e : String(e ?? "")), l.current && clearTimeout(l.current), c(!0), l.current = setTimeout(() => c(!1), 2e3);
79
+ let p = _(() => {
80
+ r(typeof e == "string" ? e : String(e ?? "")), d.current && clearTimeout(d.current), u(!0), d.current = setTimeout(() => u(!1), 2e3);
83
81
  }, [e]);
84
82
  return /* @__PURE__ */ C("pre", {
85
- className: i("relative max-h-[300px] overflow-auto rounded border p-3 text-sm", P.codeBlock),
86
- children: [/* @__PURE__ */ S(s, {
87
- size: u.Small,
88
- icon: S(o ? f : h, {
83
+ className: i("relative max-h-[300px] overflow-auto rounded border p-3", n, P.codeBlock),
84
+ children: [/* @__PURE__ */ S(c, {
85
+ size: o.Small,
86
+ icon: S(l ? f : h, {
89
87
  size: a.SM,
90
88
  className: P.iconSecondary
91
89
  }),
92
- "aria-label": n,
93
- onClick: d,
90
+ "aria-label": s,
91
+ onClick: p,
94
92
  className: "absolute end-2 top-2"
95
93
  }), /* @__PURE__ */ S("code", {
96
- className: i("font-mono", t),
94
+ className: t,
97
95
  children: e
98
96
  })]
99
97
  });
@@ -119,15 +117,16 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
119
117
  },
120
118
  components: { code: ({ children: e, className: t }) => t?.includes("language-") ? /* @__PURE__ */ S(I, {
121
119
  codeClassName: t,
120
+ blockClassName: n?.codeBlockClassName,
122
121
  copyAriaLabel: r,
123
122
  children: e
124
123
  }) : /* @__PURE__ */ S("code", {
125
- className: i("inline-block px-1.5 py-1", n?.codeClassName ?? "dial-small-text rounded-md font-mono", P.codeInline),
124
+ className: i("inline-block px-1.5 py-1", n?.codeClassName ?? "dial-code-text rounded-md", P.codeInline),
126
125
  children: e
127
126
  }) }
128
127
  });
129
- }), R = ({ stage: e, isLive: n, typography: r, labels: s, nameOverride: c }) => {
130
- 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: [
128
+ }), R = ({ stage: e, isLive: n, typography: r, labels: o, nameOverride: c }) => {
129
+ 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: [
131
130
  /* @__PURE__ */ S("span", {
132
131
  className: "flex flex-none items-center",
133
132
  children: /* @__PURE__ */ S(F, {
@@ -139,10 +138,10 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
139
138
  }),
140
139
  /* @__PURE__ */ S("span", {
141
140
  className: i("min-w-0 max-w-[22rem] truncate", r?.fontClassName ?? "dial-small-text", P.stageName, w && P.stageNameFailed, y && P.monoName),
142
- children: /* @__PURE__ */ S(o, { text: v || e.status || "" })
141
+ children: /* @__PURE__ */ S(s, { text: v || e.status || "" })
143
142
  }),
144
143
  e.tag && /* @__PURE__ */ S("span", {
145
- className: i("flex-none", r?.countFontClassName ?? "dial-tiny-text", P.tag),
144
+ className: i("flex-none", r?.tagClassName ?? "dial-tiny-lead-text", P.tag),
146
145
  children: e.tag
147
146
  }),
148
147
  _ && /* @__PURE__ */ S("span", {
@@ -161,12 +160,15 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
161
160
  })
162
161
  })
163
162
  ] }), k = i("flex w-full items-center gap-2 px-2 py-1.5", P.row);
164
- return T ? /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("button", {
165
- type: "button",
166
- onClick: () => u((e) => !e),
167
- "aria-expanded": l,
168
- className: i(k, "cursor-pointer text-start"),
169
- children: E
163
+ return T ? /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("div", {
164
+ className: k,
165
+ children: /* @__PURE__ */ S("button", {
166
+ type: "button",
167
+ onClick: () => u((e) => !e),
168
+ "aria-expanded": l,
169
+ className: "flex min-w-0 flex-1 cursor-pointer items-center gap-2 text-start",
170
+ children: E
171
+ })
170
172
  }), /* @__PURE__ */ S("div", {
171
173
  className: i("grid overflow-hidden transition-[grid-template-rows] duration-[250ms] ease-in-out", l ? "grid-rows-[1fr]" : "grid-rows-[0fr]"),
172
174
  children: /* @__PURE__ */ S("div", {
@@ -187,8 +189,8 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
187
189
  className: k,
188
190
  children: E
189
191
  });
190
- }, z = ({ row: e, isLive: n, typography: r, labels: s }) => {
191
- 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) => {
192
+ }, z = ({ row: e, isLive: n, typography: r, labels: o }) => {
193
+ 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) => {
192
194
  let { durationLabel: n } = D(t.name);
193
195
  return e + (A(n) ?? 0);
194
196
  }, 0), _ = g > 0 ? k(g) : void 0;
@@ -196,7 +198,7 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
196
198
  type: "button",
197
199
  onClick: () => f((e) => !e),
198
200
  "aria-expanded": d,
199
- className: i("flex w-full items-center gap-2 px-2 py-1.5 text-start", P.row),
201
+ className: i("flex w-full items-center gap-2 rounded-lg px-2 py-1.5 text-start", P.collapseButton, P.row),
200
202
  children: [
201
203
  /* @__PURE__ */ S("span", {
202
204
  className: "flex flex-none items-center",
@@ -209,11 +211,11 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
209
211
  }),
210
212
  /* @__PURE__ */ S("span", {
211
213
  className: i("min-w-0 max-w-[22rem] truncate", r?.fontClassName ?? "dial-small-text", P.stageName, h && P.stageNameFailed),
212
- children: /* @__PURE__ */ S(o, { text: e.name })
214
+ children: /* @__PURE__ */ S(s, { text: e.name })
213
215
  }),
214
216
  /* @__PURE__ */ C("span", {
215
217
  className: i("flex-none", r?.countFontClassName ?? "dial-tiny-text", P.count),
216
- children: ["×", e.attempts.length]
218
+ children: ["×", e.attempts?.length ?? 0]
217
219
  }),
218
220
  _ && /* @__PURE__ */ S("span", {
219
221
  className: i("flex-none", r?.countFontClassName ?? "dial-tiny-text", P.duration),
@@ -238,14 +240,14 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
238
240
  children: /* @__PURE__ */ S("ul", {
239
241
  role: "list",
240
242
  className: "mt-1 flex flex-col gap-0.5 ps-6",
241
- children: e.attempts.map((t, i) => /* @__PURE__ */ S("li", {
243
+ children: e.attempts?.map((t, i) => /* @__PURE__ */ S("li", {
242
244
  role: "listitem",
243
245
  children: /* @__PURE__ */ S(R, {
244
246
  stage: t,
245
247
  nameOverride: u(i + 1),
246
- isLive: n && t.index === e.attempts[e.attempts.length - 1].index,
248
+ isLive: n && t.index === e.attempts?.[e.attempts.length - 1]?.index,
247
249
  typography: r,
248
- labels: s
250
+ labels: o
249
251
  })
250
252
  }, t.index))
251
253
  })
@@ -255,8 +257,19 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
255
257
  let { colors: s, typography: c } = a ?? {}, l = n({
256
258
  "--cs-text": s?.text,
257
259
  "--cs-row-hover": s?.rowHoverColor,
260
+ "--cs-button-bg": s?.collapsedButtonBg,
258
261
  "--cs-stage-text": s?.stageTextColor,
259
- "--cs-failed-text": s?.failedColor
262
+ "--cs-failed-text": s?.failedColor,
263
+ "--cs-tag-text": s?.tagTextColor,
264
+ "--cs-count-text": s?.countTextColor,
265
+ "--cs-duration-text": s?.durationTextColor,
266
+ "--cs-icon-secondary": s?.iconSecondaryColor,
267
+ "--cs-icon-completed": s?.iconCompletedColor,
268
+ "--cs-icon-error": s?.iconErrorColor,
269
+ "--cs-code-bg": s?.codeBg,
270
+ "--cs-code-border": s?.codeBorderColor,
271
+ "--cs-code-text": s?.codeTextColor,
272
+ "--cs-border": s?.borderColor
260
273
  }), u = t ? j(e) : void 0, d = N(e);
261
274
  return /* @__PURE__ */ S("div", {
262
275
  style: l,
@@ -264,7 +277,7 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
264
277
  children: /* @__PURE__ */ S("ul", {
265
278
  role: "list",
266
279
  className: "flex w-full flex-col gap-0.5 ps-5",
267
- children: d.map((e) => e.kind === "single" ? /* @__PURE__ */ S("li", {
280
+ children: d.map((e) => e.stage ? /* @__PURE__ */ S("li", {
268
281
  role: "listitem",
269
282
  children: /* @__PURE__ */ S(R, {
270
283
  stage: e.stage,
@@ -276,7 +289,7 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
276
289
  role: "listitem",
277
290
  children: /* @__PURE__ */ S(z, {
278
291
  row: e,
279
- isLive: u?.index === e.attempts[e.attempts.length - 1].index,
292
+ isLive: u?.index === e.attempts?.[e.attempts.length - 1].index,
280
293
  typography: c,
281
294
  labels: o
282
295
  })
@@ -284,89 +297,110 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
284
297
  })
285
298
  });
286
299
  }, V = {
287
- toggleButton: "_toggleButton_1exhc_2",
288
- executedLabel: "_executedLabel_1exhc_11",
289
- stepsCount: "_stepsCount_1exhc_16",
290
- doneIcon: "_doneIcon_1exhc_22",
291
- failedText: "_failedText_1exhc_27",
292
- liveName: "_liveName_1exhc_32"
293
- }, H = ({ stages: e, isStreaming: r, labels: o, className: s, styles: u }) => {
294
- 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);
300
+ toggleButton: "_toggleButton_1sa5v_1",
301
+ executedLabel: "_executedLabel_1sa5v_13",
302
+ stepsCount: "_stepsCount_1sa5v_17",
303
+ doneIcon: "_doneIcon_1sa5v_22",
304
+ failedText: "_failedText_1sa5v_26",
305
+ liveName: "_liveName_1sa5v_30"
306
+ }, H = ({ stages: e, isStreaming: r, labels: o, className: c, styles: d }) => {
307
+ 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);
295
308
  v(() => {
296
- P.current && !r && N(!1), P.current = r;
309
+ F.current && !r && P(!1), F.current = r;
297
310
  }, [r]);
298
- let { colors: F } = u ?? {}, I = u?.typography ?? { fontClassName: "dial-small-text" }, L = n({
299
- "--cs-cg-label": F?.labelColor,
300
- "--cs-cg-label-hover": F?.labelHoverColor,
301
- "--cs-cg-steps-count": F?.stepsCountColor,
302
- "--cs-cg-done": F?.doneColor,
303
- "--cs-cg-failed": F?.failedColor
311
+ let { colors: I, panel: L } = d ?? {}, R = d?.typography ?? { fontClassName: "dial-small-text" }, z = n({
312
+ "--cs-cg-label": I?.labelColor,
313
+ "--cs-cg-label-hover": I?.labelHoverColor,
314
+ "--cs-cg-steps-count": I?.stepsCountColor,
315
+ "--cs-cg-done": I?.doneColor,
316
+ "--cs-cg-failed": I?.failedColor,
317
+ "--cs-text": L?.text,
318
+ "--cs-row-hover": L?.rowHoverColor,
319
+ "--cs-button-bg": L?.collapsedButtonBg,
320
+ "--cs-stage-text": L?.stageTextColor,
321
+ "--cs-failed-text": L?.failedColor,
322
+ "--cs-tag-text": L?.tagTextColor,
323
+ "--cs-count-text": L?.countTextColor,
324
+ "--cs-duration-text": L?.durationTextColor,
325
+ "--cs-icon-secondary": L?.iconSecondaryColor,
326
+ "--cs-icon-completed": L?.iconCompletedColor,
327
+ "--cs-icon-error": L?.iconErrorColor,
328
+ "--cs-code-bg": L?.codeBg,
329
+ "--cs-code-border": L?.codeBorderColor,
330
+ "--cs-code-text": L?.codeTextColor,
331
+ "--cs-border": L?.borderColor
304
332
  });
305
333
  if (e.length === 0) return null;
306
- let R = {
307
- copyAriaLabel: w,
308
- runningAriaLabel: x,
309
- failedAriaLabel: T,
310
- attemptLabel: E
334
+ let H = {
335
+ copyAriaLabel: T,
336
+ runningAriaLabel: w,
337
+ failedAriaLabel: E,
338
+ attemptLabel: O
311
339
  };
312
340
  if (e.length === 1) return /* @__PURE__ */ S(B, {
313
341
  stages: e,
314
342
  isStreaming: r,
315
- className: s,
316
- styles: { typography: u?.typography },
317
- labels: R
343
+ className: c,
344
+ styles: {
345
+ colors: L,
346
+ typography: d?.typography
347
+ },
348
+ labels: H
318
349
  });
319
- let z = e.some((e) => e.status === t.Failed), H = e.reduce((e, t) => {
350
+ let U = e.some((e) => e.status === t.Failed), W = e.reduce((e, t) => {
320
351
  let { durationLabel: n } = D(t.name);
321
352
  return e + (A(n) ?? 0);
322
- }, 0), U = H > 0 ? k(H) : void 0, W = r ? j(e) : void 0, G;
353
+ }, 0), G = W > 0 ? k(W) : void 0, K = r ? j(e) : void 0, q;
323
354
  if (r) {
324
- let t = W ? M(e, W) : e.length, n = W ? D(W.name).name : "";
325
- G = /* @__PURE__ */ C("span", {
355
+ let t = K ? M(e, K) : e.length, n = K ? D(K.name).name : "";
356
+ q = /* @__PURE__ */ C("span", {
326
357
  role: "status",
327
358
  "aria-live": "polite",
328
- className: "inline-flex items-center gap-2",
359
+ className: "flex min-w-0 items-center gap-2",
329
360
  children: [
330
- /* @__PURE__ */ S(l, {
331
- size: 14,
332
- ariaLabel: x
361
+ /* @__PURE__ */ S("span", {
362
+ className: "flex flex-none items-center",
363
+ children: /* @__PURE__ */ S(u, {
364
+ size: 14,
365
+ ariaLabel: w
366
+ })
333
367
  }),
334
368
  /* @__PURE__ */ S("span", {
335
- className: i(I.fontClassName, V.liveName),
336
- children: _(t, e.length)
369
+ className: i("flex-none whitespace-nowrap", R.fontClassName, V.liveName),
370
+ children: x(t, e.length)
337
371
  }),
338
372
  n && /* @__PURE__ */ S("span", {
339
- className: i(I.fontClassName, V.executedLabel),
340
- children: n
373
+ className: i("min-w-0 max-w-[22rem] truncate", R.fontClassName, V.executedLabel),
374
+ children: /* @__PURE__ */ S(s, { text: n })
341
375
  })
342
376
  ]
343
377
  });
344
- } else if (z) {
378
+ } else if (U) {
345
379
  let n = e.filter((e) => e.status === t.Failed).length;
346
- G = /* @__PURE__ */ C("span", {
380
+ q = /* @__PURE__ */ C("span", {
347
381
  className: "inline-flex items-center gap-1",
348
382
  children: [
349
383
  /* @__PURE__ */ C("span", {
350
- className: i(I.fontClassName, V.executedLabel),
384
+ className: i(R.fontClassName, V.executedLabel),
351
385
  children: [
352
- d,
386
+ h,
353
387
  " ",
354
388
  e.length,
355
389
  " ",
356
- h(e.length)
390
+ g(e.length)
357
391
  ]
358
392
  }),
359
393
  /* @__PURE__ */ S("span", {
360
- className: i(I.fontClassName, V.failedText),
361
- children: g(n)
394
+ className: i(R.fontClassName, V.failedText),
395
+ children: _(n)
362
396
  }),
363
- U && /* @__PURE__ */ S("span", {
364
- className: i(I.fontClassName, V.stepsCount),
365
- children: U
397
+ G && /* @__PURE__ */ S("span", {
398
+ className: i(R.fontClassName, V.stepsCount),
399
+ children: G
366
400
  })
367
401
  ]
368
402
  });
369
- } else G = /* @__PURE__ */ C("span", {
403
+ } else q = /* @__PURE__ */ C("span", {
370
404
  className: "inline-flex items-center gap-1",
371
405
  children: [
372
406
  /* @__PURE__ */ S(f, {
@@ -375,29 +409,30 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
375
409
  "aria-hidden": !0
376
410
  }),
377
411
  /* @__PURE__ */ C("span", {
378
- className: i(I.fontClassName, V.executedLabel),
412
+ className: i(R.fontClassName, V.executedLabel),
379
413
  children: [
380
- d,
414
+ h,
381
415
  " ",
382
416
  e.length,
383
417
  " ",
384
- h(e.length)
418
+ g(e.length)
385
419
  ]
386
420
  }),
387
- U && /* @__PURE__ */ S("span", {
388
- className: i(I.fontClassName, V.stepsCount),
389
- children: U
421
+ G && /* @__PURE__ */ S("span", {
422
+ className: i(R.fontClassName, V.stepsCount),
423
+ children: G
390
424
  })
391
425
  ]
392
426
  });
393
427
  return /* @__PURE__ */ C("div", {
394
- style: L,
395
- className: i("flex w-full flex-col gap-1", s),
396
- children: [/* @__PURE__ */ S(c, {
428
+ style: z,
429
+ className: i("flex w-full flex-col gap-1", c),
430
+ children: [/* @__PURE__ */ S(l, {
397
431
  className: V.toggleButton,
398
- onClick: () => N((e) => !e),
399
- "aria-expanded": O,
400
- iconAfter: O ? /* @__PURE__ */ S(p, {
432
+ textClassName: "min-w-0",
433
+ onClick: () => P((e) => !e),
434
+ "aria-expanded": N,
435
+ iconAfter: N ? /* @__PURE__ */ S(p, {
401
436
  size: 12,
402
437
  "aria-hidden": !0
403
438
  }) : /* @__PURE__ */ S(m, {
@@ -405,16 +440,19 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
405
440
  className: "rtl:scale-x-[-1]",
406
441
  "aria-hidden": !0
407
442
  }),
408
- label: G
443
+ label: q
409
444
  }), /* @__PURE__ */ S("div", {
410
- className: i("grid transition-[grid-template-rows] duration-300 ease-in-out", O ? "grid-rows-[1fr]" : "grid-rows-[0fr]"),
445
+ className: i("grid transition-[grid-template-rows] duration-300 ease-in-out", N ? "grid-rows-[1fr]" : "grid-rows-[0fr]"),
411
446
  children: /* @__PURE__ */ S("div", {
412
447
  className: "overflow-hidden",
413
448
  children: /* @__PURE__ */ S(B, {
414
449
  stages: e,
415
450
  isStreaming: r,
416
- styles: { typography: u?.typography },
417
- labels: R,
451
+ styles: {
452
+ colors: L,
453
+ typography: d?.typography
454
+ },
455
+ labels: H,
418
456
  className: "pt-1"
419
457
  })
420
458
  })
package/models/collapsed-group.d.ts CHANGED
@@ -1,40 +1,41 @@
1
1
  import { Stage } from '@epam/ai-dial-chat-shared';
2
+ import { StagesPanelColors } from './stages-props';
2
3
  /** Color overrides for the `CollapsedGroup` component applied as CSS custom properties. */
3
4
  export interface CollapsedGroupColors {
4
- /** Color of the toggle button label and icon. Defaults to `var(--text-secondary, #575F73)`. */
5
+ /** Color of the toggle button label and icon. */
5
6
  labelColor?: string;
6
- /** Color of the toggle button label and icon on hover. Defaults to `var(--text-primary, #161B2D)`. */
7
+ /** Color of the toggle button label and icon on hover. */
7
8
  labelHoverColor?: string;
8
- /** Color of the execution time. Defaults to `var(--text-tertiary, #808898)` — muted, matching the row-level duration's tone. */
9
+ /** Color of the execution time. */
9
10
  stepsCountColor?: string;
10
- /** Color of the leading check icon in the finished-and-successful summary. Defaults to `var(--text-success, #007274)`. */
11
+ /** Color of the leading check icon in the finished-and-successful summary. */
11
12
  doneColor?: string;
12
- /** Color of the "N failed" text in the failed summary. Defaults to `var(--text-warning, #7f6300)`. */
13
+ /** Color of the "N failed" text in the failed summary. */
13
14
  failedColor?: string;
14
15
  }
15
16
  /** Typography configuration for the toggle button label text. */
16
17
  export interface CollapsedGroupTypography {
17
- /** CSS utility class applied to the toggle button label. Defaults to `'dial-small-text'` — matches the size of the step rows it summarizes, since a group header should never render smaller than its contents. */
18
+ /** CSS utility class applied to the toggle button label. Defaults to `'dial-small-text'`. */
18
19
  fontClassName?: string;
19
- /** Font family applied to the panel root via CSS custom property. */
20
- fontFamily?: string;
21
20
  }
22
21
  /** Combined style overrides (colors and typography) for the `CollapsedGroup` component. */
23
22
  export interface CollapsedGroupStyles {
24
23
  /** Color overrides applied as CSS custom properties. */
25
24
  colors?: CollapsedGroupColors;
26
- /** Typography for the toggle button label. Defaults to `{ fontClassName: 'dial-small-text' }`. */
25
+ /** Typography for the toggle button label. */
27
26
  typography?: CollapsedGroupTypography;
27
+ /** Color overrides forwarded to the inner `StagesPanel`. */
28
+ panel?: StagesPanelColors;
28
29
  }
29
30
  /** User-visible strings for the `CollapsedGroup` component. */
30
31
  export interface CollapsedGroupLabels {
31
32
  /** Label shown before the steps count on the toggle button. Defaults to `'Executed'`. */
32
33
  executedLabel?: string;
33
- /** Returns the pluralized label for the steps count. Receives the count so callers can handle any plural rule. Defaults to `() => 'steps'`. */
34
+ /** Returns the pluralized steps label. Defaults to `() => 'steps'`. */
34
35
  stepsLabel?: (count: number) => string;
35
- /** Returns the "N failed" fragment shown in the failed summary. Defaults to `(n) => \`${n} failed\``. */
36
+ /** Returns the "N failed" text in the failed summary. Defaults to `(n) => \`${n} failed\``. */
36
37
  failedCountLabel?: (failedCount: number) => string;
37
- /** Returns the "Step X of Y" fragment shown in the running summary. Defaults to `(current, total) => \`Step ${current} of ${total}\``. */
38
+ /** Returns the "Step X of Y" text in the running summary. Defaults to `(current, total) => \`Step ${current} of ${total}\``. */
38
39
  runningStepLabel?: (current: number, total: number) => string;
39
40
  /** Accessible label announced for the running summary's spinner. Defaults to `'Running'`. */
40
41
  runningAriaLabel?: string;
@@ -49,11 +50,7 @@ export interface CollapsedGroupLabels {
49
50
  export interface CollapsedGroupProps {
50
51
  /** Ordered list of stages to display. */
51
52
  stages: Stage[];
52
- /**
53
- * Whether the run is still streaming. Drives the summary line's state
54
- * (running vs. finished vs. failed) and its default open/closed state —
55
- * expanded while running, collapsed once finished.
56
- */
53
+ /** When true, expands to a live progress line; collapses to a summary once streaming ends. */
57
54
  isStreaming: boolean;
58
55
  /** User-visible strings for the toggle button. */
59
56
  labels?: CollapsedGroupLabels;
package/models/collapsed-group.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"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,gIAAgI;IAChI,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,0HAA0H;IAC1H,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sGAAsG;IACtG,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,iEAAiE;AACjE,MAAM,WAAW,wBAAwB;IACvC,mNAAmN;IACnN,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,kGAAkG;IAClG,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;IACvC,yGAAyG;IACzG,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;IACnD,0IAA0I;IAC1I,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9D,6FAA6F;IAC7F,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0FAA0F;IAC1F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+FAA+F;IAC/F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mHAAmH;IACnH,YAAY,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,CAAC;CAClD;AAED,wDAAwD;AACxD,MAAM,WAAW,mBAAmB;IAClC,yCAAyC;IACzC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB;;;;OAIG;IACH,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;CAC/B"}
1
+ {"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;AACvD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,2FAA2F;AAC3F,MAAM,WAAW,oBAAoB;IACnC,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mCAAmC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,iEAAiE;AACjE,MAAM,WAAW,wBAAwB;IACvC,6FAA6F;IAC7F,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,2FAA2F;AAC3F,MAAM,WAAW,oBAAoB;IACnC,wDAAwD;IACxD,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,8CAA8C;IAC9C,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,4DAA4D;IAC5D,KAAK,CAAC,EAAE,iBAAiB,CAAC;CAC3B;AAED,+DAA+D;AAC/D,MAAM,WAAW,oBAAoB;IACnC,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uEAAuE;IACvE,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,+FAA+F;IAC/F,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;IACnD,gIAAgI;IAChI,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9D,6FAA6F;IAC7F,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0FAA0F;IAC1F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+FAA+F;IAC/F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mHAAmH;IACnH,YAAY,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,CAAC;CAClD;AAED,wDAAwD;AACxD,MAAM,WAAW,mBAAmB;IAClC,yCAAyC;IACzC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,8FAA8F;IAC9F,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;CAC/B"}
package/models/stage-grouping.d.ts CHANGED
@@ -1,21 +1,13 @@
1
1
  import { Stage } from '@epam/ai-dial-chat-shared';
2
- /** A single ungrouped stage row. */
3
- export interface SingleStageRow {
4
- kind: 'single';
5
- /** Stable key for list rendering — the stage's own index. */
6
- key: number;
7
- stage: Stage;
8
- }
9
- /** A row formed by collapsing consecutive stages that share the same cleaned name into one `×N` row. */
10
- export interface GroupedStageRow {
11
- kind: 'group';
2
+ /** A row rendered inside a `StagesPanel` — either one stage or a collapsed `×N` group of identical attempts. */
3
+ export interface StageRow {
12
4
  /** Stable key for list rendering — the first attempt's index. */
13
5
  key: number;
14
6
  /** Shared cleaned display name for the group. */
15
- name: string;
7
+ name?: string;
8
+ /** The single stage for this row (present only when there is one attempt). */
9
+ stage?: Stage;
16
10
  /** Individual attempts in original order. */
17
- attempts: Stage[];
11
+ attempts?: Stage[];
18
12
  }
19
- /** A row rendered inside a `StagesPanel` — either one stage or a collapsed `×N` group of identical attempts. */
20
- export type StageRow = SingleStageRow | GroupedStageRow;
21
13
  //# sourceMappingURL=stage-grouping.d.ts.map
package/models/stage-grouping.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"stage-grouping.d.ts","sourceRoot":"","sources":["../../src/models/stage-grouping.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAEvD,oCAAoC;AACpC,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,QAAQ,CAAC;IACf,6DAA6D;IAC7D,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC;CACd;AAED,wGAAwG;AACxG,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,iEAAiE;IACjE,GAAG,EAAE,MAAM,CAAC;IACZ,iDAAiD;IACjD,IAAI,EAAE,MAAM,CAAC;IACb,6CAA6C;IAC7C,QAAQ,EAAE,KAAK,EAAE,CAAC;CACnB;AAED,gHAAgH;AAChH,MAAM,MAAM,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC"}
1
+ {"version":3,"file":"stage-grouping.d.ts","sourceRoot":"","sources":["../../src/models/stage-grouping.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAEvD,gHAAgH;AAChH,MAAM,WAAW,QAAQ;IACvB,iEAAiE;IACjE,GAAG,EAAE,MAAM,CAAC;IACZ,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC;CACpB"}
package/models/stages-props.d.ts CHANGED
@@ -1,49 +1,61 @@
1
1
  import { Stage } from '@epam/ai-dial-chat-shared';
2
- /**
3
- * Typography configuration for a stage row. The name is always the
4
- * dominant text in the row — bigger than the expanded content — so
5
- * `fontClassName` (name) and `contentClassName` (expanded markdown content)
6
- * are deliberately separate fields, not one shared class.
7
- */
2
+ /** Typography class overrides for stage name and expanded content elements in `StagesPanel`. */
8
3
  export interface StageTypography {
9
- /** CSS utility class applied to the stage/step name. Defaults to `'dial-small-text'` (14px, normal weight). */
4
+ /** CSS utility class applied to the stage/step name. Defaults to `'dial-small-text'`. */
10
5
  fontClassName?: string;
11
- /** CSS utility class applied to expanded stage content text elements (`p`, `ul`, `ol`, `blockquote`, `a`, table cells) — always smaller than the name. Defaults to `'dial-tiny-text'`, the DS's second-smallest text style (12px), with its line-height forced to 150% for readability. */
6
+ /** CSS utility class applied to expanded content text elements (paragraphs, lists, blockquotes, links, table cells). Defaults to `'dial-tiny-text'`. */
12
7
  contentClassName?: string;
13
- /** CSS utility class applied to `<strong>` (bold markdown) inside expanded content. Defaults to `contentClassName` — i.e. no extra weight — so bold markdown in tool/stage output doesn't out-emphasize the quiet, secondary tone of the rest of the content. Pass e.g. `'font-semibold'` to restore emphasis. */
8
+ /** CSS utility class applied to `<strong>` (bold markdown) inside expanded content. Falls back to `contentClassName`, then `'dial-tiny-text'`. */
14
9
  strongClassName?: string;
15
- /** CSS utility class applied to every heading level (`h1`–`h6`) inside expanded content. Defaults to `'dial-small-semi-text'` (14px, semibold) — headings inside a stage's content stay uniformly small rather than scaling up to the DS's larger heading sizes. */
10
+ /** CSS utility class applied to every heading level (`h1`–`h6`) inside expanded content. Defaults to `'dial-small-semi-text'`. */
16
11
  headingClassName?: string;
17
- /** CSS utility class applied to inline code elements. Defaults to `'rounded-md font-mono text-sm'`. */
12
+ /** CSS utility class applied to inline code elements. Defaults to `'dial-code-text rounded-md'`. */
18
13
  codeClassName?: string;
19
- /** Font family applied to the panel root via CSS custom property. */
20
- fontFamily?: string;
14
+ /** CSS utility class applied to fenced code blocks (`<pre>`). Defaults to `'dial-code-text'`. */
15
+ codeBlockClassName?: string;
21
16
  /** CSS utility class applied to count badges (e.g. `×N` collapsed group). Defaults to `'dial-tiny-text'`. */
22
17
  countFontClassName?: string;
18
+ /** CSS utility class applied to a stage's tag label. Defaults to `'dial-tiny-lead-text'`, which uppercases the label itself. */
19
+ tagClassName?: string;
23
20
  }
24
- /**
25
- * Color overrides for the `StagesPanel` component applied as CSS custom
26
- * properties. The panel is an inline list (no card/border), so these only
27
- * cover the row-level surface: per-row hover tint and text tones.
28
- */
21
+ /** CSS custom property color overrides for the `StagesPanel` component. */
29
22
  export interface StagesPanelColors {
30
- /** General text color. */
23
+ /** General text color. Defaults to `--text-primary`. */
31
24
  text?: string;
32
- /** Background tint on row hover. Defaults to `--bg-layer-2`. */
25
+ /** Background tint on row hover. Defaults to `--bg-layer-sunken`. */
33
26
  rowHoverColor?: string;
34
- /**
35
- * Text color applied to each stage name row.
36
- * Defaults to the app's `--text-secondary` theme variable (`#9fa6bd`).
37
- */
27
+ /** Text color of each stage name. Defaults to `--text-secondary`. */
38
28
  stageTextColor?: string;
39
- /** Icon / text color for a failed or errored stage — the one exception that keeps a saturated color. */
29
+ /** Text and icon color for a failed stage. Defaults to `--text-warning`. */
40
30
  failedColor?: string;
31
+ /** Background color of the collapse button. Defaults to transparent. */
32
+ collapsedButtonBg?: string;
33
+ /** Text color of stage tag labels. Defaults to `--text-tertiary`. */
34
+ tagTextColor?: string;
35
+ /** Text color of the attempt count badge (e.g. `×N`). Defaults to `--text-tertiary`. */
36
+ countTextColor?: string;
37
+ /** Text color of the total-duration label. Defaults to `--text-tertiary`. */
38
+ durationTextColor?: string;
39
+ /** Color of secondary (non-status) icons. Defaults to `--text-secondary` at 70% opacity. */
40
+ iconSecondaryColor?: string;
41
+ /** Color of the completed-check icon. Defaults to `--text-tertiary`. */
42
+ iconCompletedColor?: string;
43
+ /** Color of the error/exception icon. Defaults to `--text-warning`. */
44
+ iconErrorColor?: string;
45
+ /** Background color of fenced code blocks and inline code. Defaults to `--bg-layer-raised`. */
46
+ codeBg?: string;
47
+ /** Border color of fenced code blocks and inline code. Defaults to `--stroke-secondary`. */
48
+ codeBorderColor?: string;
49
+ /** Text color inside code blocks. Defaults to `--text-primary`. */
50
+ codeTextColor?: string;
51
+ /** Border color used for table cells and blockquotes. Defaults to `--stroke-secondary`. */
52
+ borderColor?: string;
41
53
  }
42
54
  /** Combined style overrides (colors and typography) for the `StagesPanel` component. */
43
55
  export interface StagesPanelStyles {
44
56
  /** Color overrides applied as CSS custom properties. */
45
57
  colors?: StagesPanelColors;
46
- /** Typography applied to the stage name and expanded content. Defaults to `{ fontClassName: 'dial-small-text', contentClassName: 'dial-tiny-text' }`. */
58
+ /** Typography applied to the stage name and expanded content. */
47
59
  typography?: StageTypography;
48
60
  }
49
61
  /** User-visible strings for the `StagesPanel` component. */
@@ -54,7 +66,7 @@ export interface StagesPanelLabels {
54
66
  runningAriaLabel?: string;
55
67
  /** Visually-hidden label announced alongside a failed stage's icon. Defaults to `'Failed'`. */
56
68
  failedAriaLabel?: string;
57
- /** Returns the label for a single attempt inside a collapsed `×N` group, given its 1-based attempt number. Defaults to `(n) => \`Attempt ${n}\``. */
69
+ /** Label for a single attempt given its 1-based number. Defaults to `(n) => \`Attempt ${n}\``. */
58
70
  attemptLabel?: (attemptNumber: number) => string;
59
71
  }
60
72
  /** Props accepted by the `StagesPanel` component. */
package/models/stages-props.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"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;;;;;GAKG;AACH,MAAM,WAAW,eAAe;IAC9B,+GAA+G;IAC/G,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2RAA2R;IAC3R,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kTAAkT;IAClT,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oQAAoQ;IACpQ,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uGAAuG;IACvG,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6GAA6G;IAC7G,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC,0BAA0B;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wGAAwG;IACxG,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wFAAwF;AACxF,MAAM,WAAW,iBAAiB;IAChC,wDAAwD;IACxD,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,yJAAyJ;IACzJ,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B;AAED,4DAA4D;AAC5D,MAAM,WAAW,iBAAiB;IAChC,0FAA0F;IAC1F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yFAAyF;IACzF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,+FAA+F;IAC/F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qJAAqJ;IACrJ,YAAY,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,CAAC;CAClD;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"}
1
+ {"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,gGAAgG;AAChG,MAAM,WAAW,eAAe;IAC9B,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wJAAwJ;IACxJ,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kJAAkJ;IAClJ,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kIAAkI;IAClI,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oGAAoG;IACpG,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iGAAiG;IACjG,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,6GAA6G;IAC7G,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gIAAgI;IAChI,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,2EAA2E;AAC3E,MAAM,WAAW,iBAAiB;IAChC,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wEAAwE;IACxE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wFAAwF;IACxF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6EAA6E;IAC7E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4FAA4F;IAC5F,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wEAAwE;IACxE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uEAAuE;IACvE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+FAA+F;IAC/F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4FAA4F;IAC5F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2FAA2F;IAC3F,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wFAAwF;AACxF,MAAM,WAAW,iBAAiB;IAChC,wDAAwD;IACxD,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,iEAAiE;IACjE,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B;AAED,4DAA4D;AAC5D,MAAM,WAAW,iBAAiB;IAChC,0FAA0F;IAC1F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yFAAyF;IACzF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,+FAA+F;IAC/F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kGAAkG;IAClG,YAAY,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,CAAC;CAClD;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 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.1.0-dev.29",
4
+ "version": "1.1.0-dev.290",
5
5
  "license": "Apache-2.0",
6
6
  "type": "module",
7
7
  "main": "./index.js",
@@ -19,8 +19,8 @@
19
19
  "peerDependencies": {
20
20
  "react": "^19.0.0",
21
21
  "@tabler/icons-react": "^3.0.0",
22
- "@epam/ai-dial-chat-shared": "1.1.0-dev.29",
23
- "@epam/ai-dial-ui-kit": "0.12.0-dev.36"
22
+ "@epam/ai-dial-chat-shared": "1.1.0-dev.290",
23
+ "@epam/ai-dial-ui-kit": "^0.14.0-dev.13"
24
24
  },
25
25
  "repository": {
26
26
  "type": "git",
package/utils/stage-grouping.d.ts CHANGED
@@ -1,11 +1,5 @@
1
1
  import { Stage } from '@epam/ai-dial-chat-shared';
2
2
  import { StageRow } from '../models/stage-grouping';
3
- /**
4
- * Collapses consecutive stages that share the same cleaned name into a
5
- * single `×N` group row (expanding to the individual attempts); every other
6
- * stage renders as its own row. Grouping is by cleaned name, not the raw
7
- * backend string, so a name differing only by its embedded duration still
8
- * groups correctly.
9
- */
3
+ /** Groups consecutive stages with the same cleaned name into a `×N` group row; all others render as single rows. */
10
4
  export declare const groupStagesByName: (stages: Stage[]) => StageRow[];
11
5
  //# sourceMappingURL=stage-grouping.d.ts.map
package/utils/stage-grouping.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"stage-grouping.d.ts","sourceRoot":"","sources":["../../src/utils/stage-grouping.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAGpD;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,GAAI,QAAQ,KAAK,EAAE,KAAG,QAAQ,EAgC3D,CAAC"}
1
+ {"version":3,"file":"stage-grouping.d.ts","sourceRoot":"","sources":["../../src/utils/stage-grouping.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAGpD,oHAAoH;AACpH,eAAO,MAAM,iBAAiB,GAAI,QAAQ,KAAK,EAAE,KAAG,QAAQ,EA+B3D,CAAC"}
package/utils/stage-name.d.ts CHANGED
@@ -1,26 +1,17 @@
1
1
  /** Result of cleaning a raw backend stage name for display. */
2
- export interface CleanedStageName {
3
- /** Display name with any duration/timestamp group and trailing colon removed. Casing is preserved as given — never title-cased. */
2
+ interface CleanedStageName {
3
+ /** Display name with any duration/timestamp bracket group and trailing colon removed. */
4
4
  name: string;
5
5
  /** Extracted duration label (e.g. `'3.99s'`), or `undefined` if the raw name carried none. */
6
6
  durationLabel?: string;
7
7
  }
8
- /**
9
- * Cleans a raw backend stage name for display: extracts an embedded
10
- * duration (discarding any accompanying timestamps, which have no
11
- * structured home in the UI today) and strips a single trailing colon.
12
- * Never re-cases or rewrites the remaining text.
13
- */
8
+ /** Strips an embedded duration bracket group (e.g. `(7.18s, ...)`) and a trailing colon from a raw backend stage name. */
14
9
  export declare const cleanStageName: (rawName: string) => CleanedStageName;
15
- /**
16
- * Heuristic for "this cleaned name is a raw identifier, not prose":
17
- * no whitespace and at least one underscore (e.g. `My_OMDB_Agent__0_0_1_tool`).
18
- * Prose with an embedded identifier substring (e.g. `Call My_OMDB_Agent_tool`)
19
- * still contains a space and is left as normal text.
20
- */
10
+ /** Returns true if the name looks like a raw identifier: no whitespace and contains an underscore. */
21
11
  export declare const isIdentifierLike: (name: string) => boolean;
22
12
  /** Formats a total duration in seconds as `'Xm Ys'` when >= 60s, otherwise `'X.Xs'`. */
23
13
  export declare const formatTotalDuration: (totalSeconds: number) => string;
24
14
  /** Parses a duration label produced by {@link cleanStageName} (e.g. `'3.99s'`) back into seconds. */
25
15
  export declare const parseDurationSeconds: (durationLabel: string | undefined) => number | undefined;
16
+ export {};
26
17
  //# sourceMappingURL=stage-name.d.ts.map
package/utils/stage-name.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"stage-name.d.ts","sourceRoot":"","sources":["../../src/utils/stage-name.ts"],"names":[],"mappings":"AAeA,+DAA+D;AAC/D,MAAM,WAAW,gBAAgB;IAC/B,mIAAmI;IACnI,IAAI,EAAE,MAAM,CAAC;IACb,8FAA8F;IAC9F,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc,GAAI,SAAS,MAAM,KAAG,gBAyChD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,KAAG,OACW,CAAC;AAE5D,wFAAwF;AACxF,eAAO,MAAM,mBAAmB,GAAI,cAAc,MAAM,KAAG,MAO1D,CAAC;AAEF,qGAAqG;AACrG,eAAO,MAAM,oBAAoB,GAC/B,eAAe,MAAM,GAAG,SAAS,KAChC,MAAM,GAAG,SAIX,CAAC"}
1
+ {"version":3,"file":"stage-name.d.ts","sourceRoot":"","sources":["../../src/utils/stage-name.ts"],"names":[],"mappings":"AAeA,+DAA+D;AAC/D,UAAU,gBAAgB;IACxB,yFAAyF;IACzF,IAAI,EAAE,MAAM,CAAC;IACb,8FAA8F;IAC9F,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,0HAA0H;AAC1H,eAAO,MAAM,cAAc,GAAI,SAAS,MAAM,KAAG,gBAkChD,CAAC;AAEF,sGAAsG;AACtG,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,KAAG,OACW,CAAC;AAE5D,wFAAwF;AACxF,eAAO,MAAM,mBAAmB,GAAI,cAAc,MAAM,KAAG,MAO1D,CAAC;AAEF,qGAAqG;AACrG,eAAO,MAAM,oBAAoB,GAC/B,eAAe,MAAM,GAAG,SAAS,KAChC,MAAM,GAAG,SAIX,CAAC"}
package/utils/stage-progress.d.ts CHANGED
@@ -1,11 +1,5 @@
1
1
  import { Stage } from '@epam/ai-dial-chat-shared';
2
- /**
3
- * Finds the currently-executing stage while a run is streaming: the last
4
- * entry with `status: null`. Returns `undefined` once every stage has
5
- * settled (or the list is empty), even if the caller still reports
6
- * `isStreaming: true` — a transitional state between the last stage settling
7
- * and the stream closing.
8
- */
2
+ /** Returns the last stage with `status: null` (the currently executing stage), or `undefined` if none exists. */
9
3
  export declare const findLiveStage: (stages: Stage[]) => Stage | undefined;
10
4
  /** 1-based position of `stage` within `stages`, by its stable `index` field. */
11
5
  export declare const stagePosition: (stages: Stage[], stage: Stage) => number;
package/utils/stage-progress.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"stage-progress.d.ts","sourceRoot":"","sources":["../../src/utils/stage-progress.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAEvD;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,GAAI,QAAQ,KAAK,EAAE,KAAG,KAAK,GAAG,SACK,CAAC;AAE9D,gFAAgF;AAChF,eAAO,MAAM,aAAa,GAAI,QAAQ,KAAK,EAAE,EAAE,OAAO,KAAK,KAAG,MACR,CAAC"}
1
+ {"version":3,"file":"stage-progress.d.ts","sourceRoot":"","sources":["../../src/utils/stage-progress.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAEvD,iHAAiH;AACjH,eAAO,MAAM,aAAa,GAAI,QAAQ,KAAK,EAAE,KAAG,KAAK,GAAG,SACK,CAAC;AAE9D,gFAAgF;AAChF,eAAO,MAAM,aAAa,GAAI,QAAQ,KAAK,EAAE,EAAE,OAAO,KAAK,KAAG,MACR,CAAC"}