@epam/ai-dial-chat-shared 1.3.0-dev.13 → 1.3.0-dev.130

package/components/EntityHeader/EntityHeader.d.ts

@@ -0,0 +1,38 @@
+import { CSSProperties, FC, ReactNode } from 'react';
+import { EntityHeaderItem } from '../../models/entity';
+/** Props for EntityHeader. */
+export interface EntityHeaderProps {
+    /** The entity to display. */
+    item: EntityHeaderItem;
+    /** Typography CSS class for the item name. Falls back to `ItemHeader`'s own default when omitted. */
+    nameClassName?: string;
+    /** CSS class for the entity type label. Default: 'dial-caption-lead-semi-text'. */
+    typeClassName?: string;
+    /** Visible type text, e.g. a translated type name. Default: the raw `item.type` value. */
+    typeLabel?: string;
+    /** CSS class applied to the icon badge, e.g. to set border-radius. Default: 'rounded-[14px]'. */
+    iconBadgeClassName?: string;
+    /** Typography CSS class for the version text. Falls back to `ItemHeader`'s own default when omitted. */
+    versionClassName?: string;
+    /** Whether to show `item.version` next to the title. Default: true. */
+    showVersion?: boolean;
+    /** Label for the featured tag shown when item.isFeatured is true. Default: 'Featured'. */
+    featuredLabel?: string;
+    /** Whether to render the featured tag. Default: true. */
+    hasFeaturedTag?: boolean;
+    /** Size of the deployment icon. Default: 48. */
+    iconSize?: number;
+    /** Search query string; when provided, matching text in the title is highlighted. */
+    query?: string;
+    /** Content pinned to the bottom of the text column via `mt-auto`, aligning its baseline with the avatar bottom. When provided, the column stretches to fill the icon height exactly. */
+    footer?: ReactNode;
+    /** CSS class for the featured chip. */
+    featuredChipClassName?: string;
+    /** Style override for the featured chip, merged over its default per-entity-type colors, e.g. `{ backgroundColor, color, border }`. */
+    featuredChipStyle?: CSSProperties;
+    /** Arbitrary badge rendered before the featured chip, in the same top-end corner. Omitted (the default) renders nothing in that slot. */
+    statusBadge?: ReactNode;
+}
+/** Reusable entity identity block: deployment icon, type label, name, version, and optional featured chip. */
+export declare const EntityHeader: FC<EntityHeaderProps>;
+//# sourceMappingURL=EntityHeader.d.ts.map

package/components/EntityHeader/EntityHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityHeader.d.ts","sourceRoot":"","sources":["../../../src/components/EntityHeader/EntityHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAO5D,8BAA8B;AAC9B,MAAM,WAAW,iBAAiB;IAChC,6BAA6B;IAC7B,IAAI,EAAE,gBAAgB,CAAC;IACvB,qGAAqG;IACrG,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mFAAmF;IACnF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iGAAiG;IACjG,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wGAAwG;IACxG,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uEAAuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0FAA0F;IAC1F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yDAAyD;IACzD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qFAAqF;IACrF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wLAAwL;IACxL,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,uCAAuC;IACvC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,uIAAuI;IACvI,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC,yIAAyI;IACzI,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,8GAA8G;AAC9G,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA+D9C,CAAC"}

package/components/EntityHeader/EntityHeader.js

