@epam/ai-dial-chat-shared 1.3.0-dev.28 → 1.3.0-dev.282

package/components/DeploymentIcon/DeploymentIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeploymentIcon.d.ts","sourceRoot":"","sources":["../../../src/components/DeploymentIcon/DeploymentIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAA+B,MAAM,OAAO,CAAC;AAM7E,wEAAwE;AACxE,MAAM,WAAW,oBAAoB;IACnC,8BAA8B;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,iDAAiD;AACjD,MAAM,WAAW,oBAAoB;IACnC,uEAAuE;IACvE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,4CAA4C;AAC5C,MAAM,WAAW,oBAAoB;IACnC,wDAAwD;IACxD,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,6FAA6F;IAC7F,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,kCAAkC;AAClC,MAAM,WAAW,mBAAmB;IAClC,wEAAwE;IACxE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,uCAAuC;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,yEAAyE;IACzE,YAAY,EAAE,MAAM,CAAC;IACrB,sGAAsG;IACtG,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,uBAAuB;IACvB,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B;AAED,8HAA8H;AAC9H,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA8FlD,CAAC"}

package/components/DeploymentIcon/DeploymentIcon.module.scss.js

@@ -1,3 +1,4 @@
-var e = { agentIconBadge: "_agentIconBadge_1ger8_1" };
+//#region src/components/DeploymentIcon/DeploymentIcon.module.scss
+var e = "_agentIconBadge_147d2_1", t = { agentIconBadge: e };
 //#endregion
-export { e as default };
+export { e as agentIconBadge, t as default };

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/ErrorAlert/ErrorAlert.d.ts

@@ -0,0 +1,27 @@
+import { FC } from 'react';
+/** User-visible strings of `ErrorAlert`. */
+export interface ErrorAlertLabels {
+    /** Screen heading. Defaults to `'Something went wrong'`. */
+    heading?: string;
+    /** Explanation under the heading. Defaults to `'An unexpected error occurred. You can try again or reload the page.'`. */
+    message?: string;
+    /** Recovery button text. Defaults to `'Try again'`. */
+    actionLabel?: string;
+}
+/** CSS custom-property overrides for `ErrorAlert`. */
+export interface ErrorAlertColors {
+    /** Warning icon color. Defaults to `--text-error`. */
+    icon?: string;
+}
+/** Props for `ErrorAlert`. */
+export interface ErrorAlertProps {
+    /** Called when the recovery button is activated, e.g. to reset an error boundary or reload the page. */
+    onAction: () => void;
+    /** User-visible strings, each with an English default. */
+    labels?: ErrorAlertLabels;
+    /** Color overrides applied as CSS custom properties. */
+    colors?: ErrorAlertColors;
+}
+/** Full-screen error fallback with a warning icon and one recovery action. */
+export declare const ErrorAlert: FC<ErrorAlertProps>;
+//# sourceMappingURL=ErrorAlert.d.ts.map

package/components/ErrorAlert/ErrorAlert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorAlert.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorAlert/ErrorAlert.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAKtC,4CAA4C;AAC5C,MAAM,WAAW,gBAAgB;IAC/B,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0HAA0H;IAC1H,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,sDAAsD;AACtD,MAAM,WAAW,gBAAgB;IAC/B,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,8BAA8B;AAC9B,MAAM,WAAW,eAAe;IAC9B,wGAAwG;IACxG,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,wDAAwD;IACxD,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B;AAED,8EAA8E;AAC9E,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAyB1C,CAAC"}

package/components/ErrorAlert/ErrorAlert.js

