@epam/ai-dial-chat-shared 1.3.0-dev.34 → 1.3.0-dev.342

package/components/DeleteConfirmationDrawer/DeleteConfirmationDrawer.d.ts

@@ -0,0 +1,31 @@
+import { FC } from 'react';
+import { DeleteConfirmationViewLabels, DeleteConfirmationViewProps } from '../DeleteConfirmationView/DeleteConfirmationView';
+/** User-visible strings of `DeleteConfirmationDrawer`. */
+export interface DeleteConfirmationDrawerLabels extends DeleteConfirmationViewLabels {
+    /** Label of the confirming action button. Defaults to `'Delete'`. */
+    confirm?: string;
+    /** Label of the cancel button. Defaults to `'Cancel'`. */
+    cancel?: string;
+    /** Status text announced while the deletion is in flight. Defaults to `'Deleting…'`. */
+    deleting?: string;
+    /** Accessible name of the header's close button. Defaults to `'Close'`. */
+    close?: string;
+}
+/** Props for `DeleteConfirmationDrawer`. */
+export interface DeleteConfirmationDrawerProps extends Omit<DeleteConfirmationViewProps, 'labels'> {
+    /** Whether the drawer is open. */
+    open: boolean;
+    /** Drawer title. A string rather than a node, so the kit names the dialog with it. */
+    title: string;
+    /** Whether the delete request is in flight; blocks both actions and every dismissal route. Defaults to `false`. */
+    isLoading?: boolean;
+    /** User-visible strings. */
+    labels?: DeleteConfirmationDrawerLabels;
+    /** Called when the user confirms. */
+    onConfirm: () => void;
+    /** Called when the drawer is dismissed — Cancel, the close control, Escape, or a backdrop press. */
+    onClose: () => void;
+}
+/** Delete confirmation presented as a side drawer, the same panel the catalog shows for an item. */
+export declare const DeleteConfirmationDrawer: FC<DeleteConfirmationDrawerProps>;
+//# sourceMappingURL=DeleteConfirmationDrawer.d.ts.map

package/components/DeleteConfirmationDrawer/DeleteConfirmationDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteConfirmationDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/DeleteConfirmationDrawer/DeleteConfirmationDrawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAEL,KAAK,4BAA4B,EACjC,KAAK,2BAA2B,EACjC,MAAM,kDAAkD,CAAC;AAE1D,0DAA0D;AAC1D,MAAM,WAAW,8BAA+B,SAAQ,4BAA4B;IAClF,qEAAqE;IACrE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wFAAwF;IACxF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,4CAA4C;AAC5C,MAAM,WAAW,6BAA8B,SAAQ,IAAI,CACzD,2BAA2B,EAC3B,QAAQ,CACT;IACC,kCAAkC;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,sFAAsF;IACtF,KAAK,EAAE,MAAM,CAAC;IACd,mHAAmH;IACnH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,8BAA8B,CAAC;IACxC,qCAAqC;IACrC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,oGAAoG;IACpG,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,oGAAoG;AACpG,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,6BAA6B,CA8CtE,CAAC"}

package/components/DeleteConfirmationDrawer/DeleteConfirmationDrawer.js

@@ -0,0 +1,36 @@
+import { ConfirmationFooter as e } from "../ConfirmationView/ConfirmationFooter.js";
+import { DeleteConfirmationView as t } from "../DeleteConfirmationView/DeleteConfirmationView.js";
+import { ConfirmationPopupVariant as n, SideDrawer as r } from "@epam/ai-dial-ui-kit";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/DeleteConfirmationDrawer/DeleteConfirmationDrawer.tsx
+var o = ({ open: o, title: s, isLoading: c = !1, labels: l, onConfirm: u, onClose: d, ...f }) => {
+	let { confirm: p = "Delete", cancel: m = "Cancel", deleting: h = "Deleting…", close: g = "Close", ..._ } = l ?? {}, v = () => {
+		c || d();
+	};
+	return /* @__PURE__ */ a(r, {
+		open: o,
+		header: s,
+		closeAriaLabel: g,
+		closeDisabled: c,
+		closeOnOutsideClick: !c,
+		onClose: v,
+		bodyClassName: "flex flex-col overflow-hidden",
+		children: [/* @__PURE__ */ i("div", {
+			className: "flex min-h-0 flex-1 flex-col overflow-y-auto",
+			children: /* @__PURE__ */ i(t, {
+				...f,
+				labels: _
+			})
+		}), /* @__PURE__ */ i(e, {
+			variant: n.Danger,
+			confirmLabel: p,
+			cancelLabel: m,
+			isLoading: c,
+			loadingStatusLabel: h,
+			onConfirm: u,
+			onCancel: v
+		})]
+	});
+};
+//#endregion
+export { o as DeleteConfirmationDrawer };

