@epam/ai-dial-chat-shared 1.2.0-dev.219 → 1.2.0-dev.229
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/ConfirmationDialog/ConfirmationDialog.js +34 -0
- package/components/ConfirmationIdentityCard/ConfirmationIdentityCard.js +21 -0
- package/components/ConfirmationIdentityCard/ConfirmationIdentityCard.module.scss.js +6 -0
- package/components/ConfirmationIdentityRow/ConfirmationIdentityRow.js +24 -0
- package/components/ConfirmationIdentityRow/ConfirmationIdentityRow.module.scss.js +3 -0
- package/components/ConfirmationView/ConfirmationFooter.js +42 -0
- package/components/ConfirmationView/ConfirmationView.js +39 -0
- package/components/ConfirmationView/ConfirmationView.module.scss.js +7 -0
- package/components/MarkdownRenderer/CodeBlock/CodeBlock.js +65 -64
- package/index.css +2 -2
- package/index.d.ts +222 -0
- package/index.js +51 -45
- package/package.json +3 -3
- package/utils/syntax-highlighting.js +13 -0
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { ConfirmationView as e } from "../ConfirmationView/ConfirmationView.js";
|
|
2
|
+
import { ConfirmationFooter as t } from "../ConfirmationView/ConfirmationFooter.js";
|
|
3
|
+
import { ConfirmationPopupVariant as n, Popup as r, PopupSize as i } from "@epam/ai-dial-ui-kit";
|
|
4
|
+
import { jsx as a } from "react/jsx-runtime";
|
|
5
|
+
//#region src/components/ConfirmationDialog/ConfirmationDialog.tsx
|
|
6
|
+
var o = ({ open: o, title: s, confirmLabel: c, cancelLabel: l, isLoading: u = !1, isConfirmDisabled: d = !1, loadingStatusLabel: f, size: p = i.Sm, popupClassName: m, titleClassName: h, variant: g = n.Info, onConfirm: _, onClose: v, ...y }) => {
|
|
7
|
+
let b = () => {
|
|
8
|
+
u || v();
|
|
9
|
+
};
|
|
10
|
+
return /* @__PURE__ */ a(r, {
|
|
11
|
+
open: o,
|
|
12
|
+
header: s,
|
|
13
|
+
size: p,
|
|
14
|
+
className: m,
|
|
15
|
+
titleClassName: h,
|
|
16
|
+
onClose: b,
|
|
17
|
+
footer: /* @__PURE__ */ a(t, {
|
|
18
|
+
variant: g,
|
|
19
|
+
confirmLabel: c,
|
|
20
|
+
cancelLabel: l,
|
|
21
|
+
isLoading: u,
|
|
22
|
+
isConfirmDisabled: d,
|
|
23
|
+
loadingStatusLabel: f,
|
|
24
|
+
onConfirm: _,
|
|
25
|
+
onCancel: b
|
|
26
|
+
}),
|
|
27
|
+
children: /* @__PURE__ */ a(e, {
|
|
28
|
+
variant: g,
|
|
29
|
+
...y
|
|
30
|
+
})
|
|
31
|
+
});
|
|
32
|
+
};
|
|
33
|
+
//#endregion
|
|
34
|
+
export { o as ConfirmationDialog };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { ResourceSummary as e } from "../ResourceSummary/ResourceSummary.js";
|
|
2
|
+
import t from "./ConfirmationIdentityCard.module.scss.js";
|
|
3
|
+
import { ConfirmationPopupVariant as n } from "@epam/ai-dial-ui-kit";
|
|
4
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
5
|
+
//#region src/components/ConfirmationIdentityCard/ConfirmationIdentityCard.tsx
|
|
6
|
+
var i = ({ item: i, children: a, variant: o = n.Info, iconSize: s = 40, styles: c }) => {
|
|
7
|
+
let l = o === n.Danger, u = c?.colors, d = l ? {
|
|
8
|
+
background: u?.dangerBackground,
|
|
9
|
+
border: u?.dangerBorder
|
|
10
|
+
} : { background: u?.background };
|
|
11
|
+
return /* @__PURE__ */ r(e, {
|
|
12
|
+
item: i,
|
|
13
|
+
iconSize: s,
|
|
14
|
+
hasVersionTag: !1,
|
|
15
|
+
className: l ? t.danger : t.info,
|
|
16
|
+
styles: { colors: d },
|
|
17
|
+
children: a
|
|
18
|
+
});
|
|
19
|
+
};
|
|
20
|
+
//#endregion
|
|
21
|
+
export { i as ConfirmationIdentityCard };
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { mergeClasses as e } from "../../utils/merge-class.js";
|
|
2
|
+
import { buildCssVars as t } from "../../utils/build-css-vars.js";
|
|
3
|
+
import n from "./ConfirmationIdentityRow.module.scss.js";
|
|
4
|
+
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
5
|
+
//#region src/components/ConfirmationIdentityRow/ConfirmationIdentityRow.tsx
|
|
6
|
+
var a = ({ icon: a, typeLabel: o, name: s, styles: c }) => {
|
|
7
|
+
let { colors: l, typeLabelClassName: u = "dial-caption-lead-semi-text", nameClassName: d = "dial-small-semi-text" } = c ?? {};
|
|
8
|
+
return /* @__PURE__ */ i("div", {
|
|
9
|
+
style: t({ "--cir-type-label-text": l?.typeLabelText }),
|
|
10
|
+
className: "flex min-w-0 items-center gap-2",
|
|
11
|
+
children: [a, /* @__PURE__ */ i("div", {
|
|
12
|
+
className: "flex min-w-0 flex-col",
|
|
13
|
+
children: [o != null && /* @__PURE__ */ r("span", {
|
|
14
|
+
className: e(u, n.typeLabel),
|
|
15
|
+
children: o
|
|
16
|
+
}), /* @__PURE__ */ r("span", {
|
|
17
|
+
className: e(d, "truncate"),
|
|
18
|
+
children: s
|
|
19
|
+
})]
|
|
20
|
+
})]
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
//#endregion
|
|
24
|
+
export { a as ConfirmationIdentityRow };
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { mergeClasses as e } from "../../utils/merge-class.js";
|
|
2
|
+
import { buildCssVars as t } from "../../utils/build-css-vars.js";
|
|
3
|
+
import n from "./ConfirmationView.module.scss.js";
|
|
4
|
+
import { ConfirmationPopupVariant as r, DIAL_ICON_SIZE as i, DIAL_KIT_ICON_STROKE as a, DangerButton as o, GhostButton as s, NeutralButton as c, Spinner as l } from "@epam/ai-dial-ui-kit";
|
|
5
|
+
import { jsx as u, jsxs as d } from "react/jsx-runtime";
|
|
6
|
+
import { IconTrashX as f } from "@tabler/icons-react";
|
|
7
|
+
//#region src/components/ConfirmationView/ConfirmationFooter.tsx
|
|
8
|
+
var p = ({ confirmLabel: p, cancelLabel: m, variant: h = r.Info, isLoading: g = !1, isConfirmDisabled: _ = !1, loadingStatusLabel: v, styles: y, onConfirm: b, onCancel: x }) => {
|
|
9
|
+
let S = h === r.Danger, C = t({ "--cfm-footer-border": y?.colors?.border }), w = (() => {
|
|
10
|
+
if (g) return /* @__PURE__ */ u(l, { size: i.SM });
|
|
11
|
+
if (S) return /* @__PURE__ */ u(f, {
|
|
12
|
+
size: i.MD,
|
|
13
|
+
"aria-hidden": !0,
|
|
14
|
+
stroke: a
|
|
15
|
+
});
|
|
16
|
+
})(), T = S ? o : c;
|
|
17
|
+
return /* @__PURE__ */ d("div", {
|
|
18
|
+
style: C,
|
|
19
|
+
className: e("flex items-center justify-end gap-2 px-6 py-4 rtl:flex-row-reverse rtl:justify-start", n.footer),
|
|
20
|
+
children: [
|
|
21
|
+
/* @__PURE__ */ u(s, {
|
|
22
|
+
label: m,
|
|
23
|
+
disabled: g,
|
|
24
|
+
onClick: x
|
|
25
|
+
}),
|
|
26
|
+
/* @__PURE__ */ u(T, {
|
|
27
|
+
label: p,
|
|
28
|
+
disabled: g || _,
|
|
29
|
+
iconBefore: w,
|
|
30
|
+
onClick: b
|
|
31
|
+
}),
|
|
32
|
+
g && v != null && /* @__PURE__ */ u("span", {
|
|
33
|
+
role: "status",
|
|
34
|
+
"aria-live": "polite",
|
|
35
|
+
className: "sr-only",
|
|
36
|
+
children: v
|
|
37
|
+
})
|
|
38
|
+
]
|
|
39
|
+
});
|
|
40
|
+
};
|
|
41
|
+
//#endregion
|
|
42
|
+
export { p as ConfirmationFooter };
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { mergeClasses as e } from "../../utils/merge-class.js";
|
|
2
|
+
import { buildCssVars as t } from "../../utils/build-css-vars.js";
|
|
3
|
+
import { ConfirmationIdentityCard as n } from "../ConfirmationIdentityCard/ConfirmationIdentityCard.js";
|
|
4
|
+
import r from "./ConfirmationView.module.scss.js";
|
|
5
|
+
import { ConfirmationPopupVariant as i } from "@epam/ai-dial-ui-kit";
|
|
6
|
+
import { jsx as a, jsxs as o } from "react/jsx-runtime";
|
|
7
|
+
//#region src/components/ConfirmationView/ConfirmationView.tsx
|
|
8
|
+
var s = ({ item: s, identity: c, message: l, consequences: u, variant: d = i.Info, messageClassName: f = "dial-small-text", styles: p, children: m }) => {
|
|
9
|
+
let h = p?.colors;
|
|
10
|
+
return /* @__PURE__ */ o("div", {
|
|
11
|
+
style: t({
|
|
12
|
+
"--cfm-message-text": h?.messageText,
|
|
13
|
+
"--cfm-consequence-text": h?.consequenceText
|
|
14
|
+
}),
|
|
15
|
+
className: "flex flex-col gap-4 px-6 py-4",
|
|
16
|
+
children: [
|
|
17
|
+
c ?? /* @__PURE__ */ a(n, {
|
|
18
|
+
item: s,
|
|
19
|
+
variant: d,
|
|
20
|
+
styles: { colors: {
|
|
21
|
+
background: h?.cardBackground,
|
|
22
|
+
dangerBackground: h?.cardDangerBackground,
|
|
23
|
+
dangerBorder: h?.cardDangerBorder
|
|
24
|
+
} }
|
|
25
|
+
}),
|
|
26
|
+
/* @__PURE__ */ a("p", {
|
|
27
|
+
className: e(f, "break-words", r.message),
|
|
28
|
+
children: l
|
|
29
|
+
}),
|
|
30
|
+
u != null && u.length > 0 && /* @__PURE__ */ a("ul", {
|
|
31
|
+
className: e("flex list-disc flex-col gap-2 ps-5", f, r.consequences),
|
|
32
|
+
children: u.map((e) => /* @__PURE__ */ a("li", { children: e }, e))
|
|
33
|
+
}),
|
|
34
|
+
m
|
|
35
|
+
]
|
|
36
|
+
});
|
|
37
|
+
};
|
|
38
|
+
//#endregion
|
|
39
|
+
export { s as ConfirmationView };
|
|
@@ -2,82 +2,83 @@ import { CodeBlockTheme as e } from "../../../types/code-editor.js";
|
|
|
2
2
|
import { mergeClasses as t } from "../../../utils/merge-class.js";
|
|
3
3
|
import { buildCssVars as n } from "../../../utils/build-css-vars.js";
|
|
4
4
|
import { downloadTextFile as r, getFileExtensionForLanguage as i } from "../../../utils/file-download.js";
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import s from "
|
|
8
|
-
import
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
5
|
+
import { isSyntaxHighlightingAllowed as a } from "../../../utils/syntax-highlighting.js";
|
|
6
|
+
import { CHAT_SHARED_CLASS as o } from "../../../constants/public-class-names.js";
|
|
7
|
+
import { useCodeCopy as s } from "../../../hooks/useCodeCopy.js";
|
|
8
|
+
import c from "./CodeBlock.module.scss.js";
|
|
9
|
+
import { restrainedSyntaxTheme as l } from "./syntax-theme.js";
|
|
10
|
+
import { DIAL_ICON_SIZE as u, DIAL_KIT_ICON_STROKE as d, ElementSize as f, GhostIconButton as p } from "@epam/ai-dial-ui-kit";
|
|
11
|
+
import { Suspense as m, lazy as h, memo as g, useMemo as _ } from "react";
|
|
12
|
+
import { jsx as v, jsxs as y } from "react/jsx-runtime";
|
|
13
|
+
import { IconCheck as b, IconCopy as x, IconDownload as S } from "@tabler/icons-react";
|
|
13
14
|
//#region src/components/MarkdownRenderer/CodeBlock/CodeBlock.tsx
|
|
14
|
-
var
|
|
15
|
-
dark:
|
|
16
|
-
light:
|
|
17
|
-
},
|
|
15
|
+
var C = {
|
|
16
|
+
dark: l,
|
|
17
|
+
light: l
|
|
18
|
+
}, w = h(async () => {
|
|
18
19
|
let { Prism: e } = await import("react-syntax-highlighter");
|
|
19
20
|
return { default: e };
|
|
20
|
-
}),
|
|
21
|
-
let { isCopied:
|
|
22
|
-
r(
|
|
23
|
-
},
|
|
21
|
+
}), T = g(({ language: h, value: g, isStreaming: T, theme: E = e.Dark, copyLabel: D = "Copy code", copiedLabel: O = "Copied!", downloadLabel: k = "Download code", hideDownload: A = !1, containerClassName: j, headerClassName: M, codeClassName: N = "dial-code-text", languageLabelClassName: P = "dial-tiny-lead-semi-text", title: F, titleSlot: I, colors: L }) => {
|
|
22
|
+
let { isCopied: R, copy: z } = s(g), B = _(() => a(g), [g]), V = E === e.Light, H = () => {
|
|
23
|
+
r(g, `code.${i(h)}`);
|
|
24
|
+
}, U = /* @__PURE__ */ v("pre", {
|
|
24
25
|
className: "p-4",
|
|
25
|
-
children: /* @__PURE__ */
|
|
26
|
-
className: t("whitespace-pre",
|
|
27
|
-
children:
|
|
26
|
+
children: /* @__PURE__ */ v("code", {
|
|
27
|
+
className: t("whitespace-pre", N),
|
|
28
|
+
children: g
|
|
28
29
|
})
|
|
29
30
|
});
|
|
30
|
-
return /* @__PURE__ */
|
|
31
|
+
return /* @__PURE__ */ y("div", {
|
|
31
32
|
style: n({
|
|
32
|
-
"--cm-code-block-bg":
|
|
33
|
-
"--cm-code-block-border":
|
|
34
|
-
"--cm-code-block-header-bg":
|
|
35
|
-
"--cm-code-block-language":
|
|
36
|
-
"--cm-code-block-copied":
|
|
37
|
-
"--cm-code-block-scrollbar":
|
|
33
|
+
"--cm-code-block-bg": L?.background,
|
|
34
|
+
"--cm-code-block-border": L?.border,
|
|
35
|
+
"--cm-code-block-header-bg": L?.headerBackground,
|
|
36
|
+
"--cm-code-block-language": L?.language,
|
|
37
|
+
"--cm-code-block-copied": L?.copied,
|
|
38
|
+
"--cm-code-block-scrollbar": L?.scrollbar
|
|
38
39
|
}),
|
|
39
|
-
className: t("my-4 max-w-full rounded-xl border [overflow:clip]",
|
|
40
|
+
className: t("my-4 max-w-full rounded-xl border [overflow:clip]", c.container, V && c.containerLight, j, o.codeBlock),
|
|
40
41
|
children: [
|
|
41
|
-
/* @__PURE__ */
|
|
42
|
-
className: t("sticky top-0 z-10 flex min-h-10 items-center justify-between px-4",
|
|
43
|
-
children: [
|
|
44
|
-
className: t(
|
|
45
|
-
children:
|
|
46
|
-
}), !
|
|
42
|
+
/* @__PURE__ */ y("div", {
|
|
43
|
+
className: t("sticky top-0 z-10 flex min-h-10 items-center justify-between px-4", I == null ? "py-2" : "py-0", c.header, M, o.codeBlockHeader),
|
|
44
|
+
children: [I ?? /* @__PURE__ */ v("span", {
|
|
45
|
+
className: t(c.languageLabel, P),
|
|
46
|
+
children: F ?? h
|
|
47
|
+
}), !T && /* @__PURE__ */ y("div", {
|
|
47
48
|
className: "flex items-center gap-1",
|
|
48
|
-
children: [!
|
|
49
|
-
icon: /* @__PURE__ */
|
|
50
|
-
size:
|
|
51
|
-
stroke:
|
|
49
|
+
children: [!A && /* @__PURE__ */ v(p, {
|
|
50
|
+
icon: /* @__PURE__ */ v(S, {
|
|
51
|
+
size: u.SM,
|
|
52
|
+
stroke: d
|
|
52
53
|
}),
|
|
53
|
-
"aria-label":
|
|
54
|
-
size:
|
|
55
|
-
onClick:
|
|
56
|
-
}), /* @__PURE__ */
|
|
57
|
-
icon:
|
|
58
|
-
size:
|
|
59
|
-
className:
|
|
54
|
+
"aria-label": k,
|
|
55
|
+
size: f.Small,
|
|
56
|
+
onClick: H
|
|
57
|
+
}), /* @__PURE__ */ v(p, {
|
|
58
|
+
icon: R ? /* @__PURE__ */ v(b, {
|
|
59
|
+
size: u.SM,
|
|
60
|
+
className: c.copiedIcon,
|
|
60
61
|
"aria-hidden": !0,
|
|
61
|
-
stroke:
|
|
62
|
-
}) : /* @__PURE__ */
|
|
63
|
-
size:
|
|
62
|
+
stroke: d
|
|
63
|
+
}) : /* @__PURE__ */ v(x, {
|
|
64
|
+
size: u.SM,
|
|
64
65
|
"aria-hidden": !0,
|
|
65
|
-
stroke:
|
|
66
|
+
stroke: d
|
|
66
67
|
}),
|
|
67
|
-
"aria-label":
|
|
68
|
-
size:
|
|
69
|
-
onClick:
|
|
68
|
+
"aria-label": D,
|
|
69
|
+
size: f.Small,
|
|
70
|
+
onClick: z
|
|
70
71
|
})]
|
|
71
72
|
})]
|
|
72
73
|
}),
|
|
73
|
-
/* @__PURE__ */
|
|
74
|
-
className: t(
|
|
74
|
+
/* @__PURE__ */ v("div", {
|
|
75
|
+
className: t(c.scrollContainer, "max-h-[60vh] overflow-auto"),
|
|
75
76
|
dir: "ltr",
|
|
76
|
-
children:
|
|
77
|
-
fallback:
|
|
78
|
-
children: /* @__PURE__ */
|
|
79
|
-
language:
|
|
80
|
-
style:
|
|
77
|
+
children: h && B ? /* @__PURE__ */ v(m, {
|
|
78
|
+
fallback: U,
|
|
79
|
+
children: /* @__PURE__ */ v(w, {
|
|
80
|
+
language: h,
|
|
81
|
+
style: C[E] ?? l,
|
|
81
82
|
customStyle: {
|
|
82
83
|
margin: 0,
|
|
83
84
|
borderRadius: 0,
|
|
@@ -87,19 +88,19 @@ var x = {
|
|
|
87
88
|
padding: "14px 16px",
|
|
88
89
|
letterSpacing: 0
|
|
89
90
|
},
|
|
90
|
-
codeTagProps: { className:
|
|
91
|
-
children:
|
|
91
|
+
codeTagProps: { className: N },
|
|
92
|
+
children: g
|
|
92
93
|
})
|
|
93
|
-
}) :
|
|
94
|
+
}) : U
|
|
94
95
|
}),
|
|
95
|
-
/* @__PURE__ */
|
|
96
|
+
/* @__PURE__ */ v("span", {
|
|
96
97
|
role: "status",
|
|
97
98
|
"aria-live": "polite",
|
|
98
99
|
className: "sr-only",
|
|
99
|
-
children:
|
|
100
|
+
children: R ? O : ""
|
|
100
101
|
})
|
|
101
102
|
]
|
|
102
103
|
});
|
|
103
104
|
});
|
|
104
105
|
//#endregion
|
|
105
|
-
export {
|
|
106
|
+
export { T as MarkdownCodeBlock };
|
package/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
._agentIconBadge_1ger8_1{background:var(--di-icon-bg,var(--bg-layer-sunken,#eef1f7))}._badge_1ko75_1{background:var(--ia-bg,var(--bg-visual-green-1,#cde8e5))}._initials_1ko75_5{color:var(--ia-fg,var(--text-visual-green-2,#0d6e72))}._title_11w3i_1{color:var(--ih-title-color,var(--text-primary,#161b2d))}._count_11w3i_5{color:var(--ih-count-color,var(--text-secondary,#57647a))}._container_sqe5k_1{background:var(--cm-code-block-bg,var(--bg-layer-raised,#fcfcfc));border-color:var(--cm-code-block-border,var(--stroke-secondary,#d1dbea))}._containerLight_sqe5k_6{background:var(--cm-code-block-bg,var(--bg-layer-raised,#fcfcfc))}._header_sqe5k_10{background:var(--cm-code-block-header-bg,var(--bg-layer-raised,#fcfcfc));border-color:var(--cm-code-block-border,var(--stroke-secondary,#d1dbea))}._languageLabel_sqe5k_15{color:var(--cm-code-block-language,var(--text-secondary,#57647a))}._copiedIcon_sqe5k_19{color:var(--cm-code-block-copied,var(--text-success,#007274))}._scrollContainer_sqe5k_23 .token.table,._scrollContainer_sqe5k_23 .token.table-header-row,._scrollContainer_sqe5k_23 .token.table-line,._scrollContainer_sqe5k_23 .token.table-data-rows{display:inline}._scrollContainer_sqe5k_23{scrollbar-width:thin;scrollbar-color:var(--cm-code-block-scrollbar,var(--stroke-primary,#57647a)) transparent}._scrollContainer_sqe5k_23::-webkit-scrollbar{width:4px;height:4px}._scrollContainer_sqe5k_23::-webkit-scrollbar-track{background-color:#0000}._scrollContainer_sqe5k_23::-webkit-scrollbar-thumb{background-color:var(--cm-code-block-scrollbar,var(--stroke-primary,#57647a));border-radius:4px}@keyframes _cm-shimmer_1g29w_1{0%{background-position:200%}to{background-position:-200%}}._thinking_1g29w_9{background:linear-gradient(270deg, var(--cm-thinking-inverted,var(--text-primary,#161b2d)) 0%, var(--cm-thinking-secondary,var(--text-secondary,#57647a)) 40%, var(--cm-thinking-inverted,var(--text-primary,#161b2d)) 80%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:2s linear infinite _cm-shimmer_1g29w_1}._h6_1g29w_18{color:var(--cm-h6-text,var(--text-secondary,#57647a))}._codeInline_1g29w_22{background:var(--cm-code-inline-bg,var(--bg-layer-raised,#fcfcfc));color:var(--cm-code-inline-text,var(--text-primary,#161b2d))}._secondaryBorder_1g29w_27{border-color:var(--cm-markdown-border,var(--stroke-secondary,#d1dbea))}._blockquote_1g29w_31{border-color:var(--cm-blockquote-border,var(--stroke-primary,#57647a));color:var(--cm-blockquote-text,var(--text-secondary,#57647a))}._link_1g29w_36{color:var(--cm-link-text,var(--text-accent,#1d4ed8))}._link_1g29w_36:focus-visible{outline-color:var(--cm-link-focus,var(--stroke-focus-black,#161b2d))}._scrollContainer_1f433_1{scrollbar-width:thin;scrollbar-color:var(--cm-math-scrollbar,var(--stroke-primary,#57647a)) transparent}._scrollContainer_1f433_1::-webkit-scrollbar{height:4px}._scrollContainer_1f433_1::-webkit-scrollbar-track{background-color:#0000}._scrollContainer_1f433_1::-webkit-scrollbar-thumb{background-color:var(--cm-math-scrollbar,var(--stroke-primary,#57647a));border-radius:4px}._scrollContainer_1f433_1:focus-visible{outline:1px solid var(--cm-math-focus,var(--stroke-focus-black,#161b2d));outline-offset:2px}._mathContent_1f433_24{width:max-content;min-width:100%;display:block}._tableContainer_1fwnj_1{background:var(--cm-code-block-bg,var(--bg-layer-raised,#fcfcfc));border-color:var(--cm-markdown-border,var(--cm-code-block-border,var(--stroke-secondary,#d1dbea)))}._tableContainerLight_1fwnj_6{background:var(--cm-code-block-bg,var(--bg-layer-base,#f5f7fa))}._copiedIcon_1fwnj_10{color:var(--cm-code-block-copied,var(--text-success,#007274))}._scrollContainer_1fwnj_14{scrollbar-width:thin;scrollbar-color:var(--cm-table-scrollbar,var(--stroke-primary,#57647a)) transparent}._scrollContainer_1fwnj_14::-webkit-scrollbar{width:4px;height:4px}._scrollContainer_1fwnj_14::-webkit-scrollbar-track{background-color:#0000}._scrollContainer_1fwnj_14::-webkit-scrollbar-thumb{background-color:var(--cm-table-scrollbar,var(--stroke-primary,#57647a));border-radius:4px}._tableHeaderCell_1fwnj_30{background:var(--cm-code-block-header-bg,var(--bg-layer-raised,#fcfcfc));height:3rem;color:var(--cm-table-header-text,var(--text-secondary,#57647a))}._sectionRow_1fwnj_37 td{background:var(--cm-code-block-header-bg,var(--bg-layer-raised,#fcfcfc))}._rowDivider_1fwnj_41{border-block-end:.5px solid var(--cm-table-row-divider,var(--stroke-tertiary,#e0e6f0))}tbody ._row_1fwnj_41:hover td{background:var(--cm-table-row-hover-bg,var(--bg-control-accent-alpha-hover,#2764d924))}._tableScrollFadeEnd_1fwnj_51{-webkit-mask-image:linear-gradient(to right, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) calc(100% - 1rem), transparent 100%);-webkit-mask-image:linear-gradient(to right, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) calc(100% - 1rem), transparent 100%);mask-image:linear-gradient(to right, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) calc(100% - 1rem), transparent 100%)}[dir=rtl] ._tableScrollFadeEnd_1fwnj_51{-webkit-mask-image:linear-gradient(to left, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) calc(100% - 1rem), transparent 100%);-webkit-mask-image:linear-gradient(to left, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) calc(100% - 1rem), transparent 100%);mask-image:linear-gradient(to left, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) calc(100% - 1rem), transparent 100%)}._tableScrollFadeStart_1fwnj_59{-webkit-mask-image:linear-gradient(to right, transparent 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 1rem, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 1rem, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 100%);mask-image:linear-gradient(to right, transparent 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 1rem, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 100%)}[dir=rtl] ._tableScrollFadeStart_1fwnj_59{-webkit-mask-image:linear-gradient(to left, transparent 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 1rem, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 100%);-webkit-mask-image:linear-gradient(to left, transparent 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 1rem, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 100%);mask-image:linear-gradient(to left, transparent 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 1rem, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 100%)}._tableScrollFadeBoth_1fwnj_67{-webkit-mask-image:linear-gradient(to right, transparent 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 1rem, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) calc(100% - 1rem), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 1rem, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) calc(100% - 1rem), transparent 100%);mask-image:linear-gradient(to right, transparent 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 1rem, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) calc(100% - 1rem), transparent 100%)}._tableHeader_1qvg8_1{background:var(--cm-code-block-header-bg,var(--bg-layer-raised,#fcfcfc));border-color:var(--cm-markdown-border,var(--cm-code-block-border,var(--stroke-secondary,#d1dbea)))}._label_12p89_1{color:var(--pes-label-color,var(--text-primary,#161b2d))}
|
|
2
|
-
/*$vite$:1*/.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-4{bottom:1rem}.end-0{inset-inline-end:0}.end-2{inset-inline-end:.5rem}.end-4{inset-inline-end:1rem}.top-0{top:0}.top-2{top:.5rem}.top-\[-6px\]{top:-6px}.z-10{z-index:10}.z-\[2\]{z-index:2}.z-\[52\]{z-index:52}.z-\[70\]{z-index:70}.mx-0{margin-left:0;margin-right:0}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.my-4{margin-bottom:1rem;margin-top:1rem}.my-5{margin-bottom:1.25rem;margin-top:1.25rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.me-1{margin-inline-end:.25rem}.me-1\.5{margin-inline-end:.375rem}.ms-auto{margin-inline-start:auto}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.size-full{height:100%;width:100%}.\!h-\[min\(800px\2c 100dvh\)\]{height:min(800px,100dvh)!important}.\!h-fit{height:-moz-fit-content!important;height:fit-content!important}.h-0{height:0}.h-\[24px\]{height:24px}.h-full{height:100%}.\!max-h-full{max-height:100%!important}.max-h-\[344px\]{max-height:344px}.max-h-\[50vh\]{max-height:50vh}.max-h-\[60vh\]{max-height:60vh}.min-h-0{min-height:0}.min-h-10{min-height:2.5rem}.\!w-\[400px\]{width:400px!important}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-96{max-width:24rem}.max-w-\[30\%\]{max-width:30%}.max-w-\[45\%\]{max-width:45%}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-hidden{overflow-y:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:4px}.rounded-2xl{border-radius:1rem}.rounded-\[14px\]{border-radius:14px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-s-2{border-inline-start-width:2px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-tertiary{border-color:var(--stroke-tertiary,#e0e6f0)}.\!bg-layer-sunken{background-color:var(--bg-layer-sunken,#eef1f7)!important}.bg-backdrop{background-color:var(--bg-backdrop,#161b2d4d)}.bg-layer-raised{background-color:var(--bg-layer-raised,#fcfcfc)}.bg-layer-sunken{background-color:var(--bg-layer-sunken,#eef1f7)}.object-contain{-o-object-fit:contain;object-fit:contain}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-bottom:0;padding-top:0}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\[7px\]{padding-bottom:7px;padding-top:7px}.ps-4{padding-inline-start:1rem}.ps-\[2em\]{padding-inline-start:2em}.pt-1{padding-top:.25rem}.text-center{text-align:center}.text-start{text-align:start}.text-end{text-align:end}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.uppercase{text-transform:uppercase}.italic{font-style:italic}.text-primary{color:var(--text-primary,#161b2d)}.text-secondary{color:var(--text-secondary,#57647a)}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:0}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-chat-button{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-chat-button{--tw-shadow:0 2px 12px 0 var(--shadow-xs-1,#2764d933),0 2px 6px 0 var(--shadow-xs-2,#161b2d08);--tw-shadow-colored:0 2px 12px 0 var(--tw-shadow-color),0 2px 6px 0 var(--tw-shadow-color)}.shadow-xs{--tw-shadow:0 1px 4px 0 var(--shadow-xs-1,#2764d933),0 1px 2px 0 var(--shadow-xs-2,#161b2d08);--tw-shadow-colored:0 1px 4px 0 var(--tw-shadow-color),0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid;outline-width:1px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.\[overflow\:clip\]{overflow:clip}.\[text-wrap\:balance\]{text-wrap:balance}.\[text-wrap\:pretty\]{text-wrap:pretty}.first\:mt-0:first-child{margin-top:0}.last\:mb-0:last-child{margin-bottom:0}.focus-within\:opacity-100:focus-within{opacity:1}.hover\:decoration-current:hover{text-decoration-color:currentColor}.focus-visible\:outline:focus-visible{outline-style:solid;outline-width:1px}.focus-visible\:outline-1:focus-visible{outline-width:1px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.group\/table:hover .group-hover\/table\:opacity-100{opacity:1}@media (min-width:1280px){.desktop\:p-4{padding:1rem}}.\[\&_\.w-md-editor-bar\]\:hidden .w-md-editor-bar{display:none}.\[\&_\.w-md-editor\:not\(\.w-md-editor-fullscreen\)\]\:\!h-\[var\(--resizable-field-max-height\2c 70vh\)\] .w-md-editor:not(.w-md-editor-fullscreen){height:var(--resizable-field-max-height,70vh)!important}.\[\&_\.w-md-editor\:not\(\.w-md-editor-fullscreen\)\]\:max-h-\[var\(--resizable-field-max-height\2c 70vh\)\] .w-md-editor:not(.w-md-editor-fullscreen){max-height:var(--resizable-field-max-height,70vh)}.\[\&_\.wmde-markdown\>ol\]\:list-decimal .wmde-markdown>ol{list-style-type:decimal}.\[\&_\.wmde-markdown_ul\]\:list-disc .wmde-markdown ul{list-style-type:disc}.\[\&_\.wmde-markdown_ul_ul\]\:list-\[circle\] .wmde-markdown ul ul{list-style-type:circle}.\[\&_\.wmde-markdown_ul_ul_ul\]\:list-\[square\] .wmde-markdown ul ul ul{list-style-type:square}
|
|
1
|
+
._message_1iqfi_1{color:var(--cfm-message-text,var(--text-primary,#161b2d))}._consequences_1iqfi_5{color:var(--cfm-consequence-text,var(--text-secondary,#57647a))}._footer_1iqfi_9{border-block-start:1px solid var(--cfm-footer-border,var(--stroke-tertiary,#e0e6f0))}._info_vyo7p_1{--rs-bg:var(--bg-info,#d6e2f9)}._danger_vyo7p_5{--rs-bg:var(--bg-control-error-alpha-active,#f7646433);--rs-border:var(--stroke-error-alpha,#ae2f2f73)}._agentIconBadge_1ger8_1{background:var(--di-icon-bg,var(--bg-layer-sunken,#eef1f7))}._badge_1ko75_1{background:var(--ia-bg,var(--bg-visual-green-1,#cde8e5))}._initials_1ko75_5{color:var(--ia-fg,var(--text-visual-green-2,#0d6e72))}._title_11w3i_1{color:var(--ih-title-color,var(--text-primary,#161b2d))}._count_11w3i_5{color:var(--ih-count-color,var(--text-secondary,#57647a))}._row_1csuq_1{border-color:var(--rs-border,var(--stroke-tertiary,#e0e6f0));background:var(--rs-bg,var(--bg-layer-sunken,#eef1f7))}._versionTag_1csuq_7{border-color:var(--rs-version-tag-border,var(--stroke-tertiary,#e0e6f0))!important;background:var(--rs-version-tag-bg,var(--bg-control-accent-alpha,#2764d90f))!important;color:var(--rs-version-tag-text,var(--text-accent,#1d4ed8))!important}._typeLabel_17nhs_1{color:var(--cir-type-label-text,var(--text-secondary,#57647a))}._container_sqe5k_1{background:var(--cm-code-block-bg,var(--bg-layer-raised,#fcfcfc));border-color:var(--cm-code-block-border,var(--stroke-secondary,#d1dbea))}._containerLight_sqe5k_6{background:var(--cm-code-block-bg,var(--bg-layer-raised,#fcfcfc))}._header_sqe5k_10{background:var(--cm-code-block-header-bg,var(--bg-layer-raised,#fcfcfc));border-color:var(--cm-code-block-border,var(--stroke-secondary,#d1dbea))}._languageLabel_sqe5k_15{color:var(--cm-code-block-language,var(--text-secondary,#57647a))}._copiedIcon_sqe5k_19{color:var(--cm-code-block-copied,var(--text-success,#007274))}._scrollContainer_sqe5k_23 .token.table,._scrollContainer_sqe5k_23 .token.table-header-row,._scrollContainer_sqe5k_23 .token.table-line,._scrollContainer_sqe5k_23 .token.table-data-rows{display:inline}._scrollContainer_sqe5k_23{scrollbar-width:thin;scrollbar-color:var(--cm-code-block-scrollbar,var(--stroke-primary,#57647a)) transparent}._scrollContainer_sqe5k_23::-webkit-scrollbar{width:4px;height:4px}._scrollContainer_sqe5k_23::-webkit-scrollbar-track{background-color:#0000}._scrollContainer_sqe5k_23::-webkit-scrollbar-thumb{background-color:var(--cm-code-block-scrollbar,var(--stroke-primary,#57647a));border-radius:4px}@keyframes _cm-shimmer_1g29w_1{0%{background-position:200%}to{background-position:-200%}}._thinking_1g29w_9{background:linear-gradient(270deg, var(--cm-thinking-inverted,var(--text-primary,#161b2d)) 0%, var(--cm-thinking-secondary,var(--text-secondary,#57647a)) 40%, var(--cm-thinking-inverted,var(--text-primary,#161b2d)) 80%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:2s linear infinite _cm-shimmer_1g29w_1}._h6_1g29w_18{color:var(--cm-h6-text,var(--text-secondary,#57647a))}._codeInline_1g29w_22{background:var(--cm-code-inline-bg,var(--bg-layer-raised,#fcfcfc));color:var(--cm-code-inline-text,var(--text-primary,#161b2d))}._secondaryBorder_1g29w_27{border-color:var(--cm-markdown-border,var(--stroke-secondary,#d1dbea))}._blockquote_1g29w_31{border-color:var(--cm-blockquote-border,var(--stroke-primary,#57647a));color:var(--cm-blockquote-text,var(--text-secondary,#57647a))}._link_1g29w_36{color:var(--cm-link-text,var(--text-accent,#1d4ed8))}._link_1g29w_36:focus-visible{outline-color:var(--cm-link-focus,var(--stroke-focus-black,#161b2d))}._scrollContainer_1f433_1{scrollbar-width:thin;scrollbar-color:var(--cm-math-scrollbar,var(--stroke-primary,#57647a)) transparent}._scrollContainer_1f433_1::-webkit-scrollbar{height:4px}._scrollContainer_1f433_1::-webkit-scrollbar-track{background-color:#0000}._scrollContainer_1f433_1::-webkit-scrollbar-thumb{background-color:var(--cm-math-scrollbar,var(--stroke-primary,#57647a));border-radius:4px}._scrollContainer_1f433_1:focus-visible{outline:1px solid var(--cm-math-focus,var(--stroke-focus-black,#161b2d));outline-offset:2px}._mathContent_1f433_24{width:max-content;min-width:100%;display:block}._tableContainer_1fwnj_1{background:var(--cm-code-block-bg,var(--bg-layer-raised,#fcfcfc));border-color:var(--cm-markdown-border,var(--cm-code-block-border,var(--stroke-secondary,#d1dbea)))}._tableContainerLight_1fwnj_6{background:var(--cm-code-block-bg,var(--bg-layer-base,#f5f7fa))}._copiedIcon_1fwnj_10{color:var(--cm-code-block-copied,var(--text-success,#007274))}._scrollContainer_1fwnj_14{scrollbar-width:thin;scrollbar-color:var(--cm-table-scrollbar,var(--stroke-primary,#57647a)) transparent}._scrollContainer_1fwnj_14::-webkit-scrollbar{width:4px;height:4px}._scrollContainer_1fwnj_14::-webkit-scrollbar-track{background-color:#0000}._scrollContainer_1fwnj_14::-webkit-scrollbar-thumb{background-color:var(--cm-table-scrollbar,var(--stroke-primary,#57647a));border-radius:4px}._tableHeaderCell_1fwnj_30{background:var(--cm-code-block-header-bg,var(--bg-layer-raised,#fcfcfc));height:3rem;color:var(--cm-table-header-text,var(--text-secondary,#57647a))}._sectionRow_1fwnj_37 td{background:var(--cm-code-block-header-bg,var(--bg-layer-raised,#fcfcfc))}._rowDivider_1fwnj_41{border-block-end:.5px solid var(--cm-table-row-divider,var(--stroke-tertiary,#e0e6f0))}tbody ._row_1fwnj_41:hover td{background:var(--cm-table-row-hover-bg,var(--bg-control-accent-alpha-hover,#2764d924))}._tableScrollFadeEnd_1fwnj_51{-webkit-mask-image:linear-gradient(to right, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) calc(100% - 1rem), transparent 100%);-webkit-mask-image:linear-gradient(to right, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) calc(100% - 1rem), transparent 100%);mask-image:linear-gradient(to right, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) calc(100% - 1rem), transparent 100%)}[dir=rtl] ._tableScrollFadeEnd_1fwnj_51{-webkit-mask-image:linear-gradient(to left, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) calc(100% - 1rem), transparent 100%);-webkit-mask-image:linear-gradient(to left, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) calc(100% - 1rem), transparent 100%);mask-image:linear-gradient(to left, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) calc(100% - 1rem), transparent 100%)}._tableScrollFadeStart_1fwnj_59{-webkit-mask-image:linear-gradient(to right, transparent 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 1rem, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 1rem, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 100%);mask-image:linear-gradient(to right, transparent 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 1rem, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 100%)}[dir=rtl] ._tableScrollFadeStart_1fwnj_59{-webkit-mask-image:linear-gradient(to left, transparent 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 1rem, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 100%);-webkit-mask-image:linear-gradient(to left, transparent 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 1rem, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 100%);mask-image:linear-gradient(to left, transparent 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 1rem, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 100%)}._tableScrollFadeBoth_1fwnj_67{-webkit-mask-image:linear-gradient(to right, transparent 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 1rem, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) calc(100% - 1rem), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 1rem, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) calc(100% - 1rem), transparent 100%);mask-image:linear-gradient(to right, transparent 0, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) 1rem, var(--cm-table-fade,var(--stroke-focus-black,#161b2d)) calc(100% - 1rem), transparent 100%)}._tableHeader_1qvg8_1{background:var(--cm-code-block-header-bg,var(--bg-layer-raised,#fcfcfc));border-color:var(--cm-markdown-border,var(--cm-code-block-border,var(--stroke-secondary,#d1dbea)))}._label_12p89_1{color:var(--pes-label-color,var(--text-primary,#161b2d))}
|
|
2
|
+
/*$vite$:1*/.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-4{bottom:1rem}.end-0{inset-inline-end:0}.end-2{inset-inline-end:.5rem}.end-4{inset-inline-end:1rem}.top-0{top:0}.top-2{top:.5rem}.top-\[-6px\]{top:-6px}.z-10{z-index:10}.z-\[2\]{z-index:2}.z-\[52\]{z-index:52}.z-\[70\]{z-index:70}.mx-0{margin-left:0;margin-right:0}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.my-4{margin-bottom:1rem;margin-top:1rem}.my-5{margin-bottom:1.25rem;margin-top:1.25rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.me-1{margin-inline-end:.25rem}.me-1\.5{margin-inline-end:.375rem}.ms-auto{margin-inline-start:auto}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.size-full{height:100%;width:100%}.\!h-\[min\(800px\2c 100dvh\)\]{height:min(800px,100dvh)!important}.\!h-fit{height:-moz-fit-content!important;height:fit-content!important}.h-0{height:0}.h-\[24px\]{height:24px}.h-full{height:100%}.\!max-h-full{max-height:100%!important}.max-h-\[344px\]{max-height:344px}.max-h-\[50vh\]{max-height:50vh}.max-h-\[60vh\]{max-height:60vh}.min-h-0{min-height:0}.min-h-10{min-height:2.5rem}.\!w-\[400px\]{width:400px!important}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-96{max-width:24rem}.max-w-\[30\%\]{max-width:30%}.max-w-\[45\%\]{max-width:45%}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-hidden{overflow-y:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:4px}.rounded-2xl{border-radius:1rem}.rounded-\[14px\]{border-radius:14px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-s-2{border-inline-start-width:2px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-tertiary{border-color:var(--stroke-tertiary,#e0e6f0)}.\!bg-layer-sunken{background-color:var(--bg-layer-sunken,#eef1f7)!important}.bg-backdrop{background-color:var(--bg-backdrop,#161b2d4d)}.bg-layer-raised{background-color:var(--bg-layer-raised,#fcfcfc)}.bg-layer-sunken{background-color:var(--bg-layer-sunken,#eef1f7)}.object-contain{-o-object-fit:contain;object-fit:contain}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-bottom:0;padding-top:0}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\[7px\]{padding-bottom:7px;padding-top:7px}.ps-4{padding-inline-start:1rem}.ps-5{padding-inline-start:1.25rem}.ps-\[2em\]{padding-inline-start:2em}.pt-1{padding-top:.25rem}.text-center{text-align:center}.text-start{text-align:start}.text-end{text-align:end}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.uppercase{text-transform:uppercase}.italic{font-style:italic}.text-primary{color:var(--text-primary,#161b2d)}.text-secondary{color:var(--text-secondary,#57647a)}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:0}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-chat-button{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-chat-button{--tw-shadow:0 2px 12px 0 var(--shadow-xs-1,#2764d933),0 2px 6px 0 var(--shadow-xs-2,#161b2d08);--tw-shadow-colored:0 2px 12px 0 var(--tw-shadow-color),0 2px 6px 0 var(--tw-shadow-color)}.shadow-xs{--tw-shadow:0 1px 4px 0 var(--shadow-xs-1,#2764d933),0 1px 2px 0 var(--shadow-xs-2,#161b2d08);--tw-shadow-colored:0 1px 4px 0 var(--tw-shadow-color),0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid;outline-width:1px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.\[overflow\:clip\]{overflow:clip}.\[text-wrap\:balance\]{text-wrap:balance}.\[text-wrap\:pretty\]{text-wrap:pretty}.first\:mt-0:first-child{margin-top:0}.last\:mb-0:last-child{margin-bottom:0}.focus-within\:opacity-100:focus-within{opacity:1}.hover\:decoration-current:hover{text-decoration-color:currentColor}.focus-visible\:outline:focus-visible{outline-style:solid;outline-width:1px}.focus-visible\:outline-1:focus-visible{outline-width:1px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.group\/table:hover .group-hover\/table\:opacity-100{opacity:1}@media (min-width:1280px){.desktop\:p-4{padding:1rem}}.rtl\:flex-row-reverse:where([dir=rtl],[dir=rtl] *){flex-direction:row-reverse}.rtl\:justify-start:where([dir=rtl],[dir=rtl] *){justify-content:flex-start}.\[\&_\.w-md-editor-bar\]\:hidden .w-md-editor-bar{display:none}.\[\&_\.w-md-editor\:not\(\.w-md-editor-fullscreen\)\]\:\!h-\[var\(--resizable-field-max-height\2c 70vh\)\] .w-md-editor:not(.w-md-editor-fullscreen){height:var(--resizable-field-max-height,70vh)!important}.\[\&_\.w-md-editor\:not\(\.w-md-editor-fullscreen\)\]\:max-h-\[var\(--resizable-field-max-height\2c 70vh\)\] .w-md-editor:not(.w-md-editor-fullscreen){max-height:var(--resizable-field-max-height,70vh)}.\[\&_\.wmde-markdown\>ol\]\:list-decimal .wmde-markdown>ol{list-style-type:decimal}.\[\&_\.wmde-markdown_ul\]\:list-disc .wmde-markdown ul{list-style-type:disc}.\[\&_\.wmde-markdown_ul_ul\]\:list-\[circle\] .wmde-markdown ul ul{list-style-type:circle}.\[\&_\.wmde-markdown_ul_ul_ul\]\:list-\[square\] .wmde-markdown ul ul ul{list-style-type:square}
|
package/index.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ComponentProps } from 'react';
|
|
2
2
|
import { Components } from 'react-markdown';
|
|
3
|
+
import { ConfirmationPopupVariant } from '@epam/ai-dial-ui-kit';
|
|
3
4
|
import { CSSProperties } from 'react';
|
|
4
5
|
import { default as default_2 } from 'classnames';
|
|
5
6
|
import { DIAL_ICON_SIZE } from '@epam/ai-dial-ui-kit';
|
|
@@ -18,6 +19,7 @@ import { FileManagerGridRow } from '@epam/ai-dial-react-file-manager';
|
|
|
18
19
|
import { GridApi } from 'ag-grid-community';
|
|
19
20
|
import { IRowNode } from 'ag-grid-community';
|
|
20
21
|
import { Options } from 'react-markdown';
|
|
22
|
+
import { PopupSize } from '@epam/ai-dial-ui-kit';
|
|
21
23
|
import { ReactNode } from 'react';
|
|
22
24
|
import { RefObject } from 'react';
|
|
23
25
|
import { TransferQueueLabels } from '@epam/ai-dial-ui-kit';
|
|
@@ -256,6 +258,210 @@ export declare enum CodeBlockTheme {
|
|
|
256
258
|
*/
|
|
257
259
|
export declare const COMPACT_MARKDOWN_CLASS_NAMES: MarkdownRendererClassNames;
|
|
258
260
|
|
|
261
|
+
/**
|
|
262
|
+
* A confirmation step presented as a centered dialog: the same content block
|
|
263
|
+
* and action row the catalog's details panel shows in place, inside the kit's
|
|
264
|
+
* `Popup`. Use it wherever no details panel is open to host the step.
|
|
265
|
+
*/
|
|
266
|
+
export declare const ConfirmationDialog: FC<ConfirmationDialogProps>;
|
|
267
|
+
|
|
268
|
+
/** Props for `ConfirmationDialog`. */
|
|
269
|
+
export declare interface ConfirmationDialogProps extends ConfirmationViewProps {
|
|
270
|
+
/** Whether the dialog is open. */
|
|
271
|
+
open: boolean;
|
|
272
|
+
/** Dialog title. A string rather than a node, so the kit names the dialog with it. */
|
|
273
|
+
title: string;
|
|
274
|
+
/** Label of the confirming action button. */
|
|
275
|
+
confirmLabel: string;
|
|
276
|
+
/** Label of the cancel button. */
|
|
277
|
+
cancelLabel: string;
|
|
278
|
+
/** Whether the confirmed action is in flight. While it is, both actions and every dismissal route are blocked. Default: `false`. */
|
|
279
|
+
isLoading?: boolean;
|
|
280
|
+
/** Whether confirming is not yet possible because the step's required input is unsatisfied. Default: `false`. */
|
|
281
|
+
isConfirmDisabled?: boolean;
|
|
282
|
+
/** Status text announced to assistive tech while the action is in flight. */
|
|
283
|
+
loadingStatusLabel?: string;
|
|
284
|
+
/**
|
|
285
|
+
* Width cap of the dialog. Defaults to `PopupSize.Sm`, which is what a few
|
|
286
|
+
* lines of copy and two buttons need — the kit's own `Popup` defaults to
|
|
287
|
+
* `Md`, three times as wide.
|
|
288
|
+
*/
|
|
289
|
+
size?: PopupSize;
|
|
290
|
+
/** CSS class applied to the popup container, for example to constrain its width. */
|
|
291
|
+
popupClassName?: string;
|
|
292
|
+
/** CSS class applied to the dialog title. */
|
|
293
|
+
titleClassName?: string;
|
|
294
|
+
/** Called when the user confirms. */
|
|
295
|
+
onConfirm: () => void;
|
|
296
|
+
/** Called when the dialog is dismissed — Cancel, the header close control, Escape, or an outside click. */
|
|
297
|
+
onClose: () => void;
|
|
298
|
+
}
|
|
299
|
+
|
|
300
|
+
/** Action row pinned to the bottom of a confirmation step: a text Cancel and a variant-colored confirm button. */
|
|
301
|
+
export declare const ConfirmationFooter: FC<ConfirmationFooterProps>;
|
|
302
|
+
|
|
303
|
+
/** Color overrides for `ConfirmationFooter`. */
|
|
304
|
+
export declare interface ConfirmationFooterColors {
|
|
305
|
+
/** Top border color of the action row. Defaults to `--stroke-tertiary`. */
|
|
306
|
+
border?: string;
|
|
307
|
+
}
|
|
308
|
+
|
|
309
|
+
/** Props for `ConfirmationFooter`. */
|
|
310
|
+
export declare interface ConfirmationFooterProps {
|
|
311
|
+
/** Label of the confirming action button. */
|
|
312
|
+
confirmLabel: string;
|
|
313
|
+
/** Label of the cancel button. */
|
|
314
|
+
cancelLabel: string;
|
|
315
|
+
/** Palette of the confirm button; `Danger` also gives it a leading trash icon. Default: `ConfirmationPopupVariant.Info`. */
|
|
316
|
+
variant?: ConfirmationPopupVariant;
|
|
317
|
+
/** Whether the confirmed action is in flight. Default: `false`. */
|
|
318
|
+
isLoading?: boolean;
|
|
319
|
+
/**
|
|
320
|
+
* Whether confirming is not yet possible because the step's required input
|
|
321
|
+
* is unsatisfied — e.g. no published folder chosen yet. Kept separate from
|
|
322
|
+
* `isLoading`: a confirmation that cannot run yet and one already running are
|
|
323
|
+
* different states, and only `isLoading` disables cancel. Default: `false`.
|
|
324
|
+
*/
|
|
325
|
+
isConfirmDisabled?: boolean;
|
|
326
|
+
/** Status text announced to assistive tech while the action is in flight. */
|
|
327
|
+
loadingStatusLabel?: string;
|
|
328
|
+
/** Style overrides. */
|
|
329
|
+
styles?: ConfirmationFooterStyles;
|
|
330
|
+
/** Called when the user confirms. */
|
|
331
|
+
onConfirm: () => void;
|
|
332
|
+
/** Called when the user cancels. */
|
|
333
|
+
onCancel: () => void;
|
|
334
|
+
}
|
|
335
|
+
|
|
336
|
+
/** Style overrides for `ConfirmationFooter`. */
|
|
337
|
+
export declare interface ConfirmationFooterStyles {
|
|
338
|
+
/** Color overrides applied as CSS custom properties. */
|
|
339
|
+
colors?: ConfirmationFooterColors;
|
|
340
|
+
}
|
|
341
|
+
|
|
342
|
+
/** Tinted card echoing the resource a confirmation is about, so the user sees exactly what the action will affect. */
|
|
343
|
+
export declare const ConfirmationIdentityCard: FC<ConfirmationIdentityCardProps>;
|
|
344
|
+
|
|
345
|
+
/** Color overrides for `ConfirmationIdentityCard`. */
|
|
346
|
+
export declare interface ConfirmationIdentityCardColors {
|
|
347
|
+
/** Card surface in the `Info` variant. Defaults to `--bg-info`. */
|
|
348
|
+
background?: string;
|
|
349
|
+
/** Card surface in the `Danger` variant. Defaults to `--bg-control-error-alpha-active`. */
|
|
350
|
+
dangerBackground?: string;
|
|
351
|
+
/** Card border in the `Danger` variant. Defaults to `--stroke-error-alpha`. */
|
|
352
|
+
dangerBorder?: string;
|
|
353
|
+
}
|
|
354
|
+
|
|
355
|
+
/** Props for `ConfirmationIdentityCard`. */
|
|
356
|
+
export declare interface ConfirmationIdentityCardProps {
|
|
357
|
+
/** Entity whose identity the card shows. Ignored when `children` is set. */
|
|
358
|
+
item?: EntityHeaderItem;
|
|
359
|
+
/** Row content rendered instead of the entity identity, for a resource that is not an `EntityHeaderItem`. */
|
|
360
|
+
children?: ReactNode;
|
|
361
|
+
/** Palette of the card surface. Default: `ConfirmationPopupVariant.Info`. */
|
|
362
|
+
variant?: ConfirmationPopupVariant;
|
|
363
|
+
/** Size of the entity icon in pixels. Default: `40`. */
|
|
364
|
+
iconSize?: number;
|
|
365
|
+
/** Style overrides. */
|
|
366
|
+
styles?: ConfirmationIdentityCardStyles;
|
|
367
|
+
}
|
|
368
|
+
|
|
369
|
+
/** Style overrides for `ConfirmationIdentityCard`. */
|
|
370
|
+
export declare interface ConfirmationIdentityCardStyles {
|
|
371
|
+
/** Color overrides, applied to whichever surface `variant` selects. */
|
|
372
|
+
colors?: ConfirmationIdentityCardColors;
|
|
373
|
+
}
|
|
374
|
+
|
|
375
|
+
/**
|
|
376
|
+
* Identity of a resource that has no `EntityHeaderItem` — a conversation or a
|
|
377
|
+
* scheduled task, say — laid out as icon, type, and name for
|
|
378
|
+
* `ConfirmationIdentityCard`'s `children`.
|
|
379
|
+
*/
|
|
380
|
+
export declare const ConfirmationIdentityRow: FC<ConfirmationIdentityRowProps>;
|
|
381
|
+
|
|
382
|
+
/** Color overrides for `ConfirmationIdentityRow`. */
|
|
383
|
+
export declare interface ConfirmationIdentityRowColors {
|
|
384
|
+
/** Type label above the name. Defaults to `--text-secondary`. */
|
|
385
|
+
typeLabelText?: string;
|
|
386
|
+
}
|
|
387
|
+
|
|
388
|
+
/** Props for `ConfirmationIdentityRow`. */
|
|
389
|
+
export declare interface ConfirmationIdentityRowProps {
|
|
390
|
+
/** Icon shown ahead of the type and name. Supplied by the host, which owns the glyph set. */
|
|
391
|
+
icon?: ReactNode;
|
|
392
|
+
/** Resource type shown above the name. Pass it in sentence case — the default class uppercases it. */
|
|
393
|
+
typeLabel?: string;
|
|
394
|
+
/** Resource name, truncated rather than wrapped. */
|
|
395
|
+
name: string;
|
|
396
|
+
/** Style overrides. */
|
|
397
|
+
styles?: ConfirmationIdentityRowStyles;
|
|
398
|
+
}
|
|
399
|
+
|
|
400
|
+
/** Style overrides for `ConfirmationIdentityRow`. */
|
|
401
|
+
export declare interface ConfirmationIdentityRowStyles {
|
|
402
|
+
/** Color overrides applied as CSS custom properties. */
|
|
403
|
+
colors?: ConfirmationIdentityRowColors;
|
|
404
|
+
/** Typography class applied to the type label. Defaults to `'dial-caption-lead-semi-text'`. */
|
|
405
|
+
typeLabelClassName?: string;
|
|
406
|
+
/** Typography class applied to the name. Defaults to `'dial-small-semi-text'`. */
|
|
407
|
+
nameClassName?: string;
|
|
408
|
+
}
|
|
409
|
+
|
|
410
|
+
/** Body of an in-place confirmation step: the resource's identity card, the confirmation copy, and an optional consequence list. */
|
|
411
|
+
export declare const ConfirmationView: FC<ConfirmationViewProps>;
|
|
412
|
+
|
|
413
|
+
/** Color overrides for `ConfirmationView`. */
|
|
414
|
+
export declare interface ConfirmationViewColors {
|
|
415
|
+
/** Body-copy text color. Defaults to `--text-primary`. */
|
|
416
|
+
messageText?: string;
|
|
417
|
+
/** Consequence-bullet text color. Defaults to `--text-secondary`. */
|
|
418
|
+
consequenceText?: string;
|
|
419
|
+
/** Identity-card surface in the `Info` variant. Defaults to `--bg-info`. */
|
|
420
|
+
cardBackground?: string;
|
|
421
|
+
/** Identity-card surface in the `Danger` variant. Defaults to `--bg-control-error-alpha-active`. */
|
|
422
|
+
cardDangerBackground?: string;
|
|
423
|
+
/** Identity-card border in the `Danger` variant. Defaults to `--stroke-error-alpha`. */
|
|
424
|
+
cardDangerBorder?: string;
|
|
425
|
+
}
|
|
426
|
+
|
|
427
|
+
/** Props for `ConfirmationView`. */
|
|
428
|
+
export declare interface ConfirmationViewProps {
|
|
429
|
+
/** Entity the confirmation is about, rendered as an identity card above the copy. Ignored when `identity` is set. */
|
|
430
|
+
item?: EntityHeaderItem;
|
|
431
|
+
/**
|
|
432
|
+
* Identity card rendered in place of the default one, for a resource that is
|
|
433
|
+
* not an `EntityHeaderItem` — a scheduled task, say, which has no catalog
|
|
434
|
+
* entity type. Compose it from `ConfirmationIdentityCard` so the surface
|
|
435
|
+
* still matches `variant`.
|
|
436
|
+
*/
|
|
437
|
+
identity?: ReactNode;
|
|
438
|
+
/** Body copy explaining what confirming does. */
|
|
439
|
+
message: ReactNode;
|
|
440
|
+
/** Consequences listed as bullets under the message. An empty or omitted list renders nothing. */
|
|
441
|
+
consequences?: string[];
|
|
442
|
+
/** Palette of the identity card. Default: `ConfirmationPopupVariant.Info`. */
|
|
443
|
+
variant?: ConfirmationPopupVariant;
|
|
444
|
+
/** Typography class applied to the message and the bullet list. Defaults to `'dial-small-text'`. */
|
|
445
|
+
messageClassName?: string;
|
|
446
|
+
/** Style overrides. */
|
|
447
|
+
styles?: ConfirmationViewStyles;
|
|
448
|
+
/**
|
|
449
|
+
* Optional interactive slot rendered after the consequence bullets, for a
|
|
450
|
+
* confirmation that needs an input before it can be confirmed — choosing
|
|
451
|
+
* which published folder to unpublish from, say. This component stays
|
|
452
|
+
* presentational: whoever passes the slot owns its state, and disabling the
|
|
453
|
+
* confirm button until the input is satisfied is the caller's job. A step
|
|
454
|
+
* that needs no input passes nothing.
|
|
455
|
+
*/
|
|
456
|
+
children?: ReactNode;
|
|
457
|
+
}
|
|
458
|
+
|
|
459
|
+
/** Style overrides for `ConfirmationView`. */
|
|
460
|
+
export declare interface ConfirmationViewStyles {
|
|
461
|
+
/** Color overrides applied as CSS custom properties. */
|
|
462
|
+
colors?: ConfirmationViewColors;
|
|
463
|
+
}
|
|
464
|
+
|
|
259
465
|
/** Options for the conflict-resolution popup shown during copy/move operations. */
|
|
260
466
|
export declare type ConflictResolutionPopupOptions = NonNullable<DialFileManagerComponentProps['conflictResolutionPopupOptions']>;
|
|
261
467
|
|
|
@@ -1362,6 +1568,14 @@ export declare const isSkillSelectionUnsupported: (skillUrl: string | null | und
|
|
|
1362
1568
|
/** Returns `true` when `msg` is a `StatusMessage`. */
|
|
1363
1569
|
export declare const isStatusMessage: (msg: Message | StatusMessage) => msg is StatusMessage;
|
|
1364
1570
|
|
|
1571
|
+
/**
|
|
1572
|
+
* Bounds input sent to synchronous syntax highlighters. Oversized input should
|
|
1573
|
+
* render as complete plain text instead. Limits count UTF-16 code units and
|
|
1574
|
+
* recognize LF, CRLF, and CR line endings. This is a size guard, not a timeout
|
|
1575
|
+
* or a guarantee against pathological grammars on smaller inputs.
|
|
1576
|
+
*/
|
|
1577
|
+
export declare const isSyntaxHighlightingAllowed: (text: string) => boolean;
|
|
1578
|
+
|
|
1365
1579
|
/** Returns whether any file in the batch is still queued or uploading. */
|
|
1366
1580
|
export declare const isUploadInProgress: (batchState: FileUploadBatchState | null) => boolean;
|
|
1367
1581
|
|
|
@@ -2318,6 +2532,14 @@ export declare interface Stage {
|
|
|
2318
2532
|
* Rendered only when present — never inferred from `name`.
|
|
2319
2533
|
*/
|
|
2320
2534
|
tag?: string;
|
|
2535
|
+
/**
|
|
2536
|
+
* `index` of the stage that produced this one, in the same message's stage
|
|
2537
|
+
* array. In a streaming delta it names the parent's streaming `index` and is
|
|
2538
|
+
* sent only on the chunk that opens the child; in a complete non-streaming
|
|
2539
|
+
* array without indexes it names the parent's array position. Absent for a
|
|
2540
|
+
* top-level stage; `0` is a valid parent.
|
|
2541
|
+
*/
|
|
2542
|
+
parent_stage_index?: number;
|
|
2321
2543
|
}
|
|
2322
2544
|
|
|
2323
2545
|
/** Status of a single agent stage. */
|
package/index.js
CHANGED
|
@@ -21,48 +21,54 @@ import { formatLastUsed as Y } from "./utils/format-last-used.js";
|
|
|
21
21
|
import { formatFileSize as X } from "./utils/format-file-size.js";
|
|
22
22
|
import { formatCost as Z, formatPrice as Q, formatUnitPrice as $ } from "./utils/format-price.js";
|
|
23
23
|
import { base64ToBlob as ee, downloadTextFile as te, ensureDownloadFilename as ne, getFileExtensionForLanguage as re, triggerAnchorDownload as ie, triggerBlobDownload as ae, tryBase64ToBytes as oe } from "./utils/file-download.js";
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
60
|
-
import {
|
|
61
|
-
import {
|
|
62
|
-
import {
|
|
63
|
-
import {
|
|
64
|
-
import {
|
|
65
|
-
import {
|
|
66
|
-
import {
|
|
67
|
-
import {
|
|
68
|
-
|
|
24
|
+
import { isSyntaxHighlightingAllowed as se } from "./utils/syntax-highlighting.js";
|
|
25
|
+
import { ENTITY_TYPE_BG_COLOR as ce, ENTITY_TYPE_COLOR as le } from "./constants/entity-colors.js";
|
|
26
|
+
import { PROMPT_PARAM_DEFAULT_SEPARATOR as ue, PROMPT_PARAM_PATTERN as de, PROMPT_VARIABLE_CLASS_NAME as fe, buildPromptParamDefaults as pe, extractPromptParams as me, rehypePromptVariables as he, resolvePromptParams as ge } from "./utils/prompt-variables.js";
|
|
27
|
+
import { generateUUID as _e } from "./utils/generate-uuid.js";
|
|
28
|
+
import { BASE_LG_ICON_PROPS as ve, BASE_MD_ICON_PROPS as ye } from "./constants/icon.js";
|
|
29
|
+
import { HIDDEN_FILE as be, PUBLIC_BUCKET as xe } from "./constants/dial.js";
|
|
30
|
+
import { TAG_INPUT_TAG_CLASS_NAME as Se } from "./constants/tag-input.js";
|
|
31
|
+
import { MARKDOWN_EDITOR_FILL_HEIGHT_CLASS_NAME as Ce, MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME as we, RESIZABLE_FIELD_MAX_HEIGHT_CSS_VARIABLE as Te, RESIZABLE_TEXTAREA_CLASS_NAME as Ee } from "./constants/resizable-fields.js";
|
|
32
|
+
import { MARKDOWN_EDITOR_PREVIEW_LIST_CLASS_NAME as De } from "./constants/markdown-editor.js";
|
|
33
|
+
import { SELECT_LIST_MAX_HEIGHT_CLASS_NAME as Oe, SELECT_LIST_MAX_HEIGHT_PX as ke } from "./constants/select-list.js";
|
|
34
|
+
import { DESKTOP_BREAKPOINT_PX as Ae, DESKTOP_MEDIA_QUERY as je, MOBILE_MAX_WIDTH_PX as Me, MOBILE_MEDIA_QUERY as Ne } from "./constants/breakpoint.js";
|
|
35
|
+
import { pickAvatarColor as Pe } from "./utils/avatar-color.js";
|
|
36
|
+
import { extractInitials as Fe } from "./utils/initials.js";
|
|
37
|
+
import { InitialsAvatar as Ie } from "./components/InitialsAvatar/InitialsAvatar.js";
|
|
38
|
+
import { DeploymentIcon as Le } from "./components/DeploymentIcon/DeploymentIcon.js";
|
|
39
|
+
import { CopyButton as Re, CopyIconButton as ze } from "./components/CopyButton/CopyButton.js";
|
|
40
|
+
import { PanelEmptyState as Be } from "./components/PanelEmptyState/PanelEmptyState.js";
|
|
41
|
+
import { ItemHeader as Ve } from "./components/ItemHeader/ItemHeader.js";
|
|
42
|
+
import { EntityTypeLabel as He } from "./components/EntityTypeLabel/EntityTypeLabel.js";
|
|
43
|
+
import { FeaturedChip as Ue } from "./components/FeaturedChip/FeaturedChip.js";
|
|
44
|
+
import { EntityHeader as We } from "./components/EntityHeader/EntityHeader.js";
|
|
45
|
+
import { ResourceSummary as Ge } from "./components/ResourceSummary/ResourceSummary.js";
|
|
46
|
+
import { ConfirmationIdentityCard as Ke } from "./components/ConfirmationIdentityCard/ConfirmationIdentityCard.js";
|
|
47
|
+
import { ConfirmationIdentityRow as qe } from "./components/ConfirmationIdentityRow/ConfirmationIdentityRow.js";
|
|
48
|
+
import { ConfirmationView as Je } from "./components/ConfirmationView/ConfirmationView.js";
|
|
49
|
+
import { ConfirmationFooter as Ye } from "./components/ConfirmationView/ConfirmationFooter.js";
|
|
50
|
+
import { ConfirmationDialog as Xe } from "./components/ConfirmationDialog/ConfirmationDialog.js";
|
|
51
|
+
import { TableHeader as Ze } from "./components/MarkdownRenderer/Table/TableHeader.js";
|
|
52
|
+
import { TextRefinementState as Qe, useTextRefinement as $e } from "./hooks/useTextRefinement.js";
|
|
53
|
+
import { TextRefinementField as et } from "./components/TextRefinementField/TextRefinementField.js";
|
|
54
|
+
import { CHAT_SHARED_CLASS as tt } from "./constants/public-class-names.js";
|
|
55
|
+
import { useCodeCopy as nt } from "./hooks/useCodeCopy.js";
|
|
56
|
+
import { restrainedSyntaxTheme as rt } from "./components/MarkdownRenderer/CodeBlock/syntax-theme.js";
|
|
57
|
+
import { MarkdownCodeBlock as it } from "./components/MarkdownRenderer/CodeBlock/CodeBlock.js";
|
|
58
|
+
import { DEFAULT_MARKDOWN_TABLE_DOWNLOAD_FILENAME as at, MARKDOWN_TABLE_CSV_MIME_TYPE as ot, MarkdownTableCopyFormat as st, serializeMarkdownTableRows as ct } from "./components/MarkdownRenderer/Table/table-serialization.js";
|
|
59
|
+
import { MarkdownTable as lt } from "./components/MarkdownRenderer/Table/MarkdownTable.js";
|
|
60
|
+
import { MarkdownRenderer as ut, defaultMarkdownComponents as dt } from "./components/MarkdownRenderer/MarkdownRenderer.js";
|
|
61
|
+
import { COMPACT_MARKDOWN_CLASS_NAMES as ft, DEFAULT_MARKDOWN_CLASS_NAMES as pt } from "./components/MarkdownRenderer/markdown-class-names.js";
|
|
62
|
+
import { PlainTextRenderer as mt } from "./components/MarkdownRenderer/PlainTextRenderer.js";
|
|
63
|
+
import { MDMessageViewer as ht } from "./components/MarkdownRenderer/MDMessageViewer.js";
|
|
64
|
+
import { MarkdownWithPlaceholders as gt } from "./components/MarkdownWithPlaceholders/MarkdownWithPlaceholders.js";
|
|
65
|
+
import { useCollapsedText as _t } from "./hooks/useCollapsedText.js";
|
|
66
|
+
import { useAvailableHeightCap as vt } from "./hooks/useAvailableHeightCap.js";
|
|
67
|
+
import { useIsMobile as yt } from "./hooks/useIsMobile.js";
|
|
68
|
+
import { DialFileManagerActionProfile as bt, DialFileManagerVariant as xt } from "./file-manager/file-manager-variant.js";
|
|
69
|
+
import { getParentFolderPath as St, isHiddenPath as Ct } from "./file-manager/path.js";
|
|
70
|
+
import { FileUploadStatus as wt, isUploadInProgress as Tt } from "./file-manager/upload-batch.js";
|
|
71
|
+
import { useGridEditingScroll as Et } from "./file-manager/useGridEditingScroll/useGridEditingScroll.js";
|
|
72
|
+
import { OperationLoaderModal as Dt } from "./file-manager/OperationLoaderModal/OperationLoaderModal.js";
|
|
73
|
+
import { isSkillSelectionUnsupported as Ot } from "./utils/is-skill-selection-unsupported.js";
|
|
74
|
+
export { f as AttachmentErrorReason, p as AttachmentType, ve as BASE_LG_ICON_PROPS, ye as BASE_MD_ICON_PROPS, tt as CHAT_SHARED_CLASS, ft as COMPACT_MARKDOWN_CLASS_NAMES, m as CatalogEntityType, _ as CodeBlockTheme, Xe as ConfirmationDialog, Ye as ConfirmationFooter, Ke as ConfirmationIdentityCard, qe as ConfirmationIdentityRow, Je as ConfirmationView, e as ConversationTransferErrorCode, t as ConversationTransferJobStatus, n as ConversationTransferSubjectKind, r as ConversationTransferUnitKind, i as ConversationTransferWarningCode, Re as CopyButton, ze as CopyIconButton, pt as DEFAULT_MARKDOWN_CLASS_NAMES, at as DEFAULT_MARKDOWN_TABLE_DOWNLOAD_FILENAME, Ae as DESKTOP_BREAKPOINT_PX, je as DESKTOP_MEDIA_QUERY, Le as DeploymentIcon, bt as DialFileManagerActionProfile, xt as DialFileManagerVariant, F as ENTITY_DESCRIPTION_MAX_LENGTH, I as ENTITY_INSTRUCTIONS_MAX_LENGTH, L as ENTITY_NAME_MAX_LENGTH, ce as ENTITY_TYPE_BG_COLOR, le as ENTITY_TYPE_COLOR, We as EntityHeader, He as EntityTypeLabel, Ue as FeaturedChip, h as FileExtension, wt as FileUploadStatus, a as FilterTab, be as HIDDEN_FILE, Ie as InitialsAvatar, Ve as ItemHeader, Ce as MARKDOWN_EDITOR_FILL_HEIGHT_CLASS_NAME, we as MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME, De as MARKDOWN_EDITOR_PREVIEW_LIST_CLASS_NAME, ot as MARKDOWN_TABLE_CSV_MIME_TYPE, ht as MDMessageViewer, g as MIMEType, v as MIME_TYPE_ALIASES, y as MIME_TYPE_AUDIO_PREFIX, b as MIME_TYPE_EXT_MAP, x as MIME_TYPE_WILDCARD, Me as MOBILE_MAX_WIDTH_PX, Ne as MOBILE_MEDIA_QUERY, it as MarkdownCodeBlock, ut as MarkdownRenderer, lt as MarkdownTable, st as MarkdownTableCopyFormat, gt as MarkdownWithPlaceholders, o as MessageRating, s as MessageRole, Dt as OperationLoaderModal, A as PROHIBITED_CONVERSATION_NAME_CHARS_RE, ue as PROMPT_PARAM_DEFAULT_SEPARATOR, de as PROMPT_PARAM_PATTERN, fe as PROMPT_VARIABLE_CLASS_NAME, xe as PUBLIC_BUCKET, Be as PanelEmptyState, mt as PlainTextRenderer, Te as RESIZABLE_FIELD_MAX_HEIGHT_CSS_VARIABLE, Ee as RESIZABLE_TEXTAREA_CLASS_NAME, c as RequestStatus, Ge as ResourceSummary, d as ResponseFormat, Oe as SELECT_LIST_MAX_HEIGHT_CLASS_NAME, ke as SELECT_LIST_MAX_HEIGHT_PX, l as StageStatus, u as StatusEvent, Se as TAG_INPUT_TAG_CLASS_NAME, Ze as TableHeader, et as TextRefinementField, Qe as TextRefinementState, ee as base64ToBlob, V as buildCssVars, pe as buildPromptParamDefaults, K as copyMarkdownAsRichText, q as copyToClipboard, dt as defaultMarkdownComponents, te as downloadTextFile, ne as ensureDownloadFilename, R as exceedsMaxLength, Fe as extractInitials, me as extractPromptParams, Z as formatCost, X as formatFileSize, Y as formatLastUsed, Q as formatPrice, $ as formatUnitPrice, _e as generateUUID, S as getAttachmentTypeFromMime, C as getBaseMimeType, re as getFileExtensionForLanguage, St as getParentFolderPath, j as getUtf8ByteLength, z as hasControlCharacters, w as inferMimeTypeFromPath, D as isAnnotationSelector, G as isAudioTranscriptionSupported, Ct as isHiddenPath, Ot as isSkillSelectionUnsupported, H as isStatusMessage, se as isSyntaxHighlightingAllowed, Tt as isUploadInProgress, J as markdownToRichTextHtml, B as mergeClasses, U as messageAttachmentToDisplayAttachment, W as messageAttachmentsToDisplayAttachments, T as normalizeMimeType, O as normalizePersistedHtmlTagAttachmentType, k as normalizeRawAnnotations, Pe as pickAvatarColor, he as rehypePromptVariables, ge as resolvePromptParams, rt as restrainedSyntaxTheme, M as sanitizeConversationName, ct as serializeMarkdownTableRows, N as stripTrailingDots, E as stripUrlQueryAndFragment, ie as triggerAnchorDownload, ae as triggerBlobDownload, P as truncateToUtf8Bytes, oe as tryBase64ToBytes, vt as useAvailableHeightCap, nt as useCodeCopy, _t as useCollapsedText, Et as useGridEditingScroll, yt as useIsMobile, $e as useTextRefinement };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@epam/ai-dial-chat-shared",
|
|
3
3
|
"description": "Shared domain models, utilities, and UI components for AI DIAL Chat libraries",
|
|
4
|
-
"version": "1.2.0-dev.
|
|
4
|
+
"version": "1.2.0-dev.229",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"sideEffects": [
|
|
@@ -32,8 +32,8 @@
|
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
34
|
"react": "^19.2.8",
|
|
35
|
-
"@epam/ai-dial-ui-kit": "^0.15.0-dev.
|
|
36
|
-
"@epam/ai-dial-react-file-manager": "^0.3.0-dev.
|
|
35
|
+
"@epam/ai-dial-ui-kit": "^0.15.0-dev.30",
|
|
36
|
+
"@epam/ai-dial-react-file-manager": "^0.3.0-dev.20",
|
|
37
37
|
"ag-grid-community": "^35.3.0"
|
|
38
38
|
},
|
|
39
39
|
"peerDependenciesMeta": {
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
//#region src/utils/syntax-highlighting.ts
|
|
2
|
+
var e = 5e4, t = 2e3, n = (n) => {
|
|
3
|
+
if (n.length > e) return !1;
|
|
4
|
+
let r = 0;
|
|
5
|
+
for (let e = 0; e < n.length; e++) {
|
|
6
|
+
let i = n[e];
|
|
7
|
+
if (i === "\n" || i === "\r") r = 0;
|
|
8
|
+
else if (++r > t) return !1;
|
|
9
|
+
}
|
|
10
|
+
return !0;
|
|
11
|
+
};
|
|
12
|
+
//#endregion
|
|
13
|
+
export { n as isSyntaxHighlightingAllowed };
|