@epam/ai-dial-chat-shared 1.1.0-dev.99 → 1.2.0-dev.1

package/components/MarkdownRenderer/MarkdownRenderer.js

@@ -0,0 +1,280 @@
+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 u from "remark-gfm";
+import { memo as d, useEffect as f, useMemo as p, useState as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import v, { defaultUrlTransform as y } from "react-markdown";
+import b from "rehype-raw";
+import x, { defaultSchema as S } from "rehype-sanitize";
+import C from "remark-breaks";
+import w from "remark-math";
+//#region src/components/MarkdownRenderer/MarkdownRenderer.tsx
+var T = [
+	u,
+	C,
+	[w, { singleDollarTextMath: !1 }]
+], E = /* @__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("."), D = {
+	math: ["display", "xmlns"],
+	annotation: ["encoding"],
+	mfrac: ["linethickness"],
+	mi: ["mathvariant"],
+	mo: [
+		"fence",
+		"minsize",
+		"stretchy"
+	],
+	mover: ["accent"],
+	mpadded: [
+		"height",
+		"lspace",
+		"width"
+	],
+	mspace: ["width"],
+	mstyle: [
+		"displaystyle",
+		"mathcolor",
+		"scriptlevel"
+	],
+	mtable: [
+		"columnalign",
+		"columnspacing",
+		"rowspacing",
+		"width"
+	],
+	mtd: ["width"]
+}, O = [b], k = [x, {
+	...S,
+	tagNames: [
+		...S.tagNames ?? [],
+		...E,
+		"cit"
+	],
+	attributes: {
+		...S.attributes,
+		...D,
+		code: [...S.attributes?.code ?? [], ["className"]],
+		cit: ["dataId"],
+		span: [...S.attributes?.span ?? [], [
+			"className",
+			"katex",
+			"katex-error"
+		]]
+	}
+}], A = [], j = /\$\$|\\\(|\\\[/, M = (e) => j.test(e), N = {}, P = (e) => e == null ? y : (t) => y(e(t)), F = {
+	li: ({ children: e }) => /* @__PURE__ */ g("li", {
+		className: "mb-1.5 last:mb-0",
+		children: e
+	}),
+	cit: ({ children: e, ...t }) => /* @__PURE__ */ _(h, { children: [
+		t["data-id"] == null ? "<cit>" : `<cit data-id="${t["data-id"]}">`,
+		e,
+		"</cit>"
+	] })
+}, I = (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");
+}, L = {
+	left: "text-start",
+	center: "text-center",
+	right: "text-end"
+}, R = (e) => {
+	let t = e?.properties?.align;
+	return typeof t == "string" ? L[t] : void 0;
+}, z = (e) => e ? e.type === "text" ? e.value ?? "" : (e.children ?? []).map(z).join("") : "", B = (t, { isStreaming: n, codeBlockCopyLabel: r, codeBlockCopiedLabel: u, codeBlockTheme: d, tableActionLabels: f, tableDownloadFilename: p, tableOnOpenInCanvas: m, tableScrollRegionAriaLabel: _, mathScrollRegionAriaLabel: v }) => ({
+	h1: ({ children: e }) => /* @__PURE__ */ g("h1", {
+		className: t.h1,
+		children: e
+	}),
+	h2: ({ children: e }) => /* @__PURE__ */ g("h2", {
+		className: t.h2,
+		children: e
+	}),
+	h3: ({ children: e }) => /* @__PURE__ */ g("h3", {
+		className: t.h3,
+		children: e
+	}),
+	h4: ({ children: e }) => /* @__PURE__ */ g("h4", {
+		className: t.h4,
+		children: e
+	}),
+	h5: ({ children: e }) => /* @__PURE__ */ g("h5", {
+		className: t.h5,
+		children: e
+	}),
+	h6: ({ children: n }) => /* @__PURE__ */ g("h6", {
+		className: e(a.h6, t.h6),
+		children: n
+	}),
+	p: ({ children: n }) => /* @__PURE__ */ g("p", {
+		className: e("break-words", t.p),
+		children: n
+	}),
+	ul: ({ children: n }) => /* @__PURE__ */ g("ul", {
+		className: e("list-disc ps-[2em]", t.ul),
+		children: n
+	}),
+	ol: ({ children: n }) => /* @__PURE__ */ g("ol", {
+		className: e("list-decimal ps-[2em]", t.ol),
+		children: n
+	}),
+	strong: ({ children: e }) => /* @__PURE__ */ g("strong", {
+		className: t.strong ?? "dial-body-paragraph-semi-text",
+		children: e
+	}),
+	em: ({ children: e }) => /* @__PURE__ */ g("em", {
+		className: t.em ?? "italic",
+		children: e
+	}),
+	pre: ({ children: e }) => /* @__PURE__ */ g(h, { children: e }),
+	code: ({ children: o, className: s }) => {
+		let c = /language-(\w+)/.exec(s ?? "")?.[1] ?? "", l = String(o);
+		return c || l.includes("\n") ? /* @__PURE__ */ g(i, {
+			language: c,
+			value: l.replace(/\n$/, ""),
+			isStreaming: n,
+			theme: d,
+			copyLabel: r,
+			copiedLabel: u,
+			containerClassName: t.codeBlockContainer,
+			headerClassName: t.codeBlockHeader,
+			codeClassName: t.codeFont
+		}) : /* @__PURE__ */ g("code", {
+			className: e("rounded px-1 py-0.5", a.codeInline, t.codeInlineFont ?? "dial-code-text", t.codeInline),
+			children: o
+		});
+	},
+	blockquote: ({ children: n }) => /* @__PURE__ */ g("blockquote", {
+		className: e("border-s-2 py-1 ps-4", a.blockquote, t.blockquote),
+		children: n
+	}),
+	a: ({ href: n, children: r }) => /* @__PURE__ */ g("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),
+		children: r
+	}),
+	hr: () => /* @__PURE__ */ g("hr", { className: e("my-5 border-t", a.secondaryBorder, t.hr) }),
+	del: ({ children: n }) => /* @__PURE__ */ g("del", {
+		className: e("opacity-75", t.del),
+		children: n
+	}),
+	input: ({ type: e, checked: t }) => e === "checkbox" ? /* @__PURE__ */ g(l, { checked: t ?? !1 }) : null,
+	span: ({ children: e, node: n, ...r }) => I(n) ? /* @__PURE__ */ g(o, {
+		className: t.mathBlock,
+		scrollRegionAriaLabel: v,
+		children: e
+	}) : /* @__PURE__ */ g("span", {
+		...r,
+		children: e
+	}),
+	table: ({ children: e }) => /* @__PURE__ */ g(c, {
+		classNames: t,
+		actionLabels: f,
+		downloadFilename: p,
+		onOpenInCanvas: m,
+		isStreaming: n,
+		scrollRegionAriaLabel: _,
+		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) => z(e).trim().length > 0).length, o = !i && r.length > 1 && a === 1;
+		return /* @__PURE__ */ g("tr", {
+			className: e(s.row, o && s.sectionRow),
+			children: t
+		});
+	},
+	th: ({ children: n, node: r }) => /* @__PURE__ */ g("th", {
+		scope: "col",
+		className: e("sticky top-0 z-[2] max-w-96 whitespace-normal break-words px-3 py-2.5 text-start", R(r), s.rowDivider, s.tableHeaderCell, t.tableHeaderFont ?? "dial-tiny-lead-semi-text", t.tableCell, t.tableHeader),
+		children: n
+	}),
+	td: ({ children: n, node: r }) => /* @__PURE__ */ g("td", {
+		className: e("max-w-96 whitespace-normal px-3 py-2.5 align-top [overflow-wrap:anywhere]", R(r), s.rowDivider, t.tableBodyCell, t.tableCell),
+		children: n
+	})
+}), V = d(({ content: e, containerClassName: i, isStreaming: o, streamCharactersPerSecond: s, classNames: c = N, components: l, urlTransform: u, rehypePlugins: d = A, thinkingLabel: h = "Thinking", codeBlockCopyLabel: _, codeBlockCopiedLabel: y, codeBlockTheme: b, colors: x, tableActionLabels: S, tableDownloadFilename: C, tableOnOpenInCanvas: w, tableScrollRegionAriaLabel: E, mathScrollRegionAriaLabel: D }) => {
+	let j = n(e, o, s), I = p(() => r(j), [j]), L = p(() => M(I), [I]), [R, z] = m(null);
+	f(() => {
+		if (!L || R) return;
+		let e = !1;
+		return (async () => {
+			let [t] = await Promise.all([import("rehype-katex"), import("katex/dist/katex.min.css")]);
+			e || z([t.default, {
+				output: "mathml",
+				strict: !1
+			}]);
+		})(), () => {
+			e = !0;
+		};
+	}, [L, R]);
+	let V = p(() => [
+		...O,
+		...R ? [R] : [],
+		k,
+		...d
+	], [R, d]), H = t({
+		"--cm-thinking-inverted": x?.thinkingPrimary,
+		"--cm-thinking-secondary": x?.thinkingSecondary,
+		"--cm-markdown-border": x?.border,
+		"--cm-blockquote-border": x?.blockquoteBorder,
+		"--cm-blockquote-text": x?.blockquoteText,
+		"--cm-link-text": x?.linkText,
+		"--cm-link-focus": x?.linkFocus,
+		"--cm-table-header-text": x?.tableHeaderText,
+		"--cm-h6-text": x?.headingSixText,
+		"--cm-code-inline-bg": x?.inlineCodeBackground,
+		"--cm-code-inline-text": x?.inlineCodeText
+	}), U = p(() => P(u), [u]), W = p(() => ({
+		...B(c, {
+			isStreaming: o,
+			codeBlockCopyLabel: _,
+			codeBlockCopiedLabel: y,
+			codeBlockTheme: b,
+			tableActionLabels: S,
+			tableDownloadFilename: C,
+			tableOnOpenInCanvas: w,
+			tableScrollRegionAriaLabel: E,
+			mathScrollRegionAriaLabel: D
+		}),
+		...F,
+		...l
+	}), [
+		c,
+		o,
+		_,
+		y,
+		b,
+		S,
+		C,
+		w,
+		E,
+		D,
+		l
+	]);
+	return o && !j ? /* @__PURE__ */ g("span", {
+		className: a.thinking,
+		style: H,
+		children: h
+	}) : /* @__PURE__ */ g("div", {
+		style: H,
+		className: i,
+		children: /* @__PURE__ */ g(v, {
+			remarkPlugins: T,
+			rehypePlugins: V,
+			components: W,
+			urlTransform: U,
+			children: I
+		})
+	});
+});
+//#endregion
+export { V as MarkdownRenderer, F as defaultMarkdownComponents };

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

