@epam/ai-dial-catalog 1.2.0-dev.28 → 1.2.0-dev.34

package/components/Catalog/Catalog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Catalog.d.ts","sourceRoot":"","sources":["../../../src/components/Catalog/Catalog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAqD,MAAM,OAAO,CAAC;AAE9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAoC/D,mHAAmH;AACnH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAypBpC,CAAC"}
+{"version":3,"file":"Catalog.d.ts","sourceRoot":"","sources":["../../../src/components/Catalog/Catalog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAqD,MAAM,OAAO,CAAC;AAE9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAoC/D,mHAAmH;AACnH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAqqBpC,CAAC"}

package/index.js

@@ -17,42 +17,42 @@ var ht = /* @__PURE__ */ function(e) {
 	return e.Delete = "delete", e.Logout = "logout", e.Unshare = "unshare", e.RevokeAccess = "revokeAccess", e.DeleteApiKey = "deleteApiKey", e.Unpublish = "unpublish", e;
 }({}), J = /* @__PURE__ */ function(e) {
 	return e.Danger = "danger", e.Info = "info", e;
-}({}), _t = /* @__PURE__ */ function(e) {
-	return e.SM = "sm", e.LG = "lg", e;
 }({}), Y = /* @__PURE__ */ function(e) {
-	return e.Grid = "grid", e.Cards = "cards", e;
+	return e.SM = "sm", e.LG = "lg", e;
 }({}), X = /* @__PURE__ */ function(e) {
+	return e.Grid = "grid", e.Cards = "cards", e;
+}({}), Z = /* @__PURE__ */ function(e) {
 	return e.File = "file", e.Folder = "folder", e;
-}({}), vt = /* @__PURE__ */ function(e) {
+}({}), _t = /* @__PURE__ */ function(e) {
 	return e.Markdown = "markdown", e.Text = "text", e.Image = "image", e.Unsupported = "unsupported", e;
-}({}), yt = () => {
+}({}), vt = () => {
 	let [e, t] = P(() => window.innerWidth);
 	return j(() => {
 		let e = () => t(window.innerWidth);
 		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, []), e >= 1024 ? 4 : e >= 640 ? 2 : 1;
-}, bt = (e) => {
+}, yt = (e) => {
 	let { colors: t } = e ?? {};
 	return ie({
 		"--cat-bg": t?.background,
 		"--cat-heading-title-text": t?.headingTitleText
 	});
-}, xt = 1180, Z = (e) => e >= 1280 ? 4 : e >= 966 ? 3 : e >= 620 ? 2 : 1, St = (e) => {
+}, bt = 1180, Q = (e) => e >= 1280 ? 4 : e >= 966 ? 3 : e >= 620 ? 2 : 1, xt = (e) => {
 	if (!e || e === document.body) return document.documentElement;
 	let { overflow: t, overflowY: n } = getComputedStyle(e);
-	return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : St(e.parentElement);
-}, Ct = 10, wt = 10, Tt = 30, Et = (e, t, n = Ct) => {
+	return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : xt(e.parentElement);
+}, St = 10, Ct = 10, wt = 30, Tt = (e, t, n = St) => {
 	let r = N(null), [i, a] = P({
 		start: 0,
-		end: Tt
+		end: wt
 	});
 	j(() => {
 		let i = r.current;
 		if (!i) return;
-		let o = St(i.parentElement), s = () => {
+		let o = xt(i.parentElement), s = () => {
 			let r = o.clientHeight;
 			if (r === 0) return;
-			let s = i.getBoundingClientRect().top, c = o.getBoundingClientRect().top, l = Math.max(0, c - s), u = Math.floor(l / t), d = Math.ceil(r / t), f = Math.max(0, Math.floor((u - n) / wt) * wt), p = Math.min(e, Math.ceil((u + d + n) / wt) * wt);
+			let s = i.getBoundingClientRect().top, c = o.getBoundingClientRect().top, l = Math.max(0, c - s), u = Math.floor(l / t), d = Math.ceil(r / t), f = Math.max(0, Math.floor((u - n) / Ct) * Ct), p = Math.min(e, Math.ceil((u + d + n) / Ct) * Ct);
 			a((e) => e.start === f && e.end === p ? e : {
 				start: f,
 				end: p
@@ -68,15 +68,15 @@ var ht = /* @__PURE__ */ function(e) {
 		t,
 		n
 	]);
-	let o = Math.max(0, Math.floor((e - 1) / wt) * wt), s = Math.min(i.start, o);
+	let o = Math.max(0, Math.floor((e - 1) / Ct) * Ct), s = Math.min(i.start, o);
 	return {
 		containerRef: r,
 		startRow: s,
-		endRow: Math.min(e, Math.max(i.end, s + wt))
+		endRow: Math.min(e, Math.max(i.end, s + Ct))
 	};
-}, Dt = (e, { overscan: t = 3, isFullWidth: n = !1 } = {}) => {
+}, Et = (e, { overscan: t = 3, isFullWidth: n = !1 } = {}) => {
 	let r = N(null), [i, a] = P(() => {
-		let t = typeof window < "u" ? window.innerWidth : 1440, r = Math.max(0, t - (t >= x ? 60 : 0)), i = Z((n ? r : Math.min(xt, r)) - 64), a = Math.ceil(e / i);
+		let t = typeof window < "u" ? window.innerWidth : 1440, r = Math.max(0, t - (t >= x ? 60 : 0)), i = Q((n ? r : Math.min(bt, r)) - 64), a = Math.ceil(e / i);
 		return {
 			startRow: 0,
 			endRow: Math.min(a, 12),
@@ -86,8 +86,8 @@ var ht = /* @__PURE__ */ function(e) {
 	j(() => {
 		let n = r.current;
 		if (!n) return;
-		let i = St(n.parentElement), o = () => {
-			let r = n.getBoundingClientRect(), o = i.getBoundingClientRect(), s = i.clientHeight, c = n.clientWidth, l = Z(c), u = Math.ceil(e / l), d = Math.max(0, o.top - r.top), f = Math.max(0, Math.floor(d / 268) - t);
+		let i = xt(n.parentElement), o = () => {
+			let r = n.getBoundingClientRect(), o = i.getBoundingClientRect(), s = i.clientHeight, c = n.clientWidth, l = Q(c), u = Math.ceil(e / l), d = Math.max(0, o.top - r.top), f = Math.max(0, Math.floor(d / 268) - t);
 			a({
 				startRow: f,
 				endRow: Math.min(u, f + Math.ceil(s / 268) + 2 * t),
@@ -109,7 +109,7 @@ var ht = /* @__PURE__ */ function(e) {
 		rowCount: o,
 		totalHeight: o * 268
 	};
-}, Ot = {
+}, Dt = {
 	skeletonColor: "var(--cg-skeleton-color, var(--bg-control-disable-primary, #dce0e8))",
 	card: "_card_18c2b_2",
 	emptyStarHidden: "_emptyStarHidden_18c2b_2",
@@ -119,12 +119,12 @@ var ht = /* @__PURE__ */ function(e) {
 	selectedCard: "_selectedCard_18c2b_37",
 	checkIcon: "_checkIcon_18c2b_42",
 	footer: "_footer_18c2b_46"
-}, kt = {
+}, Ot = {
 	name: "_name_188yo_1",
 	lastUsed: "_lastUsed_188yo_5",
 	version: "_version_188yo_9"
-}, At = ({ icon: e, type: t, name: n, version: r, lastUsed: i, size: a, query: o, className: s, styles: c, lastUsedTrailing: l, iconClassName: u, iconOverlay: d }) => {
-	let f = c?.colors, p = c?.typography ?? {}, m = a === _t.LG, h = m ? "size-[52px] rounded-[14px]" : "size-[44px] rounded-lg", g = m ? 54 : 44, _ = ie({
+}, kt = ({ icon: e, type: t, name: n, version: r, lastUsed: i, size: a, query: o, className: s, styles: c, lastUsedTrailing: l, iconClassName: u, iconOverlay: d }) => {
+	let f = c?.colors, p = c?.typography ?? {}, m = a === Y.LG, h = m ? "size-[52px] rounded-[14px]" : "size-[44px] rounded-lg", g = m ? 54 : 44, _ = ie({
 		"--ai-name-text": f?.nameColor,
 		"--ai-last-used-text": f?.lastUsedColor,
 		"--ai-version-text": f?.versionColor
@@ -157,22 +157,22 @@ var ht = /* @__PURE__ */ function(e) {
 							text: n,
 							query: o
 						}) : n,
-						className: k("min-w-0 flex-1", p?.nameClassName ?? "dial-body-semi-text", kt.name)
+						className: k("min-w-0 flex-1", p?.nameClassName ?? "dial-body-semi-text", Ot.name)
 					}), r && /* @__PURE__ */ W(me, {
 						text: r,
-						className: k("max-w-[30%] shrink-0 tabular-nums", p?.versionClassName ?? "dial-tiny-text", kt.version)
+						className: k("max-w-[30%] shrink-0 tabular-nums", p?.versionClassName ?? "dial-tiny-text", Ot.version)
 					})]
 				}), m && i != null && /* @__PURE__ */ G("div", {
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ W("span", {
-						className: k("tabular-nums", p?.lastUsedClassName ?? "dial-tiny-text", kt.lastUsed),
+						className: k("tabular-nums", p?.lastUsedClassName ?? "dial-tiny-text", Ot.lastUsed),
 						children: i
 					}), l]
 				})]
 			})]
 		})]
 	});
-}, jt = { icon: "_icon_a0p4u_1" }, Mt = ({ credentials: e, loggedOutLabel: t = "Authorize to use this toolset.", className: n, colors: r }) => e == null || g(e) == null ? null : /* @__PURE__ */ W(Fe, {
+}, At = { icon: "_icon_a0p4u_1" }, jt = ({ credentials: e, loggedOutLabel: t = "Authorize to use this toolset.", className: n, colors: r }) => e == null || g(e) == null ? null : /* @__PURE__ */ W(Fe, {
 	tooltip: t,
 	asChild: !0,
 	children: /* @__PURE__ */ W("span", {
@@ -185,11 +185,11 @@ var ht = /* @__PURE__ */ function(e) {
 		className: k("absolute -bottom-1 -end-1 shrink-0", n),
 		children: /* @__PURE__ */ W(Ie, {
 			size: L.SM,
-			className: jt.icon,
+			className: At.icon,
 			"aria-hidden": !0
 		})
 	})
-}), Q = {
+}), Mt = {
 	starFilledIcon: "_starFilledIcon_po6zj_1",
 	starPop: "_starPop_po6zj_1"
 }, Nt = ({ isStarred: e, onClick: t, size: n, ariaLabel: r = "Toggle favorite", className: i, starFilledColor: a }) => /* @__PURE__ */ W(Pe, {
@@ -198,7 +198,7 @@ var ht = /* @__PURE__ */ function(e) {
 	className: i,
 	icon: e ? /* @__PURE__ */ W(H, {
 		size: L.SM,
-		className: Q.starFilledIcon
+		className: Mt.starFilledIcon
 	}) : /* @__PURE__ */ W(rt, {
 		size: L.SM,
 		stroke: R
@@ -311,7 +311,7 @@ var ht = /* @__PURE__ */ function(e) {
 		} : {},
 		"aria-label": e.name,
 		style: b,
-		className: k("box-border cursor-pointer gap-3", Ot.card, x ? Ot.featuredCard : void 0, l ? Ot.selectedCard : void 0, u),
+		className: k("box-border cursor-pointer gap-3", Dt.card, x ? Dt.featuredCard : void 0, l ? Dt.selectedCard : void 0, u),
 		children: [
 			x && /* @__PURE__ */ W("div", {
 				className: "absolute end-[22px] top-0 -translate-y-1/2",
@@ -324,25 +324,25 @@ var ht = /* @__PURE__ */ function(e) {
 			}),
 			l && /* @__PURE__ */ W(ze, {
 				size: L.SM,
-				className: k("absolute end-3 top-3 shrink-0", Ot.checkIcon),
+				className: k("absolute end-3 top-3 shrink-0", Dt.checkIcon),
 				"aria-hidden": !0,
 				stroke: R
 			}),
-			/* @__PURE__ */ W(At, {
+			/* @__PURE__ */ W(kt, {
 				icon: e.iconUrl,
 				type: e.type,
 				name: e.name,
 				version: e.version,
-				size: _t.SM,
+				size: Y.SM,
 				query: t,
-				iconClassName: Ot.cardIcon,
-				iconOverlay: /* @__PURE__ */ W(Mt, {
+				iconClassName: Dt.cardIcon,
+				iconOverlay: /* @__PURE__ */ W(jt, {
 					credentials: e.credentials,
 					loggedOutLabel: f
 				})
 			}),
 			/* @__PURE__ */ W("div", {
-				className: k("line-clamp-2 min-h-[2lh] break-words", Ot.description),
+				className: k("line-clamp-2 min-h-[2lh] break-words", Dt.description),
 				children: e.description && /* @__PURE__ */ W(O, {
 					content: e.description,
 					classNames: {
@@ -364,7 +364,7 @@ var ht = /* @__PURE__ */ function(e) {
 				children: /* @__PURE__ */ W(Lt, { topics: e.topics })
 			}),
 			C && /* @__PURE__ */ W("div", {
-				className: k("pt-3", !p && k("border-t", Ot.footer)),
+				className: k("pt-3", !p && k("border-t", Dt.footer)),
 				children: /* @__PURE__ */ G("div", {
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ W("div", {
@@ -379,7 +379,7 @@ var ht = /* @__PURE__ */ function(e) {
 						size: pe.Small,
 						onClick: D,
 						ariaLabel: m ? c : s,
-						className: k(Ot.starBtn, !m && Ot.emptyStarHidden)
+						className: k(Dt.starBtn, !m && Dt.emptyStarHidden)
 					})]
 				})
 			})
@@ -416,8 +416,8 @@ var ht = /* @__PURE__ */ function(e) {
 			}, n?.id ?? `spacer-${t}`);
 		})
 	});
-}, Ht = oe(({ items: e, query: t = "", onToggleFavorite: n, isFavoriteVisible: r, onItemClick: i, titles: a, isLoading: o, selectedItemId: s, skeletonColor: c = Ot.skeletonColor, skeletonCardBackground: l, isReadonly: u = !1, isFullWidth: d = !1, featuredChipStyle: f }) => {
-	let p = a?.noResultsTitle ?? "No results", m = a?.featuredLabel ?? "Featured", h = a?.addToFavoritesAriaLabel ?? "Add to favorites", g = a?.removeFromFavoritesAriaLabel ?? "Remove from favorites", _ = a?.credentialsBadgeLoggedOutLabel ?? "Authorize to use this toolset.", { containerRef: v, startRow: y, endRow: b, columnCount: x, totalHeight: S } = Dt(e.length, { isFullWidth: d }), C = M(() => ({
+}, Ht = oe(({ items: e, query: t = "", onToggleFavorite: n, isFavoriteVisible: r, onItemClick: i, titles: a, isLoading: o, selectedItemId: s, skeletonColor: c = Dt.skeletonColor, skeletonCardBackground: l, isReadonly: u = !1, isFullWidth: d = !1, featuredChipStyle: f }) => {
+	let p = a?.noResultsTitle ?? "No results", m = a?.featuredLabel ?? "Featured", h = a?.addToFavoritesAriaLabel ?? "Add to favorites", g = a?.removeFromFavoritesAriaLabel ?? "Remove from favorites", _ = a?.credentialsBadgeLoggedOutLabel ?? "Authorize to use this toolset.", { containerRef: v, startRow: y, endRow: b, columnCount: x, totalHeight: S } = Et(e.length, { isFullWidth: d }), C = M(() => ({
 		items: e,
 		columnCount: x,
 		query: t,
@@ -453,7 +453,7 @@ var ht = /* @__PURE__ */ function(e) {
 			...ie({ "--cg-skeleton-card-bg": l })
 		},
 		children: Array.from({ length: x * 3 }, (e, t) => /* @__PURE__ */ W("div", {
-			className: k("rounded-md border p-4", Ot.skeletonCard),
+			className: k("rounded-md border p-4", Dt.skeletonCard),
 			style: { height: 248 },
 			children: /* @__PURE__ */ W(je, {
 				avatar: {
@@ -481,15 +481,15 @@ var ht = /* @__PURE__ */ function(e) {
 			}, n);
 		})
 	});
-}), Ut = (e) => e.reduce((e, t) => t.type === X.File ? e + 1 : e + Ut(t.items), 0), Wt = (e) => {
+}), Ut = (e) => e.reduce((e, t) => t.type === Z.File ? e + 1 : e + Ut(t.items), 0), Wt = (e) => {
 	let t = /* @__PURE__ */ new Set(), n = (e) => {
-		for (let r of e) r.type === X.Folder && (t.add(r.id), n(r.items));
+		for (let r of e) r.type === Z.Folder && (t.add(r.id), n(r.items));
 	};
 	return n(e), t;
 }, Gt = (e, t) => {
 	if (t != null) for (let n of e) {
 		if (n.id === t) return n.name;
-		if (n.type === X.Folder) {
+		if (n.type === Z.Folder) {
 			let e = Gt(n.items, t);
 			if (e != null) return e;
 		}
@@ -1373,12 +1373,12 @@ var ht = /* @__PURE__ */ function(e) {
 		ke,
 		Ae,
 		Oe
-	]), [q, J] = P(!1), _t = rt === n.ApiKey && H !== y.ManageCredentials, Y = rt === n.ApiKey && H === y.LogOut, X = rt !== n.ApiKey && H !== y.ManageCredentials && H === y.LogOut, vt = A(() => {
+	]), [q, J] = P(!1), Y = rt === n.ApiKey && H !== y.ManageCredentials, X = rt === n.ApiKey && H === y.LogOut, Z = rt !== n.ApiKey && H !== y.ManageCredentials && H === y.LogOut, _t = A(() => {
 		if (H === y.ManageCredentials) {
 			T?.();
 			return;
 		}
-		if (_t) {
+		if (Y) {
 			J((e) => !e);
 			return;
 		}
@@ -1389,12 +1389,12 @@ var ht = /* @__PURE__ */ function(e) {
 		S?.(e, { level: v.User });
 	}, [
 		H,
-		_t,
+		Y,
 		e,
 		S,
 		T,
 		E
-	]), yt = H === y.ManageCredentials ? (D?.manageCredentialsActionLabel ?? An)(rt) : rt === n.ApiKey ? H === y.LogOut ? D?.changeApiKeyActionLabel ?? "Change API key" : D?.apiKeyActionLabel ?? "API key" : H === y.LogOut ? D?.logoutActionLabel ?? "Log out" : D?.loginActionLabel ?? "Log in", bt = H === y.ManageCredentials || rt === n.ApiKey ? /* @__PURE__ */ W(Je, {
+	]), vt = H === y.ManageCredentials ? (D?.manageCredentialsActionLabel ?? An)(rt) : rt === n.ApiKey ? H === y.LogOut ? D?.changeApiKeyActionLabel ?? "Change API key" : D?.apiKeyActionLabel ?? "API key" : H === y.LogOut ? D?.logoutActionLabel ?? "Log out" : D?.loginActionLabel ?? "Log in", yt = H === y.ManageCredentials || rt === n.ApiKey ? /* @__PURE__ */ W(Je, {
 		size: L.MD,
 		stroke: R
 	}) : H === y.LogOut ? /* @__PURE__ */ W(Qe, {
@@ -1403,23 +1403,23 @@ var ht = /* @__PURE__ */ function(e) {
 	}) : /* @__PURE__ */ W(Ze, {
 		size: L.MD,
 		stroke: R
-	}), xt = H === y.ManageCredentials ? /* @__PURE__ */ W(Le, {
+	}), bt = H === y.ManageCredentials ? /* @__PURE__ */ W(Le, {
 		size: L.MD,
 		className: "rtl:scale-x-[-1]",
 		stroke: R
-	}) : _t ? /* @__PURE__ */ W(Be, {
+	}) : Y ? /* @__PURE__ */ W(Be, {
 		size: L.MD,
 		stroke: R
-	}) : void 0, Z = (t) => {
+	}) : void 0, Q = (t) => {
 		let n = /* @__PURE__ */ W(t, {
-			label: yt,
-			iconBefore: bt,
-			iconAfter: xt,
-			onClick: vt,
-			"aria-haspopup": _t ? "dialog" : void 0,
-			"aria-expanded": _t ? q : void 0
+			label: vt,
+			iconBefore: yt,
+			iconAfter: bt,
+			onClick: _t,
+			"aria-haspopup": Y ? "dialog" : void 0,
+			"aria-expanded": Y ? q : void 0
 		});
-		return !_t || e.credentials == null ? n : /* @__PURE__ */ W(fe, {
+		return !Y || e.credentials == null ? n : /* @__PURE__ */ W(fe, {
 			placement: "bottom-start",
 			matchReferenceWidth: !1,
 			open: q,
@@ -1438,7 +1438,7 @@ var ht = /* @__PURE__ */ function(e) {
 			}),
 			children: n
 		});
-	}, St = () => {
+	}, xt = () => {
 		let t = /* @__PURE__ */ W(fe, {
 			items: K,
 			placement: "bottom-end",
@@ -1466,7 +1466,7 @@ var ht = /* @__PURE__ */ function(e) {
 			renderOverlay: () => a(e, De),
 			children: t
 		});
-	}, Ct = ot || Ve || dt || Xe && Ye || tt && He || tt && Ke || at && !ot || K.length > 0 || Ue;
+	}, St = ot || Ve || dt || Xe && Ye || tt && He || tt && Ke || at && !ot || K.length > 0 || Ue;
 	return /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-3 px-6 py-4",
 		children: [/* @__PURE__ */ W(C, {
@@ -1481,10 +1481,10 @@ var ht = /* @__PURE__ */ function(e) {
 				labelClassName: le,
 				leafClassName: I
 			}) : void 0
-		}), Ct && /* @__PURE__ */ G("div", {
+		}), St && /* @__PURE__ */ G("div", {
 			className: "flex flex-wrap items-center gap-2 ps-[60px]",
 			children: [
-				ot && Z(Y || X ? we : Ee),
+				ot && Q(X || Z ? we : Ee),
 				Ve && /* @__PURE__ */ W(Ee, {
 					label: D?.primaryActionLabel ?? "Use in chat",
 					iconBefore: /* @__PURE__ */ W(et, { size: L.MD }),
@@ -1539,8 +1539,8 @@ var ht = /* @__PURE__ */ function(e) {
 					onMouseEnter: ze,
 					onFocus: ze
 				}),
-				at && !ot && Z(we),
-				(K.length > 0 || Ue) && St()
+				at && !ot && Q(we),
+				(K.length > 0 || Ue) && xt()
 			]
 		})]
 	});
@@ -1575,7 +1575,7 @@ var ht = /* @__PURE__ */ function(e) {
 		node: e,
 		parentId: n
 	};
-	return e.type === X.File || !t.has(e.id) ? [r] : [r, ...In(e.items, t, e.id)];
+	return e.type === Z.File || !t.has(e.id) ? [r] : [r, ...In(e.items, t, e.id)];
 }), Ln = ({ nodes: e, selectedFileId: t, expandedFolderIds: n, onToggleFolder: r, onSelectFile: i, onClose: a, ariaLabel: o = "Select file", rowNameClassName: s = "dial-small-text" }) => {
 	let c = M(() => In(e, n), [e, n]), l = N({}), [u, d] = P(() => t ?? c[0]?.node.id);
 	j(() => {
@@ -1601,14 +1601,14 @@ var ht = /* @__PURE__ */ function(e) {
 				break;
 			}
 			case "ArrowRight":
-				e.preventDefault(), o.node.type === X.Folder && !n.has(o.node.id) && r(o.node.id);
+				e.preventDefault(), o.node.type === Z.Folder && !n.has(o.node.id) && r(o.node.id);
 				break;
 			case "ArrowLeft":
-				e.preventDefault(), o.node.type === X.Folder && n.has(o.node.id) ? r(o.node.id) : o.parentId != null && f(o.parentId);
+				e.preventDefault(), o.node.type === Z.Folder && n.has(o.node.id) ? r(o.node.id) : o.parentId != null && f(o.parentId);
 				break;
 			case "Enter":
 			case " ":
-				e.preventDefault(), o.node.type === X.Folder ? r(o.node.id) : i(o.node.id);
+				e.preventDefault(), o.node.type === Z.Folder ? r(o.node.id) : i(o.node.id);
 				break;
 			case "Escape":
 				e.preventDefault(), a();
@@ -1617,7 +1617,7 @@ var ht = /* @__PURE__ */ function(e) {
 		}
 	}, m = (e) => k("flex h-10 shrink-0 cursor-pointer items-center gap-2 rounded-2 px-3 outline-none", "hover:bg-control-accent-alpha-hover focus-visible:bg-control-accent-alpha-hover", e && "bg-control-accent-alpha-hover"), h = (e) => {
 		let a = e.id === u;
-		if (e.type === X.File) {
+		if (e.type === Z.File) {
 			let n = e.id === t;
 			return /* @__PURE__ */ W("div", {
 				ref: (t) => {
@@ -1680,10 +1680,10 @@ var ht = /* @__PURE__ */ function(e) {
 	let _ = g?.typography?.contentClassName ?? "dial-small-text", v = g?.typography?.contentHeadingClassName ?? "dial-small-semi-text", y = g?.typography?.contentFileCountClassName ?? "dial-tiny-text", b = t != null && t !== "", x = n ?? [], S = Ut(x) > 1, C = Gt(x, r) ?? "", w = (e) => {
 		i?.(e), l(!1);
 	}, T = a ? {
-		type: vt.Text,
+		type: _t.Text,
 		text: ""
 	} : m ?? {
-		type: vt.Markdown,
+		type: _t.Markdown,
 		text: e
 	};
 	return /* @__PURE__ */ G("div", {
@@ -1732,21 +1732,21 @@ var ht = /* @__PURE__ */ function(e) {
 				}), (() => {
 					if (h != null) return h;
 					switch (T.type) {
-						case vt.Markdown: return /* @__PURE__ */ W(ee, {
+						case _t.Markdown: return /* @__PURE__ */ W(ee, {
 							content: T.text,
 							headingClassName: v
 						});
-						case vt.Text: return /* @__PURE__ */ W(D, {
+						case _t.Text: return /* @__PURE__ */ W(D, {
 							language: T.language ?? "",
 							value: T.text,
 							hideDownload: !0
 						});
-						case vt.Image: return /* @__PURE__ */ W("img", {
+						case _t.Image: return /* @__PURE__ */ W("img", {
 							src: T.url,
 							alt: C,
 							className: "max-w-full"
 						});
-						case vt.Unsupported: return /* @__PURE__ */ W("p", {
+						case _t.Unsupported: return /* @__PURE__ */ W("p", {
 							className: "m-0",
 							children: p
 						});
@@ -2021,7 +2021,7 @@ var ht = /* @__PURE__ */ function(e) {
 		"--cat-cred-card-title-text": B?.credentialsCardTitleText,
 		"--cat-cred-card-description-text": B?.credentialsCardDescriptionText
 	}), [Pe, Fe] = P(n), [V, Ie] = P(""), [Le, Re] = P(!1), [ze, Be] = P([]), [He, Ue] = P(!1), [We, Ge] = P(!1), [Ke, qe] = P(!1), Je = N(null), Ye = e.details?.promptContent, Xe = Ye?.selectedFileId, [Ze, Qe] = P(null), [$e, et] = P(!1), [tt, nt] = P(/* @__PURE__ */ new Set()), [rt, H] = P(!1), it = N(null), at = N(0), ot = A((e) => {
-		let t = it.current, n = e?.preview?.type === vt.Image ? e.preview.url : null;
+		let t = it.current, n = e?.preview?.type === _t.Image ? e.preview.url : null;
 		t != null && t !== n && t.startsWith("blob:") && URL.revokeObjectURL(t), it.current = n, Qe(e);
 	}, []);
 	j(() => {
@@ -2055,11 +2055,11 @@ var ht = /* @__PURE__ */ function(e) {
 		}), et(!0);
 		try {
 			let n = le == null ? await ce?.(e).then((e) => e == null ? void 0 : {
-				type: vt.Markdown,
+				type: _t.Markdown,
 				text: e
 			}) : await le(e);
 			if (at.current !== t) {
-				n?.type === vt.Image && n.url.startsWith("blob:") && URL.revokeObjectURL(n.url);
+				n?.type === _t.Image && n.url.startsWith("blob:") && URL.revokeObjectURL(n.url);
 				return;
 			}
 			ot({
@@ -2082,7 +2082,7 @@ var ht = /* @__PURE__ */ function(e) {
 		I,
 		ot
 	]), lt = Ze?.id ?? Xe, mt = () => Ze == null ? null : Ze.preview == null ? {
-		type: vt.Text,
+		type: _t.Text,
 		text: z?.contentFileErrorLabel ?? "Failed to load this file."
 	} : Ze.preview, ht = Ze != null && I != null ? I(Ze.id, Gt(Ye?.files ?? [], Ze.id) ?? "") : void 0, gt = A(() => {
 		if (!h || Je.current === e.id) return;
@@ -2101,9 +2101,9 @@ var ht = /* @__PURE__ */ function(e) {
 	j(() => {
 		Le && gt();
 	}, [Le, gt]);
-	let _t = A((e, t) => {
+	let Y = A((e, t) => {
 		Je.current = null, qe(!1), gt(), w?.(e, t);
-	}, [gt, w]), Y = pt({
+	}, [gt, w]), X = pt({
 		item: e,
 		history: ze,
 		folderItems: g,
@@ -2111,35 +2111,35 @@ var ht = /* @__PURE__ */ function(e) {
 		defaultAuthor: S,
 		onCreateFolder: E,
 		onPublish: C ?? cr,
-		onPublishSuccess: _t,
+		onPublishSuccess: Y,
 		onPublishError: T,
 		onFetchExistingRules: ee
-	}), X = M(() => ft({
-		hasSelectedFolder: Y.selectedFolderPath != null,
-		hasExistingPublicationInFolder: Y.hasExistingPublicationInFolder,
-		hasWriteAccess: Y.hasWriteAccess,
-		isSubmitting: Y.isSubmitting,
-		hasSubmitError: Y.hasSubmitError
+	}), Z = M(() => ft({
+		hasSelectedFolder: X.selectedFolderPath != null,
+		hasExistingPublicationInFolder: X.hasExistingPublicationInFolder,
+		hasWriteAccess: X.hasWriteAccess,
+		isSubmitting: X.isSubmitting,
+		hasSubmitError: X.hasSubmitError
 	}), [
-		Y.selectedFolderPath,
-		Y.hasExistingPublicationInFolder,
-		Y.hasWriteAccess,
-		Y.isSubmitting,
-		Y.hasSubmitError
-	]), [yt, bt] = P(!1), [xt, Z] = P(null), [St, Ct] = P(!1), [wt, Tt] = P(null), [Et, Dt] = P(null), [Ot, kt] = P(null);
+		X.selectedFolderPath,
+		X.hasExistingPublicationInFolder,
+		X.hasWriteAccess,
+		X.isSubmitting,
+		X.hasSubmitError
+	]), [vt, yt] = P(!1), [bt, Q] = P(null), [xt, St] = P(!1), [Ct, wt] = P(null), [Tt, Et] = P(null), [Dt, Ot] = P(null);
 	j(() => {
 		Fe(n);
 	}, [e.id, n]), j(() => {
-		Ie(""), Re(!1), Y.reset(), Be([]), Ge(!1), Ue(!1), qe(!1), Je.current = null, kt(null), bt(!1), Z(null), Ct(!1), Tt(null), Dt(null);
+		Ie(""), Re(!1), X.reset(), Be([]), Ge(!1), Ue(!1), qe(!1), Je.current = null, Ot(null), yt(!1), Q(null), St(!1), wt(null), Et(null);
 	}, [e.id]);
-	let At = A(() => bt(!0), []), jt = A(() => bt(!1), []), Mt = A(() => {
-		Z(q.Delete);
-	}, []), Q = A((t) => {
-		Dt(t ?? (e.credentials == null ? null : c(e.credentials))), Z(q.Logout);
+	let kt = A(() => yt(!0), []), At = A(() => yt(!1), []), jt = A(() => {
+		Q(q.Delete);
+	}, []), Mt = A((t) => {
+		Et(t ?? (e.credentials == null ? null : c(e.credentials))), Q(q.Logout);
 	}, [e.credentials]), Pt = A(() => {
-		Z(q.Unshare);
+		Q(q.Unshare);
 	}, []), Ft = A(() => {
-		Z(q.RevokeAccess);
+		Q(q.RevokeAccess);
 	}, []), $ = M(() => {
 		let e = /* @__PURE__ */ new Set(), t = [];
 		for (let n of ze) {
@@ -2151,16 +2151,16 @@ var ht = /* @__PURE__ */ function(e) {
 		}
 		return t;
 	}, [ze]), It = Ke && $.length > 0, Lt = A((e) => e || (D?.rootFolderLabel ?? "Organization"), [D]), Rt = A(() => {
-		Z(q.Unpublish);
+		Q(q.Unpublish);
 	}, []), zt = A((e) => {
-		Tt(e), Z(q.DeleteApiKey);
+		wt(e), Q(q.DeleteApiKey);
 	}, []), Bt = A(() => {
-		St || (Z(null), Tt(null), Dt(null), kt(null));
-	}, [St]), Vt = A(async () => {
-		if (!(St || xt == null)) {
-			Ct(!0);
+		xt || (Q(null), wt(null), Et(null), Ot(null));
+	}, [xt]), Vt = A(async () => {
+		if (!(xt || bt == null)) {
+			St(!0);
 			try {
-				switch (xt) {
+				switch (bt) {
 					case q.Delete:
 						await L?.(e);
 						break;
@@ -2171,35 +2171,35 @@ var ht = /* @__PURE__ */ function(e) {
 						await me?.(e);
 						break;
 					case q.Logout:
-						Et != null && await xe?.(e, { level: Et });
+						Tt != null && await xe?.(e, { level: Tt });
 						break;
 					case q.DeleteApiKey:
-						wt != null && await xe?.(e, { level: wt });
+						Ct != null && await xe?.(e, { level: Ct });
 						break;
 					case q.Unpublish: {
-						let t = sr($, Ot);
+						let t = sr($, Dt);
 						t != null && await ve?.(e, t.segments);
 						break;
 					}
 				}
-				Z(null), Tt(null), Dt(null), kt(null), _r.has(xt) && a();
+				Q(null), wt(null), Et(null), Ot(null), _r.has(bt) && a();
 			} catch {
-				Z(null), Tt(null), Dt(null), kt(null);
+				Q(null), wt(null), Et(null), Ot(null);
 			} finally {
-				Ct(!1);
+				St(!1);
 			}
 		}
 	}, [
-		St,
 		xt,
-		wt,
-		Et,
+		bt,
+		Ct,
+		Tt,
 		e,
 		L,
 		de,
 		me,
 		ve,
-		Ot,
+		Dt,
 		$,
 		xe,
 		a
@@ -2208,7 +2208,7 @@ var ht = /* @__PURE__ */ function(e) {
 		if (!t) return;
 		let e = (e) => {
 			if (e.key === "Escape") {
-				if (xt != null) {
+				if (bt != null) {
 					Bt();
 					return;
 				}
@@ -2219,14 +2219,14 @@ var ht = /* @__PURE__ */ function(e) {
 	}, [
 		t,
 		a,
-		xt,
+		bt,
 		Bt
 	]);
 	let Ht = A(() => Re(!0), []), Ut = A(() => {
-		Re(!1), Y.reset();
-	}, [Y]), Kt = A(async () => {
-		await Y.handleSubmit() && Ut();
-	}, [Y, Ut]), qt = A(() => {
+		Re(!1), X.reset();
+	}, [X]), Kt = A(async () => {
+		await X.handleSubmit() && Ut();
+	}, [X, Ut]), qt = A(() => {
 		let t = !Pe;
 		Fe(t), o?.(e.id, t);
 	}, [
@@ -2267,7 +2267,7 @@ var ht = /* @__PURE__ */ function(e) {
 		V
 	]);
 	let Xt = z?.overviewYesLabel ?? "Yes", Zt = z?.overviewNoLabel ?? "No", Qt = z?.ariaLabel ?? "Item details", en = z?.closeAriaLabel ?? "Close", nn = Pe ? z?.removeFromFavoritesAriaLabel ?? "Remove from favorites" : z?.addToFavoritesAriaLabel ?? "Add to favorites", rn = z?.publishTitle ?? "Publish", on = z?.backToDetailsAriaLabel ?? "Back", sn = z?.cancelLabel ?? "Cancel", cn = M(() => {
-		switch (xt) {
+		switch (bt) {
 			case q.Delete: {
 				let t = z?.deleteActionLabel ?? "Delete";
 				return {
@@ -2346,7 +2346,7 @@ var ht = /* @__PURE__ */ function(e) {
 				};
 			}
 			case q.DeleteApiKey: {
-				let e = z?.deleteActionLabel ?? "Delete", t = wt ?? v.User;
+				let e = z?.deleteActionLabel ?? "Delete", t = Ct ?? v.User;
 				return {
 					title: e,
 					message: (z?.deleteApiKeyConfirmMessage ?? gr)(t),
@@ -2360,24 +2360,24 @@ var ht = /* @__PURE__ */ function(e) {
 			default: return null;
 		}
 	}, [
-		xt,
+		bt,
 		e.name,
-		wt,
+		Ct,
 		z,
 		$,
 		Lt
-	]), ln = cn != null, un = xt === q.Unpublish && sr($, Ot) == null, dn = ln || Le || yt, fn = e.credentials == null ? "" : (z?.credentialsManagementTitle ?? hr)(e.credentials.authenticationType), pn = ln ? {
+	]), ln = cn != null, un = bt === q.Unpublish && sr($, Dt) == null, dn = ln || Le || vt, fn = e.credentials == null ? "" : (z?.credentialsManagementTitle ?? hr)(e.credentials.authenticationType), pn = ln ? {
 		title: cn.title,
-		isBackDisabled: St,
+		isBackDisabled: xt,
 		onBack: Bt
 	} : Le ? {
 		title: rn,
-		isBackDisabled: Y.isSubmitting,
+		isBackDisabled: X.isSubmitting,
 		onBack: Ut
-	} : yt ? {
+	} : vt ? {
 		title: fn,
 		isBackDisabled: !1,
-		onBack: jt
+		onBack: At
 	} : null, mn = pn?.title ?? Qt;
 	return /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("div", {
 		style: Me,
@@ -2428,11 +2428,11 @@ var ht = /* @__PURE__ */ function(e) {
 						consequences: cn.consequences,
 						variant: cn.cardVariant ?? cn.variant,
 						messageClassName: Ae,
-						children: xt === q.Unpublish && $.length > 1 && /* @__PURE__ */ W(Oe, {
+						children: bt === q.Unpublish && $.length > 1 && /* @__PURE__ */ W(Oe, {
 							ariaLabel: z?.unpublishFolderGroupAriaLabel ?? "Published folders",
-							value: Ot ?? void 0,
-							onChange: kt,
-							disabled: St,
+							value: Dt ?? void 0,
+							onChange: Ot,
+							disabled: xt,
 							items: $.map((e) => ({
 								value: e.key,
 								label: Lt(e.key)
@@ -2440,10 +2440,10 @@ var ht = /* @__PURE__ */ function(e) {
 							radioClassName: Ae
 						})
 					}),
-					!ln && !Le && yt && /* @__PURE__ */ W(xn, {
+					!ln && !Le && vt && /* @__PURE__ */ W(xn, {
 						item: e,
 						onLogin: be,
-						onRequestLogout: Q,
+						onRequestLogout: Mt,
 						onRequestDeleteApiKey: zt,
 						texts: z,
 						detailsStyles: Se
@@ -2460,24 +2460,24 @@ var ht = /* @__PURE__ */ function(e) {
 							history: ze,
 							isHistoryLoading: He,
 							hasHistoryError: We,
-							folderItems: Y.folderItems,
-							selectedFolderPath: Y.selectedFolderPath,
-							onSelectedFolderPathChange: Y.setSelectedFolderPath,
-							onCreateFolder: Y.handleCreateFolder,
+							folderItems: X.folderItems,
+							selectedFolderPath: X.selectedFolderPath,
+							onSelectedFolderPathChange: X.setSelectedFolderPath,
+							onCreateFolder: X.handleCreateFolder,
 							expandedPaths: _,
 							onExpandedPathsChange: y,
 							loadingPaths: b,
-							hasExistingPublicationInFolder: Y.hasExistingPublicationInFolder,
-							hasWriteAccess: Y.hasWriteAccess,
-							isSubmitting: Y.isSubmitting,
-							hasSubmitError: Y.hasSubmitError,
-							author: Y.author,
-							onAuthorChange: Y.setAuthor,
-							rules: Y.rules,
-							onRulesChange: Y.setRules,
+							hasExistingPublicationInFolder: X.hasExistingPublicationInFolder,
+							hasWriteAccess: X.hasWriteAccess,
+							isSubmitting: X.isSubmitting,
+							hasSubmitError: X.hasSubmitError,
+							author: X.author,
+							onAuthorChange: X.setAuthor,
+							rules: X.rules,
+							onRulesChange: X.setRules,
 							ruleSourceOptions: O,
-							isRulesLoading: Y.isRulesLoading,
-							hasRulesLoadError: Y.hasRulesLoadError,
+							isRulesLoading: X.isRulesLoading,
+							hasRulesLoadError: X.hasRulesLoadError,
 							labels: D,
 							styles: { colors: {
 								summaryVersionTagBorder: B?.versionTagBorder,
@@ -2507,7 +2507,7 @@ var ht = /* @__PURE__ */ function(e) {
 							onDownload: oe,
 							isDownloadVisible: se,
 							isDownloadPrimary: F,
-							onDelete: L ? Mt : void 0,
+							onDelete: L ? jt : void 0,
 							onUnshare: de ? Pt : void 0,
 							isUnshareVisible: fe,
 							onRevokeShare: me ? Ft : void 0,
@@ -2515,8 +2515,8 @@ var ht = /* @__PURE__ */ function(e) {
 							isRevokeShareVisible: ge,
 							onLogin: be,
 							onLogout: xe,
-							onOpenCredentialsManagement: At,
-							onRequestLogout: Q,
+							onOpenCredentialsManagement: kt,
+							onRequestLogout: Mt,
 							texts: z,
 							detailsStyles: Se,
 							isReadonly: i
@@ -2620,7 +2620,7 @@ var ht = /* @__PURE__ */ function(e) {
 				confirmLabel: cn.confirmLabel,
 				cancelLabel: sn,
 				variant: cn.variant,
-				isLoading: St,
+				isLoading: xt,
 				isConfirmDisabled: un,
 				loadingStatusLabel: cn.loadingStatusLabel,
 				onConfirm: Vt,
@@ -2628,9 +2628,9 @@ var ht = /* @__PURE__ */ function(e) {
 			}),
 			!ln && Le && /* @__PURE__ */ W(ut, {
 				version: e.version,
-				hasExistingPublicationInFolder: Y.hasExistingPublicationInFolder,
-				isSubmitDisabled: X.isSubmitDisabled,
-				isSubmitLoading: X.isSubmitLoading,
+				hasExistingPublicationInFolder: X.hasExistingPublicationInFolder,
+				isSubmitDisabled: Z.isSubmitDisabled,
+				isSubmitLoading: Z.isSubmitLoading,
 				onCancel: Ut,
 				onSubmit: Kt,
 				labels: D
@@ -2684,13 +2684,13 @@ var ht = /* @__PURE__ */ function(e) {
 			}),
 			/* @__PURE__ */ W("div", {
 				className: "flex min-w-0 flex-1 flex-col items-start gap-1",
-				children: /* @__PURE__ */ W(At, {
+				children: /* @__PURE__ */ W(kt, {
 					icon: e.iconUrl,
 					type: e.type,
 					name: e.name,
 					version: e.version,
 					lastUsed: e.lastUsed,
-					size: _t.LG,
+					size: Y.LG,
 					query: l,
 					className: "min-w-0 self-stretch",
 					styles: {
@@ -2701,7 +2701,7 @@ var ht = /* @__PURE__ */ function(e) {
 							lastUsedClassName: c
 						}
 					},
-					iconOverlay: /* @__PURE__ */ W(Mt, {
+					iconOverlay: /* @__PURE__ */ W(jt, {
 						credentials: e.credentials,
 						loggedOutLabel: p
 					})
@@ -2738,7 +2738,7 @@ var ht = /* @__PURE__ */ function(e) {
 		"--cat-fav-nav-btn-active-bg": o?.colors?.navButtonActiveBackground,
 		"--cat-fav-page-nav-border": o?.colors?.pageNavBorder,
 		"--cat-fav-page-nav-bg": o?.colors?.pageNavBackground
-	}), v = M(() => [...e].sort((e, t) => (new Date(t.updatedAt || "").getTime() ?? 0) - (new Date(e.updatedAt || "").getTime() ?? 0)), [e]), [y, b] = P(1), x = yt(), S = x * xr, C = (y - 1) * S, w = M(() => v.slice(C, C + S), [
+	}), v = M(() => [...e].sort((e, t) => (new Date(t.updatedAt || "").getTime() ?? 0) - (new Date(e.updatedAt || "").getTime() ?? 0)), [e]), [y, b] = P(1), x = vt(), S = x * xr, C = (y - 1) * S, w = M(() => v.slice(C, C + S), [
 		v,
 		C,
 		S
@@ -2949,7 +2949,7 @@ var ht = /* @__PURE__ */ function(e) {
 				size: 36,
 				initialsName: e.name,
 				styles: { badgeClassName: "rounded-[10px]" }
-			}), /* @__PURE__ */ W(Mt, {
+			}), /* @__PURE__ */ W(jt, {
 				credentials: e.credentials,
 				loggedOutLabel: t?.credentialsBadgeLoggedOutLabel
 			})]
@@ -3068,7 +3068,7 @@ var ht = /* @__PURE__ */ function(e) {
 		"--cat-list-selected-bg": h?.selectedRowBackground,
 		"--cat-list-selected-check": h?.selectedRowCheckIcon,
 		...l == null ? {} : { "--list-header-sticky-top": `${l}px` }
-	}, _ = N(null), { containerRef: v, startRow: y, endRow: b } = Et(e.length, Pr), x = M(() => e.slice(y, b), [
+	}, _ = N(null), { containerRef: v, startRow: y, endRow: b } = Tt(e.length, Pr), x = M(() => e.slice(y, b), [
 		e,
 		y,
 		b
@@ -3308,7 +3308,7 @@ var ht = /* @__PURE__ */ function(e) {
 	divider: "_divider_mh952_5"
 }, Vr = ({ totalCount: e, viewMode: t, onViewModeChange: n, title: r = "Browse", browseHeaderRenderer: i, styles: a, query: o, onQueryChange: s, searchPlaceholder: c, gridViewLabel: l = "Grid view", listViewLabel: u = "List view", viewToggleLabel: d = "View mode", sortKey: f, sortOptions: p, onSortChange: m, sortLabel: h = "Sort", filters: g, onFiltersChange: _, filterValues: v, isMyAppsActive: y, onMyAppsChange: b, filterFromLabel: x, filterMyAppsLabel: S, filterTopicsLabel: C }) => {
 	let w = a?.typography?.titleClassName ?? "dial-body-semi-text", T = a?.typography?.countClassName ?? "dial-tiny-semi-text", D = M(() => [{
-		value: Y.Grid,
+		value: X.Grid,
 		icon: /* @__PURE__ */ W(Ye, {
 			size: L.SM,
 			"aria-hidden": !0,
@@ -3316,7 +3316,7 @@ var ht = /* @__PURE__ */ function(e) {
 		}),
 		"aria-label": l
 	}, {
-		value: Y.Cards,
+		value: X.Cards,
 		icon: /* @__PURE__ */ W(Xe, {
 			size: L.SM,
 			"aria-hidden": !0,
@@ -3441,8 +3441,8 @@ var ht = /* @__PURE__ */ function(e) {
 		}),
 		onClick: n
 	});
-}, Gr = 3, Kr = 300, qr = ({ items: e, tabs: n, topicOptions: a, favorites: o, titles: s, browseHeaderRenderer: c, onToggleFavorite: d, isFavoriteVisible: m, columnVisibility: g, onUseInChat: v, isPrimaryActionVisible: y, onShare: b, isPublishVisible: x, isPublishPrimary: S, getPublishHistory: C, publishFolderItems: w, publishExpandedPaths: T, onPublishExpandedPathsChange: E, publishLoadingPaths: D, hasPublishWriteAccess: O, publishDefaultAuthor: ee, onPublish: te, onPublishSuccess: ne, onPublishError: re, onCreatePublishFolder: ie, publishLabels: ae, ruleSourceOptions: oe, onFetchExistingRules: se, shareOverlay: F, isShareVisible: ce, isSharePrimary: le, onFetchDetails: I, onEdit: ue, onDownload: L, isDownloadVisible: R, isDownloadPrimary: de, onLoadContentFile: fe, onLoadContentFilePreview: pe, renderContentFilePreview: me, onDelete: he, onUnshare: ge, isUnshareVisible: _e, onRevokeShare: ve, onFetchRecipientsCount: ye, isRevokeShareVisible: be, onUnpublish: xe, isUnpublishVisible: z, onLogin: Se, onLogout: Ce, onCreateClick: we, createOptions: Te, hideCreateButton: Ee = !1, hidePageTitle: De = !1, isReadonly: Oe = !1, initialViewMode: ke = Y.Grid, isFullWidth: Ae = !1, selectedItemId: je, onCardClick: B, isLoading: Pe, styles: Fe, detailsTexts: V, detailsLimitsFooterNote: Ie, initialDetailsItemId: Le, sortKey: Re, onSortChange: ze, filterTopics: Be, onFilterTopicsChange: Ve, isMyAppsActive: He, onMyAppsActiveChange: Ue, activeTab: We, onActiveTabChange: Ge, renderEmptyState: Ke }) => {
-	let { typography: qe } = Fe ?? {}, Je = bt(Fe), Ye = s?.pageTitle ?? "Catalog", Xe = s?.createLabel ?? "Create", Ze = s?.favoritesTitle ?? "Your favorites", Qe = s?.browseTitle ?? "Browse", $e = s?.searchPlaceholder ?? "Search models, tools, agents…", et = s?.noResultsTitle ?? ((e) => `No results for "${e}"`), tt = s?.featuredLabel ?? "Featured", nt = s?.gridViewLabel ?? "Grid view", rt = s?.listViewLabel ?? "List view", H = s?.viewToggleLabel ?? "View mode", it = s?.ariaLabel ?? "Catalog", at = s?.sortLabel ?? "Sort", ot = [
+}, Gr = 3, Kr = 300, qr = ({ items: e, tabs: n, topicOptions: a, favorites: o, titles: s, browseHeaderRenderer: c, onToggleFavorite: d, isFavoriteVisible: m, columnVisibility: g, onUseInChat: v, isPrimaryActionVisible: y, onShare: b, isPublishVisible: x, isPublishPrimary: S, getPublishHistory: C, publishFolderItems: w, publishExpandedPaths: T, onPublishExpandedPathsChange: E, publishLoadingPaths: D, hasPublishWriteAccess: O, publishDefaultAuthor: ee, onPublish: te, onPublishSuccess: ne, onPublishError: re, onCreatePublishFolder: ie, publishLabels: ae, ruleSourceOptions: oe, onFetchExistingRules: se, shareOverlay: F, isShareVisible: ce, isSharePrimary: le, onFetchDetails: I, onEdit: ue, onDownload: L, isDownloadVisible: R, isDownloadPrimary: de, onLoadContentFile: fe, onLoadContentFilePreview: pe, renderContentFilePreview: me, onDelete: he, onUnshare: ge, isUnshareVisible: _e, onRevokeShare: ve, onFetchRecipientsCount: ye, isRevokeShareVisible: be, onUnpublish: xe, isUnpublishVisible: z, onLogin: Se, onLogout: Ce, onCreateClick: we, createOptions: Te, hideCreateButton: Ee = !1, hidePageTitle: De = !1, isReadonly: Oe = !1, initialViewMode: ke = X.Grid, isFullWidth: Ae = !1, selectedItemId: je, onCardClick: B, isLoading: Pe, styles: Fe, detailsTexts: V, detailsLimitsFooterNote: Ie, initialDetailsItemId: Le, sortKey: Re, onSortChange: ze, filterTopics: Be, onFilterTopicsChange: Ve, isMyAppsActive: He, onMyAppsActiveChange: Ue, activeTab: We, onActiveTabChange: Ge, renderEmptyState: Ke }) => {
+	let { typography: qe } = Fe ?? {}, Je = yt(Fe), Ye = s?.pageTitle ?? "Catalog", Xe = s?.createLabel ?? "Create", Ze = s?.favoritesTitle ?? "Your favorites", Qe = s?.browseTitle ?? "Browse", $e = s?.searchPlaceholder ?? "Search models, tools, agents…", et = s?.noResultsTitle ?? ((e) => `No results for "${e}"`), tt = s?.featuredLabel ?? "Featured", nt = s?.gridViewLabel ?? "Grid view", rt = s?.listViewLabel ?? "List view", H = s?.viewToggleLabel ?? "View mode", it = s?.ariaLabel ?? "Catalog", at = s?.sortLabel ?? "Sort", ot = [
 		{
 			value: u.RecentlyUpdated,
 			label: s?.sortRecentlyUpdatedLabel ?? "Recently Updated"
@@ -3455,108 +3455,110 @@ var ht = /* @__PURE__ */ function(e) {
 			value: u.NameAZ,
 			label: s?.sortNameAZLabel ?? "Name A-Z"
 		}
-	], [st, ct] = P(""), [lt, ut] = P(ke), [dt, ft] = P(ke === Y.Cards), [pt, mt] = P(u.RecentlyUpdated), [ht, K] = P(/* @__PURE__ */ new Set()), [gt, q] = P(!1), J = Re ?? pt, _t = Be ?? ht, X = He ?? gt, vt = A((e) => {
+	], [st, ct] = P(""), [lt, ut] = P(ke), [dt, ft] = P(ke === X.Cards), [pt, mt] = P(u.RecentlyUpdated), [ht, K] = P(/* @__PURE__ */ new Set()), [gt, q] = P(!1), J = Re ?? pt, Y = Be ?? ht, Z = He ?? gt, _t = A((e) => {
 		let t = e;
 		mt(t), ze?.(t);
-	}, [ze]), yt = A((e) => {
+	}, [ze]), vt = A((e) => {
 		K(e), Ve?.(e);
-	}, [Ve]), xt = A((e) => {
+	}, [Ve]), bt = A((e) => {
 		q(e), Ue?.(e);
-	}, [Ue]), Z = M(() => e.filter((e) => !e.isHidden), [e]), St = M(() => a ?? p(Z), [a, Z]), Ct = M(() => n ?? h(Z, s?.tabLabels), [
+	}, [Ue]), Q = M(() => e.filter((e) => !e.isHidden), [e]), xt = M(() => a ?? p(Q), [a, Q]), St = M(() => n ?? h(Q, s?.tabLabels), [
 		n,
-		Z,
+		Q,
 		s?.tabLabels
-	]), wt = Ct[0]?.id ?? "", [Tt, Et] = P(wt);
+	]), Ct = St[0]?.id ?? "", [wt, Tt] = P(Ct);
 	j(() => {
-		Et((e) => e || wt);
-	}, [wt]);
-	let Dt = We ?? Tt, Ot = A((e) => {
-		Et(e), Ge?.(e);
-	}, [Ge]), [kt, At] = P(o.length > 0);
+		Tt((e) => e || Ct);
+	}, [Ct]);
+	let Et = We ?? wt, Dt = A((e) => {
+		Tt(e), Ge?.(e);
+	}, [Ge]), [Ot, kt] = P(o.length > 0);
 	j(() => {
-		o.length > 0 && !kt && At(!0);
-	}, [o.length, kt]);
-	let jt = A(() => {
-		At(!1);
-	}, []), Mt = kt && o.length === 0, [Q, Nt] = P(null), [Pt, Ft] = P(!1), [$, It] = P(void 0), [Lt, Rt] = P(!1), zt = N(null), Bt = A(async (e) => {
-		if (zt.current = e.id, I) {
+		o.length > 0 && !Ot && kt(!0);
+	}, [o.length, Ot]);
+	let At = A(() => {
+		kt(!1);
+	}, []), jt = Ot && o.length === 0, [Mt, Nt] = P(null), [Pt, Ft] = P(!1), [$, It] = P(void 0), [Lt, Rt] = P(!1), zt = N(null), Bt = N(0), Vt = A(async (e) => {
+		zt.current = e.id;
+		let t = ++Bt.current;
+		if (I) {
 			Rt(!0);
 			try {
-				let t = await I(e);
-				return zt.current === e.id && It(t), t;
+				let n = await I(e);
+				return Bt.current === t && It(n), n;
 			} finally {
-				zt.current === e.id && Rt(!1);
+				Bt.current === t && Rt(!1);
 			}
 		}
-	}, [I]), Vt = A(async (e) => (Nt(e), It(void 0), Bt(e)), [Bt]), Ut = A(async (e, t) => {
+	}, [I]), Ut = A(async (e) => (Nt(e), It(void 0), Vt(e)), [Vt]), Wt = A(async (e, t) => {
 		for (let n = 0; n < Gr; n++) {
-			if (zt.current !== e.id || t(await Bt(e))) return;
+			if (zt.current !== e.id || t(await Vt(e))) return;
 			n < Gr - 1 && await f(Kr);
 		}
-	}, [Bt]), Wt = N(null);
+	}, [Vt]), Gt = N(null);
 	j(() => {
 		if (!Le) {
-			Wt.current = null;
+			Gt.current = null;
 			return;
 		}
-		if (Wt.current === Le) return;
+		if (Gt.current === Le) return;
 		let t = e.find((e) => e.id === Le);
-		t && (Wt.current = Le, Vt(t));
+		t && (Gt.current = Le, Ut(t));
 	}, [
 		Le,
 		e,
-		Vt
+		Ut
 	]), j(() => {
-		if (Q == null) return;
-		let t = e.find((e) => e.id === Q.id);
-		t && t !== Q && Nt(t);
-	}, [e, Q]);
-	let Gt = A(async (e, n) => {
-		await Se?.(e, n), I && await Ut(e, (e) => t(e?.credentials, n.level));
+		if (Mt == null) return;
+		let t = e.find((e) => e.id === Mt.id);
+		t && t !== Mt && Nt(t);
+	}, [e, Mt]);
+	let Kt = A(async (e, n) => {
+		await Se?.(e, n), I && await Wt(e, (e) => t(e?.credentials, n.level));
 	}, [
 		Se,
 		I,
-		Ut
-	]), Kt = A(async (e, n) => {
-		await Ce?.(e, n), I && await Ut(e, (e) => !t(e?.credentials, n.level));
+		Wt
+	]), qt = A(async (e, n) => {
+		await Ce?.(e, n), I && await Wt(e, (e) => !t(e?.credentials, n.level));
 	}, [
 		Ce,
 		I,
-		Ut
-	]), qt = A(() => {
-		Ft(!1), zt.current = null, setTimeout(() => {
+		Wt
+	]), Jt = A(() => {
+		Ft(!1), zt.current = null, Bt.current += 1, setTimeout(() => {
 			Nt(null), It(void 0), Rt(!1);
 		}, 300);
-	}, []), Jt = M(() => {
-		if (Q == null) return null;
-		if ($ == null) return Q;
+	}, []), Yt = M(() => {
+		if (Mt == null) return null;
+		if ($ == null) return Mt;
 		let { credentials: e, ...t } = $;
 		return {
-			...Q,
+			...Mt,
 			details: t,
-			credentials: e ?? Q.credentials
+			credentials: e ?? Mt.credentials
 		};
-	}, [Q, $]), Yt = M(() => r(Z, J), [Z, J]), Xt = M(() => i(Yt, st), [Yt, st]), Zt = M(() => _t.size > 0 ? _(Xt, _t) : Xt, [Xt, _t]), Qt = M(() => X ? l(Zt) : Zt, [Zt, X]), $t = M(() => Dt ? Qt.filter((e) => e.type === Dt) : Qt, [Qt, Dt]), en = Q != null && o.some((e) => e.id === Q.id);
+	}, [Mt, $]), Xt = M(() => r(Q, J), [Q, J]), Zt = M(() => i(Xt, st), [Xt, st]), Qt = M(() => Y.size > 0 ? _(Zt, Y) : Zt, [Zt, Y]), $t = M(() => Z ? l(Qt) : Qt, [Qt, Z]), en = M(() => Et ? $t.filter((e) => e.type === Et) : $t, [$t, Et]), tn = Mt != null && o.some((e) => e.id === Mt.id);
 	j(() => {
-		if (Q == null) return;
+		if (Mt == null) return;
 		let e = requestAnimationFrame(() => Ft(!0));
 		return () => cancelAnimationFrame(e);
-	}, [Q]);
-	let tn = A((e) => {
-		e === Y.Cards && ft(!0), ut(e);
-	}, []), nn = !Ee && !Oe, rn = kt && !Oe, an = st ? et(st) : "No items", on = M(() => ({
-		noResultsTitle: an,
+	}, [Mt]);
+	let nn = A((e) => {
+		e === X.Cards && ft(!0), ut(e);
+	}, []), rn = !Ee && !Oe, an = Ot && !Oe, on = st ? et(st) : "No items", sn = M(() => ({
+		noResultsTitle: on,
 		featuredLabel: tt,
 		credentialsBadgeLoggedOutLabel: V?.credentialsBadgeLoggedOutLabel
 	}), [
-		an,
+		on,
 		tt,
 		V?.credentialsBadgeLoggedOutLabel
-	]), sn = !Pe && $t.length === 0 ? Ke?.({
+	]), cn = !Pe && en.length === 0 ? Ke?.({
 		query: st,
-		activeTab: Dt,
-		hasTopicFilters: _t.size > 0,
-		isMyAppsActive: X
+		activeTab: Et,
+		hasTopicFilters: Y.size > 0,
+		isMyAppsActive: Z
 	}) : void 0;
 	return Pe ? /* @__PURE__ */ W("div", {
 		className: "flex size-full min-h-0 flex-1 items-center justify-center",
@@ -3566,14 +3568,14 @@ var ht = /* @__PURE__ */ function(e) {
 		className: k("flex size-full min-h-0 flex-1 flex-col", Ur.root),
 		style: Je,
 		children: [
-			(!De || nn) && /* @__PURE__ */ W("div", {
+			(!De || rn) && /* @__PURE__ */ W("div", {
 				className: k("shrink-0", Ur.heading),
 				children: /* @__PURE__ */ G("div", {
 					className: "flex h-[64px] w-full items-center justify-between px-8",
 					children: [!De && /* @__PURE__ */ W("h1", {
 						className: k(qe?.pageHeadingFontClassName ?? "dial-display2-text", Ur.headingTitle),
 						children: Ye
-					}), nn && /* @__PURE__ */ W(Wr, {
+					}), rn && /* @__PURE__ */ W(Wr, {
 						label: Xe,
 						options: Te,
 						onClick: we
@@ -3583,7 +3585,7 @@ var ht = /* @__PURE__ */ function(e) {
 			/* @__PURE__ */ G("div", {
 				className: "flex min-h-0 min-w-0 flex-1 flex-col overflow-y-auto overflow-x-hidden",
 				children: [
-					rn && /* @__PURE__ */ W("div", {
+					an && /* @__PURE__ */ W("div", {
 						className: "w-full px-8",
 						children: /* @__PURE__ */ W(Cr, {
 							items: o,
@@ -3591,9 +3593,9 @@ var ht = /* @__PURE__ */ function(e) {
 							title: Ze,
 							onToggleFavorite: d,
 							isFavoriteVisible: m,
-							onItemClick: B ?? Vt,
-							isLeaving: Mt,
-							onExitComplete: jt,
+							onItemClick: B ?? Ut,
+							isLeaving: jt,
+							onExitComplete: At,
 							selectedItemId: je,
 							credentialsBadgeLoggedOutLabel: V?.credentialsBadgeLoggedOutLabel
 						})
@@ -3601,9 +3603,9 @@ var ht = /* @__PURE__ */ function(e) {
 					/* @__PURE__ */ W("div", {
 						className: "w-full px-4 pt-6",
 						children: /* @__PURE__ */ W(Hr, {
-							totalCount: Qt.length,
+							totalCount: $t.length,
 							viewMode: lt,
-							onViewModeChange: tn,
+							onViewModeChange: nn,
 							sortKey: J,
 							query: st,
 							onQueryChange: ct,
@@ -3614,58 +3616,58 @@ var ht = /* @__PURE__ */ function(e) {
 							listViewLabel: rt,
 							viewToggleLabel: H,
 							sortOptions: ot,
-							onSortChange: vt,
+							onSortChange: _t,
 							sortLabel: at,
-							filters: _t,
-							onFiltersChange: yt,
-							filterValues: St,
-							isMyAppsActive: X,
-							onMyAppsChange: xt,
+							filters: Y,
+							onFiltersChange: vt,
+							filterValues: xt,
+							isMyAppsActive: Z,
+							onMyAppsChange: bt,
 							filterFromLabel: s?.filterFromLabel,
 							filterMyAppsLabel: s?.filterMyAppsLabel,
 							filterTopicsLabel: s?.filterTopicsLabel
 						})
 					}),
-					Ct.length > 1 && /* @__PURE__ */ W("div", {
+					St.length > 1 && /* @__PURE__ */ W("div", {
 						className: "min-w-0 shrink-0 overflow-x-auto px-8",
 						children: /* @__PURE__ */ W(Ne, {
-							tabs: Ct.map((e) => ({
+							tabs: St.map((e) => ({
 								id: e.id,
 								label: typeof e.label == "string" ? e.label : String(e.label),
-								count: Qt.filter((t) => t.type === e.id).length
+								count: $t.filter((t) => t.type === e.id).length
 							})),
-							activeTabId: Dt,
-							onTabChange: Ot
+							activeTabId: Et,
+							onTabChange: Dt
 						})
 					}),
 					/* @__PURE__ */ W("div", {
-						className: k($t.length > 0 ? ["min-h-full w-full px-8 py-6", !Ae && "mx-auto max-w-[1180px]"] : "min-h-[180px] flex-1", $t.length === 0 && "px-8 py-6"),
-						children: sn ?? /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("div", {
-							className: k($t.length > 0 ? "pb-8" : "size-full flex-1", lt !== Y.Grid && "hidden"),
+						className: k(en.length > 0 ? ["min-h-full w-full px-8 py-6", !Ae && "mx-auto max-w-[1180px]"] : "min-h-[180px] flex-1", en.length === 0 && "px-8 py-6"),
+						children: cn ?? /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("div", {
+							className: k(en.length > 0 ? "pb-8" : "size-full flex-1", lt !== X.Grid && "hidden"),
 							children: /* @__PURE__ */ W(Ht, {
-								items: $t,
+								items: en,
 								query: st,
 								onToggleFavorite: d,
 								isFavoriteVisible: m,
-								onItemClick: B ?? Vt,
-								titles: on,
+								onItemClick: B ?? Ut,
+								titles: sn,
 								selectedItemId: je,
 								isReadonly: Oe,
 								isFullWidth: Ae,
 								featuredChipStyle: Fe?.colors?.featuredChipStyle
 							})
 						}), dt && /* @__PURE__ */ W("div", {
-							className: k("pb-8", lt !== Y.Cards && "hidden", $t.length === 0 && "h-full"),
+							className: k("pb-8", lt !== X.Cards && "hidden", en.length === 0 && "h-full"),
 							children: /* @__PURE__ */ W(Fr, {
-								type: Dt,
-								items: $t,
+								type: Et,
+								items: en,
 								query: st,
 								ariaLabel: it,
-								emptyStateTitle: an,
+								emptyStateTitle: on,
 								onToggleFavorite: d,
 								isFavoriteVisible: m,
 								columnVisibility: g,
-								onItemClick: B ?? Vt,
+								onItemClick: B ?? Ut,
 								stickyHeaderTop: 0,
 								selectedItemId: je,
 								credentialsBadgeLoggedOutLabel: V?.credentialsBadgeLoggedOutLabel,
@@ -3675,13 +3677,13 @@ var ht = /* @__PURE__ */ function(e) {
 					})
 				]
 			}),
-			Jt != null && /* @__PURE__ */ W(vr, {
-				item: Jt,
+			Yt != null && /* @__PURE__ */ W(vr, {
+				item: Yt,
 				isOpen: Pt,
-				isStarred: en,
+				isStarred: tn,
 				isDetailsLoading: Lt,
 				isReadonly: Oe,
-				onClose: qt,
+				onClose: Jt,
 				onToggleFavorite: d,
 				isFavoriteVisible: m,
 				onUseInChat: v,
@@ -3721,8 +3723,8 @@ var ht = /* @__PURE__ */ function(e) {
 				isRevokeShareVisible: be,
 				onUnpublish: xe,
 				isUnpublishVisible: z,
-				onLogin: Gt,
-				onLogout: Kt,
+				onLogin: Kt,
+				onLogout: qt,
 				texts: V,
 				limitsFooterNote: Ie,
 				styles: { colors: { featuredChipStyle: Fe?.colors?.featuredChipStyle } }
@@ -3731,4 +3733,4 @@ var ht = /* @__PURE__ */ function(e) {
 	});
 };
 //#endregion
-export { At as AppIdentity, Bt as Card, Ht as CardGrid, Vt as CardRowRenderer, qr as Catalog, X as CatalogContentNodeType, vt as CatalogContentPreviewType, K as CatalogDetailsTab, gt as CatalogLimitStatus, u as CatalogSortKey, Y as CatalogViewMode, ht as CodeLanguage, zn as ContentTab, s as CredentialStatus, Mt as CredentialsBadge, o as CredentialsBadgeState, v as CredentialsLevel, y as CredentialsUiState, _t as DeploymentSize, q as DetailsConfirmationKind, J as DetailsConfirmationVariant, vr as DetailsPanel, br as FavoriteCard, Cr as Favorites, zr as Filter, rn as InfoCard, Fr as ListView, Hr as Toolbar, n as ToolsetAuthenticationType, $ as TopicTag, h as buildCatalogTabs, i as filterCatalogItems, g as getCredentialsBadgeState, m as getCredentialsUiState, c as getSignedInLevel, p as getTopicOptions, r as sortCatalogItems, yt as useFavColumns, Dt as useScrollVirtualizer };
+export { kt as AppIdentity, Bt as Card, Ht as CardGrid, Vt as CardRowRenderer, qr as Catalog, Z as CatalogContentNodeType, _t as CatalogContentPreviewType, K as CatalogDetailsTab, gt as CatalogLimitStatus, u as CatalogSortKey, X as CatalogViewMode, ht as CodeLanguage, zn as ContentTab, s as CredentialStatus, jt as CredentialsBadge, o as CredentialsBadgeState, v as CredentialsLevel, y as CredentialsUiState, Y as DeploymentSize, q as DetailsConfirmationKind, J as DetailsConfirmationVariant, vr as DetailsPanel, br as FavoriteCard, Cr as Favorites, zr as Filter, rn as InfoCard, Fr as ListView, Hr as Toolbar, n as ToolsetAuthenticationType, $ as TopicTag, h as buildCatalogTabs, i as filterCatalogItems, g as getCredentialsBadgeState, m as getCredentialsUiState, c as getSignedInLevel, p as getTopicOptions, r as sortCatalogItems, vt as useFavColumns, Et as useScrollVirtualizer };

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.2.0-dev.28",
+  "version": "1.2.0-dev.34",
   "license": "Apache-2.0",
   "type": "module",
   "sideEffects": [
@@ -28,11 +28,11 @@
   "dependencies": {
     "@tabler/icons-react": "^3.44.0",
     "ag-grid-community": "^35.3.0",
-    "@epam/ai-dial-publish-panel": "1.2.0-dev.28"
+    "@epam/ai-dial-publish-panel": "1.2.0-dev.34"
   },
   "peerDependencies": {
     "react": "^19.2.8",
-    "@epam/ai-dial-chat-shared": "1.2.0-dev.28",
+    "@epam/ai-dial-chat-shared": "1.2.0-dev.34",
     "@epam/ai-dial-ui-kit": "^0.14.2"
   },
   "repository": {