@epam/ai-dial-chat-shared 1.3.0-dev.96 → 1.3.0-rc.0

package/components/MarkdownRenderer/CodeBlock/CodeBlock.d.ts

@@ -27,18 +27,22 @@ export interface MarkdownCodeBlockProps {
     theme?: CodeBlockTheme;
     /** Accessible label for the copy button. Defaults to `'Copy code'`. */
     copyLabel?: string;
-    /** Message announced through the block's `aria-live="polite"` region after a copy completes. The copy button's own accessible name stays `copyLabel`. Defaults to `'Copied!'`. */
+    /** Message announced through the block's polite kit `LiveRegion` after a copy completes. The copy button's own accessible name stays `copyLabel`. Defaults to `'Copied!'`. */
     copiedLabel?: string;
     /** Accessible label for the download button. Defaults to `'Download code'`. */
     downloadLabel?: string;
+    /** Accessible label for the scrollable code region. Defaults to `'Scrollable code'`. */
+    scrollRegionAriaLabel?: string;
     /** When true, hides the download button while still showing copy. Defaults to `false`. */
     hideDownload?: boolean;
     /** Extra classes applied to the outer container element. */
     containerClassName?: string;
     /** Extra classes applied to the sticky header bar. */
     headerClassName?: string;
-    /** Typography class for the `<code>` element (used when no language is detected). Defaults to `'dial-code-text'`. */
+    /** Typography class for the code text — the `<code>` element, plus the highlighted `<pre>` when a language is detected. Defaults to `'dial-code-text'`. */
     codeClassName?: string;
+    /** Whether the code keeps its own top padding below the header; `false` starts it right under the header. Defaults to `true`. */
+    hasContentTopPadding?: boolean;
     /** CSS class applied to the language label in the header. Defaults to `'dial-tiny-lead-semi-text'` plus the module's `.languageLabel` class (`--text-secondary`). */
     languageLabelClassName?: string;
     /** Header text shown in place of `language`, for blocks whose highlighting id is not the name to display (e.g. `bash` highlighted, `cURL` shown). Defaults to the `language` value. */

package/components/MarkdownRenderer/CodeBlock/CodeBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/MarkdownRenderer/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAQ,KAAK,EAAE,EAAQ,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAG/E,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAW5D,2EAA2E;AAC3E,MAAM,WAAW,uBAAuB;IACtC,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qCAAqC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,2CAA2C;AAC3C,MAAM,WAAW,sBAAsB;IACrC,2FAA2F;IAC3F,QAAQ,EAAE,MAAM,CAAC;IACjB,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iEAAiE;IACjE,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kLAAkL;IAClL,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0FAA0F;IAC1F,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4DAA4D;IAC5D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sDAAsD;IACtD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qHAAqH;IACrH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qKAAqK;IACrK,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,uLAAuL;IACvL,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4IAA4I;IAC5I,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,wDAAwD;IACxD,MAAM,CAAC,EAAE,uBAAuB,CAAC;CAClC;AAiBD,4FAA4F;AAC5F,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA0JxD,CAAC"}
+{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/MarkdownRenderer/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"AASA,OAAO,EAAQ,KAAK,EAAE,EAAQ,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAG/E,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAW5D,2EAA2E;AAC3E,MAAM,WAAW,uBAAuB;IACtC,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qCAAqC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,2CAA2C;AAC3C,MAAM,WAAW,sBAAsB;IACrC,2FAA2F;IAC3F,QAAQ,EAAE,MAAM,CAAC;IACjB,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iEAAiE;IACjE,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8KAA8K;IAC9K,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wFAAwF;IACxF,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,0FAA0F;IAC1F,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4DAA4D;IAC5D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sDAAsD;IACtD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2JAA2J;IAC3J,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iIAAiI;IACjI,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qKAAqK;IACrK,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,uLAAuL;IACvL,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4IAA4I;IAC5I,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,wDAAwD;IACxD,MAAM,CAAC,EAAE,uBAAuB,CAAC;CAClC;AAiBD,4FAA4F;AAC5F,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA+JxD,CAAC"}

package/components/MarkdownRenderer/CodeBlock/CodeBlock.js

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

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

@@ -1,10 +1,11 @@
-var e = {
-	container: "_container_sqe5k_1",
-	containerLight: "_containerLight_sqe5k_6",
-	header: "_header_sqe5k_10",
-	languageLabel: "_languageLabel_sqe5k_15",
-	copiedIcon: "_copiedIcon_sqe5k_19",
-	scrollContainer: "_scrollContainer_sqe5k_23"
+//#region src/components/MarkdownRenderer/CodeBlock/CodeBlock.module.scss
+var e = "_container_sqe5k_1", t = "_containerLight_sqe5k_6", n = "_header_sqe5k_10", r = "_languageLabel_sqe5k_15", i = "_copiedIcon_sqe5k_19", a = "_scrollContainer_sqe5k_23", o = {
+	container: e,
+	containerLight: t,
+	header: n,
+	languageLabel: r,
+	copiedIcon: i,
+	scrollContainer: a
 };
 //#endregion
-export { e as default };
+export { e as container, t as containerLight, i as copiedIcon, o as default, n as header, r as languageLabel, a as scrollContainer };

package/components/MarkdownRenderer/CodeBlock/syntax-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"syntax-theme.d.ts","sourceRoot":"","sources":["../../../../src/components/MarkdownRenderer/CodeBlock/syntax-theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,2EAA2E;AAC3E,KAAK,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAQnD,wHAAwH;AACxH,eAAO,MAAM,qBAAqB,EAAE,aA6DnC,CAAC"}
+{"version":3,"file":"syntax-theme.d.ts","sourceRoot":"","sources":["../../../../src/components/MarkdownRenderer/CodeBlock/syntax-theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,2EAA2E;AAC3E,KAAK,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AASnD,wHAAwH;AACxH,eAAO,MAAM,qBAAqB,EAAE,aA6DnC,CAAC"}

package/components/MarkdownRenderer/MarkdownRenderer.d.ts

@@ -107,6 +107,8 @@ export interface MarkdownRendererProps {
     tableScrollRegionAriaLabel?: string;
     /** Accessible label for a block formula's horizontally scrollable region. Defaults to `'Scrollable formula'`. */
     mathScrollRegionAriaLabel?: string;
+    /** Accessible label for a code block's scrollable region. Defaults to `'Scrollable code'`. */
+    codeBlockScrollRegionAriaLabel?: string;
 }
 /** CSS custom-property overrides for the `MarkdownRenderer` component. */
 export interface MarkdownRendererColors {
@@ -132,6 +134,10 @@ export interface MarkdownRendererColors {
     inlineCodeBackground?: string;
     /** Text color for inline `<code>` spans. Defaults to `--text-primary`. */
     inlineCodeText?: string;
+    /** Scrollbar thumb color of a horizontally scrolling display formula. Defaults to `--stroke-primary`. */
+    mathScrollbar?: string;
+    /** Focus-visible outline color of a scrollable display formula. Defaults to `--stroke-focus`. */
+    mathFocus?: string;
 }
 export declare const defaultMarkdownComponents: Components;
 /** Markdown renderer with GFM support. Styling is driven by `classNames`; structural overrides via `components`. */

package/components/MarkdownRenderer/MarkdownRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/MarkdownRenderer/MarkdownRenderer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MarkdownRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/MarkdownRenderer/MarkdownRenderer.tsx"],"names":[],"mappings":"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"}

package/components/MarkdownRenderer/MarkdownRenderer.js

@@ -91,7 +91,7 @@ var O = [
 }, H = (e) => {
 	let t = e?.properties?.align;
 	return typeof t == "string" ? V[t] : void 0;
-}, U = (e) => e ? e.type === "text" ? e.value ?? "" : (e.children ?? []).map(U).join("") : "", W = (t, { isStreaming: n, codeBlockCopyLabel: r, codeBlockCopiedLabel: i, codeBlockDownloadLabel: o, codeBlockTheme: f, tableActionLabels: p, tableDownloadFilename: m, tableOnOpenInCanvas: h, tableScrollRegionAriaLabel: g, mathScrollRegionAriaLabel: _ }) => ({
+}, U = (e) => e ? e.type === "text" ? e.value ?? "" : (e.children ?? []).map(U).join("") : "", W = (t, { isStreaming: n, codeBlockCopyLabel: r, codeBlockCopiedLabel: i, codeBlockDownloadLabel: o, codeBlockTheme: f, tableActionLabels: p, tableDownloadFilename: m, tableOnOpenInCanvas: h, tableScrollRegionAriaLabel: g, mathScrollRegionAriaLabel: _, codeBlockScrollRegionAriaLabel: b }) => ({
 	h1: ({ children: e }) => /* @__PURE__ */ y("h1", {
 		className: t.h1,
 		children: e
@@ -117,7 +117,7 @@ var O = [
 		children: n
 	}),
 	p: ({ children: n }) => /* @__PURE__ */ y("p", {
-		className: e("break-words", t.p),
+		className: e("wrap-break-word", t.p),
 		children: n
 	}),
 	ul: ({ children: n }) => /* @__PURE__ */ y("ul", {
@@ -147,6 +147,7 @@ var O = [
 			copyLabel: r,
 			copiedLabel: i,
 			downloadLabel: o,
+			scrollRegionAriaLabel: b,
 			containerClassName: t.codeBlockContainer,
 			headerClassName: t.codeBlockHeader,
 			codeClassName: t.codeFont
@@ -163,7 +164,7 @@ var O = [
 		href: n,
 		target: "_blank",
 		rel: "noopener noreferrer",
-		className: e("break-words underline decoration-current/60 underline-offset-2 hover:decoration-current focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2", s.link, t.link),
+		className: e("wrap-break-word underline decoration-current/60 underline-offset-2 hover:decoration-current focus-visible:outline-1 focus-visible:outline-offset-2", s.link, t.link),
 		children: r
 	}),
 	hr: () => /* @__PURE__ */ y("hr", { className: e("my-5 border-t", s.secondaryBorder, t.hr) }),
@@ -198,39 +199,39 @@ var O = [
 	},
 	th: ({ children: n, node: r }) => /* @__PURE__ */ y("th", {
 		scope: "col",
-		className: e("sticky top-0 z-[2] max-w-96 px-3 py-2.5 text-start break-words whitespace-normal", H(r), l.rowDivider, l.tableHeaderCell, t.tableHeaderFont ?? "dial-tiny-lead-semi-text", t.tableCell, t.tableHeader),
+		className: e("sticky top-0 z-2 max-w-96 px-3 py-2.5 text-start wrap-break-word whitespace-normal", H(r), l.rowDivider, l.tableHeaderCell, t.tableHeaderFont ?? "dial-tiny-lead-semi-text", t.tableCell, t.tableHeader),
 		children: n
 	}),
 	td: ({ children: n, node: r }) => /* @__PURE__ */ y("td", {
-		className: e("max-w-96 px-3 py-[7px] align-top [overflow-wrap:anywhere] whitespace-normal", H(r), l.rowDivider, t.tableBodyCell, t.tableCell),
+		className: e("max-w-96 px-3 py-[7px] align-top wrap-anywhere whitespace-normal", H(r), l.rowDivider, t.tableBodyCell, t.tableCell),
 		children: n
 	})
-}), G = m(({ content: i, containerClassName: a, isStreaming: s, streamCharactersPerSecond: c, classNames: l = L, components: u, urlTransform: d, rehypePlugins: p = P, isRawHtmlEnabled: m = !0, thinkingLabel: v = "Thinking", codeBlockCopyLabel: b, codeBlockCopiedLabel: S, codeBlockDownloadLabel: C, codeBlockTheme: w, colors: T, tableActionLabels: E, tableDownloadFilename: D, tableOnOpenInCanvas: k, tableScrollRegionAriaLabel: A, mathScrollRegionAriaLabel: F }) => {
-	let B = n(i, s, c), V = g(() => r(B), [B]), H = g(() => I(V), [V]), [U, G] = _(null);
+}), G = m(({ content: i, containerClassName: a, isStreaming: s, streamCharactersPerSecond: c, classNames: l = L, components: u, urlTransform: d, rehypePlugins: p = P, isRawHtmlEnabled: m = !0, thinkingLabel: v = "Thinking", codeBlockCopyLabel: b, codeBlockCopiedLabel: S, codeBlockDownloadLabel: C, codeBlockTheme: w, colors: T, tableActionLabels: E, tableDownloadFilename: D, tableOnOpenInCanvas: k, tableScrollRegionAriaLabel: A, mathScrollRegionAriaLabel: F, codeBlockScrollRegionAriaLabel: B }) => {
+	let V = n(i, s, c), H = g(() => r(V), [V]), U = g(() => I(H), [H]), [G, K] = _(null);
 	h(() => {
-		if (!H || U) return;
+		if (!U || G) return;
 		let e = !1;
 		return (async () => {
 			let [t] = await Promise.all([import("rehype-katex"), import("katex/dist/katex.min.css")]);
-			e || G([t.default, {
+			e || K([t.default, {
 				output: "mathml",
 				strict: !1
 			}]);
 		})(), () => {
 			e = !0;
 		};
-	}, [H, U]);
-	let K = g(() => [
+	}, [U, G]);
+	let q = g(() => [
 		...m ? j : M,
-		...U ? [U] : [],
+		...G ? [G] : [],
 		N,
 		o,
 		...p
 	], [
 		m,
-		U,
+		G,
 		p
-	]), q = t({
+	]), J = t({
 		"--cm-markdown-border": T?.border,
 		"--cm-blockquote-border": T?.blockquoteBorder,
 		"--cm-blockquote-text": T?.blockquoteText,
@@ -239,8 +240,10 @@ var O = [
 		"--cm-table-header-text": T?.tableHeaderText,
 		"--cm-h6-text": T?.headingSixText,
 		"--cm-code-inline-bg": T?.inlineCodeBackground,
-		"--cm-code-inline-text": T?.inlineCodeText
-	}), J = g(() => R(d), [d]), Y = g(() => ({
+		"--cm-code-inline-text": T?.inlineCodeText,
+		"--cm-math-scrollbar": T?.mathScrollbar,
+		"--cm-math-focus": T?.mathFocus
+	}), Y = g(() => R(d), [d]), X = g(() => ({
 		...W(l, {
 			isStreaming: s,
 			codeBlockCopyLabel: b,
@@ -251,7 +254,8 @@ var O = [
 			tableDownloadFilename: D,
 			tableOnOpenInCanvas: k,
 			tableScrollRegionAriaLabel: A,
-			mathScrollRegionAriaLabel: F
+			mathScrollRegionAriaLabel: F,
+			codeBlockScrollRegionAriaLabel: B
 		}),
 		...z,
 		...u
@@ -267,20 +271,21 @@ var O = [
 		k,
 		A,
 		F,
+		B,
 		u
 	]);
-	return s && !B ? /* @__PURE__ */ y(f, {
+	return s && !V ? /* @__PURE__ */ y(f, {
 		label: v,
 		colors: T
 	}) : /* @__PURE__ */ y("div", {
-		style: q,
-		className: e("[overflow-wrap:anywhere]", a),
+		style: J,
+		className: e("wrap-anywhere", a),
 		children: /* @__PURE__ */ y(x, {
 			remarkPlugins: O,
-			rehypePlugins: K,
-			components: Y,
-			urlTransform: J,
-			children: V
+			rehypePlugins: q,
+			components: X,
+			urlTransform: Y,
+			children: H
 		})
 	});
 });

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

@@ -1,11 +1,12 @@
-var e = {
-	thinking: "_thinking_1ql91_9",
+//#region src/components/MarkdownRenderer/MarkdownRenderer.module.scss
+var e = "_thinking_1ql91_9", t = "_h6_1ql91_18", n = "_codeInline_1ql91_22", r = "_secondaryBorder_1ql91_27", i = "_blockquote_1ql91_31", a = "_link_1ql91_36", o = {
+	thinking: e,
 	"cm-shimmer": "_cm-shimmer_1ql91_1",
-	h6: "_h6_1ql91_18",
-	codeInline: "_codeInline_1ql91_22",
-	secondaryBorder: "_secondaryBorder_1ql91_27",
-	blockquote: "_blockquote_1ql91_31",
-	link: "_link_1ql91_36"
+	h6: t,
+	codeInline: n,
+	secondaryBorder: r,
+	blockquote: i,
+	link: a
 };
 //#endregion
-export { e as default };
+export { i as blockquote, n as codeInline, o as default, t as h6, a as link, r as secondaryBorder, e as thinking };

package/components/MarkdownRenderer/Math/MarkdownMathBlock.module.scss.js

@@ -1,6 +1,7 @@
-var e = {
-	scrollContainer: "_scrollContainer_n2oom_1",
-	mathContent: "_mathContent_n2oom_24"
+//#region src/components/MarkdownRenderer/Math/MarkdownMathBlock.module.scss
+var e = "_scrollContainer_n2oom_1", t = "_mathContent_n2oom_24", n = {
+	scrollContainer: e,
+	mathContent: t
 };
 //#endregion
-export { e as default };
+export { n as default, t as mathContent, e as scrollContainer };

package/components/MarkdownRenderer/PlainTextRenderer.js

@@ -12,7 +12,7 @@ var a = {}, o = r(({ content: r, containerClassName: o, isStreaming: s, streamCh
 	}) : /* @__PURE__ */ i("div", {
 		className: o,
 		children: /* @__PURE__ */ i("p", {
-			className: e(l.p, "[overflow-wrap:anywhere] break-words whitespace-pre-wrap"),
+			className: e(l.p, "wrap-anywhere whitespace-pre-wrap"),
 			children: f
 		})
 	});

package/components/MarkdownRenderer/Table/MarkdownTable.d.ts

@@ -23,6 +23,10 @@ export interface MarkdownTableColors {
     rowDivider?: string;
     /** Background of a body row on hover. Defaults to `--bg-control-accent-alpha-hover`. */
     rowHoverBackground?: string;
+    /** Border color of the copy/download actions toolbar. Defaults to `--stroke-tertiary`. */
+    actionsBorder?: string;
+    /** Background of the copy/download actions toolbar. Defaults to `--bg-layer-raised`. */
+    actionsBackground?: string;
 }
 /** Props for {@link MarkdownTable}. */
 export interface MarkdownTableProps {

package/components/MarkdownRenderer/Table/MarkdownTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownTable.d.ts","sourceRoot":"","sources":["../../../../src/components/MarkdownRenderer/Table/MarkdownTable.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,EAAE,EACP,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAQf,OAAO,EAKL,KAAK,yBAAyB,EAC/B,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EACL,wCAAwC,EACxC,4BAA4B,EAC5B,uBAAuB,EACvB,0BAA0B,EAC1B,KAAK,yBAAyB,GAC/B,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EAAE,yBAAyB,EAAE,MAAM,mDAAmD,CAAC;AAEnG,iEAAiE;AACjE,MAAM,WAAW,uBAAuB;IACtC,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,uEAAuE;AACvE,MAAM,WAAW,mBAAmB;IAClC,qCAAqC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wFAAwF;IACxF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wFAAwF;IACxF,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,uCAAuC;AACvC,MAAM,WAAW,kBAAkB;IACjC,sHAAsH;IACtH,QAAQ,EAAE,SAAS,CAAC;IACpB,uCAAuC;IACvC,UAAU,EAAE,uBAAuB,CAAC;IACpC,wDAAwD;IACxD,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,iFAAiF;IACjF,YAAY,CAAC,EAAE,yBAAyB,CAAC;IACzC,kFAAkF;IAClF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2EAA2E;IAC3E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,iGAAiG;IACjG,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAID,6FAA6F;AAC7F,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA6JhD,CAAC"}
+{"version":3,"file":"MarkdownTable.d.ts","sourceRoot":"","sources":["../../../../src/components/MarkdownRenderer/Table/MarkdownTable.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,KAAK,EAAE,EACP,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAQf,OAAO,EAKL,KAAK,yBAAyB,EAC/B,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EACL,wCAAwC,EACxC,4BAA4B,EAC5B,uBAAuB,EACvB,0BAA0B,EAC1B,KAAK,yBAAyB,GAC/B,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EAAE,yBAAyB,EAAE,MAAM,mDAAmD,CAAC;AAEnG,iEAAiE;AACjE,MAAM,WAAW,uBAAuB;IACtC,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,uEAAuE;AACvE,MAAM,WAAW,mBAAmB;IAClC,qCAAqC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wFAAwF;IACxF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wFAAwF;IACxF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0FAA0F;IAC1F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wFAAwF;IACxF,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,uCAAuC;AACvC,MAAM,WAAW,kBAAkB;IACjC,sHAAsH;IACtH,QAAQ,EAAE,SAAS,CAAC;IACpB,uCAAuC;IACvC,UAAU,EAAE,uBAAuB,CAAC;IACpC,wDAAwD;IACxD,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,iFAAiF;IACjF,YAAY,CAAC,EAAE,yBAAyB,CAAC;IACzC,kFAAkF;IAClF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2EAA2E;IAC3E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,iGAAiG;IACjG,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAID,6FAA6F;AAC7F,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAoKhD,CAAC"}

package/components/MarkdownRenderer/Table/MarkdownTable.js

@@ -5,88 +5,93 @@ import { downloadTextFile as r } from "../../../utils/file-download.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 { ElementSize as d, GhostIconButton as f } from "@epam/ai-dial-ui-kit";
-import { memo as p, useCallback as m, useEffect as h, useRef as g, useState as _ } from "react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
+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";
+import { useMarkdownTableActions as d } from "./useMarkdownTableActions/useMarkdownTableActions.js";
+import { ElementSize as f, GhostIconButton as p, LiveRegion as m, LiveRegionElement as h } from "@epam/ai-dial-ui-kit";
+import { memo as g, useCallback as _, useEffect as v, useRef as y, useState as b } from "react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region src/components/MarkdownRenderer/Table/MarkdownTable.tsx
-var b = 2e3, x = p(({ children: p, classNames: x, colors: S, actionLabels: C, downloadFilename: w, isStreaming: T, onOpenInCanvas: E, scrollRegionAriaLabel: D = "Scrollable table" }) => {
-	let [O, k] = _(!1), A = g(null), { scrollContainerRef: j, contentRef: M, hasContentBeyondStart: N, hasContentBeyondEnd: P, handleScroll: F } = a(), I = t({
-		"--cm-markdown-border": S?.border,
-		"--cm-table-scrollbar": S?.scrollbar,
-		"--cm-table-fade": S?.fade,
-		"--cm-table-row-divider": S?.rowDivider,
-		"--cm-table-row-hover-bg": S?.rowHoverBackground
-	}), L = N || P;
-	h(() => () => {
-		A.current != null && clearTimeout(A.current);
+var C = 2e3, w = g(({ children: s, classNames: g, colors: w, actionLabels: T, downloadFilename: E, isStreaming: D, onOpenInCanvas: O, scrollRegionAriaLabel: k = "Scrollable table" }) => {
+	let [A, j] = b(!1), M = y(null), { scrollContainerRef: N, contentRef: P, hasContentBeyondStart: F, hasContentBeyondEnd: I, handleScroll: L } = a(), R = t({
+		"--cm-markdown-border": w?.border,
+		"--cm-table-scrollbar": w?.scrollbar,
+		"--cm-table-fade": w?.fade,
+		"--cm-table-row-divider": w?.rowDivider,
+		"--cm-table-row-hover-bg": w?.rowHoverBackground,
+		"--cm-table-actions-border": w?.actionsBorder,
+		"--cm-table-actions-bg": w?.actionsBackground
+	}), z = F || I;
+	v(() => () => {
+		M.current != null && clearTimeout(M.current);
 	}, []);
-	let R = m(() => {
-		let e = M.current;
-		e != null && n(l(Array.from(e.rows), c.Markdown)).then((e) => {
-			e && (A.current != null && clearTimeout(A.current), k(!0), A.current = setTimeout(() => {
-				k(!1);
-			}, b));
+	let B = _(() => {
+		let e = P.current;
+		if (e == null) return;
+		let t = u(Array.from(e.rows), l.Markdown);
+		n(t).then((e) => {
+			e && (M.current != null && clearTimeout(M.current), j(!0), M.current = setTimeout(() => {
+				j(!1);
+			}, C));
 		});
-	}, [M]), z = m(() => {
-		let e = M.current;
-		e != null && r(`\uFEFF${l(Array.from(e.rows), c.Csv)}`, w ?? "table.csv", s);
-	}, [M, w]), B = m(() => {
-		let e = M.current;
-		e == null || E == null || E(l(Array.from(e.rows), c.Markdown));
-	}, [M, E]), V = u({
-		actionLabels: C,
-		isCopied: O,
-		onCopy: R,
-		onDownloadCsv: z,
-		onOpenInCanvas: E == null ? void 0 : B
-	}), H = V.length > 0 && !T;
-	return /* @__PURE__ */ y("div", {
-		style: I,
-		className: e("group/table relative w-full max-w-full min-w-0 [overflow:clip] rounded-xl border", o.tableContainer, x.tableWrapper, i.table),
+	}, [P]), V = _(() => {
+		let e = P.current;
+		if (e == null) return;
+		let t = u(Array.from(e.rows), l.Csv);
+		r(`\uFEFF${t}`, E ?? "table.csv", c);
+	}, [P, E]), H = _(() => {
+		let e = P.current;
+		e != null && O != null && O(u(Array.from(e.rows), l.Markdown));
+	}, [P, O]), U = d({
+		actionLabels: T,
+		isCopied: A,
+		onCopy: B,
+		onDownloadCsv: V,
+		onOpenInCanvas: O == null ? void 0 : H
+	}), W = U.length > 0 && !D;
+	return /* @__PURE__ */ S("div", {
+		style: R,
+		className: e("group/table relative w-full max-w-full min-w-0 overflow-clip rounded-xl border", o.tableContainer, g.tableWrapper, i.table),
 		children: [
-			H && /* @__PURE__ */ v("div", {
+			W && /* @__PURE__ */ x("div", {
 				className: "sticky top-0 z-10 h-0",
-				children: /* @__PURE__ */ v("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 group-hover/table:opacity-100 focus-within:opacity-100",
-					children: V.map((e) => /* @__PURE__ */ v(f, {
+				children: /* @__PURE__ */ x("div", {
+					className: e("absolute inset-e-2 top-2 flex items-center gap-1 rounded-lg border px-2 py-1 opacity-0 shadow-xs transition-opacity group-hover/table:opacity-100 focus-within:opacity-100", o.actions),
+					children: U.map((e) => /* @__PURE__ */ x(p, {
 						tooltipProps: { tooltip: e.label },
 						"aria-label": e.label,
-						icon: /* @__PURE__ */ v("span", {
+						icon: /* @__PURE__ */ x("span", {
 							"aria-hidden": !0,
 							children: e.icon
 						}),
-						size: d.Small,
+						size: f.Small,
 						onClick: e.onClick
 					}, e.label))
 				})
 			}),
-			/* @__PURE__ */ v("div", {
-				ref: j,
-				className: e("w-full max-w-full min-w-0 overflow-x-auto", o.scrollContainer, x.tableScrollContainer, {
-					[o.tableScrollFadeBoth]: N && P,
-					[o.tableScrollFadeStart]: N && !P,
-					[o.tableScrollFadeEnd]: !N && P
+			/* @__PURE__ */ x("div", {
+				ref: N,
+				className: e("w-full max-w-full min-w-0 overflow-x-auto", o.scrollContainer, g.tableScrollContainer, {
+					[o.tableScrollFadeBoth]: F && I,
+					[o.tableScrollFadeStart]: F && !I,
+					[o.tableScrollFadeEnd]: !F && I
 				}, i.tableScroll),
-				onScroll: F,
-				role: L ? "region" : void 0,
-				"aria-label": L ? D : void 0,
-				tabIndex: L ? 0 : void 0,
-				children: /* @__PURE__ */ v("table", {
-					ref: M,
-					className: e("w-max min-w-full border-collapse", x.tableFont ?? "dial-small-text"),
-					children: p
+				onScroll: L,
+				role: z ? "region" : void 0,
+				"aria-label": z ? k : void 0,
+				tabIndex: z ? 0 : void 0,
+				children: /* @__PURE__ */ x("table", {
+					ref: P,
+					className: e("w-max min-w-full border-collapse", g.tableFont ?? "dial-small-text"),
+					children: s
 				})
 			}),
-			C?.copyLabel && /* @__PURE__ */ v("span", {
-				"aria-live": "polite",
-				className: "sr-only",
-				role: "status",
-				children: O ? C.copiedLabel ?? "" : ""
+			T?.copyLabel && /* @__PURE__ */ x(m, {
+				visuallyHidden: !0,
+				as: h.Span,
+				children: A ? T.copiedLabel ?? "" : ""
 			})
 		]
 	});
 });
 //#endregion
-export { x as MarkdownTable };
+export { s as DEFAULT_MARKDOWN_TABLE_DOWNLOAD_FILENAME, c as MARKDOWN_TABLE_CSV_MIME_TYPE, w as MarkdownTable, l as MarkdownTableCopyFormat, u as serializeMarkdownTableRows };