@epam/ai-dial-catalog 1.1.0-dev.43 → 1.1.0-dev.44

package/index.js

@@ -1,7 +1,7 @@
 import e, { Fragment as t, createElement as n, forwardRef as r, memo as i, useCallback as a, useEffect as o, useId as s, useLayoutEffect as c, useMemo as l, useRef as u, useState as d } from "react";
-import { ButtonAppearance as f, ButtonVariant as p, DIAL_ICON_SIZE as m, DialAccordion as h, DialBreadcrumb as g, DialButton as _, DialCheckbox as v, DialCloseButton as y, DialConfirmationPopup as b, DialDropdown as x, DialEllipsisTooltip as S, DialFileNodeType as C, DialFoldersTree as w, DialGhostButton as T, DialGhostIconButton as E, DialGrid as D, DialIcon as O, DialInput as k, DialNeutralButton as ee, DialNoDataContent as A, DialPrimaryButton as j, DialProgressBar as M, DialProgressBarSize as N, DialSkeleton as te, DialSkeletonAvatarShape as P, DialSpinner as ne, DialTag as re, DialTooltip as ie, ElementSize as F, Notification as I, NotificationType as ae, NotificationVariant as oe, mergeClasses as se } from "@epam/ai-dial-ui-kit";
+import { ButtonAppearance as f, ButtonVariant as p, DIAL_ICON_SIZE as m, DialAccordion as h, DialBreadcrumb as g, DialButton as _, DialCheckbox as v, DialCloseButton as y, DialConfirmationPopup as b, DialDropdown as x, DialEllipsisTooltip as S, DialFileNodeType as C, DialFoldersTree as w, DialGhostButton as T, DialGhostIconButton as E, DialGrid as D, DialIcon as O, DialInput as k, DialNeutralButton as ee, DialNoDataContent as A, DialPrimaryButton as j, DialProgressBar as M, DialProgressBarSize as N, DialSkeleton as te, DialSkeletonAvatarShape as P, DialSpinner as ne, DialTag as re, DialTooltip as ie, ElementSize as ae, Notification as F, NotificationType as I, NotificationVariant as oe, mergeClasses as se } from "@epam/ai-dial-ui-kit";
 import { Fragment as L, jsx as R, jsxs as z } from "react/jsx-runtime";
