@epam/ai-dial-chat-shared 1.1.16 → 1.1.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (82) hide show
  1. package/components/CopyButton/CopyButton.js +1 -2
  2. package/components/DeploymentIcon/DeploymentIcon.js +1 -2
  3. package/components/DeploymentIcon/DeploymentIcon.module.scss.js +3 -3
  4. package/components/EntityHeader/EntityHeader.js +1 -2
  5. package/components/EntityTypeLabel/EntityTypeLabel.js +1 -2
  6. package/components/FeaturedChip/FeaturedChip.js +1 -2
  7. package/components/InitialsAvatar/InitialsAvatar.js +1 -2
  8. package/components/InitialsAvatar/InitialsAvatar.module.scss.js +5 -5
  9. package/components/ItemHeader/ItemHeader.js +1 -2
  10. package/components/ItemHeader/ItemHeader.module.scss.js +5 -5
  11. package/components/MarkdownRenderer/CodeBlock/CodeBlock.js +9 -10
  12. package/components/MarkdownRenderer/CodeBlock/CodeBlock.module.scss.js +9 -9
  13. package/components/MarkdownRenderer/CodeBlock/syntax-theme.js +1 -2
  14. package/components/MarkdownRenderer/MDMessageViewer.js +1 -2
  15. package/components/MarkdownRenderer/MarkdownRenderer.js +1 -2
  16. package/components/MarkdownRenderer/MarkdownRenderer.module.scss.js +9 -9
  17. package/components/MarkdownRenderer/Math/MarkdownMathBlock.js +1 -2
  18. package/components/MarkdownRenderer/Math/MarkdownMathBlock.module.scss.js +5 -5
  19. package/components/MarkdownRenderer/Table/MarkdownTable.js +30 -27
  20. package/components/MarkdownRenderer/Table/MarkdownTable.module.scss.js +14 -14
  21. package/components/MarkdownRenderer/Table/TableHeader.js +1 -2
  22. package/components/MarkdownRenderer/Table/TableHeader.module.scss.js +3 -3
  23. package/components/MarkdownRenderer/Table/table-serialization.js +1 -2
  24. package/components/MarkdownRenderer/Table/useMarkdownTableActions/useMarkdownTableActions.js +1 -2
  25. package/components/MarkdownRenderer/TaskCheckbox/MarkdownTaskCheckbox.js +1 -2
  26. package/components/MarkdownRenderer/markdown-class-names.js +1 -2
  27. package/components/MarkdownWithPlaceholders/MarkdownWithPlaceholders.js +1 -2
  28. package/components/PanelEmptyState/PanelEmptyState.js +12 -10
  29. package/components/PanelEmptyState/PanelEmptyState.module.scss.js +3 -3
  30. package/components/ResourceSummary/ResourceSummary.js +1 -2
  31. package/components/ResourceSummary/ResourceSummary.module.scss.js +5 -5
  32. package/constants/breakpoint.js +2 -3
  33. package/constants/dial.js +1 -2
  34. package/constants/entity-colors.js +1 -2
  35. package/constants/icon.js +1 -2
  36. package/constants/markdown-editor.js +1 -2
  37. package/constants/mime-types.js +1 -2
  38. package/constants/resizable-fields.js +1 -2
  39. package/constants/select-list.js +1 -2
  40. package/constants/tag-input.js +1 -2
  41. package/file-manager/DialFileManagerShell/DialFileManagerShell.js +1 -2
  42. package/file-manager/FileManagerAttachModal/FileManagerAttachModal.js +2 -7
  43. package/file-manager/OperationLoaderModal/OperationLoaderModal.js +1 -2
  44. package/file-manager/UploadProgressModal/UploadProgressModal.js +1 -2
  45. package/file-manager/file-manager-variant.js +1 -2
  46. package/file-manager/path.js +1 -2
  47. package/file-manager/upload-batch.js +1 -2
  48. package/file-manager/useGridEditingScroll/useGridEditingScroll.js +1 -2
  49. package/hooks/useAvailableHeightCap.js +2 -3
  50. package/hooks/useCodeCopy.js +1 -2
  51. package/hooks/useCollapsedText.js +1 -2
  52. package/hooks/useHorizontalOverflow.js +1 -2
  53. package/hooks/useIsMobile.js +2 -3
  54. package/hooks/useStreamedMarkdownContent.js +1 -2
  55. package/index.css +1 -1
  56. package/models/chat.js +1 -2
  57. package/models/conversation-classification.js +1 -2
  58. package/models/conversation-transfer.js +1 -2
  59. package/models/deployment-features.js +1 -2
  60. package/package.json +2 -2
  61. package/types/attachment.js +1 -2
  62. package/types/code-editor.js +1 -2
  63. package/types/entity-type.js +1 -2
  64. package/types/mime-type.js +1 -2
  65. package/utils/annotation.js +1 -2
  66. package/utils/avatar-color.js +1 -2
  67. package/utils/build-css-vars.js +1 -2
  68. package/utils/copy-to-clipboard.js +1 -2
  69. package/utils/file-download.js +1 -2
  70. package/utils/format-file-size.js +1 -2
  71. package/utils/format-last-used.js +1 -2
  72. package/utils/format-price.js +8 -9
  73. package/utils/generate-uuid.js +1 -2
  74. package/utils/initials.js +1 -2
  75. package/utils/is-audio-transcription-supported.js +1 -2
  76. package/utils/latex.js +4 -17
  77. package/utils/merge-class.js +1 -2
  78. package/utils/message-attachment-to-display.js +2 -3
  79. package/utils/message.js +1 -2
  80. package/utils/mime-type.js +2 -3
  81. package/utils/prompt-variables.js +6 -11
  82. 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
