@epam/ai-dial-chat-shared 1.1.15 → 1.1.17
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/CopyButton/CopyButton.js +1 -2
- package/components/DeploymentIcon/DeploymentIcon.js +1 -2
- package/components/DeploymentIcon/DeploymentIcon.module.scss.js +3 -3
- package/components/EntityHeader/EntityHeader.js +1 -2
- package/components/EntityTypeLabel/EntityTypeLabel.js +1 -2
- package/components/FeaturedChip/FeaturedChip.js +1 -2
- package/components/InitialsAvatar/InitialsAvatar.js +1 -2
- package/components/InitialsAvatar/InitialsAvatar.module.scss.js +5 -5
- package/components/ItemHeader/ItemHeader.js +1 -2
- package/components/ItemHeader/ItemHeader.module.scss.js +5 -5
- package/components/MarkdownRenderer/CodeBlock/CodeBlock.js +9 -10
- package/components/MarkdownRenderer/CodeBlock/CodeBlock.module.scss.js +9 -9
- package/components/MarkdownRenderer/CodeBlock/syntax-theme.js +1 -2
- package/components/MarkdownRenderer/MDMessageViewer.js +1 -2
- package/components/MarkdownRenderer/MarkdownRenderer.js +1 -2
- package/components/MarkdownRenderer/MarkdownRenderer.module.scss.js +9 -9
- package/components/MarkdownRenderer/Math/MarkdownMathBlock.js +1 -2
- package/components/MarkdownRenderer/Math/MarkdownMathBlock.module.scss.js +5 -5
- package/components/MarkdownRenderer/Table/MarkdownTable.js +30 -27
- package/components/MarkdownRenderer/Table/MarkdownTable.module.scss.js +14 -14
- package/components/MarkdownRenderer/Table/TableHeader.js +1 -2
- package/components/MarkdownRenderer/Table/TableHeader.module.scss.js +3 -3
- package/components/MarkdownRenderer/Table/table-serialization.js +1 -2
- package/components/MarkdownRenderer/Table/useMarkdownTableActions/useMarkdownTableActions.js +1 -2
- package/components/MarkdownRenderer/TaskCheckbox/MarkdownTaskCheckbox.js +1 -2
- package/components/MarkdownRenderer/markdown-class-names.js +1 -2
- package/components/MarkdownWithPlaceholders/MarkdownWithPlaceholders.js +1 -2
- package/components/PanelEmptyState/PanelEmptyState.js +12 -10
- package/components/PanelEmptyState/PanelEmptyState.module.scss.js +3 -3
- package/components/ResourceSummary/ResourceSummary.js +1 -2
- package/components/ResourceSummary/ResourceSummary.module.scss.js +5 -5
- package/constants/breakpoint.js +2 -3
- package/constants/dial.js +1 -2
- package/constants/entity-colors.js +1 -2
- package/constants/icon.js +1 -2
- package/constants/markdown-editor.js +1 -2
- package/constants/mime-types.js +1 -2
- package/constants/resizable-fields.js +1 -2
- package/constants/select-list.js +1 -2
- package/constants/tag-input.js +1 -2
- package/file-manager/DialFileManagerShell/DialFileManagerShell.js +1 -2
- package/file-manager/FileManagerAttachModal/FileManagerAttachModal.js +2 -7
- package/file-manager/OperationLoaderModal/OperationLoaderModal.js +1 -2
- package/file-manager/UploadProgressModal/UploadProgressModal.js +1 -2
- package/file-manager/file-manager-variant.js +1 -2
- package/file-manager/path.js +1 -2
- package/file-manager/upload-batch.js +1 -2
- package/file-manager/useGridEditingScroll/useGridEditingScroll.js +1 -2
- package/hooks/useAvailableHeightCap.js +2 -3
- package/hooks/useCodeCopy.js +1 -2
- package/hooks/useCollapsedText.js +1 -2
- package/hooks/useHorizontalOverflow.js +1 -2
- package/hooks/useIsMobile.js +2 -3
- package/hooks/useStreamedMarkdownContent.js +1 -2
- package/index.css +1 -1
- package/models/chat.js +1 -2
- package/models/conversation-classification.js +1 -2
- package/models/conversation-transfer.js +1 -2
- package/models/deployment-features.js +1 -2
- package/package.json +2 -2
- package/types/attachment.js +1 -2
- package/types/code-editor.js +1 -2
- package/types/entity-type.js +1 -2
- package/types/mime-type.js +1 -2
- package/utils/annotation.js +1 -2
- package/utils/avatar-color.js +1 -2
- package/utils/build-css-vars.js +1 -2
- package/utils/copy-to-clipboard.js +1 -2
- package/utils/file-download.js +1 -2
- package/utils/format-file-size.js +1 -2
- package/utils/format-last-used.js +1 -2
- package/utils/format-price.js +8 -9
- package/utils/generate-uuid.js +1 -2
- package/utils/initials.js +1 -2
- package/utils/is-audio-transcription-supported.js +1 -2
- package/utils/latex.js +4 -17
- package/utils/merge-class.js +1 -2
- package/utils/message-attachment-to-display.js +2 -3
- package/utils/message.js +1 -2
- package/utils/mime-type.js +2 -3
- package/utils/prompt-variables.js +6 -11
- package/utils/string-utils.js +1 -2
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { DIAL_ICON_SIZE as e, DIAL_KIT_ICON_STROKE as t, ElementSize as n, NeutralButton as r, ToggleIconButton as i } from "@epam/ai-dial-ui-kit";
|
|
2
2
|
import { jsx as a } from "react/jsx-runtime";
|
|
3
3
|
import { IconCheck as o, IconCopy as s } from "@tabler/icons-react";
|
|
4
|
-
|
|
4
|
+
// src/components/CopyButton/CopyButton.tsx
|
|
5
5
|
var c = ({ onClick: r, isCopied: c, copyLabel: l, copiedLabel: u, size: d = n.Standard, ariaLabel: f, iconSize: p = e.LG, iconCopy: m, isDisabled: h = !1 }) => /* @__PURE__ */ a(i, {
|
|
6
6
|
size: d,
|
|
7
7
|
icon: c ? /* @__PURE__ */ a(o, {
|
|
@@ -29,5 +29,4 @@ var c = ({ onClick: r, isCopied: c, copyLabel: l, copiedLabel: u, size: d = n.St
|
|
|
29
29
|
disabled: f,
|
|
30
30
|
className: "shrink-0"
|
|
31
31
|
});
|
|
32
|
-
//#endregion
|
|
33
32
|
export { l as CopyButton, c as CopyIconButton };
|
|
@@ -5,7 +5,7 @@ import r from "./DeploymentIcon.module.scss.js";
|
|
|
5
5
|
import { Tooltip as i } from "@epam/ai-dial-ui-kit";
|
|
6
6
|
import { useEffect as a, useRef as o, useState as s } from "react";
|
|
7
7
|
import { jsx as c } from "react/jsx-runtime";
|
|
8
|
-
|
|
8
|
+
// src/components/DeploymentIcon/DeploymentIcon.tsx
|
|
9
9
|
var l = ({ src: l, size: u, initialsName: d, fallback: f, labels: p, styles: m }) => {
|
|
10
10
|
let { tooltip: h } = p ?? {}, { badgeClassName: g, colors: _ } = m ?? {}, v = t({ "--di-icon-bg": _?.background }), [y, b] = s(l), [x, S] = s(), C = o(null);
|
|
11
11
|
a(() => {
|
|
@@ -58,5 +58,4 @@ var l = ({ src: l, size: u, initialsName: d, fallback: f, labels: p, styles: m }
|
|
|
58
58
|
children: E
|
|
59
59
|
}) : E;
|
|
60
60
|
};
|
|
61
|
-
//#endregion
|
|
62
61
|
export { l as DeploymentIcon };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export { e as default };
|
|
1
|
+
// src/components/DeploymentIcon/DeploymentIcon.module.scss
|
|
2
|
+
var e = "_agentIconBadge_1ger8_1", t = { agentIconBadge: e };
|
|
3
|
+
export { e as agentIconBadge, t as default };
|
|
@@ -4,7 +4,7 @@ import { ItemHeader as n } from "../ItemHeader/ItemHeader.js";
|
|
|
4
4
|
import { EntityTypeLabel as r } from "../EntityTypeLabel/EntityTypeLabel.js";
|
|
5
5
|
import { FeaturedChip as i } from "../FeaturedChip/FeaturedChip.js";
|
|
6
6
|
import { jsx as a, jsxs as o } from "react/jsx-runtime";
|
|
7
|
-
|
|
7
|
+
// src/components/EntityHeader/EntityHeader.tsx
|
|
8
8
|
var s = ({ item: s, nameClassName: c, versionClassName: l, showVersion: u = !0, typeClassName: d = "dial-caption-lead-semi-text", iconBadgeClassName: f = "rounded-[14px]", featuredChipClassName: p, featuredChipStyle: m, featuredLabel: h = "Featured", hasFeaturedTag: g = !0, iconSize: _ = 48, query: v, footer: y, statusBadge: b }) => /* @__PURE__ */ o("div", {
|
|
9
9
|
className: "flex items-start gap-2",
|
|
10
10
|
children: [/* @__PURE__ */ a(t, {
|
|
@@ -44,5 +44,4 @@ var s = ({ item: s, nameClassName: c, versionClassName: l, showVersion: u = !0,
|
|
|
44
44
|
]
|
|
45
45
|
})]
|
|
46
46
|
});
|
|
47
|
-
//#endregion
|
|
48
47
|
export { s as EntityHeader };
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { ENTITY_TYPE_COLOR as e } from "../../constants/entity-colors.js";
|
|
2
2
|
import { jsx as t } from "react/jsx-runtime";
|
|
3
|
-
|
|
3
|
+
// src/components/EntityTypeLabel/EntityTypeLabel.tsx
|
|
4
4
|
var n = ({ type: n, className: r = "dial-caption-lead-semi-text" }) => /* @__PURE__ */ t("span", {
|
|
5
5
|
className: r,
|
|
6
6
|
style: { color: e[n] },
|
|
7
7
|
children: n
|
|
8
8
|
});
|
|
9
|
-
//#endregion
|
|
10
9
|
export { n as EntityTypeLabel };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { mergeClasses as e } from "../../utils/merge-class.js";
|
|
2
2
|
import { ENTITY_TYPE_BG_COLOR as t, ENTITY_TYPE_COLOR as n } from "../../constants/entity-colors.js";
|
|
3
3
|
import { jsx as r } from "react/jsx-runtime";
|
|
4
|
-
|
|
4
|
+
// src/components/FeaturedChip/FeaturedChip.tsx
|
|
5
5
|
var i = ({ label: i, className: a, type: o, style: s }) => {
|
|
6
6
|
let c = t[o], l = n[o];
|
|
7
7
|
return /* @__PURE__ */ r("div", {
|
|
@@ -14,5 +14,4 @@ var i = ({ label: i, className: a, type: o, style: s }) => {
|
|
|
14
14
|
children: i
|
|
15
15
|
});
|
|
16
16
|
};
|
|
17
|
-
//#endregion
|
|
18
17
|
export { i as FeaturedChip };
|
|
@@ -4,7 +4,7 @@ import { pickAvatarColor as n } from "../../utils/avatar-color.js";
|
|
|
4
4
|
import { extractInitials as r } from "../../utils/initials.js";
|
|
5
5
|
import i from "./InitialsAvatar.module.scss.js";
|
|
6
6
|
import { jsx as a } from "react/jsx-runtime";
|
|
7
|
-
|
|
7
|
+
// src/components/InitialsAvatar/InitialsAvatar.tsx
|
|
8
8
|
var o = ({ name: o, size: s, className: c, textClassName: l = "dial-h3-text" }) => {
|
|
9
9
|
let { background: u, foreground: d } = n(o), f = r(o), p = Math.round(s * .4), m = t({
|
|
10
10
|
"--ia-bg": u,
|
|
@@ -25,5 +25,4 @@ var o = ({ name: o, size: s, className: c, textClassName: l = "dial-h3-text" })
|
|
|
25
25
|
})
|
|
26
26
|
});
|
|
27
27
|
};
|
|
28
|
-
//#endregion
|
|
29
28
|
export { o as InitialsAvatar };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
// src/components/InitialsAvatar/InitialsAvatar.module.scss
|
|
2
|
+
var e = "_badge_1ko75_1", t = "_initials_1ko75_5", n = {
|
|
3
|
+
badge: e,
|
|
4
|
+
initials: t
|
|
4
5
|
};
|
|
5
|
-
|
|
6
|
-
export { e as default };
|
|
6
|
+
export { e as badge, n as default, t as initials };
|
|
@@ -3,7 +3,7 @@ import { buildCssVars as t } from "../../utils/build-css-vars.js";
|
|
|
3
3
|
import n from "./ItemHeader.module.scss.js";
|
|
4
4
|
import { EllipsisTooltip as r, Highlight as i } from "@epam/ai-dial-ui-kit";
|
|
5
5
|
import { jsx as a, jsxs as o } from "react/jsx-runtime";
|
|
6
|
-
|
|
6
|
+
// src/components/ItemHeader/ItemHeader.tsx
|
|
7
7
|
var s = ({ title: s, postfix: c, titleClassName: l = "dial-h3-text", postfixClassName: u = "dial-tiny-text", className: d, query: f, trailing: p, colors: m, shouldTruncateTitle: h = !0 }) => {
|
|
8
8
|
let g = t({
|
|
9
9
|
"--ih-title-color": m?.title,
|
|
@@ -31,5 +31,4 @@ var s = ({ title: s, postfix: c, titleClassName: l = "dial-h3-text", postfixClas
|
|
|
31
31
|
]
|
|
32
32
|
});
|
|
33
33
|
};
|
|
34
|
-
//#endregion
|
|
35
34
|
export { s as ItemHeader };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
// src/components/ItemHeader/ItemHeader.module.scss
|
|
2
|
+
var e = "_title_11w3i_1", t = "_count_11w3i_5", n = {
|
|
3
|
+
title: e,
|
|
4
|
+
count: t
|
|
4
5
|
};
|
|
5
|
-
|
|
6
|
-
export { e as default };
|
|
6
|
+
export { t as count, n as default, e as title };
|
|
@@ -9,7 +9,7 @@ import { DIAL_ICON_SIZE as c, DIAL_KIT_ICON_STROKE as l, ElementSize as u, Ghost
|
|
|
9
9
|
import { Suspense as f, lazy as p, memo as m } from "react";
|
|
10
10
|
import { jsx as h, jsxs as g } from "react/jsx-runtime";
|
|
11
11
|
import { IconCheck as _, IconCopy as v, IconDownload as y } from "@tabler/icons-react";
|
|
12
|
-
|
|
12
|
+
// src/components/MarkdownRenderer/CodeBlock/CodeBlock.tsx
|
|
13
13
|
var b = {
|
|
14
14
|
dark: s,
|
|
15
15
|
light: s
|
|
@@ -25,16 +25,16 @@ var b = {
|
|
|
25
25
|
className: t("whitespace-pre", A),
|
|
26
26
|
children: m
|
|
27
27
|
})
|
|
28
|
+
}), B = n({
|
|
29
|
+
"--cm-code-block-bg": P?.background,
|
|
30
|
+
"--cm-code-block-border": P?.border,
|
|
31
|
+
"--cm-code-block-header-bg": P?.headerBackground,
|
|
32
|
+
"--cm-code-block-language": P?.language,
|
|
33
|
+
"--cm-code-block-copied": P?.copied,
|
|
34
|
+
"--cm-code-block-scrollbar": P?.scrollbar
|
|
28
35
|
});
|
|
29
36
|
return /* @__PURE__ */ g("div", {
|
|
30
|
-
style:
|
|
31
|
-
"--cm-code-block-bg": P?.background,
|
|
32
|
-
"--cm-code-block-border": P?.border,
|
|
33
|
-
"--cm-code-block-header-bg": P?.headerBackground,
|
|
34
|
-
"--cm-code-block-language": P?.language,
|
|
35
|
-
"--cm-code-block-copied": P?.copied,
|
|
36
|
-
"--cm-code-block-scrollbar": P?.scrollbar
|
|
37
|
-
}),
|
|
37
|
+
style: B,
|
|
38
38
|
className: t("my-4 max-w-full overflow-hidden rounded-xl border", o.container, L && o.containerLight, O),
|
|
39
39
|
children: [
|
|
40
40
|
/* @__PURE__ */ g("div", {
|
|
@@ -100,5 +100,4 @@ var b = {
|
|
|
100
100
|
]
|
|
101
101
|
});
|
|
102
102
|
});
|
|
103
|
-
//#endregion
|
|
104
103
|
export { S as MarkdownCodeBlock };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
// src/components/MarkdownRenderer/CodeBlock/CodeBlock.module.scss
|
|
2
|
+
var e = "_container_spugt_1", t = "_containerLight_spugt_6", n = "_header_spugt_10", r = "_languageLabel_spugt_15", i = "_copiedIcon_spugt_19", a = "_scrollContainer_spugt_23", o = {
|
|
3
|
+
container: e,
|
|
4
|
+
containerLight: t,
|
|
5
|
+
header: n,
|
|
6
|
+
languageLabel: r,
|
|
7
|
+
copiedIcon: i,
|
|
8
|
+
scrollContainer: a
|
|
8
9
|
};
|
|
9
|
-
|
|
10
|
-
export { e as default };
|
|
10
|
+
export { e as container, t as containerLight, i as copiedIcon, o as default, n as header, r as languageLabel, a as scrollContainer };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
// src/components/MarkdownRenderer/CodeBlock/syntax-theme.ts
|
|
2
2
|
var e = { color: "var(--text-secondary, #57647A)" }, t = { color: "var(--text-accent, #1d4ed8)" }, n = { color: "var(--text-accent-tertiary, #7e39ec)" }, r = { color: "var(--text-primary, #161b2d)" }, i = {
|
|
3
3
|
"code[class*=\"language-\"]": {
|
|
4
4
|
color: "var(--text-primary, #161b2d)",
|
|
@@ -65,5 +65,4 @@ var e = { color: "var(--text-secondary, #57647A)" }, t = { color: "var(--text-ac
|
|
|
65
65
|
padding: "1px 5px"
|
|
66
66
|
}
|
|
67
67
|
};
|
|
68
|
-
//#endregion
|
|
69
68
|
export { i as restrainedSyntaxTheme };
|
|
@@ -2,7 +2,7 @@ import { MarkdownRenderer as e } from "./MarkdownRenderer.js";
|
|
|
2
2
|
import { DEFAULT_MARKDOWN_CLASS_NAMES as t } from "./markdown-class-names.js";
|
|
3
3
|
import { memo as n } from "react";
|
|
4
4
|
import { jsx as r } from "react/jsx-runtime";
|
|
5
|
-
|
|
5
|
+
// src/components/MarkdownRenderer/MDMessageViewer.tsx
|
|
6
6
|
var i = n(({ content: n, isStreaming: i, thinkingLabel: a, components: o, urlTransform: s, codeBlockCopyLabel: c, codeBlockCopiedLabel: l, codeBlockTheme: u, tableActionLabels: d, tableDownloadFilename: f, tableOnOpenInCanvas: p, tableScrollRegionAriaLabel: m, classNames: h = t }) => /* @__PURE__ */ r(e, {
|
|
7
7
|
content: n,
|
|
8
8
|
isStreaming: i,
|
|
@@ -18,5 +18,4 @@ var i = n(({ content: n, isStreaming: i, thinkingLabel: a, components: o, urlTra
|
|
|
18
18
|
tableScrollRegionAriaLabel: m,
|
|
19
19
|
classNames: h
|
|
20
20
|
}));
|
|
21
|
-
//#endregion
|
|
22
21
|
export { i as MDMessageViewer };
|
|
@@ -16,7 +16,7 @@ import b from "rehype-raw";
|
|
|
16
16
|
import x, { defaultSchema as S } from "rehype-sanitize";
|
|
17
17
|
import C from "remark-breaks";
|
|
18
18
|
import w from "remark-math";
|
|
19
|
-
|
|
19
|
+
// src/components/MarkdownRenderer/MarkdownRenderer.tsx
|
|
20
20
|
var T = [
|
|
21
21
|
u,
|
|
22
22
|
C,
|
|
@@ -276,5 +276,4 @@ var T = [
|
|
|
276
276
|
})
|
|
277
277
|
});
|
|
278
278
|
});
|
|
279
|
-
//#endregion
|
|
280
279
|
export { V as MarkdownRenderer, F as defaultMarkdownComponents };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
// src/components/MarkdownRenderer/MarkdownRenderer.module.scss
|
|
2
|
+
var e = "_thinking_1g29w_9", t = "_h6_1g29w_18", n = "_codeInline_1g29w_22", r = "_secondaryBorder_1g29w_27", i = "_blockquote_1g29w_31", a = "_link_1g29w_36", o = {
|
|
3
|
+
thinking: e,
|
|
3
4
|
"cm-shimmer": "_cm-shimmer_1g29w_1",
|
|
4
|
-
h6:
|
|
5
|
-
codeInline:
|
|
6
|
-
secondaryBorder:
|
|
7
|
-
blockquote:
|
|
8
|
-
link:
|
|
5
|
+
h6: t,
|
|
6
|
+
codeInline: n,
|
|
7
|
+
secondaryBorder: r,
|
|
8
|
+
blockquote: i,
|
|
9
|
+
link: a
|
|
9
10
|
};
|
|
10
|
-
|
|
11
|
-
export { e as default };
|
|
11
|
+
export { i as blockquote, n as codeInline, o as default, t as h6, a as link, r as secondaryBorder, e as thinking };
|
|
@@ -3,7 +3,7 @@ import { useHorizontalOverflow as t } from "../../../hooks/useHorizontalOverflow
|
|
|
3
3
|
import n from "./MarkdownMathBlock.module.scss.js";
|
|
4
4
|
import { memo as r } from "react";
|
|
5
5
|
import { jsx as i } from "react/jsx-runtime";
|
|
6
|
-
|
|
6
|
+
// src/components/MarkdownRenderer/Math/MarkdownMathBlock.tsx
|
|
7
7
|
var a = r(({ children: r, className: a, scrollRegionAriaLabel: o = "Scrollable formula" }) => {
|
|
8
8
|
let { scrollContainerRef: s, contentRef: c, hasContentBeyondStart: l, hasContentBeyondEnd: u, handleScroll: d } = t(), f = l || u;
|
|
9
9
|
return /* @__PURE__ */ i("div", {
|
|
@@ -20,5 +20,4 @@ var a = r(({ children: r, className: a, scrollRegionAriaLabel: o = "Scrollable f
|
|
|
20
20
|
})
|
|
21
21
|
});
|
|
22
22
|
});
|
|
23
|
-
//#endregion
|
|
24
23
|
export { a as MarkdownMathBlock };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
// src/components/MarkdownRenderer/Math/MarkdownMathBlock.module.scss
|
|
2
|
+
var e = "_scrollContainer_1f433_1", t = "_mathContent_1f433_24", n = {
|
|
3
|
+
scrollContainer: e,
|
|
4
|
+
mathContent: t
|
|
4
5
|
};
|
|
5
|
-
|
|
6
|
-
export { e as default };
|
|
6
|
+
export { n as default, t as mathContent, e as scrollContainer };
|
|
@@ -5,13 +5,13 @@ import { downloadTextFile as r } from "../../../utils/file-download.js";
|
|
|
5
5
|
import { TableHeader as i } from "./TableHeader.js";
|
|
6
6
|
import { useHorizontalOverflow as a } from "../../../hooks/useHorizontalOverflow.js";
|
|
7
7
|
import o from "./MarkdownTable.module.scss.js";
|
|
8
|
-
import {
|
|
9
|
-
import { useMarkdownTableActions as
|
|
10
|
-
import { memo as
|
|
11
|
-
import { jsx as
|
|
12
|
-
|
|
13
|
-
var
|
|
14
|
-
let [E, D] =
|
|
8
|
+
import { DEFAULT_MARKDOWN_TABLE_DOWNLOAD_FILENAME as s, MARKDOWN_TABLE_CSV_MIME_TYPE as c, MarkdownTableCopyFormat as l, serializeMarkdownTableRows as u } from "./table-serialization.js";
|
|
9
|
+
import { useMarkdownTableActions as d } from "./useMarkdownTableActions/useMarkdownTableActions.js";
|
|
10
|
+
import { memo as f, useCallback as p, useEffect as m, useRef as h, useState as g } from "react";
|
|
11
|
+
import { jsx as _, jsxs as v } from "react/jsx-runtime";
|
|
12
|
+
// src/components/MarkdownRenderer/Table/MarkdownTable.tsx
|
|
13
|
+
var y = 2e3, b = f(({ children: s, classNames: f, colors: b, actionLabels: x, downloadFilename: S, isStreaming: C, onOpenInCanvas: w, scrollRegionAriaLabel: T = "Scrollable table" }) => {
|
|
14
|
+
let [E, D] = g(void 0), O = h(null), { scrollContainerRef: k, contentRef: A, hasContentBeyondStart: j, hasContentBeyondEnd: M, handleScroll: N } = a(), P = t({
|
|
15
15
|
"--cm-markdown-border": b?.border,
|
|
16
16
|
"--cm-table-scrollbar": b?.scrollbar,
|
|
17
17
|
"--cm-table-fade": b?.fade,
|
|
@@ -19,37 +19,41 @@ var v = 2e3, y = d(({ children: d, classNames: y, colors: b, actionLabels: x, do
|
|
|
19
19
|
"--cm-table-row-zebra-bg": b?.rowZebraBackground,
|
|
20
20
|
"--cm-table-row-hover-bg": b?.rowHoverBackground
|
|
21
21
|
}), F = j || M;
|
|
22
|
-
|
|
22
|
+
m(() => () => {
|
|
23
23
|
O.current != null && clearTimeout(O.current);
|
|
24
24
|
}, []);
|
|
25
|
-
let I =
|
|
25
|
+
let I = p((e) => {
|
|
26
26
|
let t = A.current;
|
|
27
|
-
t
|
|
27
|
+
if (t == null) return;
|
|
28
|
+
let r = u(Array.from(t.rows), e);
|
|
29
|
+
n(r).then((t) => {
|
|
28
30
|
t && (O.current != null && clearTimeout(O.current), D(e), O.current = setTimeout(() => {
|
|
29
31
|
D(void 0);
|
|
30
|
-
},
|
|
32
|
+
}, y));
|
|
31
33
|
});
|
|
32
|
-
}, [A]), L =
|
|
34
|
+
}, [A]), L = p(() => {
|
|
33
35
|
let e = A.current;
|
|
34
|
-
e
|
|
35
|
-
|
|
36
|
+
if (e == null) return;
|
|
37
|
+
let t = u(Array.from(e.rows), l.Csv);
|
|
38
|
+
r(`\uFEFF${t}`, S ?? "table.csv", c);
|
|
39
|
+
}, [A, S]), R = p(() => {
|
|
36
40
|
let e = A.current;
|
|
37
|
-
e
|
|
38
|
-
}, [A, w]), z =
|
|
41
|
+
e != null && w != null && w(u(Array.from(e.rows), l.Markdown));
|
|
42
|
+
}, [A, w]), z = d({
|
|
39
43
|
actionLabels: x,
|
|
40
44
|
copiedFormat: E,
|
|
41
45
|
onCopy: I,
|
|
42
46
|
onDownloadCsv: L,
|
|
43
47
|
onOpenInCanvas: w == null ? void 0 : R
|
|
44
48
|
}), B = z.length > 0 && !C;
|
|
45
|
-
return /* @__PURE__ */
|
|
49
|
+
return /* @__PURE__ */ v("div", {
|
|
46
50
|
style: P,
|
|
47
|
-
className: e("relative w-full min-w-0 max-w-full overflow-hidden rounded-xl border", o.tableContainer, o.tableContainerLight,
|
|
51
|
+
className: e("relative w-full min-w-0 max-w-full overflow-hidden rounded-xl border", o.tableContainer, o.tableContainerLight, f.tableWrapper),
|
|
48
52
|
children: [
|
|
49
|
-
B && /* @__PURE__ */
|
|
50
|
-
/* @__PURE__ */
|
|
53
|
+
B && /* @__PURE__ */ _(i, { actions: z }),
|
|
54
|
+
/* @__PURE__ */ _("div", {
|
|
51
55
|
ref: k,
|
|
52
|
-
className: e("w-full min-w-0 max-w-full overflow-x-auto", o.scrollContainer,
|
|
56
|
+
className: e("w-full min-w-0 max-w-full overflow-x-auto", o.scrollContainer, f.tableScrollContainer, {
|
|
53
57
|
[o.tableScrollFadeBoth]: j && M,
|
|
54
58
|
[o.tableScrollFadeStart]: j && !M,
|
|
55
59
|
[o.tableScrollFadeEnd]: !j && M
|
|
@@ -58,13 +62,13 @@ var v = 2e3, y = d(({ children: d, classNames: y, colors: b, actionLabels: x, do
|
|
|
58
62
|
role: F ? "region" : void 0,
|
|
59
63
|
"aria-label": F ? T : void 0,
|
|
60
64
|
tabIndex: F ? 0 : void 0,
|
|
61
|
-
children: /* @__PURE__ */
|
|
65
|
+
children: /* @__PURE__ */ _("table", {
|
|
62
66
|
ref: A,
|
|
63
|
-
className: e("w-max min-w-full border-collapse",
|
|
64
|
-
children:
|
|
67
|
+
className: e("w-max min-w-full border-collapse", f.tableFont ?? "dial-small-text"),
|
|
68
|
+
children: s
|
|
65
69
|
})
|
|
66
70
|
}),
|
|
67
|
-
x?.copiedLabel && /* @__PURE__ */
|
|
71
|
+
x?.copiedLabel && /* @__PURE__ */ _("span", {
|
|
68
72
|
"aria-live": "polite",
|
|
69
73
|
className: "sr-only",
|
|
70
74
|
role: "status",
|
|
@@ -73,5 +77,4 @@ var v = 2e3, y = d(({ children: d, classNames: y, colors: b, actionLabels: x, do
|
|
|
73
77
|
]
|
|
74
78
|
});
|
|
75
79
|
});
|
|
76
|
-
|
|
77
|
-
export { y as MarkdownTable };
|
|
80
|
+
export { s as DEFAULT_MARKDOWN_TABLE_DOWNLOAD_FILENAME, c as MARKDOWN_TABLE_CSV_MIME_TYPE, b as MarkdownTable, l as MarkdownTableCopyFormat, u as serializeMarkdownTableRows };
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
1
|
+
// src/components/MarkdownRenderer/Table/MarkdownTable.module.scss
|
|
2
|
+
var e = "_tableContainer_187t3_1", t = "_tableContainerLight_187t3_6", n = "_copiedIcon_187t3_10", r = "_scrollContainer_187t3_14", i = "_tableHeaderCell_187t3_30", a = "_sectionRow_187t3_35", o = "_row_187t3_39", s = "_rowDivider_187t3_43", c = "_tableScrollFadeEnd_187t3_53", l = "_tableScrollFadeStart_187t3_61", u = "_tableScrollFadeBoth_187t3_69", d = {
|
|
3
|
+
tableContainer: e,
|
|
4
|
+
tableContainerLight: t,
|
|
5
|
+
copiedIcon: n,
|
|
6
|
+
scrollContainer: r,
|
|
7
|
+
tableHeaderCell: i,
|
|
8
|
+
sectionRow: a,
|
|
9
|
+
row: o,
|
|
10
|
+
rowDivider: s,
|
|
11
|
+
tableScrollFadeEnd: c,
|
|
12
|
+
tableScrollFadeStart: l,
|
|
13
|
+
tableScrollFadeBoth: u
|
|
13
14
|
};
|
|
14
|
-
|
|
15
|
-
export { e as default };
|
|
15
|
+
export { n as copiedIcon, d as default, o as row, s as rowDivider, r as scrollContainer, a as sectionRow, e as tableContainer, t as tableContainerLight, i as tableHeaderCell, u as tableScrollFadeBoth, c as tableScrollFadeEnd, l as tableScrollFadeStart };
|
|
@@ -2,7 +2,7 @@ import { mergeClasses as e } from "../../../utils/merge-class.js";
|
|
|
2
2
|
import t from "./TableHeader.module.scss.js";
|
|
3
3
|
import { ElementSize as n, GhostIconButton as r, Tooltip as i } from "@epam/ai-dial-ui-kit";
|
|
4
4
|
import { jsx as a, jsxs as o } from "react/jsx-runtime";
|
|
5
|
-
|
|
5
|
+
// src/components/MarkdownRenderer/Table/TableHeader.tsx
|
|
6
6
|
var s = ({ children: s, actions: c, className: l }) => /* @__PURE__ */ o("div", {
|
|
7
7
|
className: e("flex min-h-10 items-center gap-2 border-b px-2 py-2", t.tableHeader, l),
|
|
8
8
|
children: [s != null && /* @__PURE__ */ a("div", {
|
|
@@ -26,5 +26,4 @@ var s = ({ children: s, actions: c, className: l }) => /* @__PURE__ */ o("div",
|
|
|
26
26
|
}, e.label))
|
|
27
27
|
})]
|
|
28
28
|
});
|
|
29
|
-
//#endregion
|
|
30
29
|
export { s as TableHeader };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export {
|
|
1
|
+
// src/components/MarkdownRenderer/Table/TableHeader.module.scss
|
|
2
|
+
var e = "_tableHeader_1qvg8_1", t = { tableHeader: e };
|
|
3
|
+
export { t as default, e as tableHeader };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
// src/components/MarkdownRenderer/Table/table-serialization.ts
|
|
2
2
|
var e = /* @__PURE__ */ function(e) {
|
|
3
3
|
return e.Csv = "csv", e.Txt = "txt", e.Markdown = "markdown", e;
|
|
4
4
|
}({}), t = "table.csv", n = "text/csv;charset=utf-8", r = (e) => Array.from(e.cells).map((e) => e.textContent?.trim() ?? ""), i = (e) => r(e).map((e) => e ? `"${e.replace(/"/g, "\"\"")}"` : "").join(","), a = (e) => r(e).join(" "), o = (e) => `| ${r(e).join(" | ")} |`, s = (e, t) => t === "csv" ? e.map(i).join("\n") : t === "txt" ? e.map(a).join("\n") : e.map((e, t) => t === 0 ? [o(e), `| ${r(e).map(() => ":--").join(" | ")} |`].join("\n") : o(e)).join("\n");
|
|
5
|
-
//#endregion
|
|
6
5
|
export { t as DEFAULT_MARKDOWN_TABLE_DOWNLOAD_FILENAME, n as MARKDOWN_TABLE_CSV_MIME_TYPE, e as MarkdownTableCopyFormat, s as serializeMarkdownTableRows };
|
package/components/MarkdownRenderer/Table/useMarkdownTableActions/useMarkdownTableActions.js
CHANGED
|
@@ -4,7 +4,7 @@ import { DIAL_ICON_SIZE as n, DIAL_KIT_ICON_STROKE as r } from "@epam/ai-dial-ui
|
|
|
4
4
|
import { useMemo as i } from "react";
|
|
5
5
|
import { jsx as a } from "react/jsx-runtime";
|
|
6
6
|
import { IconCheck as o, IconCsv as s, IconDownload as c, IconMarkdown as l, IconMaximize as u, IconTxt as d } from "@tabler/icons-react";
|
|
7
|
-
|
|
7
|
+
// src/components/MarkdownRenderer/Table/useMarkdownTableActions/useMarkdownTableActions.tsx
|
|
8
8
|
var f = ({ actionLabels: f, copiedFormat: p, onCopy: m, onDownloadCsv: h, onOpenInCanvas: g }) => i(() => {
|
|
9
9
|
if (f == null) return [];
|
|
10
10
|
let i = [], _ = [
|
|
@@ -62,5 +62,4 @@ var f = ({ actionLabels: f, copiedFormat: p, onCopy: m, onDownloadCsv: h, onOpen
|
|
|
62
62
|
h,
|
|
63
63
|
g
|
|
64
64
|
]);
|
|
65
|
-
//#endregion
|
|
66
65
|
export { f as useMarkdownTableActions };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Checkbox as e } from "@epam/ai-dial-ui-kit";
|
|
2
2
|
import { jsx as t } from "react/jsx-runtime";
|
|
3
|
-
|
|
3
|
+
// src/components/MarkdownRenderer/TaskCheckbox/MarkdownTaskCheckbox.tsx
|
|
4
4
|
var n = ({ checked: n = !1 }) => /* @__PURE__ */ t("span", {
|
|
5
5
|
className: "me-1.5 inline-flex align-middle",
|
|
6
6
|
children: /* @__PURE__ */ t(e, {
|
|
@@ -8,5 +8,4 @@ var n = ({ checked: n = !1 }) => /* @__PURE__ */ t("span", {
|
|
|
8
8
|
disabled: !0
|
|
9
9
|
})
|
|
10
10
|
});
|
|
11
|
-
//#endregion
|
|
12
11
|
export { n as MarkdownTaskCheckbox };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
// src/components/MarkdownRenderer/markdown-class-names.ts
|
|
2
2
|
var e = {
|
|
3
3
|
h1: "dial-h1-text mb-3 mt-6 first:mt-0 [text-wrap:balance]",
|
|
4
4
|
h2: "dial-h2-text mb-2 mt-5 first:mt-0 [text-wrap:balance]",
|
|
@@ -19,5 +19,4 @@ var e = {
|
|
|
19
19
|
p: "dial-small-paragraph-text mb-3 break-words [overflow-wrap:anywhere] [text-wrap:pretty] last:mb-0",
|
|
20
20
|
strong: "dial-small-paragraph-semi-text"
|
|
21
21
|
};
|
|
22
|
-
//#endregion
|
|
23
22
|
export { t as COMPACT_MARKDOWN_CLASS_NAMES, e as DEFAULT_MARKDOWN_CLASS_NAMES };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { rehypePromptVariables as e } from "../../utils/prompt-variables.js";
|
|
2
2
|
import { MarkdownRenderer as t } from "../MarkdownRenderer/MarkdownRenderer.js";
|
|
3
3
|
import { jsx as n } from "react/jsx-runtime";
|
|
4
|
-
|
|
4
|
+
// src/components/MarkdownWithPlaceholders/MarkdownWithPlaceholders.tsx
|
|
5
5
|
var r = [e], i = ({ content: e, headingClassName: i }) => /* @__PURE__ */ n(t, {
|
|
6
6
|
content: e,
|
|
7
7
|
rehypePlugins: r,
|
|
@@ -14,5 +14,4 @@ var r = [e], i = ({ content: e, headingClassName: i }) => /* @__PURE__ */ n(t, {
|
|
|
14
14
|
h6: i
|
|
15
15
|
}
|
|
16
16
|
});
|
|
17
|
-
//#endregion
|
|
18
17
|
export { i as MarkdownWithPlaceholders };
|
|
@@ -4,14 +4,16 @@ import n from "./PanelEmptyState.module.scss.js";
|
|
|
4
4
|
import { NoDataContent as r } from "@epam/ai-dial-ui-kit";
|
|
5
5
|
import { memo as i } from "react";
|
|
6
6
|
import { jsx as a } from "react/jsx-runtime";
|
|
7
|
-
|
|
8
|
-
var o = i(({ label: i, colors: o, labelClassName: s = "dial-tiny-text", containerClassName: c }) =>
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
7
|
+
// src/components/PanelEmptyState/PanelEmptyState.tsx
|
|
8
|
+
var o = i(({ label: i, colors: o, labelClassName: s = "dial-tiny-text", containerClassName: c }) => {
|
|
9
|
+
let l = t({ "--pes-label-color": o?.label });
|
|
10
|
+
return /* @__PURE__ */ a("div", {
|
|
11
|
+
style: l,
|
|
12
|
+
children: /* @__PURE__ */ a(r, {
|
|
13
|
+
title: i,
|
|
14
|
+
titleClassName: e(n.label, s),
|
|
15
|
+
className: c
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
});
|
|
17
19
|
export { o as PanelEmptyState };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export {
|
|
1
|
+
// src/components/PanelEmptyState/PanelEmptyState.module.scss
|
|
2
|
+
var e = "_label_12p89_1", t = { label: e };
|
|
3
|
+
export { t as default, e as label };
|
|
@@ -4,7 +4,7 @@ import { EntityHeader as n } from "../EntityHeader/EntityHeader.js";
|
|
|
4
4
|
import r from "./ResourceSummary.module.scss.js";
|
|
5
5
|
import { EllipsisTooltip as i } from "@epam/ai-dial-ui-kit";
|
|
6
6
|
import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
7
|
-
|
|
7
|
+
// src/components/ResourceSummary/ResourceSummary.tsx
|
|
8
8
|
var c = ({ item: c, children: l, versionLabel: u = "Version {version} · current", hasVersionTag: d = !0, iconSize: f = 40, className: p, styles: m, colors: h }) => {
|
|
9
9
|
let g = m?.colors ?? h, { versionTagClassName: _ = "dial-tiny-text" } = m?.typography ?? {}, v = t({
|
|
10
10
|
"--rs-border": g?.border,
|
|
@@ -30,5 +30,4 @@ var c = ({ item: c, children: l, versionLabel: u = "Version {version} · current
|
|
|
30
30
|
children: l ?? y
|
|
31
31
|
});
|
|
32
32
|
};
|
|
33
|
-
//#endregion
|
|
34
33
|
export { c as ResourceSummary };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
// src/components/ResourceSummary/ResourceSummary.module.scss
|
|
2
|
+
var e = "_row_1csuq_1", t = "_versionTag_1csuq_7", n = {
|
|
3
|
+
row: e,
|
|
4
|
+
versionTag: t
|
|
4
5
|
};
|
|
5
|
-
|
|
6
|
-
export { e as default };
|
|
6
|
+
export { n as default, e as row, t as versionTag };
|
package/constants/breakpoint.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
var e = 1280, t =
|
|
3
|
-
//#endregion
|
|
1
|
+
// src/constants/breakpoint.ts
|
|
2
|
+
var e = 1280, t = 1279, n = `(min-width: ${e}px)`, r = `(max-width: ${t}px)`;
|
|
4
3
|
export { e as DESKTOP_BREAKPOINT_PX, n as DESKTOP_MEDIA_QUERY, t as MOBILE_MAX_WIDTH_PX, r as MOBILE_MEDIA_QUERY };
|
package/constants/dial.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CatalogEntityType as e } from "../types/entity-type.js";
|
|
2
|
-
|
|
2
|
+
// src/constants/entity-colors.ts
|
|
3
3
|
var t = {
|
|
4
4
|
[e.Model]: "var(--text-visual-blue, #1189C8)",
|
|
5
5
|
[e.Agent]: "var(--text-visual-green-1, #059669)",
|
|
@@ -13,5 +13,4 @@ var t = {
|
|
|
13
13
|
[e.Toolset]: "var(--bg-visual-brown, #FDE8D8)",
|
|
14
14
|
[e.Prompt]: "var(--bg-visual-violet-1, #DDE3F9)"
|
|
15
15
|
};
|
|
16
|
-
//#endregion
|
|
17
16
|
export { n as ENTITY_TYPE_BG_COLOR, t as ENTITY_TYPE_COLOR };
|