@epam/ai-dial-chat-shared 1.2.0-dev.11 → 1.2.0-dev.111

package/markdown.d.ts

@@ -4,6 +4,19 @@ import { FC } from 'react';
 import { Options } from 'react-markdown';
 import { ReactNode } from 'react';
 
+export declare const CHAT_SHARED_CLASS: {
+    /** The bordered container of a fenced code block. */
+    readonly codeBlock: "dial-chat-shared-code-block";
+    /** The code block's sticky header, holding the language label and actions. */
+    readonly codeBlockHeader: "dial-chat-shared-code-block-header";
+    /** The bordered container of a Markdown table. */
+    readonly table: "dial-chat-shared-table";
+    /** The scrolling box around a Markdown table, which owns its overflow. */
+    readonly tableScroll: "dial-chat-shared-table-scroll";
+    /** The scrolling box around a display-math block. */
+    readonly mathBlock: "dial-chat-shared-math-block";
+};
+
 /** Color theme for syntax highlighting. */
 declare enum CodeBlockTheme {
     /** Dark syntax-highlighting theme. */
@@ -225,9 +238,7 @@ export declare interface MarkdownRendererProps {
 export declare const MarkdownTable: FC<MarkdownTableProps>;
 
 export declare interface MarkdownTableActionLabels {
-    copyCsvLabel?: string;
-    copyTxtLabel?: string;
-    copyMarkdownLabel?: string;
+    copyLabel?: string;
     copiedLabel?: string;
     downloadCsvLabel?: string;
     openInCanvasLabel?: string;
@@ -253,19 +264,16 @@ export declare interface MarkdownTableColors {
     fade?: string;
     /** Divider color between rows. Defaults to `--stroke-tertiary`. */
     rowDivider?: string;
-    /** Background of even-indexed body rows. Defaults to `--bg-layer-base`. */
-    rowZebraBackground?: string;
     /** Background of a body row on hover. Defaults to `--bg-control-accent-alpha-hover`. */
     rowHoverBackground?: string;
 }
 
 export declare enum MarkdownTableCopyFormat {
     Csv = "csv",
-    Txt = "txt",
     Markdown = "markdown"
 }
 
-/** A table header action rendered as an icon button. */
+/** A table action rendered as an icon button. */
 export declare interface MarkdownTableHeaderAction {
     /** Stable accessible name and tooltip text. */
     label: string;
@@ -309,13 +317,20 @@ export declare interface MarkdownWithPlaceholdersProps {
     headingClassName?: string;
 }
 
-/** Renders assistant message content as formatted markdown. */
+/** Renders assistant message content as formatted markdown, or as escaped plain text when `isPlainText` is set. */
 export declare const MDMessageViewer: FC<MDMessageViewerProps>;
 
 /** Props for the {@link MDMessageViewer} markdown renderer. */
 declare interface MDMessageViewerProps {
     /** Raw markdown string to render. */
     content: string;
+    /**
+     * Renders `content` verbatim as escaped plain text instead of running the
+     * Markdown pipeline — the conversation's `plain_text` response format.
+     * Markdown-only props (`components`, `urlTransform`, the code-block and
+     * table labels) do not apply while it is set. Defaults to `false`.
+     */
+    isPlainText?: boolean;
     /** Enables gradual reveal for appended streaming content. */
     isStreaming?: boolean;
     /**
@@ -355,6 +370,44 @@ declare interface MDMessageViewerProps {
     classNames?: MarkdownRendererClassNames;
 }
 
+/**
+ * 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>;
+
+/** Props for {@link PlainTextRenderer}. */
+export declare 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'>;
+}
+
 /** Style map consumed by `react-syntax-highlighter`'s `Prism` renderer. */
 declare type PrismStyleMap = Record<string, CSSProperties>;
 

package/markdown.js

@@ -1,11 +1,13 @@
-import { useCodeCopy as e } from "./hooks/useCodeCopy.js";
-import { restrainedSyntaxTheme as t } from "./components/MarkdownRenderer/CodeBlock/syntax-theme.js";
-import { MarkdownCodeBlock as n } from "./components/MarkdownRenderer/CodeBlock/CodeBlock.js";
-import { DEFAULT_MARKDOWN_TABLE_DOWNLOAD_FILENAME as r, MARKDOWN_TABLE_CSV_MIME_TYPE as i, MarkdownTableCopyFormat as a, serializeMarkdownTableRows as o } from "./components/MarkdownRenderer/Table/table-serialization.js";
-import { MarkdownTable as s } from "./components/MarkdownRenderer/Table/MarkdownTable.js";
-import { MarkdownRenderer as c, defaultMarkdownComponents as l } from "./components/MarkdownRenderer/MarkdownRenderer.js";
-import { COMPACT_MARKDOWN_CLASS_NAMES as u, DEFAULT_MARKDOWN_CLASS_NAMES as d } from "./components/MarkdownRenderer/markdown-class-names.js";
-import { MDMessageViewer as f } from "./components/MarkdownRenderer/MDMessageViewer.js";
-import { MarkdownWithPlaceholders as p } from "./components/MarkdownWithPlaceholders/MarkdownWithPlaceholders.js";
-import { useCollapsedText as m } from "./hooks/useCollapsedText.js";
-export { u as COMPACT_MARKDOWN_CLASS_NAMES, d as DEFAULT_MARKDOWN_CLASS_NAMES, r as DEFAULT_MARKDOWN_TABLE_DOWNLOAD_FILENAME, i as MARKDOWN_TABLE_CSV_MIME_TYPE, f as MDMessageViewer, n as MarkdownCodeBlock, c as MarkdownRenderer, s as MarkdownTable, a as MarkdownTableCopyFormat, p as MarkdownWithPlaceholders, l as defaultMarkdownComponents, t as restrainedSyntaxTheme, o as serializeMarkdownTableRows, e as useCodeCopy, m as useCollapsedText };
+import { CHAT_SHARED_CLASS as e } from "./constants/public-class-names.js";
+import { useCodeCopy as t } from "./hooks/useCodeCopy.js";
+import { restrainedSyntaxTheme as n } from "./components/MarkdownRenderer/CodeBlock/syntax-theme.js";
+import { MarkdownCodeBlock as r } from "./components/MarkdownRenderer/CodeBlock/CodeBlock.js";
+import { DEFAULT_MARKDOWN_TABLE_DOWNLOAD_FILENAME as i, MARKDOWN_TABLE_CSV_MIME_TYPE as a, MarkdownTableCopyFormat as o, serializeMarkdownTableRows as s } from "./components/MarkdownRenderer/Table/table-serialization.js";
+import { MarkdownTable as c } from "./components/MarkdownRenderer/Table/MarkdownTable.js";
+import { MarkdownRenderer as l, defaultMarkdownComponents as u } from "./components/MarkdownRenderer/MarkdownRenderer.js";
+import { COMPACT_MARKDOWN_CLASS_NAMES as d, DEFAULT_MARKDOWN_CLASS_NAMES as f } from "./components/MarkdownRenderer/markdown-class-names.js";
+import { PlainTextRenderer as p } from "./components/MarkdownRenderer/PlainTextRenderer.js";
+import { MDMessageViewer as m } from "./components/MarkdownRenderer/MDMessageViewer.js";
+import { MarkdownWithPlaceholders as h } from "./components/MarkdownWithPlaceholders/MarkdownWithPlaceholders.js";
+import { useCollapsedText as g } from "./hooks/useCollapsedText.js";
+export { e as CHAT_SHARED_CLASS, d as COMPACT_MARKDOWN_CLASS_NAMES, f as DEFAULT_MARKDOWN_CLASS_NAMES, i as DEFAULT_MARKDOWN_TABLE_DOWNLOAD_FILENAME, a as MARKDOWN_TABLE_CSV_MIME_TYPE, m as MDMessageViewer, r as MarkdownCodeBlock, l as MarkdownRenderer, c as MarkdownTable, o as MarkdownTableCopyFormat, h as MarkdownWithPlaceholders, p as PlainTextRenderer, u as defaultMarkdownComponents, n as restrainedSyntaxTheme, s as serializeMarkdownTableRows, t as useCodeCopy, g as useCollapsedText };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-chat-shared",
   "description": "Shared domain models, utilities, and UI components for AI DIAL Chat libraries",
-  "version": "1.2.0-dev.11",
+  "version": "1.2.0-dev.111",
   "license": "Apache-2.0",
   "type": "module",
   "sideEffects": [
@@ -32,8 +32,8 @@
   },
   "peerDependencies": {
     "react": "^19.2.8",
-    "@epam/ai-dial-ui-kit": "^0.14.2",
-    "@epam/ai-dial-react-file-manager": "^0.2.0",
+    "@epam/ai-dial-ui-kit": "^0.15.0-dev.15",
+    "@epam/ai-dial-react-file-manager": "^0.3.0-dev.4",
     "ag-grid-community": "^35.3.0"
   },
   "peerDependenciesMeta": {

package/types/attachment.js

@@ -1,6 +1,6 @@
 //#region src/types/attachment.ts
 var e = /* @__PURE__ */ function(e) {
-	return e.Network = "network", e.UnsupportedType = "unsupported-type", e;
+	return e.Network = "network", e.UnsupportedType = "unsupported-type", e.FileTooLarge = "file-too-large", e;
 }({}), t = /* @__PURE__ */ function(e) {
 	return e.File = "file", e.Image = "image", e.Audio = "audio", e.Prompt = "prompt", e.Pasted = "pasted", e.Link = "link", e;
 }({});

package/utils/file-download.js

@@ -1,5 +1,5 @@
-import { stripUrlQueryAndFragment as e } from "./mime-type.js";
-import { MIME_TYPE_EXT_MAP as t } from "../constants/mime-types.js";
+import { MIME_TYPE_EXT_MAP as e } from "../constants/mime-types.js";
+import { stripUrlQueryAndFragment as t } from "./mime-type.js";
 //#region src/utils/file-download.ts
 var n = /^[a-zA-Z0-9]{1,10}$/, r = (e) => {
 	let t = e.lastIndexOf(".");
@@ -9,12 +9,12 @@ var n = /^[a-zA-Z0-9]{1,10}$/, r = (e) => {
 }, i = (n, i, a) => {
 	if (r(n) != null) return n;
 	if (a != null) {
-		let e = t[a];
-		if (e != null) return `${n}.${e}`;
+		let t = e[a];
+		if (t != null) return `${n}.${t}`;
 	}
 	if (i != null) {
-		let t = r(e(i).split("/").pop() ?? "");
-		if (t != null) return `${n}.${t}`;
+		let e = r(t(i).split("/").pop() ?? "");
+		if (e != null) return `${n}.${e}`;
 	}
 	return n;
 }, a = {

package/utils/is-skill-selection-unsupported.js

@@ -0,0 +1,4 @@
+//#region src/utils/is-skill-selection-unsupported.ts
+var e = (e, t) => !!e?.trim() && t !== !0;
+//#endregion
+export { e as isSkillSelectionUnsupported };

package/utils/latex.js

@@ -26,11 +26,13 @@ var e = /\$\\ce\{/g, t = /\$\\pu\{/g, n = /\$\\\\ce\{[^}]*\}\$/g, r = /\$\\\\pu\
 	let t = p(e), n = [], r = 0, s;
 	for (i.lastIndex = 0; (s = i.exec(e)) !== null;) {
 		let i = s.index, c = i + s[0].length, l = s[1];
-		if (!l.includes("\n") || m(i, t)) continue;
+		if (m(i, t)) continue;
 		let u = e.lastIndexOf("\n", i - 1) + 1;
 		if (e.slice(u, i).trim() !== "") continue;
-		let d = l.replace(a, "").replace(o, ""), f = e.indexOf("\n", c), p = e.slice(c, f === -1 ? e.length : f);
-		n.push(e.slice(r, i)), n.push(`$$\n${d}\n$$${p.trim() === "" ? "" : "\n"}`), r = c;
+		let d = e.indexOf("\n", c), f = e.slice(c, d === -1 ? e.length : d);
+		if (!l.includes("\n") && (f.trim() !== "" || l.trim() === "")) continue;
+		let p = l.replace(a, "").replace(o, "");
+		n.push(e.slice(r, i)), n.push(`$$\n${p}\n$$${f.trim() === "" ? "" : "\n"}`), r = c;
 	}
 	return n.push(e.substring(r)), n.join("");
 }, y = (e, t) => {

package/utils/merge-class.js

@@ -1,8 +1,9 @@
 import e from "classnames";
-import { twMerge as t } from "tailwind-merge";
+import { extendTailwindMerge as t } from "tailwind-merge";
 //#region src/utils/merge-class.ts
-function n(...n) {
-	return t(e(...n));
+var n = t({ extend: { classGroups: { shadow: [{ shadow: ["chat-button"] }] } } });
+function r(...t) {
+	return n(e(...t));
 }
 //#endregion
-export { n as mergeClasses };
+export { r as mergeClasses };

package/utils/mime-type.js

@@ -1,7 +1,8 @@
 import { AttachmentType as e } from "../types/attachment.js";
 import { MIMEType as t } from "../types/mime-type.js";
+import { MIME_TYPE_ALIASES as n } from "../constants/mime-types.js";
 //#region src/utils/mime-type.ts
-var n = {
+var r = {
 	md: t.Markdown,
 	markdown: t.Markdown,
 	txt: t.Plain,
@@ -65,9 +66,12 @@ var n = {
 	mp3: t.MP3,
 	wav: t.WAV,
 	ogg: t.OGG
-}, r = (e) => e.split(/[?#]/)[0], i = (e) => {
-	let t = r(e), i = t.lastIndexOf(".");
-	if (i !== -1) return n[t.slice(i + 1).toLowerCase()];
-}, a = (t) => t?.startsWith("image/") ? e.Image : t?.startsWith("audio/") ? e.Audio : e.File;
+}, i = (e) => e.toLowerCase().split(";")[0].trim(), a = (e) => {
+	let t = i(e);
+	return n[t] ?? t;
+}, o = (e) => e.split(/[?#]/)[0], s = (e) => {
+	let t = o(e), n = t.lastIndexOf(".");
+	if (n !== -1) return r[t.slice(n + 1).toLowerCase()];
+}, c = (t) => t?.startsWith("image/") ? e.Image : t?.startsWith("audio/") ? e.Audio : e.File;
 //#endregion
-export { a as getAttachmentTypeFromMime, i as inferMimeTypeFromPath, r as stripUrlQueryAndFragment };
+export { c as getAttachmentTypeFromMime, i as getBaseMimeType, s as inferMimeTypeFromPath, a as normalizeMimeType, o as stripUrlQueryAndFragment };