@epam/ai-dial-chat-shared 1.3.0-dev.5 → 1.3.0-dev.51

package/components/MarkdownRenderer/MarkdownRenderer.js

@@ -2,27 +2,29 @@ import { mergeClasses as e } from "../../utils/merge-class.js";
 import { buildCssVars as t } from "../../utils/build-css-vars.js";
 import { useStreamedMarkdownContent as n } from "../../hooks/useStreamedMarkdownContent.js";
 import { preprocessLaTeX as r } from "../../utils/latex.js";
-import { MarkdownCodeBlock as i } from "./CodeBlock/CodeBlock.js";
-import a from "./MarkdownRenderer.module.scss.js";
-import { MarkdownMathBlock as o } from "./Math/MarkdownMathBlock.js";
-import s from "./Table/MarkdownTable.module.scss.js";
-import { MarkdownTable as c } from "./Table/MarkdownTable.js";
-import { MarkdownTaskCheckbox as l } from "./TaskCheckbox/MarkdownTaskCheckbox.js";
-import { ThinkingShimmer as u } from "./ThinkingShimmer.js";
-import d from "remark-gfm";
-import { memo as f, useEffect as p, useMemo as m, useState as h } from "react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-import y, { defaultUrlTransform as b } from "react-markdown";
-import x from "rehype-raw";
-import S, { defaultSchema as C } from "rehype-sanitize";
-import w from "remark-breaks";
-import T from "remark-math";
+import { rehypeRawAsText as i } from "../../utils/markdown-html.js";
+import { MarkdownCodeBlock as a } from "./CodeBlock/CodeBlock.js";
+import { rehypePreserveSpaces as o } from "./markdown-whitespace.js";
+import s from "./MarkdownRenderer.module.scss.js";
+import { MarkdownMathBlock as c } from "./Math/MarkdownMathBlock.js";
+import l from "./Table/MarkdownTable.module.scss.js";
+import { MarkdownTable as u } from "./Table/MarkdownTable.js";
+import { MarkdownTaskCheckbox as d } from "./TaskCheckbox/MarkdownTaskCheckbox.js";
+import { ThinkingShimmer as f } from "./ThinkingShimmer.js";
+import p from "remark-gfm";
+import { memo as m, useEffect as h, useMemo as g, useState as _ } from "react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import x, { defaultUrlTransform as S } from "react-markdown";
+import C from "rehype-raw";
+import w, { defaultSchema as T } from "rehype-sanitize";
+import E from "remark-breaks";
+import D from "remark-math";
 //#region src/components/MarkdownRenderer/MarkdownRenderer.tsx
