@epam/ai-dial-chat-shared 1.2.0-dev.326 → 1.2.0-dev.328

package/components/EntityHeader/EntityHeader.js

@@ -5,28 +5,29 @@ import { EntityTypeLabel as r } from "../EntityTypeLabel/EntityTypeLabel.js";
 import { FeaturedChip as i } from "../FeaturedChip/FeaturedChip.js";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/EntityHeader/EntityHeader.tsx
-var s = ({ item: s, nameClassName: c, versionClassName: l, showVersion: u = !0, typeClassName: d = "dial-caption-lead-semi-text", iconBadgeClassName: f = "rounded-[14px]", featuredChipClassName: p, featuredChipStyle: m, featuredLabel: h = "Featured", hasFeaturedTag: g = !0, iconSize: _ = 48, query: v, footer: y, statusBadge: b }) => /* @__PURE__ */ o("div", {
+var s = ({ item: s, nameClassName: c, versionClassName: l, showVersion: u = !0, typeClassName: d = "dial-caption-lead-semi-text", typeLabel: f, iconBadgeClassName: p = "rounded-[14px]", featuredChipClassName: m, featuredChipStyle: h, featuredLabel: g = "Featured", hasFeaturedTag: _ = !0, iconSize: v = 48, query: y, footer: b, statusBadge: x }) => /* @__PURE__ */ o("div", {
 	className: "flex items-start gap-2",
 	children: [/* @__PURE__ */ a(t, {
 		src: s.iconUrl,
-		size: _,
+		size: v,
 		initialsName: s.name,
-		styles: { badgeClassName: f }
+		styles: { badgeClassName: p }
 	}), /* @__PURE__ */ o("div", {
-		className: e("flex min-w-0 flex-1 flex-col gap-1", y != null && "self-stretch"),
+		className: e("flex min-w-0 flex-1 flex-col gap-1", b != null && "self-stretch"),
 		children: [
 			/* @__PURE__ */ o("div", {
 				className: "relative flex flex-row items-center justify-between",
 				children: [/* @__PURE__ */ a(r, {
 					type: s.type,
-					className: d
-				}), (b != null || g && s.isFeatured) && /* @__PURE__ */ o("div", {
+					className: d,
+					label: f
+				}), (x != null || _ && s.isFeatured) && /* @__PURE__ */ o("div", {
 					className: "absolute end-0 top-[-6px] flex items-center gap-2",
-					children: [b, g && s.isFeatured && /* @__PURE__ */ a(i, {
+					children: [x, _ && s.isFeatured && /* @__PURE__ */ a(i, {
 						type: s.type,
-						label: h,
-						className: p,
-						style: m
+						label: g,
+						className: m,
+						style: h
 					})]
 				})]
 			}),
@@ -35,11 +36,11 @@ var s = ({ item: s, nameClassName: c, versionClassName: l, showVersion: u = !0,
 				postfix: u ? s.version : void 0,
 				postfixClassName: l,
 				titleClassName: c,
-				query: v
+				query: y
 			}),
-			y != null && /* @__PURE__ */ a("div", {
+			b != null && /* @__PURE__ */ a("div", {
 				className: "mt-auto pt-1",
-				children: y
+				children: b
 			})
 		]
 	})]

package/components/EntityTypeLabel/EntityTypeLabel.js

@@ -1,10 +1,10 @@
 import { ENTITY_TYPE_COLOR as e } from "../../constants/entity-colors.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/EntityTypeLabel/EntityTypeLabel.tsx
-var n = ({ type: n, className: r = "dial-caption-lead-semi-text" }) => /* @__PURE__ */ t("span", {
+var n = ({ type: n, className: r = "dial-caption-lead-semi-text", label: i }) => /* @__PURE__ */ t("span", {
 	className: r,
 	style: { color: e[n] },
-	children: n
+	children: i ?? n
 });
 //#endregion
 export { n as EntityTypeLabel };

package/index.d.ts

@@ -1156,6 +1156,8 @@ export declare interface EntityHeaderProps {
     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. */
@@ -1193,6 +1195,8 @@ export declare interface EntityTypeLabelProps {
     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;
 }
 
 /** Whether `value` is longer than `maxLength` characters. */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-chat-shared",
   "description": "Shared domain models, utilities, and UI components for AI DIAL Chat libraries",
-  "version": "1.2.0-dev.326",
+  "version": "1.2.0-dev.328",
   "license": "Apache-2.0",
   "type": "module",
   "sideEffects": [