package/components/DeleteConfirmationView/DeleteConfirmationView.d.ts

@@ -0,0 +1,52 @@
+import { ConfirmationPopupVariant } from '@epam/ai-dial-ui-kit';
+import { FC, ReactNode } from 'react';
+import { ConfirmationViewColors } from '../ConfirmationView/ConfirmationView';
+/** Default cap on the names listed for a multi-item delete. */
+export declare const DELETE_CONFIRMATION_MAX_LISTED_NAMES = 10;
+/** User-visible strings of `DeleteConfirmationView`. */
+export interface DeleteConfirmationViewLabels {
+    /** Last consequence bullet. Defaults to `'Cannot be undone'`. */
+    cannotBeUndone?: string;
+    /** Identity-card text for a multi-item delete. Defaults to `'{count} items'`. */
+    itemCount?: (count: number) => string;
+    /** Trailing list entry for names past `maxListedNames`. Defaults to `'… and {count} more'`. */
+    moreItems?: (count: number) => string;
+}
+/** Color overrides for `DeleteConfirmationView`. */
+export interface DeleteConfirmationViewColors extends ConfirmationViewColors {
+    /** Type label above the name. Defaults to `--text-secondary`. */
+    typeLabelText?: string;
+}
+/** Style overrides for `DeleteConfirmationView`. */
+export interface DeleteConfirmationViewStyles {
+    /** Typography class applied to the message, the name list, and the bullets. Defaults to `'dial-small-text'`. */
+    messageClassName?: string;
+    /** Color overrides applied as CSS custom properties. */
+    colors?: DeleteConfirmationViewColors;
+}
+/** Props for `DeleteConfirmationView`. */
+export interface DeleteConfirmationViewProps {
+    /** Names of the resources about to be deleted. One name is shown in the identity card; several are counted there and listed under the message. */
+    names: string[];
+    /** Icon shown in the identity card ahead of a single name. Supplied by the host, which owns the glyph set. */
+    icon?: ReactNode;
+    /** Resource type shown above a single name. Pass it in sentence case — the label uppercases itself. */
+    typeLabel?: string;
+    /** Warning sentence, composed by the host so it can emphasise the name. */
+    message: ReactNode;
+    /** Consequences listed before the final "cannot be undone" bullet. */
+    consequences?: string[];
+    /** Palette of the identity card. Defaults to `undefined`, a neutral card; `ConfirmationPopupVariant.Danger` tints it red. */
+    identityVariant?: ConfirmationPopupVariant;
+    /** Maximum number of names listed for a multi-item delete. Defaults to `DELETE_CONFIRMATION_MAX_LISTED_NAMES` (10). */
+    maxListedNames?: number;
+    /** User-visible strings. */
+    labels?: DeleteConfirmationViewLabels;
+    /** Style overrides. */
+    styles?: DeleteConfirmationViewStyles;
+    /** Content rendered after the consequence bullets, for example an inline error. */
+    children?: ReactNode;
+}
+/** Body of a delete confirmation: the identity card, the warning, the affected names, and the consequences. */
+export declare const DeleteConfirmationView: FC<DeleteConfirmationViewProps>;
+//# sourceMappingURL=DeleteConfirmationView.d.ts.map