@@ -0,0 +1,26 @@
+import { buildCssVars as e } from "../../utils/build-css-vars.js";
+import { FullScreenAlert as t } from "../FullScreenAlert/FullScreenAlert.js";
+import n from "./ErrorAlert.module.scss.js";
+import { DIAL_KIT_ICON_STROKE as r } from "@epam/ai-dial-ui-kit";
+import { memo as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { IconAlertTriangle as o } from "@tabler/icons-react";
+//#region src/components/ErrorAlert/ErrorAlert.tsx
+var s = i(({ onAction: i, labels: s, colors: c }) => /* @__PURE__ */ a("div", {
+	className: "size-full",
+	style: e({ "--ea-icon": c?.icon }),
+	children: /* @__PURE__ */ a(t, {
+		icon: /* @__PURE__ */ a(o, {
+			"aria-hidden": "true",
+			size: 48,
+			stroke: r,
+			className: n.icon
+		}),
+		heading: s?.heading ?? "Something went wrong",
+		message: s?.message ?? "An unexpected error occurred. You can try again or reload the page.",
+		actionLabel: s?.actionLabel ?? "Try again",
+		onAction: i
+	})
+}));
+//#endregion
+export { s as ErrorAlert };

package/components/ErrorAlert/ErrorAlert.module.scss.js

@@ -0,0 +1,4 @@
+//#region src/components/ErrorAlert/ErrorAlert.module.scss
+var e = "_icon_1wzpc_1", t = { icon: e };
+//#endregion
+export { t as default, e as icon };

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/FullScreenAlert/FullScreenAlert.d.ts

@@ -0,0 +1,17 @@
+import { FC, ReactNode } from 'react';
+/** Props for `FullScreenAlert`. */
+export interface FullScreenAlertProps {
+    /** Decorative icon drawn in the badge above the heading; mark it `aria-hidden`. */
+    icon: ReactNode;
+    /** Screen heading, rendered as the `h1` that names the section. */
+    heading: string;
+    /** Explanation under the heading. */
+    message: string;
+    /** Text of the single action button. */
+    actionLabel: string;
+    /** Called when the action button is activated. */
+    onAction: () => void;
+}
+/** Full-screen state that replaces the whole app with an icon, heading, message and one focused action. */
+export declare const FullScreenAlert: FC<FullScreenAlertProps>;
+//# sourceMappingURL=FullScreenAlert.d.ts.map

package/components/FullScreenAlert/FullScreenAlert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullScreenAlert.d.ts","sourceRoot":"","sources":["../../../src/components/FullScreenAlert/FullScreenAlert.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,mCAAmC;AACnC,MAAM,WAAW,oBAAoB;IACnC,mFAAmF;IACnF,IAAI,EAAE,SAAS,CAAC;IAChB,mEAAmE;IACnE,OAAO,EAAE,MAAM,CAAC;IAChB,qCAAqC;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,wCAAwC;IACxC,WAAW,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAQD,2GAA2G;AAC3G,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAapD,CAAC"}

package/components/FullScreenAlert/FullScreenAlert.js

@@ -0,0 +1,19 @@
+import { PrimaryButton as e, StateScreen as t } from "@epam/ai-dial-ui-kit";
+import { memo as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/FullScreenAlert/FullScreenAlert.tsx
+var i = n(({ icon: n, heading: i, message: a, actionLabel: o, onAction: s }) => /* @__PURE__ */ r("div", {
+	className: "size-full",
+	children: /* @__PURE__ */ r(t, {
+		icon: n,
+		title: i,
+		description: a,
+		action: /* @__PURE__ */ r(e, {
+			autoFocus: !0,
+			label: o,
+			onClick: s
+		})
+	})
+}));
+//#endregion
+export { i as FullScreenAlert };

package/components/InitialsAvatar/InitialsAvatar.d.ts

@@ -0,0 +1,18 @@
+import { AvatarColorClasses } from '@epam/ai-dial-ui-kit';
+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;
+    /** Explicit colour pair overriding the deterministic pick from `name` (an `AVATAR_PALETTE` entry); omit to keep the name-derived colour. */
+    color?: AvatarColorClasses;
+    /** 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":"AAAA,OAAO,EAGL,KAAK,kBAAkB,EACxB,MAAM,sBAAsB,CAAC;AAC9B,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,4IAA4I;IAC5I,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,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,CAgBlD,CAAC"}

package/components/InitialsAvatar/InitialsAvatar.js

@@ -1,12 +1,13 @@
 import { Avatar as e, AvatarShape as t } from "@epam/ai-dial-ui-kit";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/InitialsAvatar/InitialsAvatar.tsx
-var r = ({ name: r, size: i, className: a, textClassName: o }) => /* @__PURE__ */ n(e, {
+var r = ({ name: r, size: i, color: a, className: o, textClassName: s }) => /* @__PURE__ */ n(e, {
 	name: r,
 	size: i,
 	shape: t.Square,
-	className: a,
-	textClassName: o
+	color: a,
+	className: o,
+	textClassName: s
 });
 //#endregion
 export { r as InitialsAvatar };

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,57 @@
+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 polite kit `LiveRegion` 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;
+    /** Accessible label for the scrollable code region. Defaults to `'Scrollable code'`. */
+    scrollRegionAriaLabel?: 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 text — the `<code>` element, plus the highlighted `<pre>` when a 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":"AASA,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,8KAA8K;IAC9K,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wFAAwF;IACxF,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,0FAA0F;IAC1F,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4DAA4D;IAC5D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sDAAsD;IACtD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2JAA2J;IAC3J,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,CA+JxD,CAAC"}

package/components/MarkdownRenderer/CodeBlock/CodeBlock.js

@@ -7,100 +7,100 @@ import { CHAT_SHARED_CLASS as o } from "../../../constants/public-class-names.js
 import { useCodeCopy as s } from "../../../hooks/useCodeCopy.js";
 import c from "./CodeBlock.module.scss.js";
 import { restrainedSyntaxTheme as l } from "./syntax-theme.js";
-import { DIAL_ICON_SIZE as u, DIAL_KIT_ICON_STROKE as d, ElementSize as f, GhostIconButton as p } from "@epam/ai-dial-ui-kit";
-import { Suspense as m, lazy as h, memo as g, useMemo as _ } from "react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { IconCheck as b, IconCopy as x, IconDownload as S } from "@tabler/icons-react";
+import { DIAL_ICON_SIZE as u, DIAL_KIT_ICON_STROKE as d, ElementSize as f, GhostIconButton as p, LiveRegion as m, LiveRegionElement as h } from "@epam/ai-dial-ui-kit";
+import { Suspense as g, lazy as _, memo as v, useMemo as y } from "react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { IconCheck as S, IconCopy as C, IconDownload as w } from "@tabler/icons-react";
 //#region src/components/MarkdownRenderer/CodeBlock/CodeBlock.tsx
-var C = {
+var T = {
 	dark: l,
 	light: l
-}, w = h(async () => {
+}, E = _(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 = () => {
-		r(g, `code.${i(h)}`);
-	}, U = /* @__PURE__ */ v("pre", {
-		className: "p-4",
-		children: /* @__PURE__ */ v("code", {
-			className: t("whitespace-pre", N),
-			children: g
+}), D = v(({ language: _, value: v, isStreaming: D, theme: O = e.Dark, copyLabel: k = "Copy code", copiedLabel: A = "Copied!", downloadLabel: j = "Download code", scrollRegionAriaLabel: M = "Scrollable code", hideDownload: N = !1, hasContentTopPadding: P = !0, containerClassName: F, headerClassName: I, codeClassName: L = "dial-code-text", languageLabelClassName: R = "dial-tiny-lead-semi-text", title: z, titleSlot: B, colors: V }) => {
+	let { isCopied: H, copy: U } = s(v), W = y(() => a(v), [v]), G = O === e.Light, K = () => {
+		r(v, `code.${i(_)}`);
+	}, q = /* @__PURE__ */ b("pre", {
+		className: P ? "p-4" : "px-4 pt-0 pb-4",
+		children: /* @__PURE__ */ b("code", {
+			className: t("whitespace-pre", L),
+			children: v
 		})
+	}), J = n({
+		"--cm-code-block-bg": V?.background,
+		"--cm-code-block-border": V?.border,
+		"--cm-code-block-header-bg": V?.headerBackground,
+		"--cm-code-block-language": V?.language,
+		"--cm-code-block-copied": V?.copied,
+		"--cm-code-block-scrollbar": V?.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),
+	return /* @__PURE__ */ x("div", {
+		style: J,
+		className: t("my-4 max-w-full overflow-clip rounded-xl border", c.container, G && c.containerLight, F, 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
-				}), !T && /* @__PURE__ */ y("div", {
+			/* @__PURE__ */ x("div", {
+				className: t("sticky top-0 z-10 flex min-h-10 items-center justify-between px-4", B == null ? "py-2" : "py-0", c.header, I, o.codeBlockHeader),
+				children: [B ?? /* @__PURE__ */ b("span", {
+					className: t(c.languageLabel, R),
+					children: z ?? _
+				}), !D && /* @__PURE__ */ x("div", {
 					className: "flex items-center gap-1",
-					children: [!A && /* @__PURE__ */ v(p, {
-						icon: /* @__PURE__ */ v(S, {
+					children: [!N && /* @__PURE__ */ b(p, {
+						icon: /* @__PURE__ */ b(w, {
 							size: u.SM,
 							stroke: d
 						}),
-						"aria-label": k,
+						"aria-label": j,
 						size: f.Small,
-						onClick: H
-					}), /* @__PURE__ */ v(p, {
-						icon: R ? /* @__PURE__ */ v(b, {
+						onClick: K
+					}), /* @__PURE__ */ b(p, {
+						icon: H ? /* @__PURE__ */ b(S, {
 							size: u.SM,
 							className: c.copiedIcon,
 							"aria-hidden": !0,
 							stroke: d
-						}) : /* @__PURE__ */ v(x, {
+						}) : /* @__PURE__ */ b(C, {
 							size: u.SM,
 							"aria-hidden": !0,
 							stroke: d
 						}),
-						"aria-label": D,
+						"aria-label": k,
 						size: f.Small,
-						onClick: z
+						onClick: U
 					})]
 				})]
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ b("div", {
 				className: t(c.scrollContainer, "max-h-[60vh] overflow-auto"),
 				dir: "ltr",
-				children: h && B ? /* @__PURE__ */ v(m, {
-					fallback: U,
-					children: /* @__PURE__ */ v(w, {
-						language: h,
-						style: C[E] ?? l,
+				role: "region",
+				"aria-label": M,
+				tabIndex: 0,
+				children: _ && W ? /* @__PURE__ */ b(g, {
+					fallback: q,
+					children: /* @__PURE__ */ b(E, {
+						language: _,
+						style: T[O] ?? l,
 						customStyle: {
 							margin: 0,
 							borderRadius: 0,
 							background: "transparent",
-							fontSize: 14,
-							lineHeight: 1.5,
-							padding: "14px 16px",
-							letterSpacing: 0
+							padding: P ? "14px 16px" : "0 16px 14px"
 						},
-						codeTagProps: { className: N },
-						children: g
+						className: L,
+						codeTagProps: { className: L },
+						children: v
 					})
-				}) : U
+				}) : q
 			}),
-			/* @__PURE__ */ v("span", {
-				role: "status",
-				"aria-live": "polite",
-				className: "sr-only",
-				children: R ? O : ""
+			/* @__PURE__ */ b(m, {
+				visuallyHidden: !0,
+				as: h.Span,
+				children: H ? A : ""
 			})
 		]
 	});
 });
 //#endregion
-export { T as MarkdownCodeBlock };
+export { D as MarkdownCodeBlock };

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;AASnD,wHAAwH;AACxH,eAAO,MAAM,qBAAqB,EAAE,aA6DnC,CAAC"}