@epam/ai-dial-chat-shared 1.2.5 → 1.3.0-dev.102

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("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),
 		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 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),
 		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 px-3 py-[7px] align-top [overflow-wrap:anywhere] whitespace-normal", H(r), l.rowDivider, t.tableBodyCell, t.tableCell),
 		children: n
 	})
-}), H = f(({ content: i, containerClassName: a, isStreaming: o, streamCharactersPerSecond: s, classNames: c = P, components: l, urlTransform: d, rehypePlugins: f = j, thinkingLabel: g = "Thinking", codeBlockCopyLabel: v, codeBlockCopiedLabel: b, codeBlockDownloadLabel: x, codeBlockTheme: S, colors: C, tableActionLabels: w, tableDownloadFilename: T, tableOnOpenInCanvas: D, tableScrollRegionAriaLabel: O, mathScrollRegionAriaLabel: M }) => {
-	let L = n(i, o, s), R = m(() => r(L), [L]), z = m(() => N(R), [R]), [B, H] = h(null);
-	p(() => {
-		if (!z || B) return;
+}), 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);
+	h(() => {
+		if (!H || U) return;
 		let e = !1;
 		return (async () => {
 			let [t] = await Promise.all([import("rehype-katex"), import("katex/dist/katex.min.css")]);
-			e || H([t.default, {
+			e || G([t.default, {
 				output: "mathml",
 				strict: !1
 			}]);
 		})(), () => {
 			e = !0;
 		};
-	}, [z, B]);
-	let U = m(() => [
-		...k,
-		...B ? [B] : [],
-		A,
-		...f
-	], [B, f]), W = t({
-		"--cm-markdown-border": C?.border,
-		"--cm-blockquote-border": C?.blockquoteBorder,
-		"--cm-blockquote-text": C?.blockquoteText,
-		"--cm-link-text": C?.linkText,
-		"--cm-link-focus": C?.linkFocus,
-		"--cm-table-header-text": C?.tableHeaderText,
-		"--cm-h6-text": C?.headingSixText,
-		"--cm-code-inline-bg": C?.inlineCodeBackground,
-		"--cm-code-inline-text": C?.inlineCodeText
-	}), G = m(() => F(d), [d]), K = m(() => ({
-		...V(c, {
-			isStreaming: o,
-			codeBlockCopyLabel: v,
-			codeBlockCopiedLabel: b,
-			codeBlockDownloadLabel: x,
-			codeBlockTheme: S,
-			tableActionLabels: w,
-			tableDownloadFilename: T,
-			tableOnOpenInCanvas: D,
-			tableScrollRegionAriaLabel: O,
-			mathScrollRegionAriaLabel: M
+	}, [H, U]);
+	let K = g(() => [
+		...m ? j : M,
+		...U ? [U] : [],
+		N,
+		o,
+		...p
+	], [
+		m,
+		U,
+		p
+	]), q = t({
+		"--cm-markdown-border": T?.border,
+		"--cm-blockquote-border": T?.blockquoteBorder,
+		"--cm-blockquote-text": T?.blockquoteText,
+		"--cm-link-text": T?.linkText,
+		"--cm-link-focus": T?.linkFocus,
+		"--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(() => ({
+		...W(l, {
+			isStreaming: s,
+			codeBlockCopyLabel: b,
+			codeBlockCopiedLabel: S,
+			codeBlockDownloadLabel: C,
+			codeBlockTheme: w,
+			tableActionLabels: E,
+			tableDownloadFilename: D,
+			tableOnOpenInCanvas: k,
+			tableScrollRegionAriaLabel: A,
+			mathScrollRegionAriaLabel: F
 		}),
-		...I,
-		...l
+		...z,
+		...u
 	}), [
-		c,
-		o,
-		v,
+		l,
+		s,
 		b,
-		x,
 		S,
+		C,
 		w,
-		T,
+		E,
 		D,
-		O,
-		M,
-		l
+		k,
+		A,
+		F,
+		u
 	]);
-	return o && !L ? /* @__PURE__ */ _(u, {
-		label: g,
-		colors: C
-	}) : /* @__PURE__ */ _("div", {
-		style: W,
+	return s && !B ? /* @__PURE__ */ y(f, {
+		label: v,
+		colors: T
+	}) : /* @__PURE__ */ y("div", {
+		style: q,
 		className: e("[overflow-wrap:anywhere]", a),
-		children: /* @__PURE__ */ _(y, {
-			remarkPlugins: E,
-			rehypePlugins: U,
-			components: K,
-			urlTransform: G,
-			children: R
+		children: /* @__PURE__ */ y(x, {
+			remarkPlugins: O,
+			rehypePlugins: K,
+			components: Y,
+			urlTransform: J,
+			children: V
 		})
 	});
 });
 //#endregion
-export { H as MarkdownRenderer, I as defaultMarkdownComponents };
+export { G as MarkdownRenderer, z as defaultMarkdownComponents };

package/components/MarkdownRenderer/Math/MarkdownMathBlock.js

@@ -9,7 +9,7 @@ var o = i(({ children: i, className: o, scrollRegionAriaLabel: s = "Scrollable f
 	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),
+		className: e("w-full max-w-full min-w-0 overflow-x-auto overflow-y-hidden", r.scrollContainer, o, t.mathBlock),
 		onScroll: f,
 		role: p ? "region" : void 0,
 		"aria-label": p ? s : void 0,

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, "whitespace-pre-wrap break-words [overflow-wrap:anywhere]"),
+			className: e(l.p, "[overflow-wrap:anywhere] break-words whitespace-pre-wrap"),
 			children: f
 		})
 	});

package/components/MarkdownRenderer/Table/MarkdownTable.js

@@ -44,12 +44,12 @@ var b = 2e3, x = p(({ children: p, classNames: x, colors: S, actionLabels: C, do
 	}), H = V.length > 0 && !T;
 	return /* @__PURE__ */ y("div", {
 		style: I,
-		className: e("group/table relative w-full min-w-0 max-w-full rounded-xl border [overflow:clip]", o.tableContainer, x.tableWrapper, i.table),
+		className: e("group/table relative w-full max-w-full min-w-0 [overflow:clip] rounded-xl border", o.tableContainer, x.tableWrapper, i.table),
 		children: [
 			H && /* @__PURE__ */ v("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 focus-within:opacity-100 group-hover/table:opacity-100",
+					className: "absolute inset-e-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, {
 						tooltipProps: { tooltip: e.label },
 						"aria-label": e.label,
@@ -64,7 +64,7 @@ var b = 2e3, x = p(({ children: p, classNames: x, colors: S, actionLabels: C, do
 			}),
 			/* @__PURE__ */ v("div", {
 				ref: j,
-				className: e("w-full min-w-0 max-w-full overflow-x-auto", o.scrollContainer, x.tableScrollContainer, {
+				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

package/components/MarkdownRenderer/markdown-whitespace.d.ts

@@ -0,0 +1,15 @@
+/** Minimal hast node shape walked by {@link rehypePreserveSpaces}. */
+interface HastNodeLike {
+    /** Node type — `'element'`, `'text'`, `'root'`, … */
+    type: string;
+    /** Tag name of an element node. */
+    tagName?: string;
+    /** Text of a text node. */
+    value?: string;
+    /** Child nodes of a parent node. */
+    children?: HastNodeLike[];
+}
+/** Rehype plugin that keeps runs of consecutive spaces in prose visible instead of letting HTML collapse them to one. */
+export declare const rehypePreserveSpaces: () => (tree: HastNodeLike) => void;
+export {};
+//# sourceMappingURL=markdown-whitespace.d.ts.map

package/components/MarkdownRenderer/markdown-whitespace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-whitespace.d.ts","sourceRoot":"","sources":["../../../src/components/MarkdownRenderer/markdown-whitespace.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,UAAU,YAAY;IACpB,qDAAqD;IACrD,IAAI,EAAE,MAAM,CAAC;IACb,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;CAC3B;AA8BD,yHAAyH;AACzH,eAAO,MAAM,oBAAoB,SAAU,MAAM,YAAY,SAE5D,CAAC"}

package/components/MarkdownRenderer/markdown-whitespace.js

@@ -0,0 +1,18 @@
+//#region src/components/MarkdownRenderer/markdown-whitespace.ts
+var e = new Set([
+	"code",
+	"pre",
+	"math",
+	"script",
+	"style"
+]), t = "\xA0", n = / {2,}/g, r = (e) => `${t.repeat(e.length - 1)} `, i = (t) => {
+	if (t.type === "text" && t.value) {
+		t.value = t.value.replace(n, r);
+		return;
+	}
+	t.type === "element" && t.tagName && e.has(t.tagName) || t.children?.forEach(i);
+}, a = () => (e) => {
+	i(e);
+};
+//#endregion
+export { a as rehypePreserveSpaces };

package/components/TextRefinementField/TextRefinementField.d.ts

@@ -23,6 +23,8 @@ export interface TextRefinementFieldProps {
     feedbackClassName?: string;
     /** Class applied to the error message, after `feedbackClassName`. */
     errorClassName?: string;
+    /** Caption shown at the end of the row below the control, beside the refinement status — e.g. a character counter. */
+    caption?: string;
     /** The refinable control, whose id must equal `fieldId`. */
     children: ReactNode;
 }

package/components/TextRefinementField/TextRefinementField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextRefinementField.d.ts","sourceRoot":"","sources":["../../../src/components/TextRefinementField/TextRefinementField.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAU,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAGzE,uCAAuC;AACvC,MAAM,WAAW,wBAAwB;IACvC,iFAAiF;IACjF,SAAS,EAAE,OAAO,CAAC;IACnB,+EAA+E;IAC/E,OAAO,EAAE,MAAM,CAAC;IAChB,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,8CAA8C;IAC9C,UAAU,EAAE,oBAAoB,CAAC;IACjC,6BAA6B;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qEAAqE;IACrE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4DAA4D;IAC5D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,uFAAuF;AACvF,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAsG5D,CAAC"}
+{"version":3,"file":"TextRefinementField.d.ts","sourceRoot":"","sources":["../../../src/components/TextRefinementField/TextRefinementField.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAU,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAGzE,uCAAuC;AACvC,MAAM,WAAW,wBAAwB;IACvC,iFAAiF;IACjF,SAAS,EAAE,OAAO,CAAC;IACnB,+EAA+E;IAC/E,OAAO,EAAE,MAAM,CAAC;IAChB,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,8CAA8C;IAC9C,UAAU,EAAE,oBAAoB,CAAC;IACjC,6BAA6B;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qEAAqE;IACrE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sHAAsH;IACtH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4DAA4D;IAC5D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,uFAAuF;AACvF,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CA4H5D,CAAC"}

package/components/TextRefinementField/TextRefinementField.js

@@ -5,13 +5,19 @@ import { useRef as u } from "react";
 import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 import { IconSparkles as m } from "@tabler/icons-react";
 //#region src/components/TextRefinementField/TextRefinementField.tsx
-var h = ({ isEnabled: h, fieldId: g, label: _, labelClassName: v, required: y, labels: b, refinement: x, disabled: S, feedbackClassName: C, errorClassName: w, children: T }) => {
-	let E = u(null);
-	if (!h) return /* @__PURE__ */ f(d, { children: T });
-	let D = x.state === t.Error, O = {
+var h = ({ isEnabled: h, fieldId: g, label: _, labelClassName: v, required: y, labels: b, refinement: x, disabled: S, feedbackClassName: C, errorClassName: w, caption: T, children: E }) => {
+	let D = u(null), O = T && /* @__PURE__ */ f(n, {
+		text: T,
+		className: "ms-auto shrink-0 text-end"
+	});
+	if (!h) return O ? /* @__PURE__ */ p("div", {
+		className: "flex min-w-0 flex-col gap-1",
+		children: [E, O]
+	}) : /* @__PURE__ */ f(d, { children: E });
+	let k = x.state === t.Error, A = {
 		[t.Idle]: "",
 		[t.Pending]: b?.refinePendingAriaLabel ?? "Refining text",
-		[t.Success]: b?.refineSuccessAriaLabel ?? "Text refined. Undo is available.",
+		[t.Success]: b?.refineSuccessAriaLabel ?? "Text refined",
 		[t.Restored]: b?.refineUndoAriaLabel ?? "Original text restored.",
 		[t.Unchanged]: b?.refineUnchangedAriaLabel ?? "No changes were needed.",
 		[t.Error]: ""
@@ -20,7 +26,7 @@ var h = ({ isEnabled: h, fieldId: g, label: _, labelClassName: v, required: y, l
 		className: "flex min-w-0 flex-col gap-1",
 		role: "group",
 		"aria-labelledby": g + "-label",
-		"aria-describedby": D ? g + "-refinement-error" : void 0,
+		"aria-describedby": k ? g + "-refinement-error" : void 0,
 		children: [
 			/* @__PURE__ */ p("div", {
 				className: "flex min-w-0 flex-wrap items-center gap-x-3",
@@ -31,7 +37,7 @@ var h = ({ isEnabled: h, fieldId: g, label: _, labelClassName: v, required: y, l
 					label: _,
 					required: y
 				}), /* @__PURE__ */ p("div", {
-					ref: E,
+					ref: D,
 					className: "ms-auto flex min-w-0 flex-wrap items-center",
 					children: [/* @__PURE__ */ f(s, {
 						size: a.Small,
@@ -56,24 +62,28 @@ var h = ({ isEnabled: h, fieldId: g, label: _, labelClassName: v, required: y, l
 						label: b?.refineUndoLabel ?? "Undo",
 						disabled: S,
 						onClick: () => {
-							x.undo(), E.current?.querySelector("button")?.focus();
+							x.undo(), D.current?.querySelector("button")?.focus();
 						}
 					})]
 				})]
 			}),
 			/* @__PURE__ */ f("div", {
 				"aria-busy": x.isPending,
-				children: T
+				children: E
 			}),
-			/* @__PURE__ */ f("div", {
-				role: "status",
-				"aria-live": "polite",
-				children: /* @__PURE__ */ f(n, {
-					text: O,
-					className: C
-				})
+			/* @__PURE__ */ p("div", {
+				className: "flex min-w-0 items-start gap-3",
+				children: [/* @__PURE__ */ f("div", {
+					role: "status",
+					"aria-live": "polite",
+					className: "min-w-0 flex-1",
+					children: /* @__PURE__ */ f(n, {
+						text: A,
+						className: e(C, x.isPending && "sr-only")
+					})
+				}), O]
 			}),
-			D && /* @__PURE__ */ f(o, {
+			k && /* @__PURE__ */ f(o, {
 				role: "alert",
 				id: g + "-refinement-error",
 				className: e(C, w),

package/entry-points/markdown.d.ts

@@ -12,6 +12,7 @@ export * from '../components/MarkdownRenderer/CodeBlock/CodeBlock';
 export { restrainedSyntaxTheme } from '../components/MarkdownRenderer/CodeBlock/syntax-theme';
 export * from '../components/MarkdownRenderer/Table/MarkdownTable';
 export * from '../components/MarkdownWithPlaceholders/MarkdownWithPlaceholders';
+export * from '../utils/inline-segments';
 export * from '../hooks/useCodeCopy';
 export * from '../hooks/useCollapsedText';
 export { CHAT_SHARED_CLASS } from '../constants/public-class-names';

package/entry-points/markdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../src/entry-points/markdown.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,cAAc,iDAAiD,CAAC;AAChE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kDAAkD,CAAC;AACjE,cAAc,qDAAqD,CAAC;AACpE,cAAc,oDAAoD,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AAC9F,cAAc,oDAAoD,CAAC;AACnE,cAAc,iEAAiE,CAAC;AAChF,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC"}
+{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../src/entry-points/markdown.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,cAAc,iDAAiD,CAAC;AAChE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kDAAkD,CAAC;AACjE,cAAc,qDAAqD,CAAC;AACpE,cAAc,oDAAoD,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AAC9F,cAAc,oDAAoD,CAAC;AACnE,cAAc,iEAAiE,CAAC;AAChF,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC"}

package/file-manager/DialFileManagerShell/DialFileManagerShell.d.ts

@@ -40,6 +40,12 @@ export interface DialFileManagerShellProps {
     getDisabledTooltip?: (row: FileManagerGridRow) => string | undefined;
     /** Tooltip shown on files with an unsupported type. */
     unsupportedFileTypeTooltip?: string;
+    /**
+     * Classes for the folders-tree panel. Replaces the panel's default classes
+     * (including its width), so include `shrink-0` and an explicit width.
+     * Omit to keep the variant's default.
+     */
+    treeContainerClassName?: string;
 }
 /**
  * Renders the DialFileManager grid/tree/toolbar and its operation overlays

package/file-manager/DialFileManagerShell/DialFileManagerShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialFileManagerShell.d.ts","sourceRoot":"","sources":["../../../src/file-manager/DialFileManagerShell/DialFileManagerShell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,mBAAmB,EAEnB,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACvB,KAAK,eAAe,EACrB,MAAM,kCAAkC,CAAC;AAQ1C,OAAO,EAML,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAE/E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,EACL,4BAA4B,EAC5B,sBAAsB,EACvB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAEV,0BAA0B,EAE3B,MAAM,WAAW,CAAC;AAkDnB,yDAAyD;AACzD,MAAM,WAAW,yBAAyB;IACxC,8EAA8E;IAC9E,UAAU,EAAE,qBAAqB,CAAC;IAClC,qDAAqD;IACrD,MAAM,EAAE,0BAA0B,CAAC;IACnC,4BAA4B;IAC5B,SAAS,EAAE,mBAAmB,CAAC;IAC/B,kFAAkF;IAClF,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC9B,0CAA0C;IAC1C,WAAW,EAAE,CAAC,GAAG,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAChD,2DAA2D;IAC3D,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC3B,yCAAyC;IACzC,qBAAqB,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACpD,mGAAmG;IACnG,OAAO,EAAE,sBAAsB,CAAC;IAChC,wEAAwE;IACxE,aAAa,EAAE,4BAA4B,CAAC;IAC5C,gFAAgF;IAChF,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACxC,6JAA6J;IAC7J,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,sMAAsM;IACtM,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,iFAAiF;IACjF,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE;QACvB,IAAI,CAAC,EAAE,yBAAyB,GAAG,IAAI,CAAC;KACzC,KAAK,OAAO,CAAC;IACd,0EAA0E;IAC1E,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,kBAAkB,KAAK,MAAM,GAAG,SAAS,CAAC;IACrE,uDAAuD;IACvD,0BAA0B,CAAC,EAAE,MAAM,CAAC;CACrC;AAED;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CA+gB9D,CAAC;;AAEF,wBAA0C"}
+{"version":3,"file":"DialFileManagerShell.d.ts","sourceRoot":"","sources":["../../../src/file-manager/DialFileManagerShell/DialFileManagerShell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,mBAAmB,EAEnB,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACvB,KAAK,eAAe,EACrB,MAAM,kCAAkC,CAAC;AAQ1C,OAAO,EAML,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAE/E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,EACL,4BAA4B,EAC5B,sBAAsB,EACvB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAEV,0BAA0B,EAE3B,MAAM,WAAW,CAAC;AAkDnB,yDAAyD;AACzD,MAAM,WAAW,yBAAyB;IACxC,8EAA8E;IAC9E,UAAU,EAAE,qBAAqB,CAAC;IAClC,qDAAqD;IACrD,MAAM,EAAE,0BAA0B,CAAC;IACnC,4BAA4B;IAC5B,SAAS,EAAE,mBAAmB,CAAC;IAC/B,kFAAkF;IAClF,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC9B,0CAA0C;IAC1C,WAAW,EAAE,CAAC,GAAG,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAChD,2DAA2D;IAC3D,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC3B,yCAAyC;IACzC,qBAAqB,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACpD,mGAAmG;IACnG,OAAO,EAAE,sBAAsB,CAAC;IAChC,wEAAwE;IACxE,aAAa,EAAE,4BAA4B,CAAC;IAC5C,gFAAgF;IAChF,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACxC,6JAA6J;IAC7J,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,sMAAsM;IACtM,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,iFAAiF;IACjF,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE;QACvB,IAAI,CAAC,EAAE,yBAAyB,GAAG,IAAI,CAAC;KACzC,KAAK,OAAO,CAAC;IACd,0EAA0E;IAC1E,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,kBAAkB,KAAK,MAAM,GAAG,SAAS,CAAC;IACrE,uDAAuD;IACvD,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAohB9D,CAAC;;AAEF,wBAA0C"}