@epam/ai-dial-catalog 1.0.0-dev.489 → 1.0.0-dev.492

package/index.js

@@ -2084,33 +2084,45 @@ var Xn = (e) => typeof navigator < "u" && navigator.clipboard?.writeText ? navig
 		})
 	});
 }, cr = { agentIconBadge: "_agentIconBadge_17hgd_1" }, lr = ({ src: e, size: t, initialsName: n, fallback: r, badgeClassName: i, tooltip: a }) => {
-	let [s, c] = d(!1), l = u(null);
+	let [s, c] = d(e), [l, f] = d(), p = u(null);
 	o(() => {
-		c(!1);
-	}, [e]), o(() => {
-		let e = l.current;
+		if (e === s) return;
+		if (e == null) {
+			c(void 0);
+			return;
+		}
+		let t = !1, n = new Image();
+		return n.onload = () => {
+			t || c(e);
+		}, n.onerror = () => {
+			t || (f(e), c(e));
+		}, n.src = e, () => {
+			t = !0;
+		};
+	}, [e, s]), o(() => {
+		let e = p.current;
 		if (!e) return;
-		let t = () => c(!0);
+		let t = () => f(s);
 		return e.addEventListener("error", t), () => e.removeEventListener("error", t);
-	}, [e]);
-	let f = /* @__PURE__ */ L(sr, {
+	}, [s]);
+	let m = s != null && l === s, h = /* @__PURE__ */ L(sr, {
 		name: n,
 		size: t,
 		className: "shrink-0"
-	}), p = /* @__PURE__ */ L("div", {
+	}), g = /* @__PURE__ */ L("div", {
 		style: {
 			width: t,
 			height: t
 		},
 		className: G(cr.agentIconBadge, "shrink-0 overflow-hidden rounded-md", i),
-		children: !e || s ? /* @__PURE__ */ L("div", {
+		children: !s || m ? /* @__PURE__ */ L("div", {
 			className: "flex size-full items-center justify-center",
-			children: r ?? f
+			children: r ?? h
 		}) : /* @__PURE__ */ L("div", {
 			className: "size-full",
 			children: /* @__PURE__ */ L("img", {
-				ref: l,
-				src: e,
+				ref: p,
+				src: s,
 				alt: "",
 				className: "size-full object-contain"
 			})
@@ -2119,8 +2131,8 @@ var Xn = (e) => typeof navigator < "u" && navigator.clipboard?.writeText ? navig
 	return a ? /* @__PURE__ */ L(re, {
 		tooltip: a,
 		triggerClassName: "flex shrink-0",
-		children: p
-	}) : p;
+		children: g
+	}) : g;
 }, ur = { mark: "_mark_xto2j_1" }, dr = {
 	2: "line-clamp-2",
 	3: "line-clamp-3",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-catalog",
   "description": "Marketplace catalog component for browsing models, tools, and assistants with search, filter, and sort",
-  "version": "1.0.0-dev.489",
+  "version": "1.0.0-dev.492",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -20,9 +20,9 @@
     "react": "^19.0.0",
     "@tabler/icons-react": "^3.0.0",
     "@epam/ai-dial-ui-kit": "0.12.0-dev.28",
-    "@epam/ai-dial-kit": "1.0.0-dev.489",
-    "@epam/ai-dial-sidebar": "1.0.0-dev.489",
-    "@epam/ai-dial-chat-shared": "1.0.0-dev.489",
+    "@epam/ai-dial-kit": "1.0.0-dev.492",
+    "@epam/ai-dial-sidebar": "1.0.0-dev.492",
+    "@epam/ai-dial-chat-shared": "1.0.0-dev.492",
     "ag-grid-community": "35.3.0"
   },
   "repository": {