@@ -22,7 +22,7 @@ var s = ({ item: s, nameClassName: c, versionClassName: l, showVersion: u = !0,
 					className: d,
 					label: f
 				}), (x != null || _ && s.isFeatured) && /* @__PURE__ */ o("div", {
-					className: "absolute end-0 top-[-6px] flex items-center gap-2",
+					className: "absolute inset-e-0 top-[-6px] flex items-center gap-2",
 					children: [x, _ && s.isFeatured && /* @__PURE__ */ a(i, {
 						type: s.type,
 						label: g,

package/components/EntityTypeLabel/EntityTypeLabel.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import { CatalogEntityType } from '../../types/entity-type';
+/** Props for EntityTypeLabel. */
+export interface EntityTypeLabelProps {
+    /** Entity category — resolves the label's color via ENTITY_TYPE_COLOR. */
+    type: CatalogEntityType;
+    /** CSS class for the label text. Default: 'dial-caption-lead-semi-text'. */
+    className?: string;
+    /** Visible text, e.g. a translated type name. Default: the raw `type` value (`'MODEL'`, `'TOOLSET'`, …). */
+    label?: string;
+}
+/**
+ * Entity type label rendered as plain uppercase text — no pill, no background.
+ * Shared by the card grid (via AppIdentity) and the list view, so both
+ * densities of the catalog use the same type treatment.
+ */
+export declare const EntityTypeLabel: FC<EntityTypeLabelProps>;
+//# sourceMappingURL=EntityTypeLabel.d.ts.map

package/components/EntityTypeLabel/EntityTypeLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityTypeLabel.d.ts","sourceRoot":"","sources":["../../../src/components/EntityTypeLabel/EntityTypeLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D,iCAAiC;AACjC,MAAM,WAAW,oBAAoB;IACnC,0EAA0E;IAC1E,IAAI,EAAE,iBAAiB,CAAC;IACxB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4GAA4G;IAC5G,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAQpD,CAAC"}

package/components/FeaturedChip/FeaturedChip.d.ts

@@ -0,0 +1,16 @@
+import { CSSProperties, FC } from 'react';
+import { CatalogEntityType } from '../../types/entity-type';
+/** Props for `FeaturedChip`. */
+export interface FeaturedChipProps {
+    /** Label text shown inside the chip. */
+    label: string;
+    /** Typography class for the label. Defaults to the kit badge's `'dial-caption-lead-semi-text'`. */
+    className?: string;
+    /** Entity category — picks the chip's default colours. */
+    type: CatalogEntityType;
+    /** Style overrides merged over the chip's default per-entity-type colors, e.g. `{ backgroundColor, color, border }`. */
+    style?: CSSProperties;
+}
+/** Featured badge rendered on a catalog card when `item.isFeatured` is true. */
+export declare const FeaturedChip: FC<FeaturedChipProps>;
+//# sourceMappingURL=FeaturedChip.d.ts.map

package/components/FeaturedChip/FeaturedChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeaturedChip.d.ts","sourceRoot":"","sources":["../../../src/components/FeaturedChip/FeaturedChip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAG5D,gCAAgC;AAChC,MAAM,WAAW,iBAAiB;IAChC,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,mGAAmG;IACnG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,IAAI,EAAE,iBAAiB,CAAC;IACxB,wHAAwH;IACxH,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,gFAAgF;AAChF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAe9C,CAAC"}

package/components/InitialsAvatar/InitialsAvatar.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+/** Props for `InitialsAvatar`. */
+export interface InitialsAvatarProps {
+    /** Display name from which initials are derived. Empty string renders `"?"`. */
+    name: string;
+    /** Badge width and height in pixels. */
+    size: number;
+    /** Extra classes applied to the root element (e.g. `'shrink-0'`). */
+    className?: string;
+    /** Type-scale class for the initials. Defaults to none: the initials are semibold at 40% of `size`. */
+    textClassName?: string;
+}
+/** A square badge showing 1–2 initials derived from `name` on a deterministic colour background. */
+export declare const InitialsAvatar: FC<InitialsAvatarProps>;
+//# sourceMappingURL=InitialsAvatar.d.ts.map

package/components/InitialsAvatar/InitialsAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InitialsAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/InitialsAvatar/InitialsAvatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,kCAAkC;AAClC,MAAM,WAAW,mBAAmB;IAClC,gFAAgF;IAChF,IAAI,EAAE,MAAM,CAAC;IACb,wCAAwC;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uGAAuG;IACvG,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,oGAAoG;AACpG,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAclD,CAAC"}

package/components/ItemHeader/ItemHeader.d.ts

@@ -0,0 +1,40 @@
+import { FC, ReactNode } from 'react';
+/** CSS custom-property overrides for the `ItemHeader` component. */
+export interface ItemHeaderColors {
+    /** Title text color. Defaults to `--text-primary`. */
+    title?: string;
+    /** Postfix text color. Defaults to `--text-secondary`. */
+    count?: string;
+}
+/** Props for `ItemHeader`. */
+export interface ItemHeaderProps {
+    /** Title text rendered in the heading element. */
+    title: string;
+    /**
+     * Secondary value rendered after the title. A number (an item count) always
+     * renders in full; a string (a version) is capped at 30% of the row and
+     * truncates with a tooltip.
+     */
+    postfix?: number | string;
+    /** CSS class applied to the title. Defaults to `'dial-h3-text'`. */
+    titleClassName?: string;
+    /** CSS class applied to the postfix. Defaults to `'dial-tiny-text'`. */
+    postfixClassName?: string;
+    /** CSS class applied to the header row. */
+    className?: string;
+    /** Search query; when provided, the matching part of the title is highlighted. */
+    query?: string;
+    /** Optional content rendered at the trailing end of the header row. */
+    trailing?: ReactNode;
+    /** Color overrides applied as CSS custom properties. */
+    colors?: ItemHeaderColors;
+    /**
+     * Whether the title shrinks and truncates with an ellipsis. When `false` the
+     * title keeps its full width and the rest of the row gives way instead.
+     * Defaults to `true`.
+     */
+    shouldTruncateTitle?: boolean;
+}
+/** Item title header with optional numeric or string postfix and trailing slot. */
+export declare const ItemHeader: FC<ItemHeaderProps>;
+//# sourceMappingURL=ItemHeader.d.ts.map

package/components/ItemHeader/ItemHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ItemHeader/ItemHeader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKtC,oEAAoE;AACpE,MAAM,WAAW,gBAAgB;IAC/B,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,8BAA8B;AAC9B,MAAM,WAAW,eAAe;IAC9B,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,oEAAoE;IACpE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wDAAwD;IACxD,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,mFAAmF;AACnF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAiF1C,CAAC"}

package/components/ItemHeader/ItemHeader.js

@@ -20,7 +20,10 @@ var s = ({ title: s, postfix: c, titleClassName: l = "dial-h3-text", postfixClas
 					query: f
 				}) : h ? /* @__PURE__ */ a(r, { text: s }) : s
 			}),
-			c != null && /* @__PURE__ */ a(r, {
+			c == null ? null : typeof c == "number" ? /* @__PURE__ */ a("span", {
+				className: e("shrink-0 whitespace-nowrap", u, n.count),
+				children: c
+			}) : /* @__PURE__ */ a(r, {
 				className: e("max-w-[30%] shrink-0", u, n.count),
 				text: c
 			}),

package/components/ItemHeader/ItemHeader.module.scss.js

@@ -1,6 +1,7 @@
-var e = {
-	title: "_title_11w3i_1",
-	count: "_count_11w3i_5"
+//#region src/components/ItemHeader/ItemHeader.module.scss
+var e = "_title_11w3i_1", t = "_count_11w3i_5", n = {
+	title: e,
+	count: t
 };
 //#endregion
-export { e as default };
+export { t as count, n as default, e as title };

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

@@ -0,0 +1,55 @@
+import { FC, ReactNode } from 'react';
+import { CodeBlockTheme } from '../../../types/code-editor';
+/** CSS custom-property overrides for the `MarkdownCodeBlock` component. */
+export interface MarkdownCodeBlockColors {
+    /** Container background color. */
+    background?: string;
+    /** Container/header border color. */
+    border?: string;
+    /** Header background color. */
+    headerBackground?: string;
+    /** Language label text color. */
+    language?: string;
+    /** Copy button icon color once copied. */
+    copied?: string;
+    /** Scrollbar thumb/track color. */
+    scrollbar?: string;
+}
+/** Props for {@link MarkdownCodeBlock}. */
+export interface MarkdownCodeBlockProps {
+    /** Detected language from the fenced code block. Empty string for language-less blocks. */
+    language: string;
+    /** Raw code value with trailing newline stripped. */
+    value: string;
+    /** When true, the copy button is hidden (streaming in progress). */
+    isStreaming?: boolean;
+    /** Color theme for syntax highlighting. Defaults to `'dark'`. */
+    theme?: CodeBlockTheme;
+    /** Accessible label for the copy button. Defaults to `'Copy code'`. */
+    copyLabel?: string;
+    /** Message announced through the block's `aria-live="polite"` region after a copy completes. The copy button's own accessible name stays `copyLabel`. Defaults to `'Copied!'`. */
+    copiedLabel?: string;
+    /** Accessible label for the download button. Defaults to `'Download code'`. */
+    downloadLabel?: string;
+    /** When true, hides the download button while still showing copy. Defaults to `false`. */
+    hideDownload?: boolean;
+    /** Extra classes applied to the outer container element. */
+    containerClassName?: string;
+    /** Extra classes applied to the sticky header bar. */
+    headerClassName?: string;
+    /** Typography class for the `<code>` element (used when no language is detected). Defaults to `'dial-code-text'`. */
+    codeClassName?: string;
+    /** Whether the code keeps its own top padding below the header; `false` starts it right under the header. Defaults to `true`. */
+    hasContentTopPadding?: boolean;
+    /** CSS class applied to the language label in the header. Defaults to `'dial-tiny-lead-semi-text'` plus the module's `.languageLabel` class (`--text-secondary`). */
+    languageLabelClassName?: string;
+    /** Header text shown in place of `language`, for blocks whose highlighting id is not the name to display (e.g. `bash` highlighted, `cURL` shown). Defaults to the `language` value. */
+    title?: string;
+    /** Custom content rendered in the header in place of the plain label, e.g. a language/endpoint select. Defaults to the plain label text. */
+    titleSlot?: ReactNode;
+    /** Color overrides applied as CSS custom properties. */
+    colors?: MarkdownCodeBlockColors;
+}
+/** Renders a fenced or multi-line code block with syntax highlighting and a copy button. */
+export declare const MarkdownCodeBlock: FC<MarkdownCodeBlockProps>;
+//# sourceMappingURL=CodeBlock.d.ts.map

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

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

package/components/MarkdownRenderer/CodeBlock/CodeBlock.js

@@ -18,32 +18,32 @@ var C = {
 }, w = h(async () => {
 	let { Prism: e } = await import("react-syntax-highlighter");
 	return { default: e };
-}), T = g(({ language: h, value: g, isStreaming: T, theme: E = e.Dark, copyLabel: D = "Copy code", copiedLabel: O = "Copied!", downloadLabel: k = "Download code", hideDownload: A = !1, containerClassName: j, headerClassName: M, codeClassName: N = "dial-code-text", languageLabelClassName: P = "dial-tiny-lead-semi-text", title: F, titleSlot: I, colors: L }) => {
-	let { isCopied: R, copy: z } = s(g), B = _(() => a(g), [g]), V = E === e.Light, H = () => {
+}), T = g(({ language: h, value: g, isStreaming: T, theme: E = e.Dark, copyLabel: D = "Copy code", copiedLabel: O = "Copied!", downloadLabel: k = "Download code", hideDownload: A = !1, hasContentTopPadding: j = !0, containerClassName: M, headerClassName: N, codeClassName: P = "dial-code-text", languageLabelClassName: F = "dial-tiny-lead-semi-text", title: I, titleSlot: L, colors: R }) => {
+	let { isCopied: z, copy: B } = s(g), V = _(() => a(g), [g]), H = E === e.Light, U = () => {
 		r(g, `code.${i(h)}`);
-	}, U = /* @__PURE__ */ v("pre", {
-		className: "p-4",
+	}, W = /* @__PURE__ */ v("pre", {
+		className: j ? "p-4" : "px-4 pt-0 pb-4",
 		children: /* @__PURE__ */ v("code", {
-			className: t("whitespace-pre", N),
+			className: t("whitespace-pre", P),
 			children: g
 		})
+	}), G = n({
+		"--cm-code-block-bg": R?.background,
+		"--cm-code-block-border": R?.border,
+		"--cm-code-block-header-bg": R?.headerBackground,
+		"--cm-code-block-language": R?.language,
+		"--cm-code-block-copied": R?.copied,
+		"--cm-code-block-scrollbar": R?.scrollbar
 	});
 	return /* @__PURE__ */ y("div", {
-		style: n({
-			"--cm-code-block-bg": L?.background,
-			"--cm-code-block-border": L?.border,
-			"--cm-code-block-header-bg": L?.headerBackground,
-			"--cm-code-block-language": L?.language,
-			"--cm-code-block-copied": L?.copied,
-			"--cm-code-block-scrollbar": L?.scrollbar
-		}),
-		className: t("my-4 max-w-full rounded-xl border [overflow:clip]", c.container, V && c.containerLight, j, o.codeBlock),
+		style: G,
+		className: t("my-4 max-w-full [overflow:clip] rounded-xl border", c.container, H && c.containerLight, M, o.codeBlock),
 		children: [
 			/* @__PURE__ */ y("div", {
-				className: t("sticky top-0 z-10 flex min-h-10 items-center justify-between px-4", I == null ? "py-2" : "py-0", c.header, M, o.codeBlockHeader),
-				children: [I ?? /* @__PURE__ */ v("span", {
-					className: t(c.languageLabel, P),
-					children: F ?? h
+				className: t("sticky top-0 z-10 flex min-h-10 items-center justify-between px-4", L == null ? "py-2" : "py-0", c.header, N, o.codeBlockHeader),
+				children: [L ?? /* @__PURE__ */ v("span", {
+					className: t(c.languageLabel, F),
+					children: I ?? h
 				}), !T && /* @__PURE__ */ y("div", {
 					className: "flex items-center gap-1",
 					children: [!A && /* @__PURE__ */ v(p, {
@@ -53,9 +53,9 @@ var C = {
 						}),
 						"aria-label": k,
 						size: f.Small,
-						onClick: H
+						onClick: U
 					}), /* @__PURE__ */ v(p, {
-						icon: R ? /* @__PURE__ */ v(b, {
+						icon: z ? /* @__PURE__ */ v(b, {
 							size: u.SM,
 							className: c.copiedIcon,
 							"aria-hidden": !0,
@@ -67,15 +67,15 @@ var C = {
 						}),
 						"aria-label": D,
 						size: f.Small,
-						onClick: z
+						onClick: B
 					})]
 				})]
 			}),
 			/* @__PURE__ */ v("div", {
 				className: t(c.scrollContainer, "max-h-[60vh] overflow-auto"),
 				dir: "ltr",
-				children: h && B ? /* @__PURE__ */ v(m, {
-					fallback: U,
+				children: h && V ? /* @__PURE__ */ v(m, {
+					fallback: W,
 					children: /* @__PURE__ */ v(w, {
 						language: h,
 						style: C[E] ?? l,
@@ -85,19 +85,19 @@ var C = {
 							background: "transparent",
 							fontSize: 14,
 							lineHeight: 1.5,
-							padding: "14px 16px",
+							padding: j ? "14px 16px" : "0 16px 14px",
 							letterSpacing: 0
 						},
-						codeTagProps: { className: N },
+						codeTagProps: { className: P },
 						children: g
 					})
-				}) : U
+				}) : W
 			}),
 			/* @__PURE__ */ v("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				children: R ? O : ""
+				children: z ? O : ""
 			})
 		]
 	});

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

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

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

@@ -0,0 +1,7 @@
+import { CSSProperties } from 'react';
+/** Style map consumed by `react-syntax-highlighter`'s `Prism` renderer. */
+type PrismStyleMap = Record<string, CSSProperties>;
+/** Prism syntax-highlighting style map used by {@link MarkdownCodeBlock}, restrained to design-system CSS variables. */
+export declare const restrainedSyntaxTheme: PrismStyleMap;
+export {};
+//# sourceMappingURL=syntax-theme.d.ts.map

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

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

package/components/MarkdownRenderer/MDMessageViewer.d.ts

@@ -0,0 +1,66 @@
+import { FC } from 'react';
+import { Components, Options } from 'react-markdown';
+import { CodeBlockTheme } from '../../types/code-editor';
+import { MarkdownRendererClassNames } from './MarkdownRenderer';
+import { MarkdownTableActionLabels } from './Table/MarkdownTable';
+/** Props for the {@link MDMessageViewer} markdown renderer. */
+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;
+    /**
+     * Label shown while `isStreaming` is true and no content has arrived yet.
+     * Forwarded to {@link MarkdownRenderer}. Defaults to `'Thinking'`.
+     */
+    thinkingLabel?: string;
+    /**
+     * Additional react-markdown component overrides merged on top of the
+     * built-in map. Use to inject custom React nodes (e.g. citation markers)
+     * into specific markdown elements without modifying the viewer directly.
+     */
+    components?: Components;
+    /**
+     * Rewrites `href` and `src` values before they are rendered. Forwarded to
+     * {@link MarkdownRenderer}. Defaults to no extra rewrite.
+     */
+    urlTransform?: (url: string) => string;
+    /** Extra rehype plugins forwarded to {@link MarkdownRenderer}. Defaults to none. */
+    rehypePlugins?: NonNullable<Options['rehypePlugins']>;
+    /** When `false`, raw HTML renders as literal text. Forwarded to {@link MarkdownRenderer}; defaults to `true`. */
+    isRawHtmlEnabled?: boolean;
+    /** Accessible label for the copy button in code blocks. Forwarded to {@link MarkdownRenderer}. */
+    codeBlockCopyLabel?: string;
+    /** Accessible label for the copy button after copying. Forwarded to {@link MarkdownRenderer}. */
+    codeBlockCopiedLabel?: string;
+    /** Accessible label for the code-block download button. Forwarded to {@link MarkdownRenderer}. */
+    codeBlockDownloadLabel?: string;
+    /** Syntax highlight color theme for code blocks. Forwarded to {@link MarkdownRenderer}. */
+    codeBlockTheme?: CodeBlockTheme;
+    /** Localized labels for Markdown table actions. Forwarded to {@link MarkdownRenderer}. */
+    tableActionLabels?: MarkdownTableActionLabels;
+    /** Filename used when downloading a Markdown table as CSV. Forwarded to {@link MarkdownRenderer}. */
+    tableDownloadFilename?: string;
+    tableOnOpenInCanvas?: (markdown: string) => void;
+    /** Accessible label for a table's scrollable region. Forwarded to {@link MarkdownRenderer}. */
+    tableScrollRegionAriaLabel?: string;
+    /** Accessible label for a block formula's scrollable region. Forwarded to {@link MarkdownRenderer}. */
+    mathScrollRegionAriaLabel?: string;
+    /**
+     * Per-element typography classes. Defaults to {@link DEFAULT_MARKDOWN_CLASS_NAMES};
+     * pass {@link COMPACT_MARKDOWN_CLASS_NAMES} for the smaller body scale. Give a
+     * stable reference: this component is memoised.
+     */
+    classNames?: MarkdownRendererClassNames;
+}
+/** Renders message content as formatted markdown, or as escaped plain text when `isPlainText` is set. */
+export declare const MDMessageViewer: FC<MDMessageViewerProps>;
+export {};
+//# sourceMappingURL=MDMessageViewer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MDMessageViewer.d.ts","sourceRoot":"","sources":["../../../src/components/MarkdownRenderer/MDMessageViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAEvE,+DAA+D;AAC/D,UAAU,oBAAoB;IAC5B,qCAAqC;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,oFAAoF;IACpF,aAAa,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC;IACtD,iHAAiH;IACjH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kGAAkG;IAClG,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iGAAiG;IACjG,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kGAAkG;IAClG,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,2FAA2F;IAC3F,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,0FAA0F;IAC1F,iBAAiB,CAAC,EAAE,yBAAyB,CAAC;IAC9C,qGAAqG;IACrG,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,+FAA+F;IAC/F,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,uGAAuG;IACvG,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC;;;;OAIG;IACH,UAAU,CAAC,EAAE,0BAA0B,CAAC;CACzC;AAED,yGAAyG;AACzG,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAiDpD,CAAC"}

package/components/MarkdownRenderer/MDMessageViewer.js

@@ -4,27 +4,29 @@ import { PlainTextRenderer as n } from "./PlainTextRenderer.js";
 import { memo as r } from "react";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/components/MarkdownRenderer/MDMessageViewer.tsx
-var a = r(({ content: r, isPlainText: a, isStreaming: o, thinkingLabel: s, components: c, urlTransform: l, codeBlockCopyLabel: u, codeBlockCopiedLabel: d, codeBlockDownloadLabel: f, codeBlockTheme: p, tableActionLabels: m, tableDownloadFilename: h, tableOnOpenInCanvas: g, tableScrollRegionAriaLabel: _, mathScrollRegionAriaLabel: v, classNames: y = t }) => a ? /* @__PURE__ */ i(n, {
+var a = r(({ content: r, isPlainText: a, isStreaming: o, thinkingLabel: s, components: c, urlTransform: l, rehypePlugins: u, isRawHtmlEnabled: d, codeBlockCopyLabel: f, codeBlockCopiedLabel: p, codeBlockDownloadLabel: m, codeBlockTheme: h, tableActionLabels: g, tableDownloadFilename: _, tableOnOpenInCanvas: v, tableScrollRegionAriaLabel: y, mathScrollRegionAriaLabel: b, classNames: x = t }) => a ? /* @__PURE__ */ i(n, {
 	content: r,
 	isStreaming: o,
 	thinkingLabel: s,
-	classNames: y
+	classNames: x
 }) : /* @__PURE__ */ i(e, {
 	content: r,
 	isStreaming: o,
 	thinkingLabel: s,
 	components: c,
 	urlTransform: l,
-	codeBlockCopyLabel: u,
-	codeBlockCopiedLabel: d,
-	codeBlockDownloadLabel: f,
-	codeBlockTheme: p,
-	tableActionLabels: m,
-	tableDownloadFilename: h,
-	tableOnOpenInCanvas: g,
-	tableScrollRegionAriaLabel: _,
-	mathScrollRegionAriaLabel: v,
-	classNames: y
+	rehypePlugins: u,
+	isRawHtmlEnabled: d,
+	codeBlockCopyLabel: f,
+	codeBlockCopiedLabel: p,
+	codeBlockDownloadLabel: m,
+	codeBlockTheme: h,
+	tableActionLabels: g,
+	tableDownloadFilename: _,
+	tableOnOpenInCanvas: v,
+	tableScrollRegionAriaLabel: y,
+	mathScrollRegionAriaLabel: b,
+	classNames: x
 }));
 //#endregion
 export { a as MDMessageViewer };