package/components/DeleteConfirmationView/DeleteConfirmationView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteConfirmationView.d.ts","sourceRoot":"","sources":["../../../src/components/DeleteConfirmationView/DeleteConfirmationView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3C,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,sCAAsC,CAAC;AAI9C,+DAA+D;AAC/D,eAAO,MAAM,oCAAoC,KAAK,CAAC;AAEvD,wDAAwD;AACxD,MAAM,WAAW,4BAA4B;IAC3C,iEAAiE;IACjE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iFAAiF;IACjF,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,+FAA+F;IAC/F,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACvC;AAED,oDAAoD;AACpD,MAAM,WAAW,4BAA6B,SAAQ,sBAAsB;IAC1E,iEAAiE;IACjE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,oDAAoD;AACpD,MAAM,WAAW,4BAA4B;IAC3C,gHAAgH;IAChH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wDAAwD;IACxD,MAAM,CAAC,EAAE,4BAA4B,CAAC;CACvC;AAED,0CAA0C;AAC1C,MAAM,WAAW,2BAA2B;IAC1C,kJAAkJ;IAClJ,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,8GAA8G;IAC9G,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uGAAuG;IACvG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,OAAO,EAAE,SAAS,CAAC;IACnB,sEAAsE;IACtE,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,6HAA6H;IAC7H,eAAe,CAAC,EAAE,wBAAwB,CAAC;IAC3C,uHAAuH;IACvH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,4BAA4B,CAAC;IACtC,uBAAuB;IACvB,MAAM,CAAC,EAAE,4BAA4B,CAAC;IACtC,mFAAmF;IACnF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAMD,+GAA+G;AAC/G,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CAkFlE,CAAC"}

package/components/DeleteConfirmationView/DeleteConfirmationView.js

@@ -1,37 +1,46 @@
 import { mergeClasses as e } from "../../utils/merge-class.js";
 import { ResourceSummary as t } from "../ResourceSummary/ResourceSummary.js";