- //#region src/components/CopyButton/CopyButton.tsx
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
- //#region src/components/DeploymentIcon/DeploymentIcon.tsx
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
- var e = { agentIconBadge: "_agentIconBadge_1ger8_1" };
2
- //#endregion
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
- //#region src/components/EntityHeader/EntityHeader.tsx
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
- //#region src/components/EntityTypeLabel/EntityTypeLabel.tsx
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
- //#region src/components/FeaturedChip/FeaturedChip.tsx
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
- //#region src/components/InitialsAvatar/InitialsAvatar.tsx
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
- var e = {
2
- badge: "_badge_1ko75_1",
3
- initials: "_initials_1ko75_5"
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
- //#endregion
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
- //#region src/components/ItemHeader/ItemHeader.tsx
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
- var e = {
2
- title: "_title_11w3i_1",
3
- count: "_count_11w3i_5"
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
- //#endregion
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
- //#region src/components/MarkdownRenderer/CodeBlock/CodeBlock.tsx
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: n({
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
- var e = {
2
- container: "_container_spugt_1",
3
- containerLight: "_containerLight_spugt_6",
4
- header: "_header_spugt_10",
5
- languageLabel: "_languageLabel_spugt_15",
6
- copiedIcon: "_copiedIcon_spugt_19",
7
- scrollContainer: "_scrollContainer_spugt_23"
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
- //#endregion
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
- //#region src/components/MarkdownRenderer/CodeBlock/syntax-theme.ts
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
- //#region src/components/MarkdownRenderer/MDMessageViewer.tsx
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
- //#region src/components/MarkdownRenderer/MarkdownRenderer.tsx
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
- var e = {
2
- thinking: "_thinking_1g29w_9",
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: "_h6_1g29w_18",
5
- codeInline: "_codeInline_1g29w_22",
6
- secondaryBorder: "_secondaryBorder_1g29w_27",
7
- blockquote: "_blockquote_1g29w_31",
8
- link: "_link_1g29w_36"
5
+ h6: t,
6
+ codeInline: n,
7
+ secondaryBorder: r,
8
+ blockquote: i,
9
+ link: a
9
10
  };
10
- //#endregion
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
- //#region src/components/MarkdownRenderer/Math/MarkdownMathBlock.tsx
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
- var e = {
2
- scrollContainer: "_scrollContainer_1f433_1",
3
- mathContent: "_mathContent_1f433_24"
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
- //#endregion
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 { MARKDOWN_TABLE_CSV_MIME_TYPE as s, MarkdownTableCopyFormat as c, serializeMarkdownTableRows as l } from "./table-serialization.js";
9
- import { useMarkdownTableActions as u } from "./useMarkdownTableActions/useMarkdownTableActions.js";
10
- import { memo as d, useCallback as f, useEffect as p, useRef as m, useState as h } from "react";
11
- import { jsx as g, jsxs as _ } from "react/jsx-runtime";
12
- //#region src/components/MarkdownRenderer/Table/MarkdownTable.tsx
13
- var v = 2e3, y = d(({ children: d, classNames: y, colors: b, actionLabels: x, downloadFilename: S, isStreaming: C, onOpenInCanvas: w, scrollRegionAriaLabel: T = "Scrollable table" }) => {
14
- let [E, D] = h(void 0), O = m(null), { scrollContainerRef: k, contentRef: A, hasContentBeyondStart: j, hasContentBeyondEnd: M, handleScroll: N } = a(), P = t({
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
- p(() => () => {
22
+ m(() => () => {
23
23
  O.current != null && clearTimeout(O.current);
24
24
  }, []);
25
- let I = f((e) => {
25
+ let I = p((e) => {
26
26
  let t = A.current;
27
- t != null && n(l(Array.from(t.rows), e)).then((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
- }, v));
32
+ }, y));
31
33
  });
32
- }, [A]), L = f(() => {
34
+ }, [A]), L = p(() => {
33
35
  let e = A.current;
34
- e != null && r(`\uFEFF${l(Array.from(e.rows), c.Csv)}`, S ?? "table.csv", s);
35
- }, [A, S]), R = f(() => {
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 == null || w == null || w(l(Array.from(e.rows), c.Markdown));
38
- }, [A, w]), z = u({
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__ */ _("div", {
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, y.tableWrapper),
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__ */ g(i, { actions: z }),
50
- /* @__PURE__ */ g("div", {
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, y.tableScrollContainer, {
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__ */ g("table", {
65
+ children: /* @__PURE__ */ _("table", {
62
66
  ref: A,
63
- className: e("w-max min-w-full border-collapse", y.tableFont ?? "dial-small-text"),
64
- children: d
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__ */ g("span", {
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
- //#endregion
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
- var e = {
2
- tableContainer: "_tableContainer_187t3_1",
3
- tableContainerLight: "_tableContainerLight_187t3_6",
4
- copiedIcon: "_copiedIcon_187t3_10",
5
- scrollContainer: "_scrollContainer_187t3_14",
6
- tableHeaderCell: "_tableHeaderCell_187t3_30",
7
- sectionRow: "_sectionRow_187t3_35",
8
- row: "_row_187t3_39",
9
- rowDivider: "_rowDivider_187t3_43",
10
- tableScrollFadeEnd: "_tableScrollFadeEnd_187t3_53",
11
- tableScrollFadeStart: "_tableScrollFadeStart_187t3_61",
12
- tableScrollFadeBoth: "_tableScrollFadeBoth_187t3_69"
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
- //#endregion
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
- //#region src/components/MarkdownRenderer/Table/TableHeader.tsx
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
- var e = { tableHeader: "_tableHeader_1qvg8_1" };
2
- //#endregion
3
- export { e as default };
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
- //#region src/components/MarkdownRenderer/Table/table-serialization.ts
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 };
@@ -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
- //#region src/components/MarkdownRenderer/Table/useMarkdownTableActions/useMarkdownTableActions.tsx
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
- //#region src/components/MarkdownRenderer/TaskCheckbox/MarkdownTaskCheckbox.tsx
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
- //#region src/components/MarkdownRenderer/markdown-class-names.ts
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
- //#region src/components/MarkdownWithPlaceholders/MarkdownWithPlaceholders.tsx
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
- //#region src/components/PanelEmptyState/PanelEmptyState.tsx
8
- var o = i(({ label: i, colors: o, labelClassName: s = "dial-tiny-text", containerClassName: c }) => /* @__PURE__ */ a("div", {
9
- style: t({ "--pes-label-color": o?.label }),
10
- children: /* @__PURE__ */ a(r, {
11
- title: i,
12
- titleClassName: e(n.label, s),
13
- className: c
14
- })
15
- }));
16
- //#endregion
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
- var e = { label: "_label_12p89_1" };
2
- //#endregion
3
- export { e as default };
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
- //#region src/components/ResourceSummary/ResourceSummary.tsx
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
- var e = {
2
- row: "_row_1csuq_1",
3
- versionTag: "_versionTag_1csuq_7"
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
- //#endregion
6
- export { e as default };
6
+ export { n as default, e as row, t as versionTag };
@@ -1,4 +1,3 @@
1
- //#region src/constants/breakpoint.ts
2
- var e = 1280, t = e - 1, n = `(min-width: ${e}px)`, r = `(max-width: ${t}px)`;
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,4 +1,3 @@
1
- //#region src/constants/dial.ts
1
+ // src/constants/dial.ts
2
2
  var e = ".dial_folder";
3
- //#endregion
4
3
  export { e as HIDDEN_FILE };
@@ -1,5 +1,5 @@
1
1
  import { CatalogEntityType as e } from "../types/entity-type.js";
2
- //#region src/constants/entity-colors.ts
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 };