@epam/ai-dial-chat-shared 1.2.0-dev.148 → 1.2.0-dev.152
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/MarkdownRenderer/Table/MarkdownTable.js +62 -65
- package/components/MarkdownRenderer/Table/TableHeader.js +18 -21
- package/file-manager/DialFileManagerShell/DialFileManagerShell.js +12 -3
- package/file-manager/FileManagerAttachModal/FileManagerAttachModal.js +9 -11
- package/file-manager/OperationLoaderModal/OperationLoaderModal.js +17 -20
- package/file-manager/UploadProgressModal/UploadProgressModal.js +22 -25
- package/index.css +1 -1
- package/index.d.ts +4 -0
- package/package.json +3 -3
|
@@ -7,89 +7,86 @@ import { useHorizontalOverflow as a } from "../../../hooks/useHorizontalOverflow
|
|
|
7
7
|
import o from "./MarkdownTable.module.scss.js";
|
|
8
8
|
import { MARKDOWN_TABLE_CSV_MIME_TYPE as s, MarkdownTableCopyFormat as c, serializeMarkdownTableRows as l } from "./table-serialization.js";
|
|
9
9
|
import { useMarkdownTableActions as u } from "./useMarkdownTableActions/useMarkdownTableActions.js";
|
|
10
|
-
import { ElementSize as d, GhostIconButton as f
|
|
11
|
-
import { memo as
|
|
12
|
-
import { jsx as
|
|
10
|
+
import { ElementSize as d, GhostIconButton as f } from "@epam/ai-dial-ui-kit";
|
|
11
|
+
import { memo as p, useCallback as m, useEffect as h, useRef as g, useState as _ } from "react";
|
|
12
|
+
import { jsx as v, jsxs as y } from "react/jsx-runtime";
|
|
13
13
|
//#region src/components/MarkdownRenderer/Table/MarkdownTable.tsx
|
|
14
|
-
var
|
|
15
|
-
let [
|
|
16
|
-
"--cm-markdown-border":
|
|
17
|
-
"--cm-table-scrollbar":
|
|
18
|
-
"--cm-table-fade":
|
|
19
|
-
"--cm-table-row-divider":
|
|
20
|
-
"--cm-table-row-hover-bg":
|
|
21
|
-
}),
|
|
22
|
-
|
|
23
|
-
|
|
14
|
+
var b = 2e3, x = p(({ children: p, classNames: x, colors: S, actionLabels: C, downloadFilename: w, isStreaming: T, onOpenInCanvas: E, scrollRegionAriaLabel: D = "Scrollable table" }) => {
|
|
15
|
+
let [O, k] = _(!1), A = g(null), { scrollContainerRef: j, contentRef: M, hasContentBeyondStart: N, hasContentBeyondEnd: P, handleScroll: F } = a(), I = t({
|
|
16
|
+
"--cm-markdown-border": S?.border,
|
|
17
|
+
"--cm-table-scrollbar": S?.scrollbar,
|
|
18
|
+
"--cm-table-fade": S?.fade,
|
|
19
|
+
"--cm-table-row-divider": S?.rowDivider,
|
|
20
|
+
"--cm-table-row-hover-bg": S?.rowHoverBackground
|
|
21
|
+
}), L = N || P;
|
|
22
|
+
h(() => () => {
|
|
23
|
+
A.current != null && clearTimeout(A.current);
|
|
24
24
|
}, []);
|
|
25
|
-
let
|
|
26
|
-
let e =
|
|
25
|
+
let R = m(() => {
|
|
26
|
+
let e = M.current;
|
|
27
27
|
e != null && n(l(Array.from(e.rows), c.Markdown)).then((e) => {
|
|
28
|
-
e && (
|
|
29
|
-
|
|
30
|
-
},
|
|
28
|
+
e && (A.current != null && clearTimeout(A.current), k(!0), A.current = setTimeout(() => {
|
|
29
|
+
k(!1);
|
|
30
|
+
}, b));
|
|
31
31
|
});
|
|
32
|
-
}, [
|
|
33
|
-
let e =
|
|
34
|
-
e != null && r(`\uFEFF${l(Array.from(e.rows), c.Csv)}`,
|
|
35
|
-
}, [
|
|
36
|
-
let e =
|
|
37
|
-
e == null ||
|
|
38
|
-
}, [
|
|
39
|
-
actionLabels:
|
|
40
|
-
isCopied:
|
|
41
|
-
onCopy:
|
|
42
|
-
onDownloadCsv:
|
|
43
|
-
onOpenInCanvas:
|
|
44
|
-
}),
|
|
45
|
-
return /* @__PURE__ */
|
|
46
|
-
style:
|
|
47
|
-
className: e("group/table relative w-full min-w-0 max-w-full rounded-xl border [overflow:clip]", o.tableContainer,
|
|
32
|
+
}, [M]), z = m(() => {
|
|
33
|
+
let e = M.current;
|
|
34
|
+
e != null && r(`\uFEFF${l(Array.from(e.rows), c.Csv)}`, w ?? "table.csv", s);
|
|
35
|
+
}, [M, w]), B = m(() => {
|
|
36
|
+
let e = M.current;
|
|
37
|
+
e == null || E == null || E(l(Array.from(e.rows), c.Markdown));
|
|
38
|
+
}, [M, E]), V = u({
|
|
39
|
+
actionLabels: C,
|
|
40
|
+
isCopied: O,
|
|
41
|
+
onCopy: R,
|
|
42
|
+
onDownloadCsv: z,
|
|
43
|
+
onOpenInCanvas: E == null ? void 0 : B
|
|
44
|
+
}), H = V.length > 0 && !T;
|
|
45
|
+
return /* @__PURE__ */ y("div", {
|
|
46
|
+
style: I,
|
|
47
|
+
className: e("group/table relative w-full min-w-0 max-w-full rounded-xl border [overflow:clip]", o.tableContainer, x.tableWrapper, i.table),
|
|
48
48
|
children: [
|
|
49
|
-
|
|
49
|
+
H && /* @__PURE__ */ v("div", {
|
|
50
50
|
className: "sticky top-0 z-10 h-0",
|
|
51
|
-
children: /* @__PURE__ */
|
|
51
|
+
children: /* @__PURE__ */ v("div", {
|
|
52
52
|
className: "absolute end-2 top-2 flex items-center gap-1 rounded-lg border border-tertiary bg-layer-raised px-2 py-1 opacity-0 shadow-xs transition-opacity focus-within:opacity-100 group-hover/table:opacity-100",
|
|
53
|
-
children:
|
|
54
|
-
tooltip: e.label,
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
"aria-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
size: d.Small,
|
|
63
|
-
onClick: e.onClick
|
|
64
|
-
})
|
|
53
|
+
children: V.map((e) => /* @__PURE__ */ v(f, {
|
|
54
|
+
tooltipProps: { tooltip: e.label },
|
|
55
|
+
"aria-label": e.label,
|
|
56
|
+
icon: /* @__PURE__ */ v("span", {
|
|
57
|
+
"aria-hidden": !0,
|
|
58
|
+
children: e.icon
|
|
59
|
+
}),
|
|
60
|
+
size: d.Small,
|
|
61
|
+
onClick: e.onClick
|
|
65
62
|
}, e.label))
|
|
66
63
|
})
|
|
67
64
|
}),
|
|
68
|
-
/* @__PURE__ */
|
|
69
|
-
ref:
|
|
70
|
-
className: e("w-full min-w-0 max-w-full overflow-x-auto", o.scrollContainer,
|
|
71
|
-
[o.tableScrollFadeBoth]:
|
|
72
|
-
[o.tableScrollFadeStart]:
|
|
73
|
-
[o.tableScrollFadeEnd]: !
|
|
65
|
+
/* @__PURE__ */ v("div", {
|
|
66
|
+
ref: j,
|
|
67
|
+
className: e("w-full min-w-0 max-w-full overflow-x-auto", o.scrollContainer, x.tableScrollContainer, {
|
|
68
|
+
[o.tableScrollFadeBoth]: N && P,
|
|
69
|
+
[o.tableScrollFadeStart]: N && !P,
|
|
70
|
+
[o.tableScrollFadeEnd]: !N && P
|
|
74
71
|
}, i.tableScroll),
|
|
75
|
-
onScroll:
|
|
76
|
-
role:
|
|
77
|
-
"aria-label":
|
|
78
|
-
tabIndex:
|
|
79
|
-
children: /* @__PURE__ */
|
|
80
|
-
ref:
|
|
81
|
-
className: e("w-max min-w-full border-collapse",
|
|
82
|
-
children:
|
|
72
|
+
onScroll: F,
|
|
73
|
+
role: L ? "region" : void 0,
|
|
74
|
+
"aria-label": L ? D : void 0,
|
|
75
|
+
tabIndex: L ? 0 : void 0,
|
|
76
|
+
children: /* @__PURE__ */ v("table", {
|
|
77
|
+
ref: M,
|
|
78
|
+
className: e("w-max min-w-full border-collapse", x.tableFont ?? "dial-small-text"),
|
|
79
|
+
children: p
|
|
83
80
|
})
|
|
84
81
|
}),
|
|
85
|
-
|
|
82
|
+
C?.copyLabel && /* @__PURE__ */ v("span", {
|
|
86
83
|
"aria-live": "polite",
|
|
87
84
|
className: "sr-only",
|
|
88
85
|
role: "status",
|
|
89
|
-
children:
|
|
86
|
+
children: O ? C.copiedLabel ?? "" : ""
|
|
90
87
|
})
|
|
91
88
|
]
|
|
92
89
|
});
|
|
93
90
|
});
|
|
94
91
|
//#endregion
|
|
95
|
-
export {
|
|
92
|
+
export { x as MarkdownTable };
|
|
@@ -1,30 +1,27 @@
|
|
|
1
1
|
import { mergeClasses as e } from "../../../utils/merge-class.js";
|
|
2
2
|
import t from "./TableHeader.module.scss.js";
|
|
3
|
-
import { ElementSize as n, GhostIconButton as r
|
|
4
|
-
import { jsx as
|
|
3
|
+
import { ElementSize as n, GhostIconButton as r } from "@epam/ai-dial-ui-kit";
|
|
4
|
+
import { jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
5
5
|
//#region src/components/MarkdownRenderer/Table/TableHeader.tsx
|
|
6
|
-
var
|
|
7
|
-
className: e("flex min-h-10 items-center gap-2 border-b px-2 py-2", t.tableHeader,
|
|
8
|
-
children: [
|
|
6
|
+
var o = ({ children: o, actions: s, className: c }) => /* @__PURE__ */ a("div", {
|
|
7
|
+
className: e("flex min-h-10 items-center gap-2 border-b px-2 py-2", t.tableHeader, c),
|
|
8
|
+
children: [o != null && /* @__PURE__ */ i("div", {
|
|
9
9
|
className: "min-w-0 flex-1",
|
|
10
|
-
children:
|
|
11
|
-
}),
|
|
10
|
+
children: o
|
|
11
|
+
}), s != null && /* @__PURE__ */ i("div", {
|
|
12
12
|
className: "ms-auto flex items-center gap-1",
|
|
13
|
-
children:
|
|
14
|
-
tooltip: e.label,
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
"aria-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
size: n.Small,
|
|
24
|
-
onClick: e.onClick
|
|
25
|
-
})
|
|
13
|
+
children: s.map((e) => /* @__PURE__ */ i(r, {
|
|
14
|
+
tooltipProps: { tooltip: e.label },
|
|
15
|
+
"aria-label": e.label,
|
|
16
|
+
icon: /* @__PURE__ */ i("span", {
|
|
17
|
+
"aria-hidden": !0,
|
|
18
|
+
className: "flex items-center",
|
|
19
|
+
children: e.icon
|
|
20
|
+
}),
|
|
21
|
+
size: n.Small,
|
|
22
|
+
onClick: e.onClick
|
|
26
23
|
}, e.label))
|
|
27
24
|
})]
|
|
28
25
|
});
|
|
29
26
|
//#endregion
|
|
30
|
-
export {
|
|
27
|
+
export { o as TableHeader };
|
|
@@ -95,9 +95,18 @@ var l = (e, t) => {
|
|
|
95
95
|
isNewButtonDisabled: N,
|
|
96
96
|
disabledNewButtonTooltip: P,
|
|
97
97
|
newActions: {
|
|
98
|
-
uploadFiles: {
|
|
99
|
-
|
|
100
|
-
|
|
98
|
+
uploadFiles: {
|
|
99
|
+
label: u.uploadFilesLabel,
|
|
100
|
+
icon: null
|
|
101
|
+
},
|
|
102
|
+
newFolder: {
|
|
103
|
+
label: u.newFolderLabel,
|
|
104
|
+
icon: null
|
|
105
|
+
},
|
|
106
|
+
...Y ? { uploadArchive: {
|
|
107
|
+
label: u.uploadArchiveAction,
|
|
108
|
+
icon: null
|
|
109
|
+
} } : {}
|
|
101
110
|
}
|
|
102
111
|
}), [
|
|
103
112
|
u.hiddenFilesLabel,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { isHiddenPath as e } from "../path.js";
|
|
2
2
|
import { DialFileManagerShell as t } from "../DialFileManagerShell/DialFileManagerShell.js";
|
|
3
|
-
import {
|
|
3
|
+
import { ButtonVariant as n, Popup as r, PopupSize as i } from "@epam/ai-dial-ui-kit";
|
|
4
4
|
import { memo as a, useCallback as o, useMemo as s } from "react";
|
|
5
5
|
import { jsx as c, jsxs as l } from "react/jsx-runtime";
|
|
6
6
|
import { DialFileNodeType as u } from "@epam/ai-dial-react-file-manager";
|
|
@@ -60,7 +60,7 @@ var d = a(({ isOpen: a, onClose: d, onAttach: f, onSkippedUnsupportedFiles: p, o
|
|
|
60
60
|
z,
|
|
61
61
|
T
|
|
62
62
|
]), { title: U, attachLabel: W, headerDescription: G, ...K } = b;
|
|
63
|
-
return /* @__PURE__ */ c(
|
|
63
|
+
return /* @__PURE__ */ c(r, {
|
|
64
64
|
open: a,
|
|
65
65
|
header: /* @__PURE__ */ l("div", {
|
|
66
66
|
className: "flex flex-col gap-1",
|
|
@@ -70,17 +70,15 @@ var d = a(({ isOpen: a, onClose: d, onAttach: f, onSkippedUnsupportedFiles: p, o
|
|
|
70
70
|
})]
|
|
71
71
|
}),
|
|
72
72
|
ariaLabel: U,
|
|
73
|
-
size:
|
|
73
|
+
size: i.Lg,
|
|
74
74
|
className: "flex !h-[min(800px,100dvh)] w-full flex-col !bg-layer-sunken",
|
|
75
75
|
onClose: d,
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
})
|
|
83
|
-
}),
|
|
76
|
+
mainButtons: [{
|
|
77
|
+
label: W,
|
|
78
|
+
variant: n.Primary,
|
|
79
|
+
disabled: B.length === 0 || L || g,
|
|
80
|
+
onClick: H
|
|
81
|
+
}],
|
|
84
82
|
children: /* @__PURE__ */ c("div", {
|
|
85
83
|
className: "flex h-full min-h-0 flex-col",
|
|
86
84
|
children: /* @__PURE__ */ c(t, {
|
|
@@ -1,36 +1,33 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { memo as
|
|
3
|
-
import { jsx as
|
|
1
|
+
import { Popup as e, Spinner as t } from "@epam/ai-dial-ui-kit";
|
|
2
|
+
import { memo as n } from "react";
|
|
3
|
+
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
4
4
|
//#region src/file-manager/OperationLoaderModal/OperationLoaderModal.tsx
|
|
5
|
-
var
|
|
5
|
+
var a = ({ title: n, text: a, cancelLabel: o, onCancel: s }) => /* @__PURE__ */ r(e, {
|
|
6
6
|
className: "!h-fit !max-h-full !w-[400px]",
|
|
7
7
|
open: !0,
|
|
8
8
|
closeOnOutsideClick: !1,
|
|
9
9
|
hideClose: !0,
|
|
10
|
-
onClose:
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
})
|
|
17
|
-
}),
|
|
18
|
-
children: /* @__PURE__ */ a("div", {
|
|
10
|
+
onClose: s,
|
|
11
|
+
mainButtons: [{
|
|
12
|
+
label: o,
|
|
13
|
+
onClick: s
|
|
14
|
+
}],
|
|
15
|
+
children: /* @__PURE__ */ i("div", {
|
|
19
16
|
"aria-live": "polite",
|
|
20
17
|
className: "flex flex-col items-center gap-4 px-6 py-4 text-center",
|
|
21
|
-
children: [/* @__PURE__ */
|
|
18
|
+
children: [/* @__PURE__ */ r(t, {
|
|
22
19
|
size: 32,
|
|
23
20
|
fullWidth: !1,
|
|
24
|
-
ariaLabel:
|
|
25
|
-
}), /* @__PURE__ */
|
|
21
|
+
ariaLabel: n
|
|
22
|
+
}), /* @__PURE__ */ i("div", {
|
|
26
23
|
className: "flex flex-col gap-1",
|
|
27
|
-
children: [/* @__PURE__ */
|
|
24
|
+
children: [/* @__PURE__ */ r("div", { children: n }), /* @__PURE__ */ r("div", {
|
|
28
25
|
className: "dial-small-text text-secondary",
|
|
29
|
-
children:
|
|
26
|
+
children: a
|
|
30
27
|
})]
|
|
31
28
|
})]
|
|
32
29
|
})
|
|
33
30
|
});
|
|
34
|
-
|
|
31
|
+
n(a);
|
|
35
32
|
//#endregion
|
|
36
|
-
export {
|
|
33
|
+
export { a as OperationLoaderModal };
|
|
@@ -1,50 +1,47 @@
|
|
|
1
|
-
import { DialFileName as e, ElementSize as t,
|
|
2
|
-
import { memo as
|
|
3
|
-
import { jsx as
|
|
1
|
+
import { DialFileName as e, ElementSize as t, Popup as n, ProgressBar as r } from "@epam/ai-dial-ui-kit";
|
|
2
|
+
import { memo as i, useCallback as a } from "react";
|
|
3
|
+
import { jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
4
4
|
//#region src/file-manager/UploadProgressModal/UploadProgressModal.tsx
|
|
5
|
-
var
|
|
6
|
-
let { files:
|
|
5
|
+
var c = ({ batchState: i, uploadProgressTitle: c, uploadProgressText: l, cancelLabel: u, onCancel: d }) => {
|
|
6
|
+
let { files: f } = i, p = a((e, n) => n === void 0 ? null : /* @__PURE__ */ o(r, {
|
|
7
7
|
value: n,
|
|
8
8
|
size: t.Small,
|
|
9
9
|
"aria-label": e,
|
|
10
10
|
"data-qa": "uploading-indicator"
|
|
11
11
|
}), []);
|
|
12
|
-
return /* @__PURE__ */
|
|
12
|
+
return /* @__PURE__ */ o(n, {
|
|
13
13
|
className: "!h-fit !max-h-full !w-[400px] mobile:!w-full desktop:!max-h-[693px]",
|
|
14
|
-
open:
|
|
14
|
+
open: i.isOpen,
|
|
15
15
|
closeOnOutsideClick: !1,
|
|
16
16
|
hideClose: !0,
|
|
17
|
-
onClose:
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
})
|
|
24
|
-
}),
|
|
25
|
-
header: /* @__PURE__ */ c("div", {
|
|
17
|
+
onClose: d,
|
|
18
|
+
mainButtons: [{
|
|
19
|
+
label: u,
|
|
20
|
+
onClick: d
|
|
21
|
+
}],
|
|
22
|
+
header: /* @__PURE__ */ s("div", {
|
|
26
23
|
className: "flex flex-col gap-2",
|
|
27
|
-
children: [/* @__PURE__ */
|
|
24
|
+
children: [/* @__PURE__ */ o("div", { children: c }), /* @__PURE__ */ o("div", {
|
|
28
25
|
className: "dial-small-text text-secondary",
|
|
29
26
|
"data-qa": "uploading-items-count",
|
|
30
|
-
children:
|
|
27
|
+
children: l
|
|
31
28
|
})]
|
|
32
29
|
}),
|
|
33
|
-
children: /* @__PURE__ */
|
|
30
|
+
children: /* @__PURE__ */ o("div", {
|
|
34
31
|
className: "flex h-full max-h-full flex-col gap-4 px-6",
|
|
35
|
-
children: /* @__PURE__ */
|
|
32
|
+
children: /* @__PURE__ */ o("div", {
|
|
36
33
|
className: "flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto",
|
|
37
|
-
children:
|
|
34
|
+
children: f.map((t) => /* @__PURE__ */ o("div", {
|
|
38
35
|
className: "rounded bg-layer-sunken px-3 py-2",
|
|
39
|
-
children: /* @__PURE__ */
|
|
36
|
+
children: /* @__PURE__ */ o(e, {
|
|
40
37
|
name: t.name,
|
|
41
|
-
details:
|
|
38
|
+
details: p(t.name, t.percent)
|
|
42
39
|
})
|
|
43
40
|
}, t.id))
|
|
44
41
|
})
|
|
45
42
|
})
|
|
46
43
|
});
|
|
47
44
|
};
|
|
48
|
-
|
|
45
|
+
i(c);
|
|
49
46
|
//#endregion
|
|
50
|
-
export {
|
|
47
|
+
export { c as UploadProgressModal };
|
package/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
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))}._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}
|
|
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}.end-0{inset-inline-end:0}.end-2{inset-inline-end:.5rem}.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}.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}.max-h-full{max-height:100%}.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-
|
|
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}.end-0{inset-inline-end:0}.end-2{inset-inline-end:.5rem}.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}.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}.max-h-full{max-height:100%}.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-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.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-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 (max-width:1279px){.mobile\:\!w-full{width:100%!important}}@media (min-width:1280px){.desktop\:\!max-h-\[693px\]{max-height:693px!important}.desktop\:p-4{padding:1rem}}.\[\&_\.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
|
@@ -112,6 +112,10 @@ export declare interface ApplicationVisualizer {
|
|
|
112
112
|
passAuthInfo?: boolean;
|
|
113
113
|
/** Whether the host should pass an explicit access token. Accepted for operator-configuration parity; inert, because 1.0 auth is server-side and the browser holds no access token. */
|
|
114
114
|
passExplicitToken?: boolean;
|
|
115
|
+
/** When `true`, the host renders the inline frame without its border, rounded corners, background, and header divider. */
|
|
116
|
+
borderless?: boolean;
|
|
117
|
+
/** When `true`, the host hides the inline frame's header title text; the header actions stay visible. */
|
|
118
|
+
withoutTitle?: boolean;
|
|
115
119
|
}
|
|
116
120
|
|
|
117
121
|
/** The `APPLICATION_VISUALIZERS` registry: application id → grouped visualizer entry. */
|
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.152",
|
|
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.19",
|
|
36
|
+
"@epam/ai-dial-react-file-manager": "^0.3.0-dev.7",
|
|
37
37
|
"ag-grid-community": "^35.3.0"
|
|
38
38
|
},
|
|
39
39
|
"peerDependenciesMeta": {
|