-import { ConfirmationIdentityRow as n } from "../ConfirmationIdentityRow/ConfirmationIdentityRow.js";
-import { ConfirmationView as r } from "../ConfirmationView/ConfirmationView.js";
-import i from "./DeleteConfirmationView.module.scss.js";
-import { ConfirmationPopupVariant as a } from "@epam/ai-dial-ui-kit";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { ConfirmationIdentityCard as n } from "../ConfirmationIdentityCard/ConfirmationIdentityCard.js";
+import { ConfirmationIdentityRow as r } from "../ConfirmationIdentityRow/ConfirmationIdentityRow.js";
+import { ConfirmationView as i } from "../ConfirmationView/ConfirmationView.js";
+import a from "./DeleteConfirmationView.module.scss.js";
+import { ConfirmationPopupVariant as o } from "@epam/ai-dial-ui-kit";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/DeleteConfirmationView/DeleteConfirmationView.tsx
-var c = 10, l = (e) => e === 1 ? "1 item" : `${e} items`, u = (e) => `… and ${e} more`, d = ({ names: c, icon: d, typeLabel: f, message: p, consequences: m = [], maxListedNames: h = 10, labels: g, styles: _, children: v }) => {
-	let { cannotBeUndone: y = "Cannot be undone", itemCount: b = l, moreItems: x = u } = g ?? {}, { typeLabelText: S, ...C } = _?.colors ?? {}, w = _?.messageClassName ?? "dial-small-text", T = c.length === 1, E = T ? [] : c.slice(0, h), D = c.length - (T ? 1 : E.length);
-	return /* @__PURE__ */ o(r, {
-		variant: a.Danger,
-		messageClassName: w,
-		styles: { colors: C },
-		identity: /* @__PURE__ */ o(t, { children: /* @__PURE__ */ o(n, {
-			icon: T ? d : void 0,
-			typeLabel: T ? f : void 0,
-			name: T ? c[0] : b(c.length),
-			styles: { colors: { typeLabelText: S } }
-		}) }),
-		message: p,
-		details: E.length > 0 && /* @__PURE__ */ s("ul", {
-			className: e("flex flex-col gap-1", w, i.names),
-			children: [E.map((e, t) => /* @__PURE__ */ o("li", {
+var l = 10, u = (e) => e === 1 ? "1 item" : `${e} items`, d = (e) => `… and ${e} more`, f = ({ names: l, icon: f, typeLabel: p, message: m, consequences: h = [], identityVariant: g, maxListedNames: _ = 10, labels: v, styles: y, children: b }) => {
+	let { cannotBeUndone: x = "Cannot be undone", itemCount: S = u, moreItems: C = d } = v ?? {}, { typeLabelText: w, ...T } = y?.colors ?? {}, E = y?.messageClassName ?? "dial-small-text", D = l.length === 1, O = D ? [] : l.slice(0, _), k = l.length - (D ? 1 : O.length), A = /* @__PURE__ */ s(r, {
+		icon: D ? f : void 0,
+		typeLabel: D ? p : void 0,
+		name: D ? l[0] : S(l.length),
+		styles: { colors: { typeLabelText: w } }
+	});
+	return /* @__PURE__ */ s(i, {
+		variant: o.Danger,
+		messageClassName: E,
+		styles: { colors: T },
+		identity: g == null ? /* @__PURE__ */ s(t, { children: A }) : /* @__PURE__ */ s(n, {
+			variant: g,
+			styles: { colors: {
+				background: T.cardBackground,
+				dangerBackground: T.cardDangerBackground,
+				dangerBorder: T.cardDangerBorder
+			} },
+			children: A
+		}),
+		message: m,
+		details: O.length > 0 && /* @__PURE__ */ c("ul", {
+			className: e("flex flex-col gap-1", E, a.names),
+			children: [O.map((e, t) => /* @__PURE__ */ s("li", {
 				className: "truncate",
 				children: e
-			}, `${t}-${e}`)), D > 0 && /* @__PURE__ */ o("li", {
-				className: i.more,
-				children: x(D)
+			}, `${t}-${e}`)), k > 0 && /* @__PURE__ */ s("li", {
+				className: a.more,
+				children: C(k)
 			})]
 		}),
-		consequences: [...m, y],
-		children: v
+		consequences: [...h, x],
+		children: b
 	});
 };
 //#endregion
-export { c as DELETE_CONFIRMATION_MAX_LISTED_NAMES, d as DeleteConfirmationView };
+export { l as DELETE_CONFIRMATION_MAX_LISTED_NAMES, f as DeleteConfirmationView };

package/components/DeleteConfirmationView/DeleteConfirmationView.module.scss.js

@@ -1,6 +1,7 @@
-var e = {
-	names: "_names_g31v4_1",
-	more: "_more_g31v4_5"
+//#region src/components/DeleteConfirmationView/DeleteConfirmationView.module.scss
+var e = "_names_g31v4_1", t = "_more_g31v4_5", n = {
+	names: e,
+	more: t
 };
 //#endregion
-export { e as default };
+export { n as default, t as more, e as names };

package/components/DeploymentIcon/DeploymentIcon.d.ts

@@ -0,0 +1,36 @@
+import { FC, ReactNode } from 'react';
+/** CSS custom-property overrides for the `DeploymentIcon` component. */
+export interface DeploymentIconColors {
+    /** Badge background color. */
+    background?: string;
+}
+/** User-visible strings for `DeploymentIcon`. */
+export interface DeploymentIconLabels {
+    /** When provided, a tooltip with this text is shown on hover/focus. */
+    tooltip?: string;
+}
+/** Style overrides for `DeploymentIcon`. */
+export interface DeploymentIconStyles {
+    /** Color overrides applied as CSS custom properties. */
+    colors?: DeploymentIconColors;
+    /** Extra class applied to the outer badge wrapper, e.g. for a custom background variable. */
+    badgeClassName?: string;
+}
+/** Props for `DeploymentIcon`. */
+export interface DeploymentIconProps {
+    /** Image URL to display. When absent the fallback is shown directly. */
+    src?: string;
+    /** Outer badge dimension in pixels. */
+    size: number;
+    /** Display name used to generate initials when no image is available. */
+    initialsName: string;
+    /** Custom node rendered when `src` is absent or the image fails to load. Overrides `initialsName`. */
+    fallback?: ReactNode;
+    /** User-visible strings. */
+    labels?: DeploymentIconLabels;
+    /** Style overrides. */
+    styles?: DeploymentIconStyles;
+}
+/** Renders a deployment icon inside a rounded badge, falling back to initials or a custom node when no image is available. */
+export declare const DeploymentIcon: FC<DeploymentIconProps>;
+//# sourceMappingURL=DeploymentIcon.d.ts.map

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/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,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"}