@epam/ai-dial-conversation-stages 1.1.0-dev.62 → 1.1.0-dev.66
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.
- package/components/CollapsedGroup/CollapsedGroup.d.ts.map +1 -1
- package/index.css +1 -1
- package/index.js +35 -35
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollapsedGroup.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsedGroup/CollapsedGroup.tsx"],"names":[],"mappings":"
|
|
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"}
|
package/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.
|
|
1
|
+
._panel_1068d_2{color:var(--cs-text,var(--text-primary,#161b2d))}._row_1068d_6{border-radius:8px}._row_1068d_6:hover{background:var(--cs-row-hover,var(--bg-layer-sunken,#eef1f7))}._collapseButton_1068d_13{background:var(--cs-button-bg,transparent)}._stageName_1068d_17{color:var(--cs-stage-text,var(--text-secondary,#6b7280))}._stageNameFailed_1068d_21{color:var(--cs-failed-text,var(--text-warning,#7f6300))}._monoName_1068d_25{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}._tag_1068d_29{color:var(--cs-tag-text,var(--text-tertiary,#c7cbd4));text-transform:uppercase;letter-spacing:.04em}._count_1068d_35{color:var(--cs-count-text,var(--text-tertiary,#c7cbd4));font-variant-numeric:tabular-nums}._duration_1068d_40{color:var(--cs-duration-text,var(--text-tertiary,#c7cbd4));font-variant-numeric:tabular-nums}._iconSecondary_1068d_45{color:var(--cs-icon-secondary,var(--text-secondary,#6b7280));opacity:.7}._iconCompleted_1068d_51{color:var(--cs-icon-completed,var(--text-tertiary,#c7cbd4))}._iconError_1068d_56{color:var(--cs-icon-error,var(--text-warning,#7f6300))}._stageContent_1068d_60{color:var(--cs-stage-text,var(--text-secondary,#6b7280));line-height:150%!important}._codeBlock_1068d_65{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_1068d_71{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_1068d_77{border-color:var(--cs-stage-text,var(--text-secondary,#6b7280));color:var(--cs-stage-text,var(--text-secondary,#6b7280))}._tableCell_1068d_82{border-color:var(--cs-border,var(--stroke-secondary,#d1dbea));color:var(--cs-stage-text,var(--text-secondary,#6b7280))}._toggleButton_1dk5h_2{color:var(--cs-cg-label,var(--text-secondary,#6b7280));width:100%;justify-content:flex-start!important}._toggleButton_1dk5h_2:hover{color:var(--cs-cg-label-hover,var(--text-primary,#161b2d))}._executedLabel_1dk5h_11{color:var(--cs-cg-label,var(--text-secondary,#6b7280))}._stepsCount_1dk5h_16{color:var(--cs-cg-steps-count,var(--text-tertiary,#c7cbd4));font-variant-numeric:tabular-nums}._doneIcon_1dk5h_22{color:var(--cs-cg-done,var(--text-success,#007274))}._failedText_1dk5h_27{color:var(--cs-cg-failed,var(--text-warning,#7f6300))}._liveName_1dk5h_32{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,
|
|
2
|
+
import { DIAL_ICON_SIZE as a, DialEllipsisTooltip as o, DialGhostIconButton as s, DialSpinner as c, ElementSize as l, LinkButton 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";
|
|
@@ -40,24 +40,24 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
|
|
|
40
40
|
}
|
|
41
41
|
return t;
|
|
42
42
|
}, P = {
|
|
43
|
-
panel: "
|
|
44
|
-
row: "
|
|
45
|
-
collapseButton: "
|
|
46
|
-
stageName: "
|
|
47
|
-
stageNameFailed: "
|
|
48
|
-
monoName: "
|
|
49
|
-
tag: "
|
|
50
|
-
count: "
|
|
51
|
-
duration: "
|
|
52
|
-
iconSecondary: "
|
|
53
|
-
iconCompleted: "
|
|
54
|
-
iconError: "
|
|
55
|
-
stageContent: "
|
|
56
|
-
codeBlock: "
|
|
57
|
-
codeInline: "
|
|
58
|
-
blockquote: "
|
|
59
|
-
tableCell: "
|
|
60
|
-
}, F = ({ status: e, isLive: n, runningLabel: r = "Running", failedLabel: i = "Failed" }) => n ? /* @__PURE__ */ S(
|
|
43
|
+
panel: "_panel_1068d_2",
|
|
44
|
+
row: "_row_1068d_6",
|
|
45
|
+
collapseButton: "_collapseButton_1068d_13",
|
|
46
|
+
stageName: "_stageName_1068d_17",
|
|
47
|
+
stageNameFailed: "_stageNameFailed_1068d_21",
|
|
48
|
+
monoName: "_monoName_1068d_25",
|
|
49
|
+
tag: "_tag_1068d_29",
|
|
50
|
+
count: "_count_1068d_35",
|
|
51
|
+
duration: "_duration_1068d_40",
|
|
52
|
+
iconSecondary: "_iconSecondary_1068d_45",
|
|
53
|
+
iconCompleted: "_iconCompleted_1068d_51",
|
|
54
|
+
iconError: "_iconError_1068d_56",
|
|
55
|
+
stageContent: "_stageContent_1068d_60",
|
|
56
|
+
codeBlock: "_codeBlock_1068d_65",
|
|
57
|
+
codeInline: "_codeInline_1068d_71",
|
|
58
|
+
blockquote: "_blockquote_1068d_77",
|
|
59
|
+
tableCell: "_tableCell_1068d_82"
|
|
60
|
+
}, F = ({ status: e, isLive: n, runningLabel: r = "Running", failedLabel: i = "Failed" }) => n ? /* @__PURE__ */ S(c, {
|
|
61
61
|
size: 16,
|
|
62
62
|
ariaLabel: r
|
|
63
63
|
}) : e === t.Failed ? /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(d, {
|
|
@@ -72,17 +72,17 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
|
|
|
72
72
|
className: P.iconCompleted,
|
|
73
73
|
"aria-hidden": !0
|
|
74
74
|
}), I = ({ children: e, codeClassName: t, copyAriaLabel: n }) => {
|
|
75
|
-
let [o, c] = b(!1),
|
|
75
|
+
let [o, c] = b(!1), u = y(null);
|
|
76
76
|
v(() => () => {
|
|
77
|
-
|
|
77
|
+
u.current != null && clearTimeout(u.current);
|
|
78
78
|
}, []);
|
|
79
79
|
let d = _(() => {
|
|
80
|
-
r(typeof e == "string" ? e : String(e ?? "")),
|
|
80
|
+
r(typeof e == "string" ? e : String(e ?? "")), u.current && clearTimeout(u.current), c(!0), u.current = setTimeout(() => c(!1), 2e3);
|
|
81
81
|
}, [e]);
|
|
82
82
|
return /* @__PURE__ */ C("pre", {
|
|
83
83
|
className: i("relative max-h-[300px] overflow-auto rounded border p-3 text-sm", P.codeBlock),
|
|
84
84
|
children: [/* @__PURE__ */ S(s, {
|
|
85
|
-
size:
|
|
85
|
+
size: l.Small,
|
|
86
86
|
icon: S(o ? f : h, {
|
|
87
87
|
size: a.SM,
|
|
88
88
|
className: P.iconSecondary
|
|
@@ -293,18 +293,18 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
|
|
|
293
293
|
})
|
|
294
294
|
});
|
|
295
295
|
}, V = {
|
|
296
|
-
toggleButton: "
|
|
297
|
-
executedLabel: "
|
|
298
|
-
stepsCount: "
|
|
299
|
-
doneIcon: "
|
|
300
|
-
failedText: "
|
|
301
|
-
liveName: "
|
|
302
|
-
}, H = ({ stages: e, isStreaming: r, labels: o, className: s, styles:
|
|
296
|
+
toggleButton: "_toggleButton_1dk5h_2",
|
|
297
|
+
executedLabel: "_executedLabel_1dk5h_11",
|
|
298
|
+
stepsCount: "_stepsCount_1dk5h_16",
|
|
299
|
+
doneIcon: "_doneIcon_1dk5h_22",
|
|
300
|
+
failedText: "_failedText_1dk5h_27",
|
|
301
|
+
liveName: "_liveName_1dk5h_32"
|
|
302
|
+
}, H = ({ stages: e, isStreaming: r, labels: o, className: s, styles: l }) => {
|
|
303
303
|
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);
|
|
304
304
|
v(() => {
|
|
305
305
|
P.current && !r && N(!1), P.current = r;
|
|
306
306
|
}, [r]);
|
|
307
|
-
let { colors: F, panel: I } =
|
|
307
|
+
let { colors: F, panel: I } = l ?? {}, L = l?.typography ?? { fontClassName: "dial-small-text" }, R = n({
|
|
308
308
|
"--cs-cg-label": F?.labelColor,
|
|
309
309
|
"--cs-cg-label-hover": F?.labelHoverColor,
|
|
310
310
|
"--cs-cg-steps-count": F?.stepsCountColor,
|
|
@@ -339,7 +339,7 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
|
|
|
339
339
|
className: s,
|
|
340
340
|
styles: {
|
|
341
341
|
colors: I,
|
|
342
|
-
typography:
|
|
342
|
+
typography: l?.typography
|
|
343
343
|
},
|
|
344
344
|
labels: z
|
|
345
345
|
});
|
|
@@ -354,7 +354,7 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
|
|
|
354
354
|
"aria-live": "polite",
|
|
355
355
|
className: "inline-flex items-center gap-2",
|
|
356
356
|
children: [
|
|
357
|
-
/* @__PURE__ */ S(
|
|
357
|
+
/* @__PURE__ */ S(c, {
|
|
358
358
|
size: 14,
|
|
359
359
|
ariaLabel: x
|
|
360
360
|
}),
|
|
@@ -420,7 +420,7 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
|
|
|
420
420
|
return /* @__PURE__ */ C("div", {
|
|
421
421
|
style: R,
|
|
422
422
|
className: i("flex w-full flex-col gap-1", s),
|
|
423
|
-
children: [/* @__PURE__ */ S(
|
|
423
|
+
children: [/* @__PURE__ */ S(u, {
|
|
424
424
|
className: V.toggleButton,
|
|
425
425
|
onClick: () => N((e) => !e),
|
|
426
426
|
"aria-expanded": O,
|
|
@@ -442,7 +442,7 @@ var w = /[([][^()[\]]*[)\]]/g, T = /(\d+(?:\.\d+)?)\s*s\b/, E = /:\s*$/, D = (e)
|
|
|
442
442
|
isStreaming: r,
|
|
443
443
|
styles: {
|
|
444
444
|
colors: I,
|
|
445
|
-
typography:
|
|
445
|
+
typography: l?.typography
|
|
446
446
|
},
|
|
447
447
|
labels: z,
|
|
448
448
|
className: "pt-1"
|
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.
|
|
4
|
+
"version": "1.1.0-dev.66",
|
|
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.
|
|
23
|
-
"@epam/ai-dial-ui-kit": "^0.13.0-dev.
|
|
22
|
+
"@epam/ai-dial-chat-shared": "1.1.0-dev.66",
|
|
23
|
+
"@epam/ai-dial-ui-kit": "^0.13.0-dev.23"
|
|
24
24
|
},
|
|
25
25
|
"repository": {
|
|
26
26
|
"type": "git",
|