@@ -0,0 +1,11 @@
+var e = {
+	thinking: "_thinking_1g29w_9",
+	"cm-shimmer": "_cm-shimmer_1g29w_1",
+	h6: "_h6_1g29w_18",
+	codeInline: "_codeInline_1g29w_22",
+	secondaryBorder: "_secondaryBorder_1g29w_27",
+	blockquote: "_blockquote_1g29w_31",
+	link: "_link_1g29w_36"
+};
+//#endregion
+export { e as default };

package/components/MarkdownRenderer/Math/MarkdownMathBlock.js

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

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

@@ -0,0 +1,6 @@
+var e = {
+	scrollContainer: "_scrollContainer_1f433_1",
+	mathContent: "_mathContent_1f433_24"
+};
+//#endregion
+export { e as default };

package/components/MarkdownRenderer/Table/MarkdownTable.js

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

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

@@ -0,0 +1,15 @@
+var e = {
+	tableContainer: "_tableContainer_187t3_1",
+	tableContainerLight: "_tableContainerLight_187t3_6",
+	copiedIcon: "_copiedIcon_187t3_10",
+	scrollContainer: "_scrollContainer_187t3_14",
+	tableHeaderCell: "_tableHeaderCell_187t3_30",
+	sectionRow: "_sectionRow_187t3_35",
+	row: "_row_187t3_39",
+	rowDivider: "_rowDivider_187t3_43",
+	tableScrollFadeEnd: "_tableScrollFadeEnd_187t3_53",
+	tableScrollFadeStart: "_tableScrollFadeStart_187t3_61",
+	tableScrollFadeBoth: "_tableScrollFadeBoth_187t3_69"
+};
+//#endregion
+export { e as default };