-import { IconCheck as ce, IconChevronDown as le, IconChevronLeft as ue, IconChevronRight as de, IconCircleCheckFilled as fe, IconCopy as pe, IconFilter as me, IconFolder as he, IconFolderPlus as ge, IconKey as B, IconLayoutGrid as _e, IconLayoutList as ve, IconLogin as ye, IconLogout as be, IconMessageCircle as xe, IconPencil as Se, IconPlayerPlayFilled as Ce, IconPlugConnected as we, IconPlus as Te, IconSearch as Ee, IconShare as De, IconStar as Oe, IconStarFilled as ke, IconTrash as Ae, IconX as je, IconZoomCancel as Me } from "@tabler/icons-react";
+import { IconCheck as ce, IconChevronDown as le, IconChevronLeft as ue, IconChevronRight as de, IconCircleCheckFilled as fe, IconCopy as pe, IconFilter as me, IconFolder as he, IconFolderPlus as ge, IconKey as _e, IconLayoutGrid as B, IconLayoutList as ve, IconLogin as ye, IconLogout as be, IconMessageCircle as xe, IconPencil as Se, IconPlayerPlayFilled as Ce, IconPlugConnected as we, IconPlus as Te, IconSearch as Ee, IconShare as De, IconStar as Oe, IconStarFilled as ke, IconTrash as Ae, IconX as je, IconZoomCancel as Me } from "@tabler/icons-react";
 //#region src/types/code-language.ts
 var Ne = /* @__PURE__ */ function(e) {
 	return e.Python = "python", e.Curl = "curl", e.JavaScript = "javascript", e;
@@ -631,18 +631,18 @@ var Ot = /* @__PURE__ */ wt((/* @__PURE__ */ xt(((e, t) => {
 		Bn,
 		kn,
 		{ size: [W, U] }
-	], F = () => [
+	], ae = () => [
 		bn,
 		Ln,
 		An
-	], I = () => [
+	], F = () => [
 		"",
 		"none",
 		"full",
 		l,
 		W,
 		U
-	], ae = () => [
+	], I = () => [
 		"",
 		H,
 		Ln,
@@ -1242,41 +1242,41 @@ var Ot = /* @__PURE__ */ wt((/* @__PURE__ */ xt(((e, t) => {
 				Fn
 			] }],
 			"bg-color": [{ bg: P() }],
-			"gradient-from-pos": [{ from: F() }],
-			"gradient-via-pos": [{ via: F() }],
-			"gradient-to-pos": [{ to: F() }],
+			"gradient-from-pos": [{ from: ae() }],
+			"gradient-via-pos": [{ via: ae() }],
+			"gradient-to-pos": [{ to: ae() }],
 			"gradient-from": [{ from: P() }],
 			"gradient-via": [{ via: P() }],
 			"gradient-to": [{ to: P() }],
-			rounded: [{ rounded: I() }],
-			"rounded-s": [{ "rounded-s": I() }],
-			"rounded-e": [{ "rounded-e": I() }],
-			"rounded-t": [{ "rounded-t": I() }],
-			"rounded-r": [{ "rounded-r": I() }],
-			"rounded-b": [{ "rounded-b": I() }],
-			"rounded-l": [{ "rounded-l": I() }],
-			"rounded-ss": [{ "rounded-ss": I() }],
-			"rounded-se": [{ "rounded-se": I() }],
-			"rounded-ee": [{ "rounded-ee": I() }],
-			"rounded-es": [{ "rounded-es": I() }],
-			"rounded-tl": [{ "rounded-tl": I() }],
-			"rounded-tr": [{ "rounded-tr": I() }],
-			"rounded-br": [{ "rounded-br": I() }],
-			"rounded-bl": [{ "rounded-bl": I() }],
-			"border-w": [{ border: ae() }],
-			"border-w-x": [{ "border-x": ae() }],
-			"border-w-y": [{ "border-y": ae() }],
-			"border-w-s": [{ "border-s": ae() }],
-			"border-w-e": [{ "border-e": ae() }],
-			"border-w-bs": [{ "border-bs": ae() }],
-			"border-w-be": [{ "border-be": ae() }],
-			"border-w-t": [{ "border-t": ae() }],
-			"border-w-r": [{ "border-r": ae() }],
-			"border-w-b": [{ "border-b": ae() }],
-			"border-w-l": [{ "border-l": ae() }],
-			"divide-x": [{ "divide-x": ae() }],
+			rounded: [{ rounded: F() }],
+			"rounded-s": [{ "rounded-s": F() }],
+			"rounded-e": [{ "rounded-e": F() }],
+			"rounded-t": [{ "rounded-t": F() }],
+			"rounded-r": [{ "rounded-r": F() }],
+			"rounded-b": [{ "rounded-b": F() }],
+			"rounded-l": [{ "rounded-l": F() }],
+			"rounded-ss": [{ "rounded-ss": F() }],
+			"rounded-se": [{ "rounded-se": F() }],
+			"rounded-ee": [{ "rounded-ee": F() }],
+			"rounded-es": [{ "rounded-es": F() }],
+			"rounded-tl": [{ "rounded-tl": F() }],
+			"rounded-tr": [{ "rounded-tr": F() }],
+			"rounded-br": [{ "rounded-br": F() }],
+			"rounded-bl": [{ "rounded-bl": F() }],
+			"border-w": [{ border: I() }],
+			"border-w-x": [{ "border-x": I() }],
+			"border-w-y": [{ "border-y": I() }],
+			"border-w-s": [{ "border-s": I() }],
+			"border-w-e": [{ "border-e": I() }],
+			"border-w-bs": [{ "border-bs": I() }],
+			"border-w-be": [{ "border-be": I() }],
+			"border-w-t": [{ "border-t": I() }],
+			"border-w-r": [{ "border-r": I() }],
+			"border-w-b": [{ "border-b": I() }],
+			"border-w-l": [{ "border-l": I() }],
+			"divide-x": [{ "divide-x": I() }],
 			"divide-x-reverse": ["divide-x-reverse"],
-			"divide-y": [{ "divide-y": ae() }],
+			"divide-y": [{ "divide-y": I() }],
 			"divide-y-reverse": ["divide-y-reverse"],
 			"border-style": [{ border: [
 				...oe(),
@@ -1332,12 +1332,12 @@ var Ot = /* @__PURE__ */ wt((/* @__PURE__ */ xt(((e, t) => {
 				In
 			] }],
 			"inset-shadow-color": [{ "inset-shadow": P() }],
-			"ring-w": [{ ring: ae() }],
+			"ring-w": [{ ring: I() }],
 			"ring-w-inset": ["ring-inset"],
 			"ring-color": [{ ring: P() }],
 			"ring-offset-w": [{ "ring-offset": [H, An] }],
 			"ring-offset-color": [{ "ring-offset": P() }],
-			"inset-ring-w": [{ "inset-ring": ae() }],
+			"inset-ring-w": [{ "inset-ring": I() }],
 			"inset-ring-color": [{ "inset-ring": P() }],
 			"text-shadow": [{ "text-shadow": [
 				"none",
@@ -5675,11 +5675,11 @@ function qs(e) {
 			image: a(me),
 			label: o,
 			link: a(he),
-			listItem: a(B),
+			listItem: a(_e),
 			listItemValue: f,
 			listOrdered: a(ge, d),
 			listUnordered: a(ge),
-			paragraph: a(_e),
+			paragraph: a(B),
 			reference: ie,
 			referenceString: o,
 			resourceDestinationString: o,
@@ -5696,9 +5696,9 @@ function qs(e) {
 			autolinkProtocol: se,
 			blockQuote: c(),
 			characterEscapeValue: E,
-			characterReferenceMarkerHexadecimal: I,
-			characterReferenceMarkerNumeric: I,
-			characterReferenceValue: ae,
+			characterReferenceMarkerHexadecimal: F,
+			characterReferenceMarkerNumeric: F,
+			characterReferenceValue: I,
 			characterReference: oe,
 			codeFenced: c(g),
 			codeFencedFence: h,
@@ -5729,7 +5729,7 @@ function qs(e) {
 			listOrdered: c(),
 			listUnordered: c(),
 			paragraph: c(),
-			referenceString: F,
+			referenceString: ae,
 			resourceDestinationString: P,
 			resourceTitleString: ne,
 			resource: re,
@@ -5996,14 +5996,14 @@ function qs(e) {
 	function ie() {
 		this.data.referenceType = "collapsed";
 	}
-	function F(e) {
+	function ae(e) {
 		let t = this.resume(), n = this.stack[this.stack.length - 1];
 		n.label = t, n.identifier = ma(this.sliceSerialize(e)).toLowerCase(), this.data.referenceType = "full";
 	}
-	function I(e) {
+	function F(e) {
 		this.data.characterReferenceType = e.type;
 	}
-	function ae(e) {
+	function I(e) {
 		let t = this.sliceSerialize(e), n = this.data.characterReferenceType, r;
 		n ? (r = pa(t, n === "characterReferenceMarkerNumeric" ? 10 : 16), this.data.characterReferenceType = void 0) : r = oa(t);
 		let i = this.stack[this.stack.length - 1];
@@ -6099,7 +6099,7 @@ function qs(e) {
 			children: []
 		};
 	}
-	function B(e) {
+	function _e(e) {
 		return {
 			type: "listItem",
 			spread: e._spread,
@@ -6107,7 +6107,7 @@ function qs(e) {
 			children: []
 		};
 	}
-	function _e() {
+	function B() {
 		return {
 			type: "paragraph",
 			children: []
@@ -9989,24 +9989,24 @@ function rm(t, n) {
 			numberStyle: S,
 			startingLineNumber: y,
 			codeString: N
-		}) : null, re = s.hljs || s["pre[class*=\"language-\"]"] || { backgroundColor: "#fff" }, ie = tm(te) ? "hljs" : "prismjs", F = p ? Object.assign({}, P, { style: Object.assign({}, re, l) }) : Object.assign({}, P, {
+		}) : null, re = s.hljs || s["pre[class*=\"language-\"]"] || { backgroundColor: "#fff" }, ie = tm(te) ? "hljs" : "prismjs", ae = p ? Object.assign({}, P, { style: Object.assign({}, re, l) }) : Object.assign({}, P, {
 			className: P.className ? `${ie} ${P.className}` : ie,
 			style: Object.assign({}, l)
 		});
-		if (T ? d.style = Up({ whiteSpace: "pre-wrap" }, d.style) : d.style = Up({ whiteSpace: "pre" }, d.style), !te) return /*#__PURE__*/ e.createElement(ee, F, ne, /*#__PURE__*/ e.createElement(j, d, N));
+		if (T ? d.style = Up({ whiteSpace: "pre-wrap" }, d.style) : d.style = Up({ whiteSpace: "pre" }, d.style), !te) return /*#__PURE__*/ e.createElement(ee, ae, ne, /*#__PURE__*/ e.createElement(j, d, N));
 		(C === void 0 && O || T) && (C = !0), O ||= em;
-		var I = [{
+		var F = [{
 			type: "text",
 			value: N
-		}], ae = nm({
+		}], I = nm({
 			astGenerator: te,
 			language: i,
 			code: N,
-			defaultCodeValue: I
+			defaultCodeValue: F
 		});
-		ae.language === null && (ae.value = I);
-		var oe = y + (N.match(/\n/g)?.length ?? 0), se = $p(ae, C, D, h, _, y, oe, S, T);
-		return /*#__PURE__*/ e.createElement(ee, F, /*#__PURE__*/ e.createElement(j, d, !_ && ne, O({
+		I.language === null && (I.value = F);
+		var oe = y + (N.match(/\n/g)?.length ?? 0), se = $p(I, C, D, h, _, y, oe, S, T);
+		return /*#__PURE__*/ e.createElement(ee, ae, /*#__PURE__*/ e.createElement(j, d, !_ && ne, O({
 			rows: se,
 			stylesheet: s,
 			useInlineStyles: p
@@ -25844,7 +25844,7 @@ var bb = 2e3, xb = (e, t = bb) => {
 					icon: /* @__PURE__ */ R(_p, { size: m.SM }),
 					"aria-label": o,
 					variant: p.Primary,
-					size: F.Small,
+					size: ae.Small,
 					onClick: () => {
 						cr(t, `code.${ar(e)}`);
 					}
@@ -25852,7 +25852,7 @@ var bb = 2e3, xb = (e, t = bb) => {
 					icon: R(f ? hp : gp, { size: m.SM }),
 					"aria-label": f ? a : i,
 					variant: p.Primary,
-					size: F.Small,
+					size: ae.Small,
 					className: f ? Sb.copiedIcon : void 0,
 					onClick: h
 				})]
@@ -26501,7 +26501,7 @@ var Yb = (e) => /* @__PURE__ */ R(j, { ...e }), Xb = (e) => /* @__PURE__ */ R(_,
 						})
 					}), /* @__PURE__ */ R(yx, {
 						isStarred: h,
-						size: F.Small,
+						size: ae.Small,
 						onClick: C,
 						ariaLabel: h ? c : s,
 						className: G(lx.starBtn, !h && lx.emptyStarHidden)
@@ -26758,7 +26758,7 @@ var jx = {
 		O(t), ee(lt(u, ut(e, t)));
 		let n = it(t);
 		n && E(new Set(T).add(n));
-	}, ie = () => re(t ?? []), F = (e) => {
+	}, ie = () => re(t ?? []), ae = (e) => {
 		let t = at(e.path), n = [{
 			key: "add-child",
 			label: c,
@@ -26777,7 +26777,7 @@ var jx = {
 			}),
 			onClick: () => re(t.slice(0, -1))
 		}), n;
-	}, I = (t) => D ? ct(t, ut(e, D), {
+	}, F = (t) => D ? ct(t, ut(e, D), {
 		empty: p,
 		invalid: h,
 		duplicate: g
@@ -26794,16 +26794,16 @@ var jx = {
 			onItemClick: (e) => {
 				n(t != null && it(t) === e.path ? void 0 : at(e.path));
 			},
-			getContextMenuItems: F,
+			getContextMenuItems: ae,
 			createdFolderPath: ne,
 			newFolderDefaultName: k,
 			onCreateFolderSave: (e) => {
 				if (!D) return;
 				let t = e.trim();
-				I(e) || (r(D, t), n([...D, t])), O(null);
+				F(e) || (r(D, t), n([...D, t])), O(null);
 			},
 			onCreateFolderCancel: () => O(null),
-			onRenameValidate: (e) => I(e),
+			onRenameValidate: (e) => F(e),
 			emptyStateTitle: j ? f.replace("{query}", i.trim()) : void 0
 		}), /* @__PURE__ */ z("button", {
 			type: "button",
@@ -26843,28 +26843,28 @@ var jx = {
 		children: Qe(e.publishedAt)
 	})]
 }, `${e.version}-${n}`)) }), Ix = ({ item: e, resource: t, history: n, isHistoryLoading: r = !1, hasHistoryError: i = !1, folderItems: a, selectedFolderPath: o, onSelectedFolderPathChange: s, onCreateFolder: c, expandedPaths: u, onExpandedPathsChange: f, loadingPaths: p, hasExistingPublicationInFolder: m, hasWriteAccess: h, isSubmitting: g, hasSubmitError: _ = !1, allowReplace: v = !0, texts: y = {} }) => {
-	let { currentVersionSuffix: b = "current", folderLabel: x = "Publish to folder", searchPlaceholder: S = "Search folders", clearSearchAriaLabel: C = "Clear search", historyLabel: w = "Versions history", replaceWarning: T = "Version {version} is already published in {folder}. Publishing will replace it.", noAccessError: E = "You don't have permission to publish to {folder}. Pick another, or ask an owner for access.", submitError: D = "Publishing failed. Please try again.", folderEmptyStateText: O, addSiblingFolderLabel: k, addChildFolderLabel: ee, createFolderEmptyNameError: A, createFolderInvalidNameError: j, createFolderDuplicateNameError: M, historyLoadingText: N, historyErrorText: te, rootFolderLabel: P = "Organization" } = y, [ne, ie] = d(""), F = o != null, oe = l(() => Xe({
-		hasSelectedFolder: F,
+	let { currentVersionSuffix: b = "current", folderLabel: x = "Publish to folder", searchPlaceholder: S = "Search folders", clearSearchAriaLabel: C = "Clear search", historyLabel: w = "Versions history", replaceWarning: T = "Version {version} is already published in {folder}. Publishing will replace it.", noAccessError: E = "You don't have permission to publish to {folder}. Pick another, or ask an owner for access.", submitError: D = "Publishing failed. Please try again.", folderEmptyStateText: O, addSiblingFolderLabel: k, addChildFolderLabel: ee, createFolderEmptyNameError: A, createFolderInvalidNameError: j, createFolderDuplicateNameError: M, historyLoadingText: N, historyErrorText: te, rootFolderLabel: P = "Organization" } = y, [ne, ie] = d(""), ae = o != null, oe = l(() => Xe({
+		hasSelectedFolder: ae,
 		hasExistingPublicationInFolder: m,
 		hasWriteAccess: h,
 		isSubmitting: g,
 		hasSubmitError: _,
 		allowReplace: v
 	}), [
-		F,
+		ae,
 		m,
 		h,
 		g,
 		_,
 		v
-	]), se = F ? o[o.length - 1] ?? P : "", ce = l(() => {
-		if (!F) return [];
+	]), se = ae ? o[o.length - 1] ?? P : "", ce = l(() => {
+		if (!ae) return [];
 		let e = o.join("/");
 		return n.filter((t) => t.folderPath.join("/") === e);
 	}, [
 		n,
 		o,
-		F
+		ae
 	]);
 	return /* @__PURE__ */ z("div", {
 		className: "flex flex-col gap-5",
@@ -26924,8 +26924,8 @@ var jx = {
 				}),
 				oe.calloutKind !== Ue.None && oe.calloutKind !== Ue.Info && /* @__PURE__ */ R("div", {
 					className: "mt-3",
-					children: /* @__PURE__ */ R(I, {
-						type: ae.SectionMessage,
+					children: /* @__PURE__ */ R(F, {
+						type: I.SectionMessage,
 						variant: Lx(oe.calloutKind),
 						message: zx(oe.calloutKind, {
 							replaceWarning: T,
@@ -26937,7 +26937,7 @@ var jx = {
 					})
 				})
 			] }),
-			F && e && /* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("div", {
+			ae && e && /* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("div", {
 				className: "dial-body-semi-text mb-2 text-primary",
 				children: w
 			}), /* @__PURE__ */ R(Fx, {
@@ -27054,7 +27054,7 @@ var jx = {
 				matchReferenceWidth: !1,
 				listClassName: "cp-dropdown-overlay",
 				children: /* @__PURE__ */ R(ee, {
-					size: F.Small,
+					size: ae.Small,
 					label: f,
 					iconAfter: /* @__PURE__ */ R(le, { size: m.SM })
 				})
@@ -27112,7 +27112,7 @@ var jx = {
 						matchReferenceWidth: !1,
 						listClassName: "cp-dropdown-overlay",
 						children: /* @__PURE__ */ R(ee, {
-							size: F.Small,
+							size: ae.Small,
 							label: b?.label,
 							iconAfter: /* @__PURE__ */ R(le, { size: m.SM })
 						})
@@ -27378,10 +27378,10 @@ var jx = {
 		className: "sr-only",
 		children: r?.deletingStatusLabel ?? "Deleting"
 	})] }) : null;
-}, eS = (e) => e.isMyApp === !0 && e.type !== V.Guardrail && e.type !== V.Mcp, tS = ({ item: e, onShare: t, shareOverlay: n, label: r = "Share" }) => {
-	let [i, o] = d(!1), s = a(() => {
+}, eS = (e) => e.isMyApp === !0 && e.type !== V.Guardrail && e.type !== V.Mcp, tS = ({ item: e, onShare: t, shareOverlay: n, isShareVisible: r, label: i = "Share" }) => {
+	let [o, s] = d(!1), c = a(() => {
 		if (n) {
-			o((e) => !e);
+			s((e) => !e);
 			return;
 		}
 		t?.(e);
@@ -27390,99 +27390,100 @@ var jx = {
 		t,
 		n
 	]);
-	if (!eS(e)) return null;
-	let c = /* @__PURE__ */ R(Xb, {
-		label: r,
+	if (!eS(e) || r && !r(e)) return null;
+	let l = /* @__PURE__ */ R(Xb, {
+		label: i,
 		iconBefore: /* @__PURE__ */ R(De, { size: m.MD }),
 		iconAfter: /* @__PURE__ */ R(le, { size: m.MD }),
-		onClick: s,
+		onClick: c,
 		"aria-haspopup": n ? "menu" : void 0,
-		"aria-expanded": n ? i : void 0
+		"aria-expanded": n ? o : void 0
 	});
 	return n ? /* @__PURE__ */ R(x, {
 		placement: "bottom-end",
 		matchReferenceWidth: !1,
-		open: i,
-		onOpenChange: o,
+		open: o,
+		onOpenChange: s,
 		trigger: [],
 		outsideClosable: !0,
 		listClassName: "cp-dropdown-overlay",
-		renderOverlay: () => n(e, () => o(!1)),
-		children: c
-	}) : c;
-}, nS = ({ item: e, onUseInChat: t, isPrimaryActionVisible: n, onShare: r, shareOverlay: i, connectOverlay: o, isConnectVisible: s, onEdit: c, onDelete: l, onCloseDetails: u, onLogin: d, onLogout: f, onToggleCredentials: p, onRequestLogout: h, texts: g, detailsStyles: _, isPublishVisible: v, onOpenPublish: y }) => {
-	let { nameClassName: b = "dial-body-semi-text text-primary", folderLabelClassName: x = "dial-tiny-text", folderLeafClassName: S = "dial-tiny-semi-text" } = _?.typography ?? {}, C = a(() => {
+		renderOverlay: () => n(e, () => s(!1)),
+		children: l
+	}) : l;
+}, nS = ({ item: e, onUseInChat: t, isPrimaryActionVisible: n, onShare: r, shareOverlay: i, isShareVisible: o, connectOverlay: s, isConnectVisible: c, onEdit: l, onDelete: u, onCloseDetails: d, onLogin: f, onLogout: p, onToggleCredentials: h, onRequestLogout: g, texts: _, detailsStyles: v, isPublishVisible: y, onOpenPublish: b }) => {
+	let { nameClassName: x = "dial-body-semi-text text-primary", folderLabelClassName: S = "dial-tiny-text", folderLeafClassName: C = "dial-tiny-semi-text" } = v?.typography ?? {}, w = a(() => {
 		t?.(e);
-	}, [e, t]), w = a(() => {
-		c?.(e);
-	}, [e, c]), T = g?.hasPrimaryAction !== !1 && (n?.(e) ?? (e.type === V.Model || e.type === V.Application)), E = v?.(e) ?? (e.type === V.Model || e.type === V.Toolset || e.type === V.Application), D = !!c && !!e.isEditable, O = e.credentials != null && e.credentials.authenticationType !== Le.None ? ft(e.credentials) : void 0, k = O != null && (!!d || !!f), ee = a(() => {
-		O === Be.LogOut ? h?.() : p?.();
+	}, [e, t]), T = a(() => {
+		l?.(e);
+	}, [e, l]), E = _?.hasPrimaryAction !== !1 && (n?.(e) ?? (e.type === V.Model || e.type === V.Application)), D = y?.(e) ?? (e.type === V.Model || e.type === V.Toolset || e.type === V.Application), O = !!l && !!e.isEditable, k = e.credentials != null && e.credentials.authenticationType !== Le.None ? ft(e.credentials) : void 0, ee = k != null && (!!f || !!p), A = a(() => {
+		k === Be.LogOut ? g?.() : h?.();
 	}, [
-		O,
-		h,
-		p
-	]), A = {
-		[Be.ManageCredentials]: g?.manageCredentialsActionLabel ?? "Manage credentials",
-		[Be.LoginWithMyCreds]: g?.loginWithMyCredsActionLabel ?? "Login with my creds",
-		[Be.LogIn]: g?.loginActionLabel ?? "Log in",
-		[Be.LogOut]: g?.logoutActionLabel ?? "Log out"
-	}[O ?? Be.LogIn], j = {
-		[Be.ManageCredentials]: /* @__PURE__ */ R(B, { size: m.MD }),
+		k,
+		g,
+		h
+	]), j = {
+		[Be.ManageCredentials]: _?.manageCredentialsActionLabel ?? "Manage credentials",
+		[Be.LoginWithMyCreds]: _?.loginWithMyCredsActionLabel ?? "Login with my creds",
+		[Be.LogIn]: _?.loginActionLabel ?? "Log in",
+		[Be.LogOut]: _?.logoutActionLabel ?? "Log out"
+	}[k ?? Be.LogIn], M = {
+		[Be.ManageCredentials]: /* @__PURE__ */ R(_e, { size: m.MD }),
 		[Be.LoginWithMyCreds]: /* @__PURE__ */ R(ye, { size: m.MD }),
 		[Be.LogIn]: /* @__PURE__ */ R(ye, { size: m.MD }),
 		[Be.LogOut]: /* @__PURE__ */ R(be, { size: m.MD })
-	}[O ?? Be.LogIn];
+	}[k ?? Be.LogIn];
 	return /* @__PURE__ */ z("div", {
 		className: "flex flex-col gap-3 px-6 py-4",
 		children: [/* @__PURE__ */ R(Nx, {
 			item: e,
 			iconSize: 52,
-			nameClassName: b,
-			featuredLabel: g?.featuredLabel ?? "Featured",
+			nameClassName: x,
+			featuredLabel: _?.featuredLabel ?? "Featured",
 			footer: e.folder.length > 0 ? /* @__PURE__ */ R(_x, {
 				segments: e.folder,
-				labelClassName: x,
-				leafClassName: S
+				labelClassName: S,
+				leafClassName: C
 			}) : void 0
 		}), /* @__PURE__ */ z("div", {
 			className: "flex flex-wrap items-center gap-2 ps-[60px]",
 			children: [
-				T && /* @__PURE__ */ R(Yb, {
-					label: g?.primaryActionLabel ?? "Use in chat",
+				E && /* @__PURE__ */ R(Yb, {
+					label: _?.primaryActionLabel ?? "Use in chat",
 					iconBefore: /* @__PURE__ */ R(Ce, { size: m.MD }),
-					onClick: C
+					onClick: w
 				}),
-				D && /* @__PURE__ */ R(Xb, {
-					label: g?.editActionLabel ?? "Edit",
+				O && /* @__PURE__ */ R(Xb, {
+					label: _?.editActionLabel ?? "Edit",
 					iconBefore: /* @__PURE__ */ R(Se, { size: m.MD }),
-					onClick: w
+					onClick: T
 				}),
 				/* @__PURE__ */ R(tS, {
 					item: e,
 					onShare: r,
 					shareOverlay: i,
-					label: g?.shareLabel
+					isShareVisible: o,
+					label: _?.shareLabel
 				}),
 				/* @__PURE__ */ R($x, {
 					item: e,
-					onDelete: l,
-					onDeleted: u,
-					texts: g
+					onDelete: u,
+					onDeleted: d,
+					texts: _
 				}),
-				E && /* @__PURE__ */ R(Xb, {
-					label: g?.publishLabel ?? "Publish",
-					onClick: y
+				D && /* @__PURE__ */ R(Xb, {
+					label: _?.publishLabel ?? "Publish",
+					onClick: b
 				}),
-				k && /* @__PURE__ */ R(Xb, {
-					label: A,
-					iconBefore: j,
-					onClick: ee
+				ee && /* @__PURE__ */ R(Xb, {
+					label: j,
+					iconBefore: M,
+					onClick: A
 				}),
 				/* @__PURE__ */ R(Zx, {
 					item: e,
-					connectOverlay: o,
-					isConnectVisible: s,
-					label: g?.connectLabel
+					connectOverlay: s,
+					isConnectVisible: c,
+					label: _?.connectLabel
 				})
 			]
 		})]
@@ -27740,34 +27741,34 @@ var jx = {
 			})
 		]
 	}, e.name))
-}), xS = async () => void 0, SS = [], CS = ({ item: e, isOpen: t, isStarred: n = !1, isDetailsLoading: r = !1, onClose: i, onToggleFavorite: s, onUseInChat: c, isPrimaryActionVisible: u, onShare: f, isPublishVisible: p, getPublishHistory: m, publishFolderItems: h = SS, publishExpandedPaths: g, onPublishExpandedPathsChange: _, publishLoadingPaths: v, hasPublishWriteAccess: x, onPublish: S, onPublishSuccess: C, onCreatePublishFolder: w, publishTexts: T, shareOverlay: E, connectOverlay: D, isConnectVisible: O, onEdit: k, onDelete: ee, onLogin: A, onLogout: j, texts: M, styles: N }) => {
-	let { overviewSectionClassName: P = "dial-caption-text", overviewLabelClassName: ne = "dial-small-semi-text", overviewValueClassName: re = "dial-small-text", overviewValueTrueClassName: ie = "dial-small-text", credentialsStatusLabelClassName: F } = N?.typography ?? {}, [I, ae] = d(n), [oe, se] = d(""), [ce, le] = d(!1), [de, fe] = d([]), [pe, me] = d(!1), [he, ge] = d(!1);
+}), xS = async () => void 0, SS = [], CS = ({ item: e, isOpen: t, isStarred: n = !1, isDetailsLoading: r = !1, onClose: i, onToggleFavorite: s, onUseInChat: c, isPrimaryActionVisible: u, onShare: f, isPublishVisible: p, getPublishHistory: m, publishFolderItems: h = SS, publishExpandedPaths: g, onPublishExpandedPathsChange: _, publishLoadingPaths: v, hasPublishWriteAccess: x, onPublish: S, onPublishSuccess: C, onCreatePublishFolder: w, publishTexts: T, shareOverlay: E, isShareVisible: D, connectOverlay: O, isConnectVisible: k, onEdit: ee, onDelete: A, onLogin: j, onLogout: M, texts: N, styles: P }) => {
+	let { overviewSectionClassName: ne = "dial-caption-text", overviewLabelClassName: re = "dial-small-semi-text", overviewValueClassName: ie = "dial-small-text", overviewValueTrueClassName: ae = "dial-small-text", credentialsStatusLabelClassName: F } = P?.typography ?? {}, [I, oe] = d(n), [se, ce] = d(""), [le, de] = d(!1), [fe, pe] = d([]), [me, he] = d(!1), [ge, _e] = d(!1);
 	o(() => {
-		if (!ce || !m) return;
+		if (!le || !m) return;
 		let t = !1;
-		return me(!0), ge(!1), m(e).then((e) => {
-			t || fe(e);
+		return he(!0), _e(!1), m(e).then((e) => {
+			t || pe(e);
 		}).catch(() => {
-			t || ge(!0);
+			t || _e(!0);
 		}).finally(() => {
-			t || me(!1);
+			t || he(!1);
 		}), () => {
 			t = !0;
 		};
 	}, [
-		ce,
+		le,
 		m,
 		e
 	]);
 	let B = tt({
 		item: e,
-		history: de,
+		history: fe,
 		folderItems: h,
 		hasWriteAccess: x,
 		onCreateFolder: w,
 		onPublish: S ?? xS,
 		onPublishSuccess: C
-	}), _e = l(() => Xe({
+	}), ve = l(() => Xe({
 		hasSelectedFolder: B.selectedFolderPath != null,
 		hasExistingPublicationInFolder: B.hasExistingPublicationInFolder,
 		hasWriteAccess: B.hasWriteAccess,
@@ -27779,21 +27780,21 @@ var jx = {
 		B.hasWriteAccess,
 		B.isSubmitting,
 		B.hasSubmitError
-	]), [ve, ye] = d(!1), [be, xe] = d(!1);
+	]), [ye, be] = d(!1), [xe, Se] = d(!1);
 	o(() => {
-		ae(n);
+		oe(n);
 	}, [e.id, n]), o(() => {
-		se(Pe.About), le(!1), B.reset(), fe([]), ge(!1), ye(!1), xe(!1);
+		ce(Pe.About), de(!1), B.reset(), pe([]), _e(!1), be(!1), Se(!1);
 	}, [e.id]);
-	let Se = a(() => {
-		ye((e) => !e);
-	}, []), Ce = a(() => {
-		xe(!0);
+	let Ce = a(() => {
+		be((e) => !e);
 	}, []), we = a(() => {
-		xe(!1);
+		Se(!0);
 	}, []), Te = a(() => {
-		xe(!1), e.credentials != null && j?.(e, { level: mt(e.credentials) });
-	}, [e, j]);
+		Se(!1);
+	}, []), Ee = a(() => {
+		Se(!1), e.credentials != null && M?.(e, { level: mt(e.credentials) });
+	}, [e, M]);
 	o(() => {
 		if (!t) return;
 		let e = (e) => {
@@ -27801,47 +27802,47 @@ var jx = {
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, [t, i]);
-	let Ee = a(() => le(!0), []), De = a(() => {
-		le(!1), B.reset();
-	}, [B]), Oe = a(async () => {
-		await B.handleSubmit() && De();
-	}, [B, De]), ke = a(() => {
+	let De = a(() => de(!0), []), Oe = a(() => {
+		de(!1), B.reset();
+	}, [B]), ke = a(async () => {
+		await B.handleSubmit() && Oe();
+	}, [B, Oe]), Ae = a(() => {
 		let t = !I;
-		ae(t), s?.(e.id, t);
+		oe(t), s?.(e.id, t);
 	}, [
 		I,
 		e.id,
 		s
-	]), Ae = l(() => {
+	]), je = l(() => {
 		let t = [{
 			id: Pe.About,
-			label: M?.tabAboutLabel ?? "About"
+			label: N?.tabAboutLabel ?? "About"
 		}];
 		return e.details?.overview != null && t.push({
 			id: Pe.Overview,
-			label: M?.tabOverviewLabel ?? "Overview"
+			label: N?.tabOverviewLabel ?? "Overview"
 		}), e.details?.pricing != null && t.push({
 			id: Pe.Pricing,
-			label: M?.tabPricingLabel ?? "Pricing"
+			label: N?.tabPricingLabel ?? "Pricing"
 		}), e.details?.limits != null && t.push({
 			id: Pe.Limits,
-			label: M?.tabLimitsLabel ?? "Limits"
+			label: N?.tabLimitsLabel ?? "Limits"
 		}), e.details?.api != null && t.push({
 			id: Pe.Api,
-			label: M?.tabApiLabel ?? "API"
+			label: N?.tabApiLabel ?? "API"
 		}), e.details?.tools != null && t.push({
 			id: Pe.Tools,
-			label: M?.tabToolsLabel ?? "Tools"
+			label: N?.tabToolsLabel ?? "Tools"
 		}), t;
-	}, [e.details, M]);
+	}, [e.details, N]);
 	o(() => {
-		Ae.some((e) => e.id === oe) || se(Ae[0]?.id ?? "");
+		je.some((e) => e.id === se) || ce(je[0]?.id ?? "");
 	}, [
 		e.id,
-		Ae,
-		oe
+		je,
+		se
 	]);
-	let je = M?.overviewYesLabel ?? "Yes", Me = M?.overviewNoLabel ?? "No", Ne = M?.ariaLabel ?? "Item details", Fe = M?.closeAriaLabel ?? "Close", V = I ? M?.removeFromFavoritesAriaLabel ?? "Remove from favorites" : M?.addToFavoritesAriaLabel ?? "Add to favorites", Ie = M?.publishTitle ?? "Publish", Le = M?.backToDetailsAriaLabel ?? "Back";
+	let Me = N?.overviewYesLabel ?? "Yes", Ne = N?.overviewNoLabel ?? "No", Fe = N?.ariaLabel ?? "Item details", V = N?.closeAriaLabel ?? "Close", Ie = I ? N?.removeFromFavoritesAriaLabel ?? "Remove from favorites" : N?.addToFavoritesAriaLabel ?? "Add to favorites", Le = N?.publishTitle ?? "Publish", Re = N?.backToDetailsAriaLabel ?? "Back";
 	return /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R("div", {
 		className: G("fixed inset-0 z-40 transition-opacity duration-300", Xx.backdrop, t ? "opacity-100" : "pointer-events-none opacity-0"),
 		onClick: i,
@@ -27849,38 +27850,38 @@ var jx = {
 	}), /* @__PURE__ */ z("div", {
 		role: "dialog",
 		"aria-modal": "true",
-		"aria-label": Ne,
+		"aria-label": Fe,
 		className: G("fixed inset-y-0 end-0 z-50 flex w-full flex-col overflow-hidden", "desktop:rounded-ts-xl desktop:rounded-bs-xl desktop:w-[540px] desktop:border-s", "transition-transform duration-300", Xx.panel, t ? "translate-x-0" : "translate-x-full rtl:-translate-x-full"),
 		children: [
 			/* @__PURE__ */ z("div", {
 				className: "flex shrink-0 items-center gap-2 px-[22px] py-3",
-				children: [ce ? /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(Gb, {
+				children: [le ? /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(Gb, {
 					icon: /* @__PURE__ */ R(ue, { className: "rtl:scale-x-[-1]" }),
-					"aria-label": Le,
+					"aria-label": Re,
 					disabled: B.isSubmitting,
-					onClick: De
+					onClick: Oe
 				}), /* @__PURE__ */ R("span", {
 					className: "dial-body-semi-text flex-1 text-primary",
-					children: Ie
+					children: Le
 				})] }) : /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R("div", { className: "flex-1" }), /* @__PURE__ */ R(yx, {
 					isStarred: I,
-					ariaLabel: V,
-					onClick: ke
-				})] }), !ce && /* @__PURE__ */ R(y, {
+					ariaLabel: Ie,
+					onClick: Ae
+				})] }), !le && /* @__PURE__ */ R(y, {
 					onClose: i,
-					ariaLabel: Fe
+					ariaLabel: V
 				})]
 			}),
 			/* @__PURE__ */ R("div", { className: G("shrink-0", Xx.divider) }),
 			/* @__PURE__ */ R("div", {
 				className: G("min-h-0 flex-1 overflow-y-auto", Xx.content),
-				children: ce ? /* @__PURE__ */ R("div", {
+				children: le ? /* @__PURE__ */ R("div", {
 					className: "p-[22px]",
 					children: /* @__PURE__ */ R(Ix, {
 						item: e,
-						history: de,
-						isHistoryLoading: pe,
-						hasHistoryError: he,
+						history: fe,
+						isHistoryLoading: me,
+						hasHistoryError: ge,
 						folderItems: B.folderItems,
 						selectedFolderPath: B.selectedFolderPath,
 						onSelectedFolderPathChange: B.setSelectedFolderPath,
@@ -27901,55 +27902,56 @@ var jx = {
 						isPrimaryActionVisible: u,
 						onShare: f,
 						shareOverlay: E,
-						connectOverlay: D,
-						isConnectVisible: O,
+						isShareVisible: D,
+						connectOverlay: O,
+						isConnectVisible: k,
 						isPublishVisible: p,
-						onOpenPublish: Ee,
-						onEdit: k,
-						onDelete: ee,
+						onOpenPublish: De,
+						onEdit: ee,
+						onDelete: A,
 						onCloseDetails: i,
-						onLogin: A,
-						onLogout: j,
-						onToggleCredentials: Se,
-						onRequestLogout: Ce,
-						texts: M,
-						detailsStyles: N
+						onLogin: j,
+						onLogout: M,
+						onToggleCredentials: Ce,
+						onRequestLogout: we,
+						texts: N,
+						detailsStyles: P
 					}),
-					ve && /* @__PURE__ */ R(Yx, {
+					ye && /* @__PURE__ */ R(Yx, {
 						item: e,
-						onLogin: A,
-						onLogout: j,
-						texts: M,
+						onLogin: j,
+						onLogout: M,
+						texts: N,
 						statusLabelClassName: F
 					}),
 					/* @__PURE__ */ R(b, {
-						open: be,
-						header: M?.logoutActionLabel ?? "Log out",
-						description: M?.logoutConfirmMessage ?? "Are you sure you want to log out?",
-						confirmLabel: M?.logoutActionLabel ?? "Log out",
-						onConfirm: Te,
-						onCancel: we,
-						onClose: we
+						open: xe,
+						header: N?.logoutActionLabel ?? "Log out",
+						description: N?.logoutConfirmMessage ?? "Are you sure you want to log out?",
+						confirmLabel: N?.logoutActionLabel ?? "Log out",
+						onConfirm: Ee,
+						onCancel: Te,
+						onClose: Te
 					}),
 					/* @__PURE__ */ R("div", { className: Xx.divider }),
 					/* @__PURE__ */ R(lS, {
 						item: e,
-						texts: M,
-						detailsStyles: N
+						texts: N,
+						detailsStyles: P
 					}),
 					/* @__PURE__ */ z("div", {
 						className: "flex items-center gap-2 px-[22px]",
 						children: [/* @__PURE__ */ R(qb, {
-							tabs: Ae,
-							activeTabId: oe,
-							onTabChange: se,
+							tabs: je,
+							activeTabId: se,
+							onTabChange: ce,
 							styles: { colors: {
 								activeTabClassName: "text-catalog-tab-active",
 								inactiveTabClassName: "text-catalog-tab-inactive hover:text-catalog-tab-hover border-transparent"
 							} }
 						}), r && /* @__PURE__ */ R("div", {
 							role: "status",
-							"aria-label": M?.detailsLoadingAriaLabel ?? "Loading details",
+							"aria-label": N?.detailsLoadingAriaLabel ?? "Loading details",
 							className: "shrink-0",
 							children: /* @__PURE__ */ R(te, {
 								showTitle: !1,
@@ -27963,49 +27965,49 @@ var jx = {
 						})]
 					}),
 					/* @__PURE__ */ z("div", {
-						className: G(oe !== Pe.Overview && "px-[22px] py-4"),
+						className: G(se !== Pe.Overview && "px-[22px] py-4"),
 						children: [
-							oe === Pe.About && /* @__PURE__ */ R(aS, {
+							se === Pe.About && /* @__PURE__ */ R(aS, {
 								content: e.description,
-								detailsStyles: N
+								detailsStyles: P
 							}),
-							oe === Pe.Overview && /* @__PURE__ */ R(hS, {
+							se === Pe.Overview && /* @__PURE__ */ R(hS, {
 								sections: e.details?.overview?.sections,
-								sectionClassName: P,
-								labelClassName: ne,
-								valueClassName: re,
-								valueTrueClassName: ie,
-								yesLabel: je,
-								noLabel: Me
+								sectionClassName: ne,
+								labelClassName: re,
+								valueClassName: ie,
+								valueTrueClassName: ae,
+								yesLabel: Me,
+								noLabel: Ne
 							}),
-							oe === Pe.Pricing && /* @__PURE__ */ R(gS, {
+							se === Pe.Pricing && /* @__PURE__ */ R(gS, {
 								pricing: e.details?.pricing,
-								pricesSectionLabel: M?.pricingPricesSectionLabel,
-								limitsSectionLabel: M?.pricingLimitsSectionLabel
+								pricesSectionLabel: N?.pricingPricesSectionLabel,
+								limitsSectionLabel: N?.pricingLimitsSectionLabel
 							}),
-							oe === Pe.Limits && /* @__PURE__ */ R(mS, { limits: e.details?.limits }),
-							oe === Pe.Api && e.details?.api != null && /* @__PURE__ */ R(qx, {
+							se === Pe.Limits && /* @__PURE__ */ R(mS, { limits: e.details?.limits }),
+							se === Pe.Api && e.details?.api != null && /* @__PURE__ */ R(qx, {
 								api: e.details.api,
-								resourceSectionLabel: M?.apiResourceSectionLabel,
-								snippetSectionLabel: M?.apiSnippetSectionLabel,
-								modelIdLabel: M?.apiModelIdLabel,
-								endpointLabel: M?.apiEndpointLabel,
-								requestExampleLabel: M?.apiRequestExampleLabel,
-								responseSchemaLabel: M?.apiResponseSchemaLabel,
-								copyAriaLabel: M?.copyCodeAriaLabel
+								resourceSectionLabel: N?.apiResourceSectionLabel,
+								snippetSectionLabel: N?.apiSnippetSectionLabel,
+								modelIdLabel: N?.apiModelIdLabel,
+								endpointLabel: N?.apiEndpointLabel,
+								requestExampleLabel: N?.apiRequestExampleLabel,
+								responseSchemaLabel: N?.apiResponseSchemaLabel,
+								copyAriaLabel: N?.copyCodeAriaLabel
 							}),
-							oe === Pe.Tools && /* @__PURE__ */ R(bS, { tools: e.details?.tools })
+							se === Pe.Tools && /* @__PURE__ */ R(bS, { tools: e.details?.tools })
 						]
 					})
 				] })
 			}),
-			ce && /* @__PURE__ */ R(Dx, {
+			le && /* @__PURE__ */ R(Dx, {
 				version: e.version,
 				hasExistingPublicationInFolder: B.hasExistingPublicationInFolder,
-				isSubmitDisabled: _e.isSubmitDisabled,
-				isSubmitLoading: _e.isSubmitLoading,
-				onCancel: De,
-				onSubmit: Oe,
+				isSubmitDisabled: ve.isSubmitDisabled,
+				isSubmitLoading: ve.isSubmitLoading,
+				onCancel: Oe,
+				onSubmit: ke,
 				texts: T
 			})
 		]
@@ -28073,7 +28075,7 @@ var jx = {
 			}),
 			/* @__PURE__ */ R(yx, {
 				isStarred: h,
-				size: F.Small,
+				size: ae.Small,
 				onClick: y,
 				ariaLabel: h ? u : l,
 				className: "self-end"
@@ -28112,20 +28114,20 @@ var jx = {
 		C,
 		N
 	]);
-	let ie = u(/* @__PURE__ */ new Map()), F = u(C), I = u(T), ae = u(0), oe = u(!1);
+	let ie = u(/* @__PURE__ */ new Map()), ae = u(C), F = u(T), I = u(0), oe = u(!1);
 	return c(() => {
 		if (!M.current || s) return;
 		if (A.current && !oe.current) {
 			let e = A.current;
 			e.style.height = "", e.style.transition = "";
 		}
-		let e = F.current !== C, t = I.current !== T;
-		F.current = C, I.current = T;
+		let e = ae.current !== C, t = F.current !== T;
+		ae.current = C, F.current = T;
 		let n = M.current.querySelectorAll("[data-card-id]"), r = /* @__PURE__ */ new Map();
 		if (n.forEach((e) => {
 			r.set(e.dataset.cardId, DS(e));
 		}), !e && !t) {
-			let e = j.current, t = ae.current, i = 0;
+			let e = j.current, t = I.current, i = 0;
 			if (e) {
 				let t = e.style.height;
 				t && (e.style.height = ""), i = e.offsetHeight, t && (e.style.height = t);
@@ -28150,7 +28152,7 @@ var jx = {
 		}
 		if (ie.current = r, j.current) {
 			let e = j.current, t = e.style.height ? parseFloat(e.style.height) : NaN;
-			ae.current = Number.isNaN(t) ? e.offsetHeight : t;
+			I.current = Number.isNaN(t) ? e.offsetHeight : t;
 		}
 	}, [
 		O,
@@ -28634,7 +28636,7 @@ var jx = {
 							"aria-pressed": r,
 							onClick: () => n(e),
 							className: G("flex min-h-11 min-w-11 items-center justify-center rounded-full px-3 py-1.5 transition-colors desktop:min-h-8 desktop:min-w-10", r ? "bg-layer-0 text-accent-primary shadow-sm" : "text-secondary hover:text-primary"),
-							children: e === He.Grid ? /* @__PURE__ */ R(_e, { size: m.SM }) : /* @__PURE__ */ R(ve, { size: m.SM })
+							children: e === He.Grid ? /* @__PURE__ */ R(B, { size: m.SM }) : /* @__PURE__ */ R(ve, { size: m.SM })
 						}, e);
 					})
 				}), f != null && f.length > 0 && /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R("div", {
@@ -28820,8 +28822,8 @@ var jx = {
 		onClick: n,
 		className: US.gradientBtn
 	});
-}, GS = ({ items: e, favorites: t, titles: n, onToggleFavorite: r, onUseInChat: i, isPrimaryActionVisible: s, onShare: c, isPublishVisible: f, getPublishHistory: p, publishFolderItems: m, publishExpandedPaths: h, onPublishExpandedPathsChange: g, publishLoadingPaths: _, hasPublishWriteAccess: v, onPublish: y, onPublishSuccess: b, onCreatePublishFolder: x, publishTexts: S, shareOverlay: C, connectOverlay: w, isConnectVisible: T, onFetchDetails: E, onEdit: D, onDelete: O, onLogin: k, onLogout: ee, onCreateClick: A, createOptions: j, hideCreateButton: M = !1, hidePageTitle: N = !1, selectedItemId: te, onCardClick: P, isLoading: re, styles: ie, detailsTexts: F, initialDetailsItemId: I, sortKey: ae, onSortChange: oe, filterTopics: se, onFilterTopicsChange: L, isMyAppsActive: ce, onMyAppsActiveChange: le }) => {
-	let { typography: ue } = ie ?? {}, de = ax(ie), fe = n?.pageTitle ?? "Catalog", pe = n?.createLabel ?? "Create", me = n?.favoritesTitle ?? "Your favorites", he = n?.browseTitle ?? "Browse", ge = n?.searchPlaceholder ?? "Search models, tools, agents…", B = n?.noResultsTitle ?? ((e) => `No results for "${e}"`), _e = n?.featuredLabel ?? "Featured", ve = n?.gridViewLabel ?? "Grid view", ye = n?.listViewLabel ?? "List view", be = n?.ariaLabel ?? "Catalog", xe = [
+}, GS = ({ items: e, favorites: t, titles: n, onToggleFavorite: r, onUseInChat: i, isPrimaryActionVisible: s, onShare: c, isPublishVisible: f, getPublishHistory: p, publishFolderItems: m, publishExpandedPaths: h, onPublishExpandedPathsChange: g, publishLoadingPaths: _, hasPublishWriteAccess: v, onPublish: y, onPublishSuccess: b, onCreatePublishFolder: x, publishTexts: S, shareOverlay: C, isShareVisible: w, connectOverlay: T, isConnectVisible: E, onFetchDetails: D, onEdit: O, onDelete: k, onLogin: ee, onLogout: A, onCreateClick: j, createOptions: M, hideCreateButton: N = !1, hidePageTitle: te = !1, initialViewMode: P = He.Grid, selectedItemId: re, onCardClick: ie, isLoading: ae, styles: F, detailsTexts: I, initialDetailsItemId: oe, sortKey: se, onSortChange: L, filterTopics: ce, onFilterTopicsChange: le, isMyAppsActive: ue, onMyAppsActiveChange: de }) => {
+	let { typography: fe } = F ?? {}, pe = ax(F), me = n?.pageTitle ?? "Catalog", he = n?.createLabel ?? "Create", ge = n?.favoritesTitle ?? "Your favorites", _e = n?.browseTitle ?? "Browse", B = n?.searchPlaceholder ?? "Search models, tools, agents…", ve = n?.noResultsTitle ?? ((e) => `No results for "${e}"`), ye = n?.featuredLabel ?? "Featured", be = n?.gridViewLabel ?? "Grid view", xe = n?.listViewLabel ?? "List view", Se = n?.ariaLabel ?? "Catalog", Ce = [
 		{
 			value: Ie.RecentlyUpdated,
 			label: n?.sortRecentlyUpdatedLabel ?? "Recently Updated"
@@ -28834,156 +28836,156 @@ var jx = {
 			value: Ie.NameAZ,
 			label: n?.sortNameAZLabel ?? "Name A-Z"
 		}
-	], [Se, Ce] = d(""), [we, Te] = d(He.Grid), [Ee, De] = d(!1), [Oe, ke] = d(Ie.RecentlyUpdated), [Ae, je] = d(/* @__PURE__ */ new Set()), [Me, Ne] = d(!1), Pe = ae ?? Oe, Fe = se ?? Ae, V = ce ?? Me, Le = a((e) => {
+	], [we, Te] = d(""), [Ee, De] = d(P), [Oe, ke] = d(P === He.List), [Ae, je] = d(Ie.RecentlyUpdated), [Me, Ne] = d(/* @__PURE__ */ new Set()), [Pe, Fe] = d(!1), V = se ?? Ae, Le = ce ?? Me, Re = ue ?? Pe, ze = a((e) => {
 		let t = e;
-		ke(t), oe?.(t);
-	}, [oe]), Re = a((e) => {
-		je(e), L?.(e);
-	}, [L]), ze = a((e) => {
+		je(t), L?.(t);
+	}, [L]), Be = a((e) => {
 		Ne(e), le?.(e);
-	}, [le]), Be = l(() => e.filter((e) => !e.isHidden), [e]), Ve = l(() => new Set(Be.flatMap((e) => e.topics)), [Be]), Ue = l(() => tx(Be, n?.tabLabels), [Be, n?.tabLabels]), We = Ue[0]?.id ?? "", [Ye, Xe] = d(We);
+	}, [le]), Ve = a((e) => {
+		Fe(e), de?.(e);
+	}, [de]), Ue = l(() => e.filter((e) => !e.isHidden), [e]), We = l(() => new Set(Ue.flatMap((e) => e.topics)), [Ue]), Ye = l(() => tx(Ue, n?.tabLabels), [Ue, n?.tabLabels]), Xe = Ye[0]?.id ?? "", [Ze, Qe] = d(Xe);
 	o(() => {
-		Xe((e) => e || We);
-	}, [We]);
-	let [Ze, Qe] = d(t.length > 0);
+		Qe((e) => e || Xe);
+	}, [Xe]);
+	let [$e, et] = d(t.length > 0);
 	o(() => {
-		t.length > 0 && !Ze && Qe(!0);
-	}, [t.length, Ze]);
-	let $e = a(() => {
-		Qe(!1);
-	}, []), et = Ze && t.length === 0, [tt, nt] = d(null), [rt, it] = d(!1), [at, ot] = d(void 0), [st, ct] = d(!1), lt = u(null), ut = a(async (e) => {
-		nt(e), ot(void 0), lt.current = e.id;
+		t.length > 0 && !$e && et(!0);
+	}, [t.length, $e]);
+	let tt = a(() => {
+		et(!1);
+	}, []), nt = $e && t.length === 0, [rt, it] = d(null), [at, ot] = d(!1), [st, ct] = d(void 0), [lt, ut] = d(!1), dt = u(null), ft = a(async (e) => {
+		it(e), ct(void 0), dt.current = e.id;
 		let t = [];
-		E && (ct(!0), t.push((async () => {
+		D && (ut(!0), t.push((async () => {
 			try {
-				let t = await E(e);
-				lt.current === e.id && ot(t);
+				let t = await D(e);
+				dt.current === e.id && ct(t);
 			} finally {
-				lt.current === e.id && ct(!1);
+				dt.current === e.id && ut(!1);
 			}
 		})())), await Promise.all(t);
-	}, [E]), dt = u(null);
+	}, [D]), pt = u(null);
 	o(() => {
-		if (!I) {
-			dt.current = null;
+		if (!oe) {
+			pt.current = null;
 			return;
 		}
-		if (dt.current === I) return;
-		let t = e.find((e) => e.id === I);
-		t && (dt.current = I, ut(t));
+		if (pt.current === oe) return;
+		let t = e.find((e) => e.id === oe);
+		t && (pt.current = oe, ft(t));
 	}, [
-		I,
+		oe,
 		e,
-		ut
+		ft
 	]);
-	let ft = a(async (e, t) => {
-		await k?.(e, t), await ut(e);
-	}, [k, ut]), pt = a(async (e, t) => {
-		await ee?.(e, t), await ut(e);
-	}, [ee, ut]), mt = a(() => {
-		it(!1), lt.current = null, setTimeout(() => {
-			nt(null), ot(void 0), ct(!1);
+	let mt = a(async (e, t) => {
+		await ee?.(e, t), await ft(e);
+	}, [ee, ft]), ht = a(async (e, t) => {
+		await A?.(e, t), await ft(e);
+	}, [A, ft]), gt = a(() => {
+		ot(!1), dt.current = null, setTimeout(() => {
+			it(null), ct(void 0), ut(!1);
 		}, 300);
-	}, []), ht = l(() => {
-		if (tt == null) return null;
-		if (at == null) return tt;
-		let { credentials: e, ...t } = at;
+	}, []), _t = l(() => {
+		if (rt == null) return null;
+		if (st == null) return rt;
+		let { credentials: e, ...t } = st;
 		return {
-			...tt,
+			...rt,
 			details: t,
-			credentials: e ?? tt.credentials
+			credentials: e ?? rt.credentials
 		};
-	}, [tt, at]), gt = l(() => Je(Be, Pe), [Be, Pe]), _t = l(() => qe(gt, Se), [gt, Se]), vt = l(() => Fe.size > 0 ? Ge(_t, Fe) : _t, [_t, Fe]), yt = l(() => V ? Ke(vt) : vt, [vt, V]), bt = l(() => Ye ? yt.filter((e) => e.type === Ye) : yt, [yt, Ye]), xt = tt != null && t.some((e) => e.id === tt.id);
+	}, [rt, st]), vt = l(() => Je(Ue, V), [Ue, V]), yt = l(() => qe(vt, we), [vt, we]), bt = l(() => Le.size > 0 ? Ge(yt, Le) : yt, [yt, Le]), xt = l(() => Re ? Ke(bt) : bt, [bt, Re]), St = l(() => Ze ? xt.filter((e) => e.type === Ze) : xt, [xt, Ze]), Ct = rt != null && t.some((e) => e.id === rt.id);
 	o(() => {
-		if (tt == null) return;
-		let e = requestAnimationFrame(() => it(!0));
+		if (rt == null) return;
+		let e = requestAnimationFrame(() => ot(!0));
 		return () => cancelAnimationFrame(e);
-	}, [tt]);
-	let St = a((e) => {
-		e === He.List && De(!0), Te(e);
-	}, []), Ct = Se ? B(Se) : "No items", wt = l(() => ({
-		noResultsTitle: Ct,
-		featuredLabel: _e,
-		credentialsBadgeLoggedOutLabel: F?.credentialsBadgeLoggedOutLabel
+	}, [rt]);
+	let wt = a((e) => {
+		e === He.List && ke(!0), De(e);
+	}, []), Tt = we ? ve(we) : "No items", Et = l(() => ({
+		noResultsTitle: Tt,
+		featuredLabel: ye,
+		credentialsBadgeLoggedOutLabel: I?.credentialsBadgeLoggedOutLabel
 	}), [
-		Ct,
-		_e,
-		F?.credentialsBadgeLoggedOutLabel
+		Tt,
+		ye,
+		I?.credentialsBadgeLoggedOutLabel
 	]);
-	return re ? /* @__PURE__ */ R("div", {
+	return ae ? /* @__PURE__ */ R("div", {
 		className: "flex size-full min-h-0 flex-1 items-center justify-center",
 		children: /* @__PURE__ */ R(ne, {})
 	}) : /* @__PURE__ */ z("section", {
-		"aria-label": be,
+		"aria-label": Se,
 		className: G("flex size-full min-h-0 flex-1 flex-col", HS.root),
-		style: de,
+		style: pe,
 		children: [
-			(!N || !M) && /* @__PURE__ */ R("div", {
+			(!te || !N) && /* @__PURE__ */ R("div", {
 				className: G("shrink-0", HS.heading),
 				children: /* @__PURE__ */ z("div", {
 					className: "flex h-[64px] w-full items-center justify-between px-8",
-					children: [!N && /* @__PURE__ */ R("h1", {
-						className: G(ue?.pageHeadingFontClassName ?? "dial-display2-text", HS.headingTitle),
-						children: fe
-					}), !M && /* @__PURE__ */ R(WS, {
-						label: pe,
-						options: j,
-						onClick: A
+					children: [!te && /* @__PURE__ */ R("h1", {
+						className: G(fe?.pageHeadingFontClassName ?? "dial-display2-text", HS.headingTitle),
+						children: me
+					}), !N && /* @__PURE__ */ R(WS, {
+						label: he,
+						options: M,
+						onClick: j
 					})]
 				})
 			}),
 			/* @__PURE__ */ z("div", {
 				className: "flex min-h-0 flex-1 flex-col overflow-auto",
 				children: [
-					Ze && /* @__PURE__ */ R("div", {
+					$e && /* @__PURE__ */ R("div", {
 						className: "w-full px-8",
 						children: /* @__PURE__ */ R(OS, {
 							items: t,
 							totalCount: t.length,
-							title: me,
+							title: ge,
 							onToggleFavorite: r,
-							onItemClick: P ?? ut,
-							isLeaving: et,
-							onExitComplete: $e,
-							selectedItemId: te,
-							credentialsBadgeLoggedOutLabel: F?.credentialsBadgeLoggedOutLabel
+							onItemClick: ie ?? ft,
+							isLeaving: nt,
+							onExitComplete: tt,
+							selectedItemId: re,
+							credentialsBadgeLoggedOutLabel: I?.credentialsBadgeLoggedOutLabel
 						})
 					}),
 					/* @__PURE__ */ R("div", {
 						className: "w-full px-4 pt-6",
 						children: /* @__PURE__ */ R(VS, {
-							totalCount: yt.length,
-							viewMode: we,
-							onViewModeChange: St,
-							sortKey: Pe,
-							onSortChange: Le,
-							query: Se,
-							onQueryChange: Ce,
-							title: he,
-							searchPlaceholder: ge,
-							gridViewLabel: ve,
-							listViewLabel: ye,
-							sortOptions: xe,
-							filters: Fe,
-							onFiltersChange: Re,
-							filterValues: Ve,
-							isMyAppsActive: V,
-							onMyAppsChange: ze,
+							totalCount: xt.length,
+							viewMode: Ee,
+							onViewModeChange: wt,
+							sortKey: V,
+							onSortChange: ze,
+							query: we,
+							onQueryChange: Te,
+							title: _e,
+							searchPlaceholder: B,
+							gridViewLabel: be,
+							listViewLabel: xe,
+							sortOptions: Ce,
+							filters: Le,
+							onFiltersChange: Be,
+							filterValues: We,
+							isMyAppsActive: Re,
+							onMyAppsChange: Ve,
 							filterFromLabel: n?.filterFromLabel,
 							filterMyAppsLabel: n?.filterMyAppsLabel,
 							filterTopicsLabel: n?.filterTopicsLabel
 						})
 					}),
-					Ue.length > 0 && /* @__PURE__ */ R("div", {
+					Ye.length > 0 && /* @__PURE__ */ R("div", {
 						className: "px-8",
 						children: /* @__PURE__ */ R(qb, {
-							tabs: Ue.map((e) => ({
+							tabs: Ye.map((e) => ({
 								id: e.id,
 								label: typeof e.label == "string" ? e.label : String(e.label),
-								count: yt.filter((t) => t.type === e.id).length
+								count: xt.filter((t) => t.type === e.id).length
 							})),
-							activeTabId: Ye,
-							onTabChange: Xe,
+							activeTabId: Ze,
+							onTabChange: Qe,
 							styles: { colors: {
 								activeTabClassName: "text-catalog-tab-active",
 								inactiveTabClassName: "text-catalog-tab-inactive hover:text-catalog-tab-hover border-transparent",
@@ -28993,40 +28995,40 @@ var jx = {
 						})
 					}),
 					/* @__PURE__ */ z("div", {
-						className: G(bt.length > 0 ? "mx-auto min-h-full w-full max-w-[1180px] px-8 pt-6" : "min-h-0 flex-1", bt.length === 0 && we === He.List && "px-8 pt-6"),
+						className: G(St.length > 0 ? "mx-auto min-h-full w-full max-w-[1180px] px-8 pt-6" : "min-h-0 flex-1", St.length === 0 && Ee === He.List && "px-8 pt-6"),
 						children: [/* @__PURE__ */ R("div", {
-							className: G(bt.length > 0 ? "pb-8" : "size-full flex-1", we !== He.Grid && "hidden"),
+							className: G(St.length > 0 ? "pb-8" : "size-full flex-1", Ee !== He.Grid && "hidden"),
 							children: /* @__PURE__ */ R(Tx, {
-								items: bt,
-								query: Se,
+								items: St,
+								query: we,
 								onToggleFavorite: r,
-								onItemClick: P ?? ut,
-								titles: wt,
-								selectedItemId: te
+								onItemClick: ie ?? ft,
+								titles: Et,
+								selectedItemId: re
 							})
-						}), Ee && /* @__PURE__ */ R("div", {
-							className: G("pb-8", we !== He.List && "hidden", bt.length === 0 && "h-full"),
+						}), Oe && /* @__PURE__ */ R("div", {
+							className: G("pb-8", Ee !== He.List && "hidden", St.length === 0 && "h-full"),
 							children: /* @__PURE__ */ R(NS, {
-								items: bt,
-								query: Se,
-								ariaLabel: be,
-								emptyStateTitle: Ct,
+								items: St,
+								query: we,
+								ariaLabel: Se,
+								emptyStateTitle: Tt,
 								onToggleFavorite: r,
-								onItemClick: P ?? ut,
+								onItemClick: ie ?? ft,
 								stickyHeaderTop: 0,
-								selectedItemId: te,
-								credentialsBadgeLoggedOutLabel: F?.credentialsBadgeLoggedOutLabel
+								selectedItemId: re,
+								credentialsBadgeLoggedOutLabel: I?.credentialsBadgeLoggedOutLabel
 							})
 						})]
 					})
 				]
 			}),
-			ht != null && /* @__PURE__ */ R(CS, {
-				item: ht,
-				isOpen: rt,
-				isStarred: xt,
-				isDetailsLoading: st,
-				onClose: mt,
+			_t != null && /* @__PURE__ */ R(CS, {
+				item: _t,
+				isOpen: at,
+				isStarred: Ct,
+				isDetailsLoading: lt,
+				onClose: gt,
 				onToggleFavorite: r,
 				onUseInChat: i,
 				isPrimaryActionVisible: s,
@@ -29043,13 +29045,14 @@ var jx = {
 				onCreatePublishFolder: x,
 				publishTexts: S,
 				shareOverlay: C,
-				connectOverlay: w,
-				isConnectVisible: T,
-				onEdit: D,
-				onDelete: O,
-				onLogin: ft,
-				onLogout: pt,
-				texts: F
+				isShareVisible: w,
+				connectOverlay: T,
+				isConnectVisible: E,
+				onEdit: O,
+				onDelete: k,
+				onLogin: mt,
+				onLogout: ht,
+				texts: I
 			})
 		]
 	});