@epam/ai-dial-chat-shared 1.2.0-dev.6 → 1.2.0-dev.69

package/components/MarkdownRenderer/CodeBlock/CodeBlock.js

@@ -2,81 +2,82 @@ import { CodeBlockTheme as e } from "../../../types/code-editor.js";
 import { mergeClasses as t } from "../../../utils/merge-class.js";
 import { buildCssVars as n } from "../../../utils/build-css-vars.js";
 import { downloadTextFile as r, getFileExtensionForLanguage as i } from "../../../utils/file-download.js";
-import { useCodeCopy as a } from "../../../hooks/useCodeCopy.js";
-import o from "./CodeBlock.module.scss.js";
-import { restrainedSyntaxTheme as s } from "./syntax-theme.js";
-import { DIAL_ICON_SIZE as c, DIAL_KIT_ICON_STROKE as l, ElementSize as u, GhostIconButton as d } from "@epam/ai-dial-ui-kit";
-import { Suspense as f, lazy as p, memo as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { IconCheck as _, IconCopy as v, IconDownload as y } from "@tabler/icons-react";
+import { CHAT_SHARED_CLASS as a } from "../../../constants/public-class-names.js";
+import { useCodeCopy as o } from "../../../hooks/useCodeCopy.js";
+import s from "./CodeBlock.module.scss.js";
+import { restrainedSyntaxTheme as c } from "./syntax-theme.js";
+import { DIAL_ICON_SIZE as l, DIAL_KIT_ICON_STROKE as u, ElementSize as d, GhostIconButton as f } from "@epam/ai-dial-ui-kit";
+import { Suspense as p, lazy as m, memo as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { IconCheck as v, IconCopy as y, IconDownload as b } from "@tabler/icons-react";
 //#region src/components/MarkdownRenderer/CodeBlock/CodeBlock.tsx
-var b = {
-	dark: s,
-	light: s
-}, x = p(async () => {
+var x = {
+	dark: c,
+	light: c
+}, S = m(async () => {
 	let { Prism: e } = await import("react-syntax-highlighter");
 	return { default: e };
-}), S = m(({ language: p, value: m, isStreaming: S, theme: C = e.Dark, copyLabel: w = "Copy code", copiedLabel: T = "Copied!", downloadLabel: E = "Download code", hideDownload: D = !1, containerClassName: O, headerClassName: k, codeClassName: A = "dial-code-text", languageLabelClassName: j = "dial-tiny-lead-semi-text", title: M, titleSlot: N, colors: P }) => {
-	let { isCopied: F, copy: I } = a(m), L = C === e.Light, R = () => {
-		r(m, `code.${i(p)}`);
-	}, z = /* @__PURE__ */ h("pre", {
+}), C = h(({ language: m, value: h, isStreaming: C, theme: w = e.Dark, copyLabel: T = "Copy code", copiedLabel: E = "Copied!", downloadLabel: D = "Download code", hideDownload: O = !1, containerClassName: k, headerClassName: A, codeClassName: j = "dial-code-text", languageLabelClassName: M = "dial-tiny-lead-semi-text", title: N, titleSlot: P, colors: F }) => {
+	let { isCopied: I, copy: L } = o(h), R = w === e.Light, z = () => {
+		r(h, `code.${i(m)}`);
+	}, B = /* @__PURE__ */ g("pre", {
 		className: "p-4",
-		children: /* @__PURE__ */ h("code", {
-			className: t("whitespace-pre", A),
-			children: m
+		children: /* @__PURE__ */ g("code", {
+			className: t("whitespace-pre", j),
+			children: h
 		})
 	});
-	return /* @__PURE__ */ g("div", {
+	return /* @__PURE__ */ _("div", {
 		style: n({
-			"--cm-code-block-bg": P?.background,
-			"--cm-code-block-border": P?.border,
-			"--cm-code-block-header-bg": P?.headerBackground,
-			"--cm-code-block-language": P?.language,
-			"--cm-code-block-copied": P?.copied,
-			"--cm-code-block-scrollbar": P?.scrollbar
+			"--cm-code-block-bg": F?.background,
+			"--cm-code-block-border": F?.border,
+			"--cm-code-block-header-bg": F?.headerBackground,
+			"--cm-code-block-language": F?.language,
+			"--cm-code-block-copied": F?.copied,
+			"--cm-code-block-scrollbar": F?.scrollbar
 		}),
-		className: t("my-4 max-w-full overflow-hidden rounded-xl border", o.container, L && o.containerLight, O),
+		className: t("my-4 max-w-full rounded-xl border [overflow:clip]", s.container, R && s.containerLight, k, a.codeBlock),
 		children: [
-			/* @__PURE__ */ g("div", {
-				className: t("flex min-h-10 items-center justify-between border-b px-4", N == null ? "py-2" : "py-0", o.header, k),
-				children: [N ?? /* @__PURE__ */ h("span", {
-					className: t(o.languageLabel, j),
-					children: M ?? p
-				}), !S && /* @__PURE__ */ g("div", {
+			/* @__PURE__ */ _("div", {
+				className: t("sticky top-0 z-10 flex min-h-10 items-center justify-between px-4", P == null ? "py-2" : "py-0", s.header, A, a.codeBlockHeader),
+				children: [P ?? /* @__PURE__ */ g("span", {
+					className: t(s.languageLabel, M),
+					children: N ?? m
+				}), !C && /* @__PURE__ */ _("div", {
 					className: "flex items-center gap-1",
-					children: [!D && /* @__PURE__ */ h(d, {
-						icon: /* @__PURE__ */ h(y, {
-							size: c.SM,
-							stroke: l
+					children: [!O && /* @__PURE__ */ g(f, {
+						icon: /* @__PURE__ */ g(b, {
+							size: l.SM,
+							stroke: u
 						}),
-						"aria-label": E,
-						size: u.Small,
-						onClick: R
-					}), /* @__PURE__ */ h(d, {
-						icon: F ? /* @__PURE__ */ h(_, {
-							size: c.SM,
-							className: o.copiedIcon,
+						"aria-label": D,
+						size: d.Small,
+						onClick: z
+					}), /* @__PURE__ */ g(f, {
+						icon: I ? /* @__PURE__ */ g(v, {
+							size: l.SM,
+							className: s.copiedIcon,
 							"aria-hidden": !0,
-							stroke: l
-						}) : /* @__PURE__ */ h(v, {
-							size: c.SM,
+							stroke: u
+						}) : /* @__PURE__ */ g(y, {
+							size: l.SM,
 							"aria-hidden": !0,
-							stroke: l
+							stroke: u
 						}),
-						"aria-label": w,
-						size: u.Small,
-						onClick: I
+						"aria-label": T,
+						size: d.Small,
+						onClick: L
 					})]
 				})]
 			}),
-			/* @__PURE__ */ h("div", {
-				className: t(o.scrollContainer, "max-h-[60vh] overflow-auto"),
+			/* @__PURE__ */ g("div", {
+				className: t(s.scrollContainer, "max-h-[60vh] overflow-auto"),
 				dir: "ltr",
-				children: p ? /* @__PURE__ */ h(f, {
-					fallback: z,
-					children: /* @__PURE__ */ h(x, {
-						language: p,
-						style: b[C] ?? s,
+				children: m ? /* @__PURE__ */ g(p, {
+					fallback: B,
+					children: /* @__PURE__ */ g(S, {
+						language: m,
+						style: x[w] ?? c,
 						customStyle: {
 							margin: 0,
 							borderRadius: 0,
@@ -86,19 +87,19 @@ var b = {
 							padding: "14px 16px",
 							letterSpacing: 0
 						},
-						codeTagProps: { className: A },
-						children: m
+						codeTagProps: { className: j },
+						children: h
 					})
-				}) : z
+				}) : B
 			}),
-			/* @__PURE__ */ h("span", {
+			/* @__PURE__ */ g("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				children: F ? T : ""
+				children: I ? E : ""
 			})
 		]
 	});
 });
 //#endregion
-export { S as MarkdownCodeBlock };
+export { C as MarkdownCodeBlock };

package/components/MarkdownRenderer/CodeBlock/CodeBlock.module.scss.js

@@ -1,10 +1,10 @@
 var e = {
-	container: "_container_spugt_1",
-	containerLight: "_containerLight_spugt_6",
-	header: "_header_spugt_10",
-	languageLabel: "_languageLabel_spugt_15",
-	copiedIcon: "_copiedIcon_spugt_19",
-	scrollContainer: "_scrollContainer_spugt_23"
+	container: "_container_sqe5k_1",
+	containerLight: "_containerLight_sqe5k_6",
+	header: "_header_sqe5k_10",
+	languageLabel: "_languageLabel_sqe5k_15",
+	copiedIcon: "_copiedIcon_sqe5k_19",
+	scrollContainer: "_scrollContainer_sqe5k_23"
 };
 //#endregion
 export { e as default };

package/components/MarkdownRenderer/MarkdownRenderer.js

@@ -198,7 +198,7 @@ var T = [
 		children: n
 	}),
 	td: ({ children: n, node: r }) => /* @__PURE__ */ g("td", {
-		className: e("max-w-96 whitespace-normal px-3 py-2.5 align-top [overflow-wrap:anywhere]", R(r), s.rowDivider, t.tableBodyCell, t.tableCell),
+		className: e("max-w-96 whitespace-normal px-3 py-[7px] align-top [overflow-wrap:anywhere]", R(r), s.rowDivider, t.tableBodyCell, t.tableCell),
 		children: n
 	})
 }), V = d(({ content: e, containerClassName: i, isStreaming: o, streamCharactersPerSecond: s, classNames: c = N, components: l, urlTransform: u, rehypePlugins: d = A, thinkingLabel: h = "Thinking", codeBlockCopyLabel: _, codeBlockCopiedLabel: y, codeBlockTheme: b, colors: x, tableActionLabels: S, tableDownloadFilename: C, tableOnOpenInCanvas: w, tableScrollRegionAriaLabel: E, mathScrollRegionAriaLabel: D }) => {

package/components/MarkdownRenderer/Math/MarkdownMathBlock.js

@@ -1,24 +1,25 @@
 import { mergeClasses as e } from "../../../utils/merge-class.js";
-import { useHorizontalOverflow as t } from "../../../hooks/useHorizontalOverflow.js";
-import n from "./MarkdownMathBlock.module.scss.js";
-import { memo as r } from "react";
-import { jsx as i } from "react/jsx-runtime";
+import { CHAT_SHARED_CLASS as t } from "../../../constants/public-class-names.js";
+import { useHorizontalOverflow as n } from "../../../hooks/useHorizontalOverflow.js";
+import r from "./MarkdownMathBlock.module.scss.js";
+import { memo as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
 //#region src/components/MarkdownRenderer/Math/MarkdownMathBlock.tsx
-var a = r(({ children: r, className: a, scrollRegionAriaLabel: o = "Scrollable formula" }) => {
-	let { scrollContainerRef: s, contentRef: c, hasContentBeyondStart: l, hasContentBeyondEnd: u, handleScroll: d } = t(), f = l || u;
-	return /* @__PURE__ */ i("div", {
-		ref: s,
-		className: e("w-full min-w-0 max-w-full overflow-x-auto overflow-y-hidden", n.scrollContainer, a),
-		onScroll: d,
-		role: f ? "region" : void 0,
-		"aria-label": f ? o : void 0,
-		tabIndex: f ? 0 : void 0,
-		children: /* @__PURE__ */ i("span", {
-			ref: c,
-			className: e("katex", n.mathContent),
-			children: r
+var o = i(({ children: i, className: o, scrollRegionAriaLabel: s = "Scrollable formula" }) => {
+	let { scrollContainerRef: c, contentRef: l, hasContentBeyondStart: u, hasContentBeyondEnd: d, handleScroll: f } = n(), p = u || d;
+	return /* @__PURE__ */ a("div", {
+		ref: c,
+		className: e("w-full min-w-0 max-w-full overflow-x-auto overflow-y-hidden", r.scrollContainer, o, t.mathBlock),
+		onScroll: f,
+		role: p ? "region" : void 0,
+		"aria-label": p ? s : void 0,
+		tabIndex: p ? 0 : void 0,
+		children: /* @__PURE__ */ a("span", {
+			ref: l,
+			className: e("katex", r.mathContent),
+			children: i
 		})
 	});
 });
 //#endregion
-export { a as MarkdownMathBlock };
+export { o as MarkdownMathBlock };

package/components/MarkdownRenderer/Table/MarkdownTable.js

@@ -1,77 +1,95 @@
 import { mergeClasses as e } from "../../../utils/merge-class.js";
 import { buildCssVars as t } from "../../../utils/build-css-vars.js";
-import { copyToClipboard as n } from "../../../utils/copy-to-clipboard.js";
+import { copyMarkdownAsRichText as n } from "../../../utils/copy-to-clipboard.js";
 import { downloadTextFile as r } from "../../../utils/file-download.js";
-import { TableHeader as i } from "./TableHeader.js";
+import { CHAT_SHARED_CLASS as i } from "../../../constants/public-class-names.js";
 import { useHorizontalOverflow as a } from "../../../hooks/useHorizontalOverflow.js";
 import o from "./MarkdownTable.module.scss.js";
 import { MARKDOWN_TABLE_CSV_MIME_TYPE as s, MarkdownTableCopyFormat as c, serializeMarkdownTableRows as l } from "./table-serialization.js";
 import { useMarkdownTableActions as u } from "./useMarkdownTableActions/useMarkdownTableActions.js";
-import { memo as d, useCallback as f, useEffect as p, useRef as m, useState as h } from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { ElementSize as d, GhostIconButton as f, Tooltip as p } from "@epam/ai-dial-ui-kit";
+import { memo as m, useCallback as h, useEffect as g, useRef as _, useState as v } from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
 //#region src/components/MarkdownRenderer/Table/MarkdownTable.tsx
-var v = 2e3, y = d(({ children: d, classNames: y, colors: b, actionLabels: x, downloadFilename: S, isStreaming: C, onOpenInCanvas: w, scrollRegionAriaLabel: T = "Scrollable table" }) => {
-	let [E, D] = h(void 0), O = m(null), { scrollContainerRef: k, contentRef: A, hasContentBeyondStart: j, hasContentBeyondEnd: M, handleScroll: N } = a(), P = t({
-		"--cm-markdown-border": b?.border,
-		"--cm-table-scrollbar": b?.scrollbar,
-		"--cm-table-fade": b?.fade,
-		"--cm-table-row-divider": b?.rowDivider,
-		"--cm-table-row-zebra-bg": b?.rowZebraBackground,
-		"--cm-table-row-hover-bg": b?.rowHoverBackground
-	}), F = j || M;
-	p(() => () => {
-		O.current != null && clearTimeout(O.current);
+var x = 2e3, S = m(({ children: m, classNames: S, colors: C, actionLabels: w, downloadFilename: T, isStreaming: E, onOpenInCanvas: D, scrollRegionAriaLabel: O = "Scrollable table" }) => {
+	let [k, A] = v(!1), j = _(null), { scrollContainerRef: M, contentRef: N, hasContentBeyondStart: P, hasContentBeyondEnd: F, handleScroll: I } = a(), L = t({
+		"--cm-markdown-border": C?.border,
+		"--cm-table-scrollbar": C?.scrollbar,
+		"--cm-table-fade": C?.fade,
+		"--cm-table-row-divider": C?.rowDivider,
+		"--cm-table-row-hover-bg": C?.rowHoverBackground
+	}), R = P || F;
+	g(() => () => {
+		j.current != null && clearTimeout(j.current);
 	}, []);
-	let I = f((e) => {
-		let t = A.current;
-		t != null && n(l(Array.from(t.rows), e)).then((t) => {
-			t && (O.current != null && clearTimeout(O.current), D(e), O.current = setTimeout(() => {
-				D(void 0);
-			}, v));
+	let z = h(() => {
+		let e = N.current;
+		e != null && n(l(Array.from(e.rows), c.Markdown)).then((e) => {
+			e && (j.current != null && clearTimeout(j.current), A(!0), j.current = setTimeout(() => {
+				A(!1);
+			}, x));
 		});
-	}, [A]), L = f(() => {
-		let e = A.current;
-		e != null && r(`\uFEFF${l(Array.from(e.rows), c.Csv)}`, S ?? "table.csv", s);
-	}, [A, S]), R = f(() => {
-		let e = A.current;
-		e == null || w == null || w(l(Array.from(e.rows), c.Markdown));
-	}, [A, w]), z = u({
-		actionLabels: x,
-		copiedFormat: E,
-		onCopy: I,
-		onDownloadCsv: L,
-		onOpenInCanvas: w == null ? void 0 : R
-	}), B = z.length > 0 && !C;
-	return /* @__PURE__ */ _("div", {
-		style: P,
-		className: e("relative w-full min-w-0 max-w-full overflow-hidden rounded-xl border", o.tableContainer, o.tableContainerLight, y.tableWrapper),
+	}, [N]), B = h(() => {
+		let e = N.current;
+		e != null && r(`\uFEFF${l(Array.from(e.rows), c.Csv)}`, T ?? "table.csv", s);
+	}, [N, T]), V = h(() => {
+		let e = N.current;
+		e == null || D == null || D(l(Array.from(e.rows), c.Markdown));
+	}, [N, D]), H = u({
+		actionLabels: w,
+		isCopied: k,
+		onCopy: z,
+		onDownloadCsv: B,
+		onOpenInCanvas: D == null ? void 0 : V
+	}), U = H.length > 0 && !E;
+	return /* @__PURE__ */ b("div", {
+		style: L,
+		className: e("group/table relative w-full min-w-0 max-w-full rounded-xl border [overflow:clip]", o.tableContainer, S.tableWrapper, i.table),
 		children: [
-			B && /* @__PURE__ */ g(i, { actions: z }),
-			/* @__PURE__ */ g("div", {
-				ref: k,
-				className: e("w-full min-w-0 max-w-full overflow-x-auto", o.scrollContainer, y.tableScrollContainer, {
-					[o.tableScrollFadeBoth]: j && M,
-					[o.tableScrollFadeStart]: j && !M,
-					[o.tableScrollFadeEnd]: !j && M
-				}),
-				onScroll: N,
-				role: F ? "region" : void 0,
-				"aria-label": F ? T : void 0,
-				tabIndex: F ? 0 : void 0,
-				children: /* @__PURE__ */ g("table", {
-					ref: A,
-					className: e("w-max min-w-full border-collapse", y.tableFont ?? "dial-small-text"),
-					children: d
+			U && /* @__PURE__ */ y("div", {
+				className: "sticky top-0 z-10 h-0",
+				children: /* @__PURE__ */ y("div", {
+					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",
+					children: H.map((e) => /* @__PURE__ */ y(p, {
+						tooltip: e.label,
+						asChild: !0,
+						children: /* @__PURE__ */ y(f, {
+							"aria-label": e.label,
+							icon: /* @__PURE__ */ y("span", {
+								"aria-hidden": !0,
+								children: e.icon
+							}),
+							size: d.Small,
+							onClick: e.onClick
+						})
+					}, e.label))
 				})
 			}),
-			x?.copiedLabel && /* @__PURE__ */ g("span", {
+			/* @__PURE__ */ y("div", {
+				ref: M,
+				className: e("w-full min-w-0 max-w-full overflow-x-auto", o.scrollContainer, S.tableScrollContainer, {
+					[o.tableScrollFadeBoth]: P && F,
+					[o.tableScrollFadeStart]: P && !F,
+					[o.tableScrollFadeEnd]: !P && F
+				}, i.tableScroll),
+				onScroll: I,
+				role: R ? "region" : void 0,
+				"aria-label": R ? O : void 0,
+				tabIndex: R ? 0 : void 0,
+				children: /* @__PURE__ */ y("table", {
+					ref: N,
+					className: e("w-max min-w-full border-collapse", S.tableFont ?? "dial-small-text"),
+					children: m
+				})
+			}),
+			w?.copyLabel && /* @__PURE__ */ y("span", {
 				"aria-live": "polite",
 				className: "sr-only",
 				role: "status",
-				children: E ? x.copiedLabel : ""
+				children: k ? w.copiedLabel ?? "" : ""
 			})
 		]
 	});
 });
 //#endregion
-export { y as MarkdownTable };
+export { S as MarkdownTable };

package/components/MarkdownRenderer/Table/MarkdownTable.module.scss.js

@@ -1,15 +1,15 @@
 var e = {
-	tableContainer: "_tableContainer_187t3_1",
-	tableContainerLight: "_tableContainerLight_187t3_6",
-	copiedIcon: "_copiedIcon_187t3_10",
-	scrollContainer: "_scrollContainer_187t3_14",
-	tableHeaderCell: "_tableHeaderCell_187t3_30",
-	sectionRow: "_sectionRow_187t3_35",
-	row: "_row_187t3_39",
-	rowDivider: "_rowDivider_187t3_43",
-	tableScrollFadeEnd: "_tableScrollFadeEnd_187t3_53",
-	tableScrollFadeStart: "_tableScrollFadeStart_187t3_61",
-	tableScrollFadeBoth: "_tableScrollFadeBoth_187t3_69"
+	tableContainer: "_tableContainer_1fwnj_1",
+	tableContainerLight: "_tableContainerLight_1fwnj_6",
+	copiedIcon: "_copiedIcon_1fwnj_10",
+	scrollContainer: "_scrollContainer_1fwnj_14",
+	tableHeaderCell: "_tableHeaderCell_1fwnj_30",
+	sectionRow: "_sectionRow_1fwnj_37",
+	rowDivider: "_rowDivider_1fwnj_41",
+	row: "_row_1fwnj_41",
+	tableScrollFadeEnd: "_tableScrollFadeEnd_1fwnj_51",
+	tableScrollFadeStart: "_tableScrollFadeStart_1fwnj_59",
+	tableScrollFadeBoth: "_tableScrollFadeBoth_1fwnj_67"
 };
 //#endregion
 export { e as default };

package/components/MarkdownRenderer/Table/table-serialization.js

@@ -1,6 +1,6 @@
 //#region src/components/MarkdownRenderer/Table/table-serialization.ts
 var e = /* @__PURE__ */ function(e) {
-	return e.Csv = "csv", e.Txt = "txt", e.Markdown = "markdown", e;
-}({}), 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");
+	return e.Csv = "csv", e.Markdown = "markdown", e;
+}({}), 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, t) => t === "csv" ? e.map(i).join("\n") : e.map((e, t) => t === 0 ? [a(e), `| ${r(e).map(() => ":--").join(" | ")} |`].join("\n") : a(e)).join("\n");
 //#endregion
-export { t as DEFAULT_MARKDOWN_TABLE_DOWNLOAD_FILENAME, n as MARKDOWN_TABLE_CSV_MIME_TYPE, e as MarkdownTableCopyFormat, s as serializeMarkdownTableRows };
+export { t as DEFAULT_MARKDOWN_TABLE_DOWNLOAD_FILENAME, n as MARKDOWN_TABLE_CSV_MIME_TYPE, e as MarkdownTableCopyFormat, o as serializeMarkdownTableRows };

package/components/MarkdownRenderer/Table/useMarkdownTableActions/useMarkdownTableActions.js

@@ -1,66 +1,52 @@
 import e from "../MarkdownTable.module.scss.js";
-import { MarkdownTableCopyFormat as t } from "../table-serialization.js";
-import { DIAL_ICON_SIZE as n, DIAL_KIT_ICON_STROKE as r } from "@epam/ai-dial-ui-kit";
-import { useMemo as i } from "react";
-import { jsx as a } from "react/jsx-runtime";
-import { IconCheck as o, IconCsv as s, IconDownload as c, IconMarkdown as l, IconMaximize as u, IconTxt as d } from "@tabler/icons-react";
+import { DIAL_ICON_SIZE as t, DIAL_KIT_ICON_STROKE as n } from "@epam/ai-dial-ui-kit";
+import { useMemo as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { IconCheck as a, IconCopy as o, IconDownload as s, IconLayoutSidebarRight as c } from "@tabler/icons-react";
 //#region src/components/MarkdownRenderer/Table/useMarkdownTableActions/useMarkdownTableActions.tsx
-var f = ({ actionLabels: f, copiedFormat: p, onCopy: m, onDownloadCsv: h, onOpenInCanvas: g }) => i(() => {
-	if (f == null) return [];
-	let i = [], _ = [
-		{
-			label: f.copyCsvLabel,
-			format: t.Csv,
-			Icon: s
-		},
-		{
-			label: f.copyTxtLabel,
-			format: t.Txt,
-			Icon: d
-		},
-		{
-			label: f.copyMarkdownLabel,
-			format: t.Markdown,
-			Icon: l
+var l = ({ actionLabels: l, isCopied: u, onCopy: d, onDownloadCsv: f, onOpenInCanvas: p }) => {
+	let m = l?.copyLabel, h = l?.downloadCsvLabel, g = l?.openInCanvasLabel;
+	return r(() => {
+		let r = [];
+		if (m != null) {
+			let s = u ? /* @__PURE__ */ i(a, {
+				className: e.copiedIcon,
+				size: t.SM,
+				stroke: n
+			}) : /* @__PURE__ */ i(o, {
+				size: t.SM,
+				stroke: n
+			});
+			r.push({
+				label: m,
+				icon: s,
+				onClick: d
+			});
 		}
-	];
-	for (let { label: t, format: s, Icon: c } of _) {
-		if (t == null) continue;
-		let l = p === s ? /* @__PURE__ */ a(o, {
-			className: e.copiedIcon,
-			size: n.SM,
-			stroke: r
-		}) : /* @__PURE__ */ a(c, {
-			size: n.SM,
-			stroke: r
-		});
-		i.push({
-			label: t,
-			icon: l,
-			onClick: () => m(s)
-		});
-	}
-	return f.downloadCsvLabel != null && i.push({
-		label: f.downloadCsvLabel,
-		icon: /* @__PURE__ */ a(c, {
-			size: n.SM,
-			stroke: r
-		}),
-		onClick: h
-	}), f.openInCanvasLabel != null && g != null && i.push({
-		label: f.openInCanvasLabel,
-		icon: /* @__PURE__ */ a(u, {
-			size: n.SM,
-			stroke: r
-		}),
-		onClick: g
-	}), i;
-}, [
-	f,
-	p,
-	m,
-	h,
-	g
-]);
+		return h != null && r.push({
+			label: h,
+			icon: /* @__PURE__ */ i(s, {
+				size: t.SM,
+				stroke: n
+			}),
+			onClick: f
+		}), g != null && p != null && r.push({
+			label: g,
+			icon: /* @__PURE__ */ i(c, {
+				size: t.SM,
+				stroke: n
+			}),
+			onClick: p
+		}), r;
+	}, [
+		m,
+		h,
+		g,
+		u,
+		d,
+		f,
+		p
+	]);
+};
 //#endregion
-export { f as useMarkdownTableActions };
+export { l as useMarkdownTableActions };

package/constants/public-class-names.js

@@ -0,0 +1,10 @@
+//#region src/constants/public-class-names.ts
+var e = {
+	codeBlock: "dial-chat-shared-code-block",
+	codeBlockHeader: "dial-chat-shared-code-block-header",
+	table: "dial-chat-shared-table",
+	tableScroll: "dial-chat-shared-table-scroll",
+	mathBlock: "dial-chat-shared-math-block"
+};
+//#endregion
+export { e as CHAT_SHARED_CLASS };

package/constants/resizable-fields.js

@@ -1,4 +1,4 @@
 //#region src/constants/resizable-fields.ts
-var e = "max-h-[50vh]", t = "--resizable-field-max-height", n = "[&_.w-md-editor]:max-h-[var(--resizable-field-max-height,70vh)]";
+var e = "max-h-[50vh]", t = "--resizable-field-max-height", n = "[&_.w-md-editor:not(.w-md-editor-fullscreen)]:max-h-[var(--resizable-field-max-height,70vh)]";
 //#endregion
 export { n as MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME, t as RESIZABLE_FIELD_MAX_HEIGHT_CSS_VARIABLE, e as RESIZABLE_TEXTAREA_CLASS_NAME };