package/components/MarkdownRenderer/Table/TableHeader.js

@@ -0,0 +1,30 @@
+import { mergeClasses as e } from "../../../utils/merge-class.js";
+import t from "./TableHeader.module.scss.js";
+import { ElementSize as n, GhostIconButton as r, Tooltip as i } from "@epam/ai-dial-ui-kit";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/MarkdownRenderer/Table/TableHeader.tsx
+var s = ({ children: s, actions: c, className: l }) => /* @__PURE__ */ o("div", {
+	className: e("flex min-h-10 items-center gap-2 border-b px-2 py-2", t.tableHeader, l),
+	children: [s != null && /* @__PURE__ */ a("div", {
+		className: "min-w-0 flex-1",
+		children: s
+	}), c != null && /* @__PURE__ */ a("div", {
+		className: "ms-auto flex items-center gap-1",
+		children: c.map((e) => /* @__PURE__ */ a(i, {
+			tooltip: e.label,
+			asChild: !0,
+			children: /* @__PURE__ */ a(r, {
+				"aria-label": e.label,
+				icon: /* @__PURE__ */ a("span", {
+					"aria-hidden": !0,
+					className: "flex items-center",
+					children: e.icon
+				}),
+				size: n.Small,
+				onClick: e.onClick
+			})
+		}, e.label))
+	})]
+});
+//#endregion
+export { s as TableHeader };

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