-var E = [
-	d,
-	w,
-	[T, { singleDollarTextMath: !1 }]
-], D = /* @__PURE__ */ "math.maction.annotation.annotation-xml.menclose.merror.mfenced.mfrac.mi.mmultiscripts.mn.mo.mover.mpadded.mphantom.mroot.mrow.ms.semantics.mspace.msqrt.mstyle.msub.msup.msubsup.mtable.mtd.mtext.mtr.munder.munderover".split("."), O = {
+var O = [
+	p,
+	E,
+	[D, { singleDollarTextMath: !1 }]
+], k = /* @__PURE__ */ "math.maction.annotation.annotation-xml.menclose.merror.mfenced.mfrac.mi.mmultiscripts.mn.mo.mover.mpadded.mphantom.mroot.mrow.ms.semantics.mspace.msqrt.mstyle.msub.msup.msubsup.mtable.mtd.mtext.mtr.munder.munderover".split("."), A = {
 	math: ["display", "xmlns"],
 	annotation: ["encoding"],
 	mfrac: ["linethickness"],
@@ -51,231 +53,236 @@ var E = [
 		"width"
 	],
 	mtd: ["width"]
-}, k = [x], A = [S, {
-	...C,
+}, j = [C], M = [i], N = [w, {
+	...T,
 	tagNames: [
-		...C.tagNames ?? [],
-		...D,
+		...T.tagNames ?? [],
+		...k,
 		"cit"
 	],
 	attributes: {
-		...C.attributes,
-		...O,
-		code: [...C.attributes?.code ?? [], ["className"]],
+		...T.attributes,
+		...A,
+		code: [...T.attributes?.code ?? [], ["className"]],
 		cit: ["dataId"],
-		span: [...C.attributes?.span ?? [], [
+		span: [...T.attributes?.span ?? [], [
 			"className",
 			"katex",
 			"katex-error"
 		]]
 	}
-}], j = [], M = /\$\$|\\\(|\\\[/, N = (e) => M.test(e), P = {}, F = (e) => e == null ? b : (t) => b(e(t)), I = {
-	li: ({ children: e }) => /* @__PURE__ */ _("li", {
+}], P = [], F = /\$\$|\\\(|\\\[/, I = (e) => F.test(e), L = {}, R = (e) => e == null ? S : (t) => S(e(t)), z = {
+	li: ({ children: e }) => /* @__PURE__ */ y("li", {
 		className: "mb-1.5 last:mb-0",
 		children: e
 	}),
-	cit: ({ children: e, ...t }) => /* @__PURE__ */ v(g, { children: [
+	cit: ({ children: e, ...t }) => /* @__PURE__ */ b(v, { children: [
 		t["data-id"] == null ? "<cit>" : `<cit data-id="${t["data-id"]}">`,
 		e,
 		"</cit>"
 	] })
-}, L = (e) => {
+}, B = (e) => {
 	let t = e?.properties?.className;
 	return !Array.isArray(t) || !t.includes("katex") ? !1 : (e?.children ?? []).some((e) => e.type === "element" && e.tagName === "math" && e.properties?.display === "block");
-}, R = {
+}, V = {
 	left: "text-start",
 	center: "text-center",
 	right: "text-end"
-}, z = (e) => {
+}, H = (e) => {
 	let t = e?.properties?.align;
-	return typeof t == "string" ? R[t] : void 0;
-}, B = (e) => e ? e.type === "text" ? e.value ?? "" : (e.children ?? []).map(B).join("") : "", V = (t, { isStreaming: n, codeBlockCopyLabel: r, codeBlockCopiedLabel: u, codeBlockDownloadLabel: d, codeBlockTheme: f, tableActionLabels: p, tableDownloadFilename: m, tableOnOpenInCanvas: h, tableScrollRegionAriaLabel: v, mathScrollRegionAriaLabel: y }) => ({
-	h1: ({ children: e }) => /* @__PURE__ */ _("h1", {
+	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: _ }) => ({
+	h1: ({ children: e }) => /* @__PURE__ */ y("h1", {
 		className: t.h1,
 		children: e
 	}),
-	h2: ({ children: e }) => /* @__PURE__ */ _("h2", {
+	h2: ({ children: e }) => /* @__PURE__ */ y("h2", {
 		className: t.h2,
 		children: e
 	}),
-	h3: ({ children: e }) => /* @__PURE__ */ _("h3", {
+	h3: ({ children: e }) => /* @__PURE__ */ y("h3", {
 		className: t.h3,
 		children: e
 	}),
-	h4: ({ children: e }) => /* @__PURE__ */ _("h4", {
+	h4: ({ children: e }) => /* @__PURE__ */ y("h4", {
 		className: t.h4,
 		children: e
 	}),
-	h5: ({ children: e }) => /* @__PURE__ */ _("h5", {
+	h5: ({ children: e }) => /* @__PURE__ */ y("h5", {
 		className: t.h5,
 		children: e
 	}),
-	h6: ({ children: n }) => /* @__PURE__ */ _("h6", {
-		className: e(a.h6, t.h6),
+	h6: ({ children: n }) => /* @__PURE__ */ y("h6", {
+		className: e(s.h6, t.h6),
 		children: n
 	}),
-	p: ({ children: n }) => /* @__PURE__ */ _("p", {
+	p: ({ children: n }) => /* @__PURE__ */ y("p", {
 		className: e("break-words", t.p),
 		children: n
 	}),
-	ul: ({ children: n }) => /* @__PURE__ */ _("ul", {
+	ul: ({ children: n }) => /* @__PURE__ */ y("ul", {
 		className: e("list-disc ps-[2em]", t.ul),
 		children: n
 	}),
-	ol: ({ children: n }) => /* @__PURE__ */ _("ol", {
+	ol: ({ children: n }) => /* @__PURE__ */ y("ol", {
 		className: e("list-decimal ps-[2em]", t.ol),
 		children: n
 	}),
-	strong: ({ children: e }) => /* @__PURE__ */ _("strong", {
+	strong: ({ children: e }) => /* @__PURE__ */ y("strong", {
 		className: t.strong ?? "dial-body-paragraph-semi-text",
 		children: e
 	}),
-	em: ({ children: e }) => /* @__PURE__ */ _("em", {
+	em: ({ children: e }) => /* @__PURE__ */ y("em", {
 		className: t.em ?? "italic",
 		children: e
 	}),
-	pre: ({ children: e }) => /* @__PURE__ */ _(g, { children: e }),
-	code: ({ children: o, className: s }) => {
-		let c = /language-(\w+)/.exec(s ?? "")?.[1] ?? "", l = String(o);
-		return c || l.includes("\n") ? /* @__PURE__ */ _(i, {
-			language: c,
-			value: l.replace(/\n$/, ""),
+	pre: ({ children: e }) => /* @__PURE__ */ y(v, { children: e }),
+	code: ({ children: c, className: l }) => {
+		let u = /language-(\w+)/.exec(l ?? "")?.[1] ?? "", d = String(c);
+		return u || d.includes("\n") ? /* @__PURE__ */ y(a, {
+			language: u,
+			value: d.replace(/\n$/, ""),
 			isStreaming: n,
 			theme: f,
 			copyLabel: r,
-			copiedLabel: u,
-			downloadLabel: d,
+			copiedLabel: i,
+			downloadLabel: o,
 			containerClassName: t.codeBlockContainer,
 			headerClassName: t.codeBlockHeader,
 			codeClassName: t.codeFont
-		}) : /* @__PURE__ */ _("code", {
-			className: e("rounded px-1 py-0.5", a.codeInline, t.codeInlineFont ?? "dial-code-text", t.codeInline),
-			children: o
+		}) : /* @__PURE__ */ y("code", {
+			className: e("rounded px-1 py-0.5", s.codeInline, t.codeInlineFont ?? "dial-code-text", t.codeInline),
+			children: c
 		});
 	},
-	blockquote: ({ children: n }) => /* @__PURE__ */ _("blockquote", {
-		className: e("border-s-2 py-1 ps-4", a.blockquote, t.blockquote),
+	blockquote: ({ children: n }) => /* @__PURE__ */ y("blockquote", {
+		className: e("border-s-2 py-1 ps-4", s.blockquote, t.blockquote),
 		children: n
 	}),
-	a: ({ href: n, children: r }) => /* @__PURE__ */ _("a", {
+	a: ({ href: n, children: r }) => /* @__PURE__ */ y("a", {
 		href: n,
 		target: "_blank",
 		rel: "noopener noreferrer",
-		className: e("decoration-current/60 break-words underline underline-offset-2 hover:decoration-current focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2", a.link, t.link),
+		className: e("decoration-current/60 break-words underline underline-offset-2 hover:decoration-current focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2", s.link, t.link),
 		children: r
 	}),
-	hr: () => /* @__PURE__ */ _("hr", { className: e("my-5 border-t", a.secondaryBorder, t.hr) }),
-	del: ({ children: n }) => /* @__PURE__ */ _("del", {
+	hr: () => /* @__PURE__ */ y("hr", { className: e("my-5 border-t", s.secondaryBorder, t.hr) }),
+	del: ({ children: n }) => /* @__PURE__ */ y("del", {
 		className: e("opacity-75", t.del),
 		children: n
 	}),
-	input: ({ type: e, checked: t }) => e === "checkbox" ? /* @__PURE__ */ _(l, { checked: t ?? !1 }) : null,
-	span: ({ children: e, node: n, ...r }) => L(n) ? /* @__PURE__ */ _(o, {
+	input: ({ type: e, checked: t }) => e === "checkbox" ? /* @__PURE__ */ y(d, { checked: t ?? !1 }) : null,
+	span: ({ children: e, node: n, ...r }) => B(n) ? /* @__PURE__ */ y(c, {
 		className: t.mathBlock,
-		scrollRegionAriaLabel: y,
+		scrollRegionAriaLabel: _,
 		children: e
-	}) : /* @__PURE__ */ _("span", {
+	}) : /* @__PURE__ */ y("span", {
 		...r,
 		children: e
 	}),
-	table: ({ children: e }) => /* @__PURE__ */ _(c, {
+	table: ({ children: e }) => /* @__PURE__ */ y(u, {
 		classNames: t,
 		actionLabels: p,
 		downloadFilename: m,
 		onOpenInCanvas: h,
 		isStreaming: n,
-		scrollRegionAriaLabel: v,
+		scrollRegionAriaLabel: g,
 		children: e
 	}),
 	tr: ({ children: t, node: n }) => {
-		let r = n?.children.filter((e) => e.type === "element") ?? [], i = r.some((e) => e.tagName === "th"), a = r.filter((e) => B(e).trim().length > 0).length, o = !i && r.length > 1 && a === 1;
-		return /* @__PURE__ */ _("tr", {
-			className: e(s.row, o && s.sectionRow),
+		let r = n?.children.filter((e) => e.type === "element") ?? [], i = r.some((e) => e.tagName === "th"), a = r.filter((e) => U(e).trim().length > 0).length, o = !i && r.length > 1 && a === 1;
+		return /* @__PURE__ */ y("tr", {
+			className: e(l.row, o && l.sectionRow),
 			children: t
 		});
 	},
-	th: ({ children: n, node: r }) => /* @__PURE__ */ _("th", {
+	th: ({ children: n, node: r }) => /* @__PURE__ */ y("th", {
 		scope: "col",
-		className: e("sticky top-0 z-[2] max-w-96 whitespace-normal break-words px-3 py-2.5 text-start", z(r), s.rowDivider, s.tableHeaderCell, t.tableHeaderFont ?? "dial-tiny-lead-semi-text", t.tableCell, t.tableHeader),
+		className: e("sticky top-0 z-[2] max-w-96 whitespace-normal break-words px-3 py-2.5 text-start", 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__ */ _("td", {
-		className: e("max-w-96 whitespace-normal px-3 py-[7px] align-top [overflow-wrap:anywhere]", z(r), s.rowDivider, t.tableBodyCell, t.tableCell),
+	td: ({ children: n, node: r }) => /* @__PURE__ */ y("td", {
+		className: e("max-w-96 whitespace-normal px-3 py-[7px] align-top [overflow-wrap:anywhere]", H(r), l.rowDivider, t.tableBodyCell, t.tableCell),
 		children: n
 	})
-}), H = f(({ content: e, containerClassName: i, isStreaming: a, streamCharactersPerSecond: o, classNames: s = P, components: c, urlTransform: l, rehypePlugins: d = j, thinkingLabel: f = "Thinking", codeBlockCopyLabel: g, codeBlockCopiedLabel: v, codeBlockDownloadLabel: b, codeBlockTheme: x, colors: S, tableActionLabels: C, tableDownloadFilename: w, tableOnOpenInCanvas: T, tableScrollRegionAriaLabel: D, mathScrollRegionAriaLabel: O }) => {
-	let M = n(e, a, o), L = m(() => r(M), [M]), R = m(() => N(L), [L]), [z, B] = h(null);
-	p(() => {
-		if (!R || z) return;
+}), G = m(({ content: e, containerClassName: i, isStreaming: a, streamCharactersPerSecond: s, classNames: c = L, components: l, urlTransform: u, rehypePlugins: d = P, isRawHtmlEnabled: p = !0, thinkingLabel: m = "Thinking", codeBlockCopyLabel: v, codeBlockCopiedLabel: b, codeBlockDownloadLabel: S, codeBlockTheme: C, colors: w, tableActionLabels: T, tableDownloadFilename: E, tableOnOpenInCanvas: D, tableScrollRegionAriaLabel: k, mathScrollRegionAriaLabel: A }) => {
+	let F = n(e, a, s), B = g(() => r(F), [F]), V = g(() => I(B), [B]), [H, U] = _(null);
+	h(() => {
+		if (!V || H) return;
 		let e = !1;
 		return (async () => {
 			let [t] = await Promise.all([import("rehype-katex"), import("katex/dist/katex.min.css")]);
-			e || B([t.default, {
+			e || U([t.default, {
 				output: "mathml",
 				strict: !1
 			}]);
 		})(), () => {
 			e = !0;
 		};
-	}, [R, z]);
-	let H = m(() => [
-		...k,
-		...z ? [z] : [],
-		A,
+	}, [V, H]);
+	let G = g(() => [
+		...p ? j : M,
+		...H ? [H] : [],
+		N,
+		o,
 		...d
-	], [z, d]), U = t({
-		"--cm-markdown-border": S?.border,
-		"--cm-blockquote-border": S?.blockquoteBorder,
-		"--cm-blockquote-text": S?.blockquoteText,
-		"--cm-link-text": S?.linkText,
-		"--cm-link-focus": S?.linkFocus,
-		"--cm-table-header-text": S?.tableHeaderText,
-		"--cm-h6-text": S?.headingSixText,
-		"--cm-code-inline-bg": S?.inlineCodeBackground,
-		"--cm-code-inline-text": S?.inlineCodeText
-	}), W = m(() => F(l), [l]), G = m(() => ({
-		...V(s, {
+	], [
+		p,
+		H,
+		d
+	]), K = t({
+		"--cm-markdown-border": w?.border,
+		"--cm-blockquote-border": w?.blockquoteBorder,
+		"--cm-blockquote-text": w?.blockquoteText,
+		"--cm-link-text": w?.linkText,
+		"--cm-link-focus": w?.linkFocus,
+		"--cm-table-header-text": w?.tableHeaderText,
+		"--cm-h6-text": w?.headingSixText,
+		"--cm-code-inline-bg": w?.inlineCodeBackground,
+		"--cm-code-inline-text": w?.inlineCodeText
+	}), q = g(() => R(u), [u]), J = g(() => ({
+		...W(c, {
 			isStreaming: a,
-			codeBlockCopyLabel: g,
-			codeBlockCopiedLabel: v,
-			codeBlockDownloadLabel: b,
-			codeBlockTheme: x,
-			tableActionLabels: C,
-			tableDownloadFilename: w,
-			tableOnOpenInCanvas: T,
-			tableScrollRegionAriaLabel: D,
-			mathScrollRegionAriaLabel: O
+			codeBlockCopyLabel: v,
+			codeBlockCopiedLabel: b,
+			codeBlockDownloadLabel: S,
+			codeBlockTheme: C,
+			tableActionLabels: T,
+			tableDownloadFilename: E,
+			tableOnOpenInCanvas: D,
+			tableScrollRegionAriaLabel: k,
+			mathScrollRegionAriaLabel: A
 		}),
-		...I,
-		...c
+		...z,
+		...l
 	}), [
-		s,
+		c,
 		a,
-		g,
 		v,
 		b,
-		x,
+		S,
 		C,
-		w,
 		T,
+		E,
 		D,
-		O,
-		c
+		k,
+		A,
+		l
 	]);
-	return a && !M ? /* @__PURE__ */ _(u, {
-		label: f,
-		colors: S
-	}) : /* @__PURE__ */ _("div", {
-		style: U,
+	return a && !F ? /* @__PURE__ */ y(f, {
+		label: m,
+		colors: w
+	}) : /* @__PURE__ */ y("div", {
+		style: K,
 		className: i,
-		children: /* @__PURE__ */ _(y, {
-			remarkPlugins: E,
-			rehypePlugins: H,
-			components: G,
-			urlTransform: W,
-			children: L
+		children: /* @__PURE__ */ y(x, {
+			remarkPlugins: O,
+			rehypePlugins: G,
+			components: J,
+			urlTransform: q,
+			children: B
 		})
 	});
 });
 //#endregion
-export { H as MarkdownRenderer, I as defaultMarkdownComponents };
+export { G as MarkdownRenderer, z as defaultMarkdownComponents };

package/components/MarkdownRenderer/Math/MarkdownMathBlock.d.ts

@@ -0,0 +1,18 @@
+import { FC, ReactNode } from 'react';
+/** Props for {@link MarkdownMathBlock}. */
+export interface MarkdownMathBlockProps {
+    /** Rendered KaTeX output — the `<math display="block">` element and its subtree. */
+    children: ReactNode;
+    /** Extra classes on the scroll container. */
+    className?: string;
+    /** Accessible label for the horizontally scrollable region. Defaults to `'Scrollable formula'`. */
+    scrollRegionAriaLabel?: string;
+}
+/**
+ * Wraps KaTeX display math in a horizontally scrollable region so a formula
+ * wider than the message column stays reachable instead of being clipped.
+ * The region only becomes a labelled, keyboard-focusable landmark while it
+ * actually overflows, so ordinary formulas add no tab stop or noise.
+ */
+export declare const MarkdownMathBlock: FC<MarkdownMathBlockProps>;
+//# sourceMappingURL=MarkdownMathBlock.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownMathBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/MarkdownRenderer/Math/MarkdownMathBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAQ,MAAM,OAAO,CAAC;AAMtD,2CAA2C;AAC3C,MAAM,WAAW,sBAAsB;IACrC,oFAAoF;IACpF,QAAQ,EAAE,SAAS,CAAC;IACpB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mGAAmG;IACnG,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAqCxD,CAAC"}

package/components/MarkdownRenderer/PlainTextRenderer.d.ts

@@ -0,0 +1,39 @@
+import { FC } from 'react';
+import { MarkdownRendererClassNames, MarkdownRendererColors } from './MarkdownRenderer';
+/** Props for {@link PlainTextRenderer}. */
+export interface PlainTextRendererProps {
+    /** Message text. Rendered verbatim — never parsed as Markdown or HTML. */
+    content: string;
+    /** Classes applied to the renderer root. */
+    containerClassName?: string;
+    /** When true, appended content is revealed gradually for smoother streaming updates. */
+    isStreaming?: boolean;
+    /** Reveal speed used while `isStreaming` is true. Defaults to 120 characters per second. */
+    streamCharactersPerSecond?: number;
+    /**
+     * Typography classes. Only `p` is read — the single paragraph the renderer
+     * emits — so the same object a Markdown message is styled with keeps both
+     * formats on one type scale.
+     */
+    classNames?: Pick<MarkdownRendererClassNames, 'p'>;
+    /**
+     * Label shown with a shimmer animation while `isStreaming` is true and no
+     * content has arrived yet. Defaults to `'Thinking'`.
+     */
+    thinkingLabel?: string;
+    /** Color overrides applied as CSS custom properties. */
+    colors?: Pick<MarkdownRendererColors, 'thinkingPrimary' | 'thinkingSecondary'>;
+}
+/**
+ * Renders message text as plain text: no Markdown pipeline, no raw HTML, no
+ * syntax highlighting. The text is a React text child, so it is escaped by
+ * construction — a table, a heading, or `**bold**` reaches the reader exactly
+ * as the model emitted it, which is what a conversation's `plain_text`
+ * response format promises.
+ *
+ * Lives beside {@link MarkdownRenderer} because it is the other half of the
+ * same choice: both render an assistant message body, and both are selected
+ * by `MDMessageViewer` from the conversation's response format.
+ */
+export declare const PlainTextRenderer: FC<PlainTextRendererProps>;
+//# sourceMappingURL=PlainTextRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlainTextRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/MarkdownRenderer/PlainTextRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAGtC,OAAO,KAAK,EACV,0BAA0B,EAC1B,sBAAsB,EACvB,MAAM,oBAAoB,CAAC;AAG5B,2CAA2C;AAC3C,MAAM,WAAW,sBAAsB;IACrC,0EAA0E;IAC1E,OAAO,EAAE,MAAM,CAAC;IAChB,4CAA4C;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wFAAwF;IACxF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4FAA4F;IAC5F,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC;;;;OAIG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,0BAA0B,EAAE,GAAG,CAAC,CAAC;IACnD;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wDAAwD;IACxD,MAAM,CAAC,EAAE,IAAI,CACX,sBAAsB,EACtB,iBAAiB,GAAG,mBAAmB,CACxC,CAAC;CACH;AAKD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAuCxD,CAAC"}

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

@@ -0,0 +1,47 @@
+import { FC, ReactNode } from 'react';
+import { MarkdownTableActionLabels } from './table-serialization';
+export { DEFAULT_MARKDOWN_TABLE_DOWNLOAD_FILENAME, MARKDOWN_TABLE_CSV_MIME_TYPE, MarkdownTableCopyFormat, serializeMarkdownTableRows, type MarkdownTableActionLabels, } from './table-serialization';
+export type { MarkdownTableHeaderAction } from './useMarkdownTableActions/useMarkdownTableActions';
+/** Per-element className overrides for {@link MarkdownTable}. */
+export interface MarkdownTableClassNames {
+    /** Extra classes on the outer table wrapper. */
+    tableWrapper?: string;
+    /** Typography class for the table. Defaults to `'dial-small-text'`. */
+    tableFont?: string;
+    /** Extra classes on the scrollable table region. */
+    tableScrollContainer?: string;
+}
+/** CSS custom-property overrides for the `MarkdownTable` component. */
+export interface MarkdownTableColors {
+    /** Scroll container border color. */
+    border?: string;
+    /** Scrollbar thumb/track color. */
+    scrollbar?: string;
+    /** Edge-fade mask color; only its alpha is used. Defaults to `--stroke-focus-black`. */
+    fade?: string;
+    /** Divider color between rows. Defaults to `--stroke-tertiary`. */
+    rowDivider?: string;
+    /** Background of a body row on hover. Defaults to `--bg-control-accent-alpha-hover`. */
+    rowHoverBackground?: string;
+}
+/** Props for {@link MarkdownTable}. */
+export interface MarkdownTableProps {
+    /** Table body/children rendered inside the scrollable wrapper (typically `<thead>`/`<tbody>` from react-markdown). */
+    children: ReactNode;
+    /** Per-element className overrides. */
+    classNames: MarkdownTableClassNames;
+    /** Color overrides applied as CSS custom properties. */
+    colors?: MarkdownTableColors;
+    /** Localized labels for table actions. Supplying them enables the action bar. */
+    actionLabels?: MarkdownTableActionLabels;
+    /** Filename used when downloading the table as CSV. Defaults to `'table.csv'`. */
+    downloadFilename?: string;
+    /** When true, table actions are hidden while content is still arriving. */
+    isStreaming?: boolean;
+    onOpenInCanvas?: (markdown: string) => void;
+    /** Accessible label for the horizontally scrollable region. Defaults to `'Scrollable table'`. */
+    scrollRegionAriaLabel?: string;
+}
+/** Renders a responsive Markdown table with an end fade while more columns are available. */
+export declare const MarkdownTable: FC<MarkdownTableProps>;
+//# sourceMappingURL=MarkdownTable.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,22 @@
+import { FC, ReactNode } from 'react';
+/** A single action rendered by {@link TableHeader}. */
+export interface TableHeaderAction {
+    /** Stable accessible name and tooltip text. */
+    label: string;
+    /** Decorative icon content rendered inside the action button. */
+    icon: ReactNode;
+    /** Called when the action button is activated. */
+    onClick: () => void;
+}
+/** Props for {@link TableHeader}. */
+export interface TableHeaderProps {
+    /** Content rendered at the inline start of the header. */
+    children?: ReactNode;
+    /** Action descriptors rendered as icon buttons at the inline end. */
+    actions?: TableHeaderAction[];
+    /** Extra classes merged onto the header. */
+    className?: string;
+}
+/** Reusable table header with caller-supplied leading content and actions. */
+export declare const TableHeader: FC<TableHeaderProps>;
+//# sourceMappingURL=TableHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/MarkdownRenderer/Table/TableHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3C,uDAAuD;AACvD,MAAM,WAAW,iBAAiB;IAChC,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,IAAI,EAAE,SAAS,CAAC;IAChB,kDAAkD;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,qCAAqC;AACrC,MAAM,WAAW,gBAAgB;IAC/B,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qEAAqE;IACrE,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC9B,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,8EAA8E;AAC9E,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAgC5C,CAAC"}

package/components/MarkdownRenderer/Table/table-serialization.d.ts

@@ -0,0 +1,16 @@
+export declare enum MarkdownTableCopyFormat {
+    Csv = "csv",
+    Markdown = "markdown"
+}
+/** Default filename used when downloading a Markdown table as CSV. */
+export declare const DEFAULT_MARKDOWN_TABLE_DOWNLOAD_FILENAME = "table.csv";
+/** MIME type used when downloading a Markdown table as CSV. */
+export declare const MARKDOWN_TABLE_CSV_MIME_TYPE = "text/csv;charset=utf-8";
+export interface MarkdownTableActionLabels {
+    copyLabel?: string;
+    copiedLabel?: string;
+    downloadCsvLabel?: string;
+    openInCanvasLabel?: string;
+}
+export declare const serializeMarkdownTableRows: (rows: readonly HTMLTableRowElement[], format: MarkdownTableCopyFormat) => string;
+//# sourceMappingURL=table-serialization.d.ts.map

package/components/MarkdownRenderer/Table/table-serialization.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-serialization.d.ts","sourceRoot":"","sources":["../../../../src/components/MarkdownRenderer/Table/table-serialization.ts"],"names":[],"mappings":"AAAA,oBAAY,uBAAuB;IACjC,GAAG,QAAQ;IACX,QAAQ,aAAa;CACtB;AAED,sEAAsE;AACtE,eAAO,MAAM,wCAAwC,cAAc,CAAC;AACpE,+DAA+D;AAC/D,eAAO,MAAM,4BAA4B,2BAA2B,CAAC;AAErE,MAAM,WAAW,yBAAyB;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAsID,eAAO,MAAM,0BAA0B,GACrC,MAAM,SAAS,mBAAmB,EAAE,EACpC,QAAQ,uBAAuB,KAC9B,MAiBF,CAAC"}

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

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+import { MarkdownTableActionLabels } from '../table-serialization';
+/** A table action rendered as an icon button. */
+export interface MarkdownTableHeaderAction {
+    /** Stable accessible name and tooltip text. */
+    label: string;
+    /** Decorative icon content. */
+    icon: ReactNode;
+    /** Called when the action is activated. */
+    onClick: () => void;
+}
+/** Params for {@link useMarkdownTableActions}. */
+export interface UseMarkdownTableActionsParams {
+    /** Localized labels for table actions. `undefined` yields no actions. */
+    actionLabels: MarkdownTableActionLabels | undefined;
+    /** Whether the table has just been copied (shows a checkmark on the copy button). */
+    isCopied: boolean;
+    /** Called when the copy action is activated. */
+    onCopy: () => void;
+    /** Called when the download-as-CSV action is activated. */
+    onDownloadCsv: () => void;
+    /** Called when the open-in-canvas action is activated. Omit to hide that action. */
+    onOpenInCanvas?: () => void;
+}
+/** Builds the {@link MarkdownTableHeaderAction} list for a table's action bar from its localized labels. */
+export declare const useMarkdownTableActions: ({ actionLabels, isCopied, onCopy, onDownloadCsv, onOpenInCanvas, }: UseMarkdownTableActionsParams) => MarkdownTableHeaderAction[];
+//# sourceMappingURL=useMarkdownTableActions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMarkdownTableActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/MarkdownRenderer/Table/useMarkdownTableActions/useMarkdownTableActions.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAExE,iDAAiD;AACjD,MAAM,WAAW,yBAAyB;IACxC,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,IAAI,EAAE,SAAS,CAAC;IAChB,2CAA2C;IAC3C,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,kDAAkD;AAClD,MAAM,WAAW,6BAA6B;IAC5C,yEAAyE;IACzE,YAAY,EAAE,yBAAyB,GAAG,SAAS,CAAC;IACpD,qFAAqF;IACrF,QAAQ,EAAE,OAAO,CAAC;IAClB,gDAAgD;IAChD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,2DAA2D;IAC3D,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,oFAAoF;IACpF,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,4GAA4G;AAC5G,eAAO,MAAM,uBAAuB,GAAI,oEAMrC,6BAA6B,KAAG,yBAAyB,EAyD3D,CAAC"}

package/components/MarkdownRenderer/TaskCheckbox/MarkdownTaskCheckbox.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+/** Props for {@link MarkdownTaskCheckbox}. */
+export interface MarkdownTaskCheckboxProps {
+    /** Whether the GFM task-list item is checked. Defaults to `false`. */
+    checked?: boolean;
+}
+/** Read-only checkbox for GFM task-list items (`- [ ]` / `- [x]`). */
+export declare const MarkdownTaskCheckbox: FC<MarkdownTaskCheckboxProps>;
+//# sourceMappingURL=MarkdownTaskCheckbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownTaskCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/MarkdownRenderer/TaskCheckbox/MarkdownTaskCheckbox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,8CAA8C;AAC9C,MAAM,WAAW,yBAAyB;IACxC,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,sEAAsE;AACtE,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAM9D,CAAC"}

package/components/MarkdownRenderer/ThinkingShimmer.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+import { MarkdownRendererColors } from './MarkdownRenderer';
+/** Props for {@link ThinkingShimmer}. */
+export interface ThinkingShimmerProps {
+    /** Text rendered with the shimmer animation. */
+    label: string;
+    /** Gradient color overrides applied as CSS custom properties. */
+    colors?: Pick<MarkdownRendererColors, 'thinkingPrimary' | 'thinkingSecondary'>;
+}
+/**
+ * The "thinking" placeholder both message renderers show while a stream has
+ * started but no content has arrived yet. Owns the mapping from the public
+ * color props to the gradient's CSS variables — `thinkingPrimary` drives
+ * `--cm-thinking-inverted` — so that mapping exists in one place.
+ */
+export declare const ThinkingShimmer: FC<ThinkingShimmerProps>;
+//# sourceMappingURL=ThinkingShimmer.d.ts.map