@@ -0,0 +1,3 @@
+var e = { tableHeader: "_tableHeader_1qvg8_1" };
+//#endregion
+export { e as default };

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

@@ -0,0 +1,6 @@
+//#region src/components/MarkdownRenderer/Table/table-serialization.ts
+var e = /* @__PURE__ */ function(e) {
+	return e.Csv = "csv", e.Txt = "txt", e.Markdown = "markdown", e;
+}({}), t = "table.csv", n = "text/csv;charset=utf-8", r = (e) => Array.from(e.cells).map((e) => e.textContent?.trim() ?? ""), i = (e) => r(e).map((e) => e ? `"${e.replace(/"/g, "\"\"")}"` : "").join(","), a = (e) => r(e).join("	"), o = (e) => `| ${r(e).join(" | ")} |`, s = (e, t) => t === "csv" ? e.map(i).join("\n") : t === "txt" ? e.map(a).join("\n") : e.map((e, t) => t === 0 ? [o(e), `| ${r(e).map(() => ":--").join(" | ")} |`].join("\n") : o(e)).join("\n");
+//#endregion
+export { t as DEFAULT_MARKDOWN_TABLE_DOWNLOAD_FILENAME, n as MARKDOWN_TABLE_CSV_MIME_TYPE, e as MarkdownTableCopyFormat, s as serializeMarkdownTableRows };

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

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

package/components/MarkdownRenderer/TaskCheckbox/MarkdownTaskCheckbox.js

@@ -0,0 +1,12 @@
+import { Checkbox as e } from "@epam/ai-dial-ui-kit";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/MarkdownRenderer/TaskCheckbox/MarkdownTaskCheckbox.tsx
+var n = ({ checked: n = !1 }) => /* @__PURE__ */ t("span", {
+	className: "me-1.5 inline-flex align-middle",
+	children: /* @__PURE__ */ t(e, {
+		isSelected: n,
+		disabled: !0
+	})
+});
+//#endregion
+export { n as MarkdownTaskCheckbox };

package/components/MarkdownRenderer/markdown-class-names.js

@@ -0,0 +1,23 @@
+//#region src/components/MarkdownRenderer/markdown-class-names.ts
+var e = {
+	h1: "dial-h1-text mb-3 mt-6 first:mt-0 [text-wrap:balance]",
+	h2: "dial-h2-text mb-2 mt-5 first:mt-0 [text-wrap:balance]",
+	h3: "dial-h3-text mb-2 mt-4 first:mt-0 [text-wrap:balance]",
+	h4: "mb-2 mt-4 dial-body-semi-text first:mt-0 [text-wrap:balance]",
+	h5: "mb-2 mt-4 dial-small-semi-text first:mt-0 [text-wrap:balance]",
+	h6: "mb-2 mt-4 dial-tiny-text first:mt-0 [text-wrap:balance]",
+	p: "dial-body-paragraph-text mb-3 break-words [overflow-wrap:anywhere] [text-wrap:pretty] last:mb-0",
+	ul: "mb-3 space-y-1",
+	ol: "mb-3 space-y-1",
+	codeInline: "mx-0.5 px-1.5 break-words [overflow-wrap:anywhere]",
+	blockquote: "my-4",
+	link: "break-words [overflow-wrap:anywhere]",
+	tableWrapper: "my-4",
+	mathBlock: "my-4"
+}, t = {
+	...e,
+	p: "dial-small-paragraph-text mb-3 break-words [overflow-wrap:anywhere] [text-wrap:pretty] last:mb-0",
+	strong: "dial-small-paragraph-semi-text"
+};
+//#endregion
+export { t as COMPACT_MARKDOWN_CLASS_NAMES, e as DEFAULT_MARKDOWN_CLASS_NAMES };

package/components/MarkdownWithPlaceholders/MarkdownWithPlaceholders.js

@@ -0,0 +1,18 @@
+import { rehypePromptVariables as e } from "../../utils/prompt-variables.js";
+import { MarkdownRenderer as t } from "../MarkdownRenderer/MarkdownRenderer.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/MarkdownWithPlaceholders/MarkdownWithPlaceholders.tsx
+var r = [e], i = ({ content: e, headingClassName: i }) => /* @__PURE__ */ n(t, {
+	content: e,
+	rehypePlugins: r,
+	classNames: {
+		h1: i,
+		h2: i,
+		h3: i,
+		h4: i,
+		h5: i,
+		h6: i
+	}
+});
+//#endregion
+export { i as MarkdownWithPlaceholders };

package/components/PanelEmptyState/PanelEmptyState.js

@@ -0,0 +1,17 @@
+import { mergeClasses as e } from "../../utils/merge-class.js";
+import { buildCssVars as t } from "../../utils/build-css-vars.js";
+import n from "./PanelEmptyState.module.scss.js";
+import { NoDataContent as r } from "@epam/ai-dial-ui-kit";
+import { memo as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/PanelEmptyState/PanelEmptyState.tsx
+var o = i(({ label: i, colors: o, labelClassName: s = "dial-tiny-text", containerClassName: c }) => /* @__PURE__ */ a("div", {
+	style: t({ "--pes-label-color": o?.label }),
+	children: /* @__PURE__ */ a(r, {
+		title: i,
+		titleClassName: e(n.label, s),
+		className: c
+	})
+}));
+//#endregion
+export { o as PanelEmptyState };

package/components/PanelEmptyState/PanelEmptyState.module.scss.js

@@ -0,0 +1,3 @@
+var e = { label: "_label_12p89_1" };
+//#endregion
+export { e as default };

package/components/ResourceSummary/ResourceSummary.js

@@ -0,0 +1,34 @@
+import { mergeClasses as e } from "../../utils/merge-class.js";
+import { buildCssVars as t } from "../../utils/build-css-vars.js";
+import { EntityHeader as n } from "../EntityHeader/EntityHeader.js";
+import r from "./ResourceSummary.module.scss.js";
+import { EllipsisTooltip as i } from "@epam/ai-dial-ui-kit";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/ResourceSummary/ResourceSummary.tsx
+var c = ({ item: c, children: l, versionLabel: u = "Version {version} · current", hasVersionTag: d = !0, iconSize: f = 40, className: p, styles: m, colors: h }) => {
+	let g = m?.colors ?? h, { versionTagClassName: _ = "dial-tiny-text" } = m?.typography ?? {}, v = t({
+		"--rs-border": g?.border,
+		"--rs-bg": g?.background,
+		"--rs-version-tag-border": g?.versionTagBorder,
+		"--rs-version-tag-bg": g?.versionTagBackground,
+		"--rs-version-tag-text": g?.versionTagText
+	}), y = c && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("div", {
+		className: "min-w-0 flex-1",
+		children: /* @__PURE__ */ o(n, {
+			item: c,
+			iconSize: f,
+			hasFeaturedTag: !1,
+			showVersion: !d
+		})
+	}), d && c.version && /* @__PURE__ */ o("span", {
+		className: e("inline-flex h-[24px] max-w-[45%] shrink-0 items-center gap-1 rounded-lg border px-2", _, r.versionTag),
+		children: /* @__PURE__ */ o(i, { text: u.replace("{version}", c.version) })
+	})] });
+	return /* @__PURE__ */ o("div", {
+		style: v,
+		className: e("flex items-center justify-between gap-3 rounded-xl border p-3", r.row, p),
+		children: l ?? y
+	});
+};
+//#endregion
+export { c as ResourceSummary };

package/components/ResourceSummary/ResourceSummary.module.scss.js

@@ -0,0 +1,6 @@
+var e = {
+	row: "_row_1csuq_1",
+	versionTag: "_versionTag_1csuq_7"
+};
+//#endregion
+export { e as default };

package/constants/breakpoint.js

@@ -0,0 +1,4 @@
+//#region src/constants/breakpoint.ts
+var e = 1280, t = e - 1, n = `(min-width: ${e}px)`, r = `(max-width: ${t}px)`;
+//#endregion
+export { e as DESKTOP_BREAKPOINT_PX, n as DESKTOP_MEDIA_QUERY, t as MOBILE_MAX_WIDTH_PX, r as MOBILE_MEDIA_QUERY };

package/constants/dial.js

@@ -0,0 +1,4 @@
+//#region src/constants/dial.ts
+var e = ".dial_folder";
+//#endregion
+export { e as HIDDEN_FILE };