@epam/ai-dial-catalog 1.1.0-dev.479 → 1.1.0-dev.487

package/index.js

@@ -1,9 +1,9 @@
 import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g, v as _ } from "./mapping-FVCFAmAc.js";
-import { CatalogEntityType as v, DESKTOP_BREAKPOINT_PX as y, DeploymentIcon as b, EntityHeader as x, EntityTypeLabel as S, FeaturedChip as C, ItemHeader as w, MarkdownCodeBlock as T, MarkdownRenderer as E, MarkdownWithPlaceholders as D, PanelEmptyState as O, ResourceSummary as ee, SELECT_LIST_MAX_HEIGHT_CLASS_NAME as te, buildCssVars as k, mergeClasses as A } from "@epam/ai-dial-chat-shared";
-import { Fragment as ne, memo as re, useCallback as j, useEffect as M, useLayoutEffect as ie, useMemo as N, useRef as P, useState as F } from "react";
-import { ButtonAppearance as ae, ButtonDropdown as oe, ButtonVariant as I, CardShell as se, CloseButton as ce, DIAL_ICON_SIZE as L, DIAL_KIT_ICON_STROKE as R, DangerButton as le, Dropdown as ue, ElementSize as de, EllipsisTooltip as fe, FolderPath as pe, GhostButton as me, GhostIconButton as he, Highlight as ge, InlineSelect as _e, InlineSelectTrigger as ve, Input as ye, LinkButton as be, MenuItem as xe, MenuItemMark as z, NeutralButton as B, NeutralIconButton as Se, PrimaryButton as Ce, ProgressBar as we, RadioGroup as Te, Search as Ee, SegmentedControl as De, Skeleton as Oe, SkeletonAvatarShape as ke, Spinner as Ae, Tabs as je, ToggleIconButton as V, Tooltip as Me, mergeClasses as Ne } from "@epam/ai-dial-ui-kit";
-import { IconAlertTriangleFilled as Pe, IconArrowRight as H, IconBuildingCommunity as Fe, IconCheck as Ie, IconChevronDown as Le, IconChevronLeft as Re, IconChevronRight as ze, IconCircleCheckFilled as Be, IconDots as Ve, IconDownload as He, IconFilter as Ue, IconFolder as We, IconKey as Ge, IconLayoutGrid as Ke, IconLayoutList as qe, IconLogin as Je, IconLogout as Ye, IconPencil as Xe, IconPlayerPlayFilled as Ze, IconPlus as Qe, IconShare as $e, IconStar as et, IconStarFilled as tt, IconTrash as nt, IconTrashX as rt, IconUser as U, IconUserOff as it, IconWorldOff as at, IconWorldShare as ot } from "@tabler/icons-react";
-import { Fragment as st, jsx as W, jsxs as G } from "react/jsx-runtime";
+import { CatalogEntityType as v, DESKTOP_BREAKPOINT_PX as y, DeploymentIcon as b, EntityHeader as x, EntityTypeLabel as S, FeaturedChip as C, ItemHeader as w, MarkdownCodeBlock as T, MarkdownRenderer as E, MarkdownWithPlaceholders as D, PanelEmptyState as O, ResourceSummary as ee, SELECT_LIST_MAX_HEIGHT_CLASS_NAME as te, buildCssVars as ne, mergeClasses as k } from "@epam/ai-dial-chat-shared";
+import { Fragment as re, memo as ie, useCallback as A, useEffect as j, useLayoutEffect as ae, useMemo as M, useRef as N, useState as P } from "react";
+import { ButtonAppearance as oe, ButtonDropdown as se, ButtonVariant as F, CardShell as ce, CloseButton as le, DIAL_ICON_SIZE as I, DIAL_KIT_ICON_STROKE as L, DangerButton as ue, Dropdown as de, ElementSize as fe, EllipsisTooltip as pe, FolderPath as me, GhostButton as he, GhostIconButton as ge, Highlight as _e, InlineSelect as ve, InlineSelectTrigger as ye, Input as be, LinkButton as xe, MenuItem as Se, MenuItemMark as R, NeutralButton as z, NeutralIconButton as Ce, PrimaryButton as we, ProgressBar as Te, RadioGroup as Ee, Search as De, SegmentedControl as Oe, Skeleton as ke, SkeletonAvatarShape as Ae, Spinner as je, Tabs as Me, ToggleIconButton as B, Tooltip as Ne, mergeClasses as Pe } from "@epam/ai-dial-ui-kit";
+import { IconAlertTriangleFilled as Fe, IconArrowRight as V, IconBuildingCommunity as Ie, IconCheck as Le, IconChevronDown as Re, IconChevronLeft as ze, IconChevronRight as Be, IconCircleCheckFilled as Ve, IconDots as He, IconDownload as Ue, IconFilter as We, IconFolder as Ge, IconKey as Ke, IconLayoutGrid as qe, IconLayoutList as Je, IconLogin as Ye, IconLogout as Xe, IconPencil as Ze, IconPlayerPlayFilled as Qe, IconPlus as $e, IconShare as et, IconStar as tt, IconStarFilled as nt, IconTrash as rt, IconTrashX as it, IconUser as H, IconUserOff as at, IconWorldOff as ot, IconWorldShare as st } from "@tabler/icons-react";
+import { Fragment as U, jsx as W, jsxs as G } from "react/jsx-runtime";
 import { PublishFooter as ct, PublishPanel as lt, derivePublishState as ut, usePublishFlow as dt } from "@epam/ai-dial-publish-panel";
 import { Grid as ft } from "@epam/ai-dial-ui-kit/grid";
 //#region src/types/code-language.ts
@@ -26,14 +26,14 @@ var pt = /* @__PURE__ */ function(e) {
 }({}), _t = /* @__PURE__ */ function(e) {
 	return e.Markdown = "markdown", e.Text = "text", e.Image = "image", e.Unsupported = "unsupported", e;
 }({}), X = () => {
-	let [e, t] = F(() => window.innerWidth);
-	return M(() => {
+	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;
 }, vt = (e) => {
 	let { colors: t } = e ?? {};
-	return k({
+	return ne({
 		"--cat-bg": t?.background,
 		"--cat-heading-title-text": t?.headingTitleText
 	});
@@ -42,11 +42,11 @@ var pt = /* @__PURE__ */ function(e) {
 	let { overflow: t, overflowY: n } = getComputedStyle(e);
 	return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : Z(e.parentElement);
 }, xt = 10, Q = 10, St = 30, Ct = (e, t, n = xt) => {
-	let r = P(null), [i, a] = F({
+	let r = N(null), [i, a] = P({
 		start: 0,
 		end: St
 	});
-	M(() => {
+	j(() => {
 		let i = r.current;
 		if (!i) return;
 		let o = Z(i.parentElement), s = () => {
@@ -75,7 +75,7 @@ var pt = /* @__PURE__ */ function(e) {
 		endRow: Math.min(e, Math.max(i.end, s + Q))
 	};
 }, wt = (e, { overscan: t = 3, isFullWidth: n = !1 } = {}) => {
-	let r = P(null), [i, a] = F(() => {
+	let r = N(null), [i, a] = P(() => {
 		let t = typeof window < "u" ? window.innerWidth : 1440, r = Math.max(0, t - (t >= y ? 60 : 0)), i = bt((n ? r : Math.min(yt, r)) - 64), a = Math.ceil(e / i);
 		return {
 			startRow: 0,
@@ -83,7 +83,7 @@ var pt = /* @__PURE__ */ function(e) {
 			columnCount: i
 		};
 	});
-	M(() => {
+	j(() => {
 		let n = r.current;
 		if (!n) return;
 		let i = Z(n.parentElement), o = () => {
@@ -124,23 +124,23 @@ var pt = /* @__PURE__ */ function(e) {
 	lastUsed: "_lastUsed_188yo_5",
 	version: "_version_188yo_9"
 }, Dt = ({ 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 === ht.LG, h = m ? "size-[52px] rounded-[14px]" : "size-[44px] rounded-lg", g = m ? 54 : 44, _ = k({
+	let f = c?.colors, p = c?.typography ?? {}, m = a === ht.LG, h = m ? "size-[52px] rounded-[14px]" : "size-[44px] rounded-lg", g = m ? 54 : 44, _ = ne({
 		"--ai-name-text": f?.nameColor,
 		"--ai-last-used-text": f?.lastUsedColor,
 		"--ai-version-text": f?.versionColor
 	});
 	return /* @__PURE__ */ G("div", {
-		className: A("flex min-w-0 items-start gap-3", s),
+		className: k("flex min-w-0 items-start gap-3", s),
 		style: _,
 		children: [/* @__PURE__ */ G("div", {
-			className: A("relative flex-shrink-0", h, u),
+			className: k("relative flex-shrink-0", h, u),
 			children: [/* @__PURE__ */ W("div", {
 				className: "size-full overflow-hidden rounded-[inherit]",
 				children: /* @__PURE__ */ W(b, {
 					src: e ?? void 0,
 					size: g,
 					initialsName: n,
-					styles: { badgeClassName: A(m ? "rounded-[14px]" : "rounded-[12px]") }
+					styles: { badgeClassName: k(m ? "rounded-[14px]" : "rounded-[12px]") }
 				})
 			}), d]
 		}), /* @__PURE__ */ G("div", {
@@ -152,39 +152,39 @@ var pt = /* @__PURE__ */ function(e) {
 				className: "flex min-w-0 flex-col",
 				children: [/* @__PURE__ */ G("div", {
 					className: "flex min-w-0 items-start gap-1 overflow-hidden",
-					children: [/* @__PURE__ */ W(fe, {
-						text: o ? /* @__PURE__ */ W(ge, {
+					children: [/* @__PURE__ */ W(pe, {
+						text: o ? /* @__PURE__ */ W(_e, {
 							text: n,
 							query: o
 						}) : n,
-						className: A("min-w-0 flex-1", p?.nameClassName ?? "dial-body-semi-text", Et.name)
-					}), r && /* @__PURE__ */ W(fe, {
+						className: k("min-w-0 flex-1", p?.nameClassName ?? "dial-body-semi-text", Et.name)
+					}), r && /* @__PURE__ */ W(pe, {
 						text: r,
-						className: A("max-w-[30%] shrink-0 tabular-nums", p?.versionClassName ?? "dial-tiny-text", Et.version)
+						className: k("max-w-[30%] shrink-0 tabular-nums", p?.versionClassName ?? "dial-tiny-text", Et.version)
 					})]
 				}), m && i != null && /* @__PURE__ */ G("div", {
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ W("span", {
-						className: A("tabular-nums", p?.lastUsedClassName ?? "dial-tiny-text", Et.lastUsed),
+						className: k("tabular-nums", p?.lastUsedClassName ?? "dial-tiny-text", Et.lastUsed),
 						children: i
 					}), l]
 				})]
 			})]
 		})]
 	});
-}, $ = { icon: "_icon_a0p4u_1" }, Ot = ({ credentials: e, loggedOutLabel: t = "Authorize to use this toolset.", className: n, colors: r }) => e == null || h(e) == null ? null : /* @__PURE__ */ W(Me, {
+}, $ = { icon: "_icon_a0p4u_1" }, Ot = ({ credentials: e, loggedOutLabel: t = "Authorize to use this toolset.", className: n, colors: r }) => e == null || h(e) == null ? null : /* @__PURE__ */ W(Ne, {
 	tooltip: t,
 	asChild: !0,
 	children: /* @__PURE__ */ W("span", {
 		role: "img",
 		"aria-label": t,
-		style: k({
+		style: ne({
 			"--cat-cred-badge-halo": r?.halo,
 			"--cat-cred-badge-icon": r?.icon
 		}),
-		className: A("absolute -bottom-1 -end-1 shrink-0", n),
-		children: /* @__PURE__ */ W(Pe, {
-			size: L.SM,
+		className: k("absolute -bottom-1 -end-1 shrink-0", n),
+		children: /* @__PURE__ */ W(Fe, {
+			size: I.SM,
 			className: $.icon,
 			"aria-hidden": !0
 		})
@@ -192,33 +192,33 @@ var pt = /* @__PURE__ */ function(e) {
 }), kt = {
 	starFilledIcon: "_starFilledIcon_po6zj_1",
 	starPop: "_starPop_po6zj_1"
-}, At = ({ isStarred: e, onClick: t, size: n, ariaLabel: r = "Toggle favorite", className: i, starFilledColor: a }) => /* @__PURE__ */ W(V, {
+}, At = ({ isStarred: e, onClick: t, size: n, ariaLabel: r = "Toggle favorite", className: i, starFilledColor: a }) => /* @__PURE__ */ W(B, {
 	size: n,
-	style: k({ "--cat-star-filled": a }),
+	style: ne({ "--cat-star-filled": a }),
 	className: i,
-	icon: e ? /* @__PURE__ */ W(tt, {
-		size: L.SM,
+	icon: e ? /* @__PURE__ */ W(nt, {
+		size: I.SM,
 		className: kt.starFilledIcon
-	}) : /* @__PURE__ */ W(et, {
-		size: L.SM,
-		stroke: R
+	}) : /* @__PURE__ */ W(tt, {
+		size: I.SM,
+		stroke: L
 	}),
 	"aria-label": r,
 	onClick: t
 }), jt = { tag: "_tag_12518_1" }, Mt = ({ label: e, className: t, badgeClassName: n = "dial-tiny-text", colors: r }) => /* @__PURE__ */ W("div", {
-	style: k({
+	style: ne({
 		"--cat-card-tag-bg": r?.background,
 		"--cat-card-tag-text": r?.text,
 		"--cat-card-tag-border": r?.border
 	}),
-	className: A("flex h-6 w-fit items-center justify-center whitespace-nowrap rounded-md border px-2", jt.tag, n, t),
+	className: k("flex h-6 w-fit items-center justify-center whitespace-nowrap rounded-md border px-2", jt.tag, n, t),
 	children: e
 }), Nt = ({ label: e, className: t = "dial-tiny-text", colors: n }) => /* @__PURE__ */ W(Mt, {
 	label: e,
 	badgeClassName: t,
 	colors: n
 }), Pt = 8, Ft = ({ topics: e, overflowAriaLabel: t, className: n }) => {
-	let r = P(null), i = P([]), a = P([]), o = P(null), s = P(Infinity), [c, l] = F(e.length), u = e.join("\0"), d = j(() => {
+	let r = N(null), i = N([]), a = N([]), o = N(null), s = N(Infinity), [c, l] = P(e.length), u = e.join("\0"), d = A(() => {
 		let t = r.current;
 		if (!t || e.length === 0) return;
 		let n = t.clientWidth;
@@ -234,14 +234,14 @@ var pt = /* @__PURE__ */ function(e) {
 		}
 		l(Math.min(f, s.current));
 	}, [e.length]);
-	if (ie(() => {
+	if (ae(() => {
 		a.current = [], s.current = Infinity, l(e.length);
-	}, [u]), ie(() => {
+	}, [u]), ae(() => {
 		d();
-	}), ie(() => {
+	}), ae(() => {
 		let e = r.current;
 		!e || c === 0 || e.scrollWidth <= e.clientWidth || (s.current = c - 1, l(s.current));
-	}, [c]), M(() => {
+	}, [c]), j(() => {
 		let e = r.current;
 		if (!e) return;
 		let t = new ResizeObserver(() => {
@@ -250,12 +250,12 @@ var pt = /* @__PURE__ */ function(e) {
 		return t.observe(e), () => t.disconnect();
 	}, [d]), e.length === 0) return /* @__PURE__ */ W("div", {
 		ref: r,
-		className: A("relative flex min-w-0 flex-1 flex-nowrap items-center gap-2 overflow-hidden", n)
+		className: k("relative flex min-w-0 flex-1 flex-nowrap items-center gap-2 overflow-hidden", n)
 	});
 	let f = e.length - c;
 	return /* @__PURE__ */ G("div", {
 		ref: r,
-		className: A("flex min-w-0 flex-1 flex-nowrap items-center gap-2 overflow-hidden", n),
+		className: k("flex min-w-0 flex-1 flex-nowrap items-center gap-2 overflow-hidden", n),
 		children: [
 			e.slice(0, c).map((e, t) => /* @__PURE__ */ W("div", {
 				ref: (e) => {
@@ -263,7 +263,7 @@ var pt = /* @__PURE__ */ function(e) {
 				},
 				children: /* @__PURE__ */ W(Nt, { label: e })
 			}, e)),
-			f > 0 && /* @__PURE__ */ W(Me, {
+			f > 0 && /* @__PURE__ */ W(Ne, {
 				tooltip: e.slice(c).join(", "),
 				children: /* @__PURE__ */ W("span", {
 					"aria-label": t?.(f) ?? `and ${f} more topics`,
@@ -279,11 +279,11 @@ var pt = /* @__PURE__ */ function(e) {
 		]
 	});
 }, It = { img: () => null }, Lt = (e) => e.target instanceof Element && e.target.closest("a") !== null, Rt = ({ item: e, query: t = "", onClick: n, initialIsStarred: r = !1, onToggle: i, isFavoriteVisible: a, featuredLabel: o = "Featured", addToFavoritesAriaLabel: s = "Add to favorites", removeFromFavoritesAriaLabel: c = "Remove from favorites", isSelected: l = !1, className: u, styles: d, credentialsBadgeLoggedOutLabel: f, isReadonly: p = !1 }) => {
-	let [m, h] = F(r);
-	M(() => {
+	let [m, h] = P(r);
+	j(() => {
 		h(r);
 	}, [e.id, r]);
-	let g = d?.typography?.descriptionClassName ?? "dial-small-paragraph-text", _ = d?.typography?.featuredChipClassName, v = d?.typography?.folderLabelClassName ?? "dial-tiny-text", y = d?.typography?.folderLeafClassName ?? "dial-tiny-semi-text", b = k({
+	let g = d?.typography?.descriptionClassName ?? "dial-small-paragraph-text", _ = d?.typography?.featuredChipClassName, v = d?.typography?.folderLabelClassName ?? "dial-tiny-text", y = d?.typography?.folderLeafClassName ?? "dial-tiny-semi-text", b = ne({
 		"--cg-description-text": d?.colors?.textSecondary,
 		"--cg-selected-border": d?.colors?.selectedBorder,
 		"--cg-selected-bg": d?.colors?.selectedBackground,
@@ -291,9 +291,9 @@ var pt = /* @__PURE__ */ function(e) {
 		"--cg-footer-border": d?.colors?.footerBorder
 	}), x = !p && e.isFeatured === !0, S = !p && a?.(e) !== !1, w = !p || e.folder.length > 0, T = n ? (t) => {
 		Lt(t) || n(e);
-	} : void 0, D = j((t) => {
+	} : void 0, D = A((t) => {
 		!n || Lt(t) || (t.key === "Enter" || t.key === " ") && (t.preventDefault(), n(e));
-	}, [n, e]), O = j((t) => {
+	}, [n, e]), O = A((t) => {
 		t.stopPropagation();
 		let n = !m;
 		h(n), i?.(e.id, n);
@@ -302,7 +302,7 @@ var pt = /* @__PURE__ */ function(e) {
 		i,
 		e.id
 	]);
-	return /* @__PURE__ */ G(se, {
+	return /* @__PURE__ */ G(ce, {
 		...n ? {
 			role: "button",
 			tabIndex: 0,
@@ -311,21 +311,22 @@ var pt = /* @__PURE__ */ function(e) {
 		} : {},
 		"aria-label": e.name,
 		style: b,
-		className: A("box-border cursor-pointer gap-3", Tt.card, x ? Tt.featuredCard : void 0, l ? Tt.selectedCard : void 0, u),
+		className: k("box-border cursor-pointer gap-3", Tt.card, x ? Tt.featuredCard : void 0, l ? Tt.selectedCard : void 0, u),
 		children: [
 			x && /* @__PURE__ */ W("div", {
 				className: "absolute end-[22px] top-0 -translate-y-1/2",
 				children: /* @__PURE__ */ W(C, {
 					label: o,
 					type: e.type,
-					className: _
+					className: _,
+					style: d?.colors?.featuredChipStyle
 				})
 			}),
-			l && /* @__PURE__ */ W(Ie, {
-				size: L.SM,
-				className: A("absolute end-3 top-3 shrink-0", Tt.checkIcon),
+			l && /* @__PURE__ */ W(Le, {
+				size: I.SM,
+				className: k("absolute end-3 top-3 shrink-0", Tt.checkIcon),
 				"aria-hidden": !0,
-				stroke: R
+				stroke: L
 			}),
 			/* @__PURE__ */ W(Dt, {
 				icon: e.iconUrl,
@@ -341,7 +342,7 @@ var pt = /* @__PURE__ */ function(e) {
 				})
 			}),
 			/* @__PURE__ */ W("div", {
-				className: A("line-clamp-2 min-h-[2lh] break-words", Tt.description),
+				className: k("line-clamp-2 min-h-[2lh] break-words", Tt.description),
 				children: e.description && /* @__PURE__ */ W(E, {
 					content: e.description,
 					classNames: {
@@ -363,29 +364,29 @@ var pt = /* @__PURE__ */ function(e) {
 				children: /* @__PURE__ */ W(Ft, { topics: e.topics })
 			}),
 			w && /* @__PURE__ */ W("div", {
-				className: A("pt-3", !p && A("border-t", Tt.footer)),
+				className: k("pt-3", !p && k("border-t", Tt.footer)),
 				children: /* @__PURE__ */ G("div", {
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ W("div", {
 						className: "min-w-0 flex-1",
-						children: e.folder.length > 0 && /* @__PURE__ */ W(pe, {
+						children: e.folder.length > 0 && /* @__PURE__ */ W(me, {
 							segments: e.folder,
 							labelClassName: v,
 							leafClassName: y
 						})
 					}), S && /* @__PURE__ */ W(At, {
 						isStarred: m,
-						size: de.Small,
+						size: fe.Small,
 						onClick: O,
 						ariaLabel: m ? c : s,
-						className: A(Tt.starBtn, !m && Tt.emptyStarHidden)
+						className: k(Tt.starBtn, !m && Tt.emptyStarHidden)
 					})]
 				})
 			})
 		]
 	});
-}, zt = ({ rowIndex: e, items: t, columnCount: n, query: r, onToggleFavorite: i, isFavoriteVisible: a, onItemClick: o, featuredLabel: s, addToFavoritesAriaLabel: c, removeFromFavoritesAriaLabel: l, selectedItemId: u, credentialsBadgeLoggedOutLabel: d, isReadonly: f }) => {
-	let p = e * n, m = t.slice(p, p + n);
+}, zt = ({ rowIndex: e, items: t, columnCount: n, query: r, onToggleFavorite: i, isFavoriteVisible: a, onItemClick: o, featuredLabel: s, addToFavoritesAriaLabel: c, removeFromFavoritesAriaLabel: l, selectedItemId: u, credentialsBadgeLoggedOutLabel: d, isReadonly: f, featuredChipStyle: p }) => {
+	let m = e * n, h = t.slice(m, m + n);
 	return /* @__PURE__ */ W("div", {
 		style: {
 			top: e * 268,
@@ -393,7 +394,7 @@ var pt = /* @__PURE__ */ function(e) {
 		},
 		className: "absolute flex w-full gap-5 pb-5",
 		children: Array.from({ length: n }, (e, t) => {
-			let n = m[t];
+			let n = h[t];
 			return /* @__PURE__ */ W("div", {
 				className: "h-full min-w-0 flex-1",
 				children: n && /* @__PURE__ */ W(Rt, {
@@ -409,52 +410,55 @@ var pt = /* @__PURE__ */ function(e) {
 					isSelected: n.id === u,
 					className: "h-full",
 					credentialsBadgeLoggedOutLabel: d,
-					isReadonly: f
+					isReadonly: f,
+					styles: { colors: { featuredChipStyle: p } }
 				})
 			}, n?.id ?? `spacer-${t}`);
 		})
 	});
-}, Bt = re(({ items: e, query: t = "", onToggleFavorite: n, isFavoriteVisible: r, onItemClick: i, titles: a, isLoading: o, selectedItemId: s, skeletonColor: c = Tt.skeletonColor, skeletonCardBackground: l, isReadonly: u = !1, isFullWidth: d = !1 }) => {
-	let f = a?.noResultsTitle ?? "No results", p = a?.featuredLabel ?? "Featured", m = a?.addToFavoritesAriaLabel ?? "Add to favorites", h = a?.removeFromFavoritesAriaLabel ?? "Remove from favorites", g = a?.credentialsBadgeLoggedOutLabel ?? "Authorize to use this toolset.", { containerRef: _, startRow: v, endRow: y, columnCount: b, totalHeight: x } = wt(e.length, { isFullWidth: d }), S = N(() => ({
+}, Bt = ie(({ items: e, query: t = "", onToggleFavorite: n, isFavoriteVisible: r, onItemClick: i, titles: a, isLoading: o, selectedItemId: s, skeletonColor: c = Tt.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 } = wt(e.length, { isFullWidth: d }), C = M(() => ({
 		items: e,
-		columnCount: b,
+		columnCount: x,
 		query: t,
 		onToggleFavorite: n,
 		isFavoriteVisible: r,
 		onItemClick: i,
-		featuredLabel: p,
-		addToFavoritesAriaLabel: m,
-		removeFromFavoritesAriaLabel: h,
+		featuredLabel: m,
+		addToFavoritesAriaLabel: h,
+		removeFromFavoritesAriaLabel: g,
 		selectedItemId: s,
-		credentialsBadgeLoggedOutLabel: g,
-		isReadonly: u
+		credentialsBadgeLoggedOutLabel: _,
+		isReadonly: u,
+		featuredChipStyle: f
 	}), [
 		e,
-		b,
+		x,
 		t,
 		n,
 		r,
 		i,
-		p,
 		m,
 		h,
-		s,
 		g,
-		u
+		s,
+		_,
+		u,
+		f
 	]);
 	return o ? /* @__PURE__ */ W("div", {
 		className: "grid gap-5 p-5",
 		style: {
-			gridTemplateColumns: `repeat(${b}, minmax(0, 1fr))`,
-			...k({ "--cg-skeleton-card-bg": l })
+			gridTemplateColumns: `repeat(${x}, minmax(0, 1fr))`,
+			...ne({ "--cg-skeleton-card-bg": l })
 		},
-		children: Array.from({ length: b * 3 }, (e, t) => /* @__PURE__ */ W("div", {
-			className: A("rounded-md border p-4", Tt.skeletonCard),
+		children: Array.from({ length: x * 3 }, (e, t) => /* @__PURE__ */ W("div", {
+			className: k("rounded-md border p-4", Tt.skeletonCard),
 			style: { height: 248 },
-			children: /* @__PURE__ */ W(Oe, {
+			children: /* @__PURE__ */ W(ke, {
 				avatar: {
 					size: 48,
-					shape: ke.Square
+					shape: Ae.Square
 				},
 				showTitle: { width: `${60 + t * 17 % 30}%` },
 				paragraph: { rows: 3 },
@@ -464,16 +468,16 @@ var pt = /* @__PURE__ */ function(e) {
 		}, t))
 	}) : e.length === 0 ? /* @__PURE__ */ W("div", {
 		className: "flex size-full flex-col items-center justify-center",
-		children: /* @__PURE__ */ W(O, { label: f })
+		children: /* @__PURE__ */ W(O, { label: p })
 	}) : /* @__PURE__ */ W("div", {
-		ref: _,
+		ref: v,
 		className: "relative",
-		style: { height: x },
-		children: Array.from({ length: y - v }, (e, t) => {
-			let n = v + t;
+		style: { height: S },
+		children: Array.from({ length: b - y }, (e, t) => {
+			let n = y + t;
 			return /* @__PURE__ */ W(zt, {
 				rowIndex: n,
-				...S
+				...C
 			}, n);
 		})
 	});
@@ -498,21 +502,21 @@ var pt = /* @__PURE__ */ function(e) {
 	valueTrue: "_valueTrue_jnq93_17",
 	valueFalse: "_valueFalse_jnq93_21",
 	valueText: "_valueText_jnq93_25"
-}, Gt = ({ value: e, valueClassName: t, valueTrueClassName: n, checkIconClassName: r, yesLabel: i, noLabel: a }) => e === !0 ? /* @__PURE__ */ G(st, { children: [/* @__PURE__ */ W(Be, {
-	size: L.MD,
-	className: A(r, Wt.checkIcon)
+}, Gt = ({ value: e, valueClassName: t, valueTrueClassName: n, checkIconClassName: r, yesLabel: i, noLabel: a }) => e === !0 ? /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(Ve, {
+	size: I.MD,
+	className: k(r, Wt.checkIcon)
 }), /* @__PURE__ */ W("span", {
-	className: A(n, Wt.valueTrue),
+	className: k(n, Wt.valueTrue),
 	children: i
 })] }) : e === !1 ? /* @__PURE__ */ W("span", {
-	className: A(t, Wt.valueFalse),
+	className: k(t, Wt.valueFalse),
 	children: a
 }) : /* @__PURE__ */ W("span", {
-	className: A("min-w-0 break-words", t, Wt.valueText),
+	className: k("min-w-0 break-words", t, Wt.valueText),
 	children: e
 }), Kt = ({ sectionLabel: e = "Section", values: t, labelClassName: n = "dial-small-semi-text", valueClassName: r = "dial-small-text", valueTrueClassName: i = "dial-small-semi-text", checkIconClassName: a, sectionClassName: o = "dial-caption-text", yesLabel: s = "Yes", noLabel: c = "No", colors: l }) => /* @__PURE__ */ W("div", {
 	className: "flex flex-col",
-	style: k({
+	style: ne({
 		"--tv-section-heading": l?.sectionHeading,
 		"--tv-row-alt-bg": l?.rowAlt,
 		"--tv-label": l?.label,
@@ -522,14 +526,14 @@ var pt = /* @__PURE__ */ function(e) {
 		"--tv-value-text": l?.valueText
 	}),
 	children: t != null && t.length > 0 && /* @__PURE__ */ G("section", { children: [/* @__PURE__ */ W("p", {
-		className: A("mb-3 mt-0", o, Wt.sectionHeading),
+		className: k("mb-3 mt-0", o, Wt.sectionHeading),
 		children: e
 	}), /* @__PURE__ */ W("ul", {
 		className: "m-0 list-none p-0",
 		children: t.map((e, t) => /* @__PURE__ */ G("li", {
-			className: A("flex items-center rounded px-3 py-2", t % 2 == 0 ? Wt.rowAlt : void 0),
+			className: k("flex items-center rounded px-3 py-2", t % 2 == 0 ? Wt.rowAlt : void 0),
 			children: [/* @__PURE__ */ W("span", {
-				className: A(n, Wt.label, "w-2/5 shrink-0"),
+				className: k(n, Wt.label, "w-2/5 shrink-0"),
 				children: e.label
 			}), /* @__PURE__ */ W("div", {
 				className: "flex w-3/5 min-w-0 items-center gap-1",
@@ -553,17 +557,17 @@ var pt = /* @__PURE__ */ function(e) {
 	[pt.Curl]: "bash",
 	[pt.JavaScript]: "javascript"
 }, Xt = ({ snippets: e, sectionLabel: t, copyAriaLabel: n = "Copy", copiedStatusLabel: r = "Copied!", codeClassName: i = "dial-code-text", codeTitleClassName: a = "dial-tiny-semi-text", sectionClassName: o = "dial-caption-text" }) => {
-	let [s, c] = F(e[0]?.language ?? pt.Python);
-	M(() => {
+	let [s, c] = P(e[0]?.language ?? pt.Python);
+	j(() => {
 		c(e[0]?.language ?? pt.Python);
 	}, [e]);
-	let l = N(() => e.map((e) => ({
+	let l = M(() => e.map((e) => ({
 		key: e.language,
 		label: Jt[e.language] ?? e.language,
 		onClick: () => c(e.language)
 	})), [e]), u = e.find((e) => e.language === s)?.code ?? "", d = e.length > 1;
 	return /* @__PURE__ */ G("section", { children: [t != null && /* @__PURE__ */ W("p", {
-		className: A("mb-3 mt-0", o, qt.sectionHeading),
+		className: k("mb-3 mt-0", o, qt.sectionHeading),
 		children: t
 	}), /* @__PURE__ */ W(T, {
 		language: Yt[s] ?? s,
@@ -574,16 +578,16 @@ var pt = /* @__PURE__ */ function(e) {
 		codeClassName: i,
 		languageLabelClassName: a,
 		hideDownload: !0,
-		titleSlot: d ? /* @__PURE__ */ W(_e, {
+		titleSlot: d ? /* @__PURE__ */ W(ve, {
 			items: l,
 			matchReferenceWidth: !1,
 			placement: "bottom-end",
-			size: de.Small,
+			size: fe.Small,
 			selectedKey: s
 		}) : void 0
 	})] });
 }, Zt = ({ api: e, resourceSectionLabel: t = "Resource", endpointSectionLabel: n = "Endpoint", snippetSectionLabel: r = "Code snippet", modelIdLabel: i = "Model ID", endpointLabel: a = "Endpoint", requestExampleLabel: o = "Request example", responseSchemaLabel: s = "Response schema", copyAriaLabel: c = "Copy", copiedStatusLabel: l = "Copied!", labelClassName: u = "dial-small-semi-text", valueClassName: d = "dial-small-text", codeClassName: f = "dial-code-text", codeTitleClassName: p = "dial-tiny-semi-text", sectionClassName: m = "dial-caption-text" }) => {
-	let [h, g] = F(0), _ = N(() => e.endpoints ?? [], [e.endpoints]), v = _.length > 0, y = _[h] ?? null, b = N(() => _.map((e, t) => ({
+	let [h, g] = P(0), _ = M(() => e.endpoints ?? [], [e.endpoints]), v = _.length > 0, y = _[h] ?? null, b = M(() => _.map((e, t) => ({
 		key: e.url,
 		label: e.label,
 		onClick: () => g(t)
@@ -614,7 +618,7 @@ var pt = /* @__PURE__ */ function(e) {
 			}),
 			v && /* @__PURE__ */ G("section", { children: [
 				/* @__PURE__ */ W("p", {
-					className: A("mb-3 mt-0", m, qt.sectionHeading),
+					className: k("mb-3 mt-0", m, qt.sectionHeading),
 					children: n
 				}),
 				y != null && /* @__PURE__ */ W(T, {
@@ -625,11 +629,11 @@ var pt = /* @__PURE__ */ function(e) {
 					codeClassName: f,
 					languageLabelClassName: p,
 					hideDownload: !0,
-					titleSlot: S ? /* @__PURE__ */ W(_e, {
+					titleSlot: S ? /* @__PURE__ */ W(ve, {
 						items: b,
 						matchReferenceWidth: !1,
 						placement: "bottom-end",
-						size: de.Small,
+						size: fe.Small,
 						selectedKey: y.url
 					}) : void 0
 				}, h),
@@ -655,7 +659,7 @@ var pt = /* @__PURE__ */ function(e) {
 				sectionClassName: m
 			}),
 			D && /* @__PURE__ */ G("section", { children: [/* @__PURE__ */ W("p", {
-				className: A("mb-3 mt-0", m, qt.sectionHeading),
+				className: k("mb-3 mt-0", m, qt.sectionHeading),
 				children: o
 			}), /* @__PURE__ */ W(T, {
 				language: "bash",
@@ -666,7 +670,7 @@ var pt = /* @__PURE__ */ function(e) {
 				hideDownload: !0
 			})] }),
 			O && /* @__PURE__ */ G("section", { children: [/* @__PURE__ */ W("p", {
-				className: A("mb-3 mt-0", m, qt.sectionHeading),
+				className: k("mb-3 mt-0", m, qt.sectionHeading),
 				children: s
 			}), /* @__PURE__ */ W(T, {
 				language: "json",
@@ -684,17 +688,17 @@ var pt = /* @__PURE__ */ function(e) {
 	footer: "_footer_13mok_9"
 }, $t = ({ confirmLabel: e, cancelLabel: t, variant: n = J.Info, isLoading: r = !1, isConfirmDisabled: i = !1, loadingStatusLabel: a, onConfirm: o, onCancel: s }) => {
 	let c = n === J.Danger, l = (() => {
-		if (r) return /* @__PURE__ */ W(Ae, { size: L.SM });
-		if (c) return /* @__PURE__ */ W(rt, {
-			size: L.MD,
+		if (r) return /* @__PURE__ */ W(je, { size: I.SM });
+		if (c) return /* @__PURE__ */ W(it, {
+			size: I.MD,
 			"aria-hidden": !0,
-			stroke: R
+			stroke: L
 		});
-	})(), u = c ? le : B;
+	})(), u = c ? ue : z;
 	return /* @__PURE__ */ G("div", {
-		className: A("flex items-center justify-end gap-2 px-6 py-4 rtl:flex-row-reverse rtl:justify-start", Qt.footer),
+		className: k("flex items-center justify-end gap-2 px-6 py-4 rtl:flex-row-reverse rtl:justify-start", Qt.footer),
 		children: [
-			/* @__PURE__ */ W(me, {
+			/* @__PURE__ */ W(he, {
 				label: t,
 				disabled: r,
 				onClick: s
@@ -729,11 +733,11 @@ var pt = /* @__PURE__ */ function(e) {
 			variant: r
 		}),
 		/* @__PURE__ */ W("p", {
-			className: A(i, "break-words", Qt.message),
+			className: k(i, "break-words", Qt.message),
 			children: t
 		}),
 		n != null && n.length > 0 && /* @__PURE__ */ W("ul", {
-			className: A("flex list-disc flex-col gap-2 ps-5", i, Qt.consequences),
+			className: k("flex list-disc flex-col gap-2 ps-5", i, Qt.consequences),
 			children: n.map((e) => /* @__PURE__ */ W("li", { children: e }, e))
 		}),
 		a
@@ -751,13 +755,13 @@ var pt = /* @__PURE__ */ function(e) {
 	className: "relative inline-flex shrink-0",
 	children: [
 		/* @__PURE__ */ W("span", {
-			className: A("flex size-8 items-center justify-center rounded-lg", on[n]),
+			className: k("flex size-8 items-center justify-center rounded-lg", on[n]),
 			children: e
 		}),
-		t && /* @__PURE__ */ W(Be, {
-			size: L.MD,
+		t && /* @__PURE__ */ W(Ve, {
+			size: I.MD,
 			"aria-hidden": !0,
-			className: A("absolute -end-2 -top-2", rn.activeIcon)
+			className: k("absolute -end-2 -top-2", rn.activeIcon)
 		}),
 		r != null && /* @__PURE__ */ W("span", {
 			className: "sr-only",
@@ -772,19 +776,19 @@ var pt = /* @__PURE__ */ function(e) {
 }, ln = ({ icon: e, title: t, description: n, action: r, titleClassName: i = "dial-small-semi-text", descriptionClassName: a = "dial-small-text" }) => /* @__PURE__ */ G("div", {
 	role: "status",
 	"aria-live": "polite",
-	className: A("flex items-center gap-3 rounded-xl p-3", cn.card),
+	className: k("flex items-center gap-3 rounded-xl p-3", cn.card),
 	children: [/* @__PURE__ */ W("span", {
-		className: A("shrink-0", cn.icon, n != null && "mt-0.5"),
+		className: k("shrink-0", cn.icon, n != null && "mt-0.5"),
 		children: e
 	}), /* @__PURE__ */ G("div", {
 		className: "flex min-w-0 flex-1 items-center justify-between gap-2",
 		children: [/* @__PURE__ */ G("div", {
 			className: "flex min-w-0 flex-col gap-1",
 			children: [/* @__PURE__ */ W("span", {
-				className: A(i, cn.title),
+				className: k(i, cn.title),
 				children: t
 			}), n != null && /* @__PURE__ */ W("span", {
-				className: A(a, cn.description),
+				className: k(a, cn.description),
 				children: n
 			})]
 		}), r != null && /* @__PURE__ */ W("div", {
@@ -793,19 +797,19 @@ var pt = /* @__PURE__ */ function(e) {
 		})]
 	})]
 }), un = (e) => e === _.ApiKey ? "You are currently using organization API key to access this toolset." : "You are currently using organization credentials to access this toolset.", dn = (e) => e === _.ApiKey ? "Configure your personal API key to have access to your data." : "Login using personal account to have access to your data.", fn = (e) => e === _.ApiKey ? "Signed in with organization API key." : "Signed in with organization credentials.", pn = (e) => e === _.ApiKey ? "Signed in with personal API key." : "Signed in with personal credentials.", mn = 20, hn = ({ state: e, authenticationType: t, texts: n }) => {
-	let r = /* @__PURE__ */ W(Fe, {
+	let r = /* @__PURE__ */ W(Ie, {
 		size: mn,
 		"aria-hidden": !0,
-		stroke: R
+		stroke: L
 	});
 	if (e === o.PersonalCredentialsActive) {
 		let e = (n?.personalCredentialsActiveBannerTitle ?? pn)(t);
 		return /* @__PURE__ */ W(ln, {
 			icon: /* @__PURE__ */ W(sn, {
-				icon: /* @__PURE__ */ W(U, {
-					size: L.SM,
+				icon: /* @__PURE__ */ W(H, {
+					size: I.SM,
 					"aria-hidden": !0,
-					stroke: R
+					stroke: L
 				}),
 				isActive: !0,
 				surface: an.Raised
@@ -817,10 +821,10 @@ var pt = /* @__PURE__ */ function(e) {
 		let e = (n?.orgCredentialsActiveBannerTitle ?? fn)(t);
 		return /* @__PURE__ */ W(ln, {
 			icon: /* @__PURE__ */ W(sn, {
-				icon: /* @__PURE__ */ W(Fe, {
-					size: L.SM,
+				icon: /* @__PURE__ */ W(Ie, {
+					size: I.SM,
 					"aria-hidden": !0,
-					stroke: R
+					stroke: L
 				}),
 				isActive: !0,
 				surface: an.Raised
@@ -839,15 +843,15 @@ var pt = /* @__PURE__ */ function(e) {
 	rowDescription: "_rowDescription_1q3s8_9",
 	errorText: "_errorText_1q3s8_13"
 }, _n = ({ item: e, level: t, label: n, description: r, icon: i, status: a, isActive: o, authenticationType: s, apiKeyAddedWhen: c, onLogin: l, onRequestLogout: u, onRequestDeleteApiKey: d, texts: p, labelClassName: m, descriptionClassName: h, errorClassName: g, keyCardTitleClassName: v, keyCardDescriptionClassName: y, deleteActionClassName: b }) => {
-	let [x, S] = F(""), [C, w] = F(!1), [T, E] = F(!1), D = a === f.SignedIn, O = j(() => {
+	let [x, S] = P(""), [C, w] = P(!1), [T, E] = P(!1), D = a === f.SignedIn, O = A(() => {
 		l?.(e, { level: t });
 	}, [
 		e,
 		t,
 		l
-	]), ee = j((e) => {
+	]), ee = A((e) => {
 		S(e ?? ""), w(!1);
-	}, []), te = j(async () => {
+	}, []), te = A(async () => {
 		if (x.trim().length === 0) {
 			w(!0);
 			return;
@@ -866,17 +870,17 @@ var pt = /* @__PURE__ */ function(e) {
 		t,
 		x,
 		l
-	]), k = j(() => {
+	]), ne = A(() => {
 		u?.(t);
-	}, [t, u]), ne = j(() => {
+	}, [t, u]), re = A(() => {
 		d?.(t);
-	}, [t, d]), re = p?.loginActionLabel ?? "Log in", M = p?.logoutActionLabel ?? "Log out", ie = p?.addApiKeyActionLabel ?? "Add", N = p?.deleteActionLabel ?? "Delete", P = p?.credentialsSignedInLabel ?? "Signed in", oe = p?.credentialsSignedOutLabel ?? "Signed out", I = p?.addingApiKeyStatusLabel ?? "Adding", se = p?.apiKeyConfiguredMessage ?? "Key has been configured", ce = c == null ? void 0 : (p?.apiKeyAddedLabel ?? ((e) => `Added ${e}`))(c);
+	}, [t, d]), ie = p?.loginActionLabel ?? "Log in", j = p?.logoutActionLabel ?? "Log out", ae = p?.addApiKeyActionLabel ?? "Add", M = p?.deleteActionLabel ?? "Delete", N = p?.credentialsSignedInLabel ?? "Signed in", se = p?.credentialsSignedOutLabel ?? "Signed out", F = p?.addingApiKeyStatusLabel ?? "Adding", ce = p?.apiKeyConfiguredMessage ?? "Key has been configured", le = c == null ? void 0 : (p?.apiKeyAddedLabel ?? ((e) => `Added ${e}`))(c);
 	return /* @__PURE__ */ G("div", {
 		className: "flex items-start gap-3 rounded-xl p-3",
 		children: [/* @__PURE__ */ W(sn, {
 			icon: i,
 			isActive: o,
-			statusLabel: o ? P : oe
+			statusLabel: o ? N : se
 		}), /* @__PURE__ */ G("div", {
 			className: "flex min-w-0 flex-1 flex-col gap-1",
 			children: [
@@ -888,16 +892,16 @@ var pt = /* @__PURE__ */ function(e) {
 							className: m,
 							children: n
 						}), /* @__PURE__ */ W("span", {
-							className: A(h, gn.rowDescription),
+							className: k(h, gn.rowDescription),
 							children: r
 						})]
-					}), s === _.OAuth && (D ? /* @__PURE__ */ W(le, {
-						appearance: ae.Ghost,
-						label: M,
+					}), s === _.OAuth && (D ? /* @__PURE__ */ W(ue, {
+						appearance: oe.Ghost,
+						label: j,
 						className: "min-w-28 shrink-0 justify-center whitespace-nowrap",
-						onClick: k
-					}) : /* @__PURE__ */ W(B, {
-						label: re,
+						onClick: ne
+					}) : /* @__PURE__ */ W(z, {
+						label: ie,
 						className: "min-w-28 shrink-0 justify-center whitespace-nowrap",
 						onClick: O
 					}))]
@@ -906,7 +910,7 @@ var pt = /* @__PURE__ */ function(e) {
 					className: "flex animate-fadeIn flex-col gap-1 pt-1",
 					children: [/* @__PURE__ */ G("div", {
 						className: "flex items-end gap-2",
-						children: [/* @__PURE__ */ W(ye, {
+						children: [/* @__PURE__ */ W(be, {
 							id: `catalog-item-${e.id}-${t}-api-key`,
 							type: "password",
 							autoComplete: "current-password",
@@ -916,38 +920,38 @@ var pt = /* @__PURE__ */ function(e) {
 							invalid: C,
 							disabled: T,
 							containerClassName: "min-w-0 flex-1"
-						}), /* @__PURE__ */ W(B, {
-							label: T ? void 0 : ie,
-							"aria-label": T ? I : void 0,
-							iconBefore: T ? /* @__PURE__ */ W(Ae, {
-								size: L.SM,
-								ariaLabel: I
+						}), /* @__PURE__ */ W(z, {
+							label: T ? void 0 : ae,
+							"aria-label": T ? F : void 0,
+							iconBefore: T ? /* @__PURE__ */ W(je, {
+								size: I.SM,
+								ariaLabel: F
 							}) : void 0,
 							className: "shrink-0 whitespace-nowrap",
 							onClick: te,
 							disabled: T
 						})]
 					}), C && /* @__PURE__ */ W("span", {
-						className: A(g, gn.errorText),
+						className: k(g, gn.errorText),
 						children: p?.apiKeyRequiredErrorMessage ?? "API key is required."
 					})]
 				}),
 				s === _.ApiKey && D && /* @__PURE__ */ W("div", {
 					className: "animate-fadeIn pt-1",
 					children: /* @__PURE__ */ W(ln, {
-						icon: /* @__PURE__ */ W(Ge, {
-							size: L.SM,
+						icon: /* @__PURE__ */ W(Ke, {
+							size: I.SM,
 							"aria-hidden": !0,
-							stroke: R
+							stroke: L
 						}),
-						title: se,
-						description: ce,
+						title: ce,
+						description: le,
 						titleClassName: v,
 						descriptionClassName: y,
-						action: /* @__PURE__ */ W(be, {
-							label: N,
+						action: /* @__PURE__ */ W(xe, {
+							label: M,
 							className: b,
-							onClick: ne
+							onClick: re
 						})
 					})
 				})
@@ -963,7 +967,7 @@ var pt = /* @__PURE__ */ function(e) {
 		children: [/* @__PURE__ */ W("div", {
 			className: "px-6 py-4",
 			children: /* @__PURE__ */ W("div", {
-				className: A("rounded-xl p-3", gn.surface),
+				className: k("rounded-xl p-3", gn.surface),
 				children: /* @__PURE__ */ W(x, {
 					item: e,
 					iconSize: 40,
@@ -973,7 +977,7 @@ var pt = /* @__PURE__ */ function(e) {
 		}), /* @__PURE__ */ G("div", {
 			className: "flex flex-col gap-5 px-6 py-4",
 			children: [/* @__PURE__ */ W("span", {
-				className: A(c, gn.description),
+				className: k(c, gn.description),
 				children: g
 			}), /* @__PURE__ */ G("div", {
 				className: "flex flex-col",
@@ -982,10 +986,10 @@ var pt = /* @__PURE__ */ function(e) {
 					level: a.User,
 					label: i?.personalCredentialsLabel ?? "Personal credentials",
 					description: i?.personalCredentialsDescription ?? "These credentials apply only to your account.",
-					icon: /* @__PURE__ */ W(U, {
-						size: L.SM,
+					icon: /* @__PURE__ */ W(H, {
+						size: I.SM,
 						"aria-hidden": !0,
-						stroke: R
+						stroke: L
 					}),
 					status: h.userStatus,
 					isActive: _,
@@ -1006,10 +1010,10 @@ var pt = /* @__PURE__ */ function(e) {
 					level: a.Global,
 					label: i?.organizationCredentialsLabel ?? "Organization credentials",
 					description: i?.organizationCredentialsDescription ?? "Once added, these credentials will grant all users in your organization access to this toolset.",
-					icon: /* @__PURE__ */ W(Fe, {
-						size: L.SM,
+					icon: /* @__PURE__ */ W(Ie, {
+						size: I.SM,
 						"aria-hidden": !0,
-						stroke: R
+						stroke: L
 					}),
 					status: h.globalStatus,
 					isActive: v,
@@ -1039,9 +1043,9 @@ var pt = /* @__PURE__ */ function(e) {
 }, xn = /* @__PURE__ */ function(e) {
 	return e.Idle = "idle", e.Loading = "loading", e.Resolved = "resolved", e.Unknown = "unknown", e;
 }({}), Sn = { divider: "_divider_nhloi_1" }, Cn = 16, wn = ({ item: e, level: t, status: n, apiKeyAddedWhen: r, onLogin: i, onLogout: a, onClose: o, texts: s, deleteActionClassName: c = "text-error" }) => {
-	let [l, u] = F(""), [d, p] = F(!1), [m, h] = F(!1), [g, _] = F(!1), v = n === f.SignedIn, y = j((e) => {
+	let [l, u] = P(""), [d, p] = P(!1), [m, h] = P(!1), [g, _] = P(!1), v = n === f.SignedIn, y = A((e) => {
 		u(e ?? ""), p(!1);
-	}, []), b = j(async () => {
+	}, []), b = A(async () => {
 		if (l.trim().length === 0) {
 			p(!0);
 			return;
@@ -1061,7 +1065,7 @@ var pt = /* @__PURE__ */ function(e) {
 		l,
 		i,
 		o
-	]), x = j(async () => {
+	]), x = A(async () => {
 		_(!0);
 		try {
 			await a?.(e, { level: t }), o();
@@ -1084,12 +1088,12 @@ var pt = /* @__PURE__ */ function(e) {
 					children: S
 				})
 			}),
-			/* @__PURE__ */ W("div", { className: A("mx-4 h-px", Sn.divider) }),
+			/* @__PURE__ */ W("div", { className: k("mx-4 h-px", Sn.divider) }),
 			!v && /* @__PURE__ */ G("div", {
 				className: "flex animate-fadeIn flex-col gap-1 px-4 py-3.5",
 				children: [/* @__PURE__ */ G("div", {
 					className: "flex items-end gap-2",
-					children: [/* @__PURE__ */ W(ye, {
+					children: [/* @__PURE__ */ W(be, {
 						id: `catalog-item-${e.id}-${t}-api-key`,
 						type: "password",
 						autoComplete: "current-password",
@@ -1099,10 +1103,10 @@ var pt = /* @__PURE__ */ function(e) {
 						invalid: d,
 						disabled: m,
 						containerClassName: "min-w-0 flex-1"
-					}), /* @__PURE__ */ W(B, {
+					}), /* @__PURE__ */ W(z, {
 						label: m ? void 0 : C,
 						"aria-label": m ? T : void 0,
-						iconBefore: m ? /* @__PURE__ */ W(Ae, {
+						iconBefore: m ? /* @__PURE__ */ W(je, {
 							size: Cn,
 							ariaLabel: T
 						}) : void 0,
@@ -1117,17 +1121,17 @@ var pt = /* @__PURE__ */ function(e) {
 			v && /* @__PURE__ */ W("div", {
 				className: "animate-fadeIn px-4 py-3.5",
 				children: /* @__PURE__ */ W(ln, {
-					icon: /* @__PURE__ */ W(Ge, {
+					icon: /* @__PURE__ */ W(Ke, {
 						size: 20,
 						"aria-hidden": !0,
-						stroke: R
+						stroke: L
 					}),
 					title: O,
 					description: ee,
-					action: /* @__PURE__ */ W(be, {
+					action: /* @__PURE__ */ W(xe, {
 						label: g ? void 0 : w,
 						"aria-label": g ? E : void 0,
-						iconBefore: g ? /* @__PURE__ */ W(Ae, {
+						iconBefore: g ? /* @__PURE__ */ W(je, {
 							size: Cn,
 							ariaLabel: E
 						}) : void 0,
@@ -1140,7 +1144,7 @@ var pt = /* @__PURE__ */ function(e) {
 		]
 	});
 }, Tn = { name: "_name_gfs1p_1" }, En = (e) => e.isMyApp === !0, Dn = ({ item: e, onShare: t, shareOverlay: n, isShareVisible: r, label: i = "Share" }) => {
-	let [a, o] = F(!1), s = j(() => {
+	let [a, o] = P(!1), s = A(() => {
 		if (n) {
 			o((e) => !e);
 			return;
@@ -1152,21 +1156,21 @@ var pt = /* @__PURE__ */ function(e) {
 		n
 	]);
 	if (!En(e) || r && !r(e)) return null;
-	let c = /* @__PURE__ */ W(B, {
+	let c = /* @__PURE__ */ W(z, {
 		label: i,
-		iconBefore: /* @__PURE__ */ W($e, {
-			size: L.MD,
-			stroke: R
+		iconBefore: /* @__PURE__ */ W(et, {
+			size: I.MD,
+			stroke: L
 		}),
-		iconAfter: /* @__PURE__ */ W(Le, {
-			size: L.MD,
-			stroke: R
+		iconAfter: /* @__PURE__ */ W(Re, {
+			size: I.MD,
+			stroke: L
 		}),
 		onClick: s,
 		"aria-haspopup": n ? "menu" : void 0,
 		"aria-expanded": n ? a : void 0
 	});
-	return n ? /* @__PURE__ */ W(ue, {
+	return n ? /* @__PURE__ */ W(de, {
 		placement: "bottom-end",
 		matchReferenceWidth: !1,
 		open: a,
@@ -1180,45 +1184,45 @@ var pt = /* @__PURE__ */ function(e) {
 	[mt.LimitReached]: "bg-error text-error",
 	[mt.RunningLow]: "bg-warning text-warning"
 }, An = ({ status: e, label: t }) => /* @__PURE__ */ W("div", {
-	className: A("flex h-[24px] items-center justify-center gap-1 whitespace-nowrap rounded-2xl px-2", "dial-caption-lead-semi-text", kn[e]),
+	className: k("flex h-[24px] items-center justify-center gap-1 whitespace-nowrap rounded-2xl px-2", "dial-caption-lead-semi-text", kn[e]),
 	children: t
-}), jn = ({ item: t, onUseInChat: n, isPrimaryActionVisible: r, onShare: i, shareOverlay: o, isShareVisible: s, isSharePrimary: c, onEdit: l, onDownload: u, isDownloadVisible: d, isDownloadPrimary: f, onDelete: m, onUnshare: h, isUnshareVisible: g, onRevokeShare: y, onFetchRecipientsCount: b, isRevokeShareVisible: S, onLogin: C, onLogout: w, onOpenCredentialsManagement: T, onRequestLogout: E, texts: D, detailsStyles: O, isPublishVisible: ee, isPublishPrimary: te, onOpenPublish: k, isUnpublishVisible: ne, hasPublishedFolders: re = !1, isPublishHistoryResolved: ie = !0, onRequestPublishHistory: ae, onOpenUnpublish: oe, isReadonly: I = !1 }) => {
-	let { nameClassName: se = "dial-body-semi-text", folderLabelClassName: ce = "dial-tiny-text", folderLeafClassName: le = "dial-tiny-semi-text" } = O?.typography ?? {}, de = t.details?.limits?.status, fe = de == null ? void 0 : /* @__PURE__ */ W(An, {
-		status: de,
-		label: de === mt.LimitReached ? D?.limitReachedLabel ?? "Limit reached" : D?.limitRunningLowLabel ?? "Running low"
-	}), me = j(() => {
+}), jn = ({ item: t, onUseInChat: n, isPrimaryActionVisible: r, onShare: i, shareOverlay: o, isShareVisible: s, isSharePrimary: c, onEdit: l, onDownload: u, isDownloadVisible: d, isDownloadPrimary: f, onDelete: m, onUnshare: h, isUnshareVisible: g, onRevokeShare: y, onFetchRecipientsCount: b, isRevokeShareVisible: S, onLogin: C, onLogout: w, onOpenCredentialsManagement: T, onRequestLogout: E, texts: D, detailsStyles: O, isPublishVisible: ee, isPublishPrimary: te, onOpenPublish: ne, isUnpublishVisible: re, hasPublishedFolders: ie = !1, isPublishHistoryResolved: ae = !0, onRequestPublishHistory: oe, onOpenUnpublish: se, isReadonly: F = !1 }) => {
+	let { nameClassName: ce = "dial-body-semi-text", folderLabelClassName: le = "dial-tiny-text", folderLeafClassName: ue = "dial-tiny-semi-text" } = O?.typography ?? {}, fe = t.details?.limits?.status, pe = fe == null ? void 0 : /* @__PURE__ */ W(An, {
+		status: fe,
+		label: fe === mt.LimitReached ? D?.limitReachedLabel ?? "Limit reached" : D?.limitRunningLowLabel ?? "Running low"
+	}), he = A(() => {
 		n?.(t);
-	}, [t, n]), he = j(() => {
+	}, [t, n]), ge = A(() => {
 		l?.(t);
-	}, [t, l]), ge = j(() => {
-		k?.();
-	}, [k]), _e = j(() => {
-		oe?.();
-	}, [oe]), ve = j(() => {
+	}, [t, l]), _e = A(() => {
+		ne?.();
+	}, [ne]), ve = A(() => {
+		se?.();
+	}, [se]), ye = A(() => {
 		u?.(t);
-	}, [t, u]), [ye, be] = F(!1);
-	M(() => {
-		be(!1);
+	}, [t, u]), [be, xe] = P(!1);
+	j(() => {
+		xe(!1);
 	}, [t.id]);
-	let xe = j(() => {
-		ye || (be(!0), (async () => {
+	let Se = A(() => {
+		be || (xe(!0), (async () => {
 			try {
 				await u?.(t);
 			} catch {} finally {
-				be(!1);
+				xe(!1);
 			}
 		})());
 	}, [
 		t,
 		u,
-		ye
-	]), [z, we] = F(!1);
-	M(() => {
-		we(!1);
+		be
+	]), [R, Te] = P(!1);
+	j(() => {
+		Te(!1);
 	}, [t.id]);
-	let Te = j(() => {
+	let Ee = A(() => {
 		if (o) {
-			we(!0);
+			Te(!0);
 			return;
 		}
 		i?.(t);
@@ -1226,29 +1230,29 @@ var pt = /* @__PURE__ */ function(e) {
 		t,
 		i,
 		o
-	]), Ee = j(() => {
-		we(!1);
-	}, []), De = j(() => {
+	]), De = A(() => {
+		Te(!1);
+	}, []), Oe = A(() => {
 		h?.(t);
-	}, [t, h]), Oe = j(() => {
+	}, [t, h]), ke = A(() => {
 		m?.(t);
-	}, [t, m]), ke = j(() => {
+	}, [t, m]), Ae = A(() => {
 		y?.(t);
-	}, [t, y]), [je, V] = F(xn.Idle), [Me, Ne] = F(void 0), Pe = P(null);
-	M(() => {
-		Pe.current = null, V(xn.Idle), Ne(void 0);
+	}, [t, y]), [Me, B] = P(xn.Idle), [Ne, Pe] = P(void 0), Fe = N(null);
+	j(() => {
+		Fe.current = null, B(xn.Idle), Pe(void 0);
 	}, [t.id]);
-	let Fe = j(() => {
-		if (!b || Pe.current === t.id || !y || t.isMyApp !== !0 || S?.(t) === !1) return;
+	let Ie = A(() => {
+		if (!b || Fe.current === t.id || !y || t.isMyApp !== !0 || S?.(t) === !1) return;
 		let e = t.id;
-		Pe.current = e, V(xn.Loading), (async () => {
+		Fe.current = e, B(xn.Loading), (async () => {
 			try {
 				let n = await b(t);
-				if (Pe.current !== e) return;
-				Ne(n), V(n == null ? xn.Unknown : xn.Resolved);
+				if (Fe.current !== e) return;
+				Pe(n), B(n == null ? xn.Unknown : xn.Resolved);
 			} catch {
-				if (Pe.current !== e) return;
-				Ne(void 0), V(xn.Unknown);
+				if (Fe.current !== e) return;
+				Pe(void 0), B(xn.Unknown);
 			}
 		})();
 	}, [
@@ -1256,121 +1260,121 @@ var pt = /* @__PURE__ */ function(e) {
 		b,
 		y,
 		S
-	]), Ie = j((e) => {
-		e && (Fe(), ae?.());
-	}, [Fe, ae]), Re = j(() => {
-		Fe(), ae?.();
-	}, [Fe, ae]), ze = j(() => {
-		ae?.();
-	}, [ae]), Be = D?.hasPrimaryAction !== !1 && (r?.(t) ?? (t.type === v.Model || t.type === v.Agent || t.type === v.Prompt)), Ue = !I && !!oe && re && (ne?.(t) ?? !0), We = !I && !!oe && !ie && ne?.(t) === !0, Ke = !I && !Ue && (ee?.(t) ?? (t.type === v.Model || t.type === v.Toolset || t.type === v.Agent)), qe = !I && !!l && !!t.isEditable, Qe = !I && t.isMyApp === !0 && (s?.(t) ?? !0), et = c?.(t) ?? !0, tt = te?.(t) ?? !1, rt = t.credentials?.authenticationType ?? _.None, U = t.credentials != null && rt !== _.None ? p(t.credentials) : void 0, ct = !I && U != null && (!!C || !!w), lt = t.type === v.Toolset && ct, ut = !!u && (d?.(t) ?? !0), dt = ut && !lt && (f?.(t) ?? (t.type === v.Skill && !Be)), ft = ut && !dt, pt = !I && t.isMyApp, K = !I && !!h && t.isMyApp !== !0 && t.sharedWithMe === !0 && (g?.(t) ?? !0), q = !I && !!y && t.isMyApp === !0 && (!b || je === xn.Unknown || je === xn.Resolved && (Me ?? 0) > 0) && (S?.(t) ?? !0), J = N(() => {
+	]), Le = A((e) => {
+		e && (Ie(), oe?.());
+	}, [Ie, oe]), ze = A(() => {
+		Ie(), oe?.();
+	}, [Ie, oe]), Be = A(() => {
+		oe?.();
+	}, [oe]), Ve = D?.hasPrimaryAction !== !1 && (r?.(t) ?? (t.type === v.Model || t.type === v.Agent || t.type === v.Prompt)), We = !F && !!se && ie && (re?.(t) ?? !0), Ge = !F && !!se && !ae && re?.(t) === !0, qe = !F && !We && (ee?.(t) ?? (t.type === v.Model || t.type === v.Toolset || t.type === v.Agent)), Je = !F && !!l && !!t.isEditable, $e = !F && t.isMyApp === !0 && (s?.(t) ?? !0), tt = c?.(t) ?? !0, nt = te?.(t) ?? !1, it = t.credentials?.authenticationType ?? _.None, H = t.credentials != null && it !== _.None ? p(t.credentials) : void 0, ct = !F && H != null && (!!C || !!w), lt = t.type === v.Toolset && ct, ut = !!u && (d?.(t) ?? !0), dt = ut && !lt && (f?.(t) ?? (t.type === v.Skill && !Ve)), ft = ut && !dt, pt = !F && t.isMyApp, K = !F && !!h && t.isMyApp !== !0 && t.sharedWithMe === !0 && (g?.(t) ?? !0), q = !F && !!y && t.isMyApp === !0 && (!b || Me === xn.Unknown || Me === xn.Resolved && (Ne ?? 0) > 0) && (S?.(t) ?? !0), J = M(() => {
 		let e = [];
-		if (!et && Qe && e.push({
+		if (!tt && $e && e.push({
 			key: "share",
 			label: D?.shareLabel ?? "Share",
-			icon: /* @__PURE__ */ W($e, {
-				size: L.SM,
+			icon: /* @__PURE__ */ W(et, {
+				size: I.SM,
 				"aria-hidden": !0,
 				className: "text-secondary",
-				stroke: R
+				stroke: L
 			}),
-			onClick: Te
-		}), qe && e.push({
+			onClick: Ee
+		}), Je && e.push({
 			key: "edit",
 			label: D?.editActionLabel ?? "Edit",
-			icon: /* @__PURE__ */ W(Xe, {
-				size: L.SM,
+			icon: /* @__PURE__ */ W(Ze, {
+				size: I.SM,
 				"aria-hidden": !0,
 				className: "text-secondary",
-				stroke: R
+				stroke: L
 			}),
-			onClick: he
+			onClick: ge
 		}), ft && e.push({
 			key: "download",
 			label: D?.downloadActionLabel ?? "Download",
-			icon: /* @__PURE__ */ W(He, {
-				size: L.SM,
+			icon: /* @__PURE__ */ W(Ue, {
+				size: I.SM,
 				"aria-hidden": !0,
 				className: "text-secondary",
-				stroke: R
+				stroke: L
 			}),
-			onClick: ve
-		}), !tt && Ke && e.push({
+			onClick: ye
+		}), !nt && qe && e.push({
 			key: "publish",
 			label: D?.publishLabel ?? "Publish",
-			icon: /* @__PURE__ */ W(ot, {
-				size: L.SM,
+			icon: /* @__PURE__ */ W(st, {
+				size: I.SM,
 				"aria-hidden": !0,
 				className: "text-secondary",
-				stroke: R
+				stroke: L
 			}),
-			onClick: ge
-		}), !tt && Ue && e.push({
+			onClick: _e
+		}), !nt && We && e.push({
 			key: "unpublish",
 			label: D?.unpublishLabel ?? "Unpublish",
-			icon: /* @__PURE__ */ W(at, {
-				size: L.SM,
+			icon: /* @__PURE__ */ W(ot, {
+				size: I.SM,
 				"aria-hidden": !0,
 				className: "text-secondary",
-				stroke: R
+				stroke: L
 			}),
-			onClick: _e
+			onClick: ve
 		}), pt && e.push({
 			key: "delete",
 			label: D?.deleteActionLabel ?? "Delete",
-			icon: /* @__PURE__ */ W(nt, {
-				size: L.SM,
+			icon: /* @__PURE__ */ W(rt, {
+				size: I.SM,
 				"aria-hidden": !0,
-				stroke: R
+				stroke: L
 			}),
 			danger: !0,
-			onClick: Oe
+			onClick: ke
 		}), q) {
 			let t = D?.revokeShareLabel ?? "Revoke access", n = D?.revokeShareLabelWithCount ?? ((e) => `${t} (${e})`);
 			e.push({
 				key: "revoke-share",
-				label: Me == null ? t : n(Me),
-				icon: /* @__PURE__ */ W(it, {
-					size: L.SM,
+				label: Ne == null ? t : n(Ne),
+				icon: /* @__PURE__ */ W(at, {
+					size: I.SM,
 					"aria-hidden": !0,
-					stroke: R
+					stroke: L
 				}),
 				danger: !0,
-				onClick: ke
+				onClick: Ae
 			});
 		}
 		return K && e.push({
 			key: "unshare",
 			label: D?.unshareLabel ?? "Remove from My List",
-			icon: /* @__PURE__ */ W(nt, {
-				size: L.SM,
+			icon: /* @__PURE__ */ W(rt, {
+				size: I.SM,
 				"aria-hidden": !0,
-				stroke: R
+				stroke: L
 			}),
-			onClick: De
+			onClick: Oe
 		}), e;
 	}, [
-		et,
-		Qe,
-		qe,
-		ft,
 		tt,
-		Ke,
-		Ue,
+		$e,
+		Je,
+		ft,
+		nt,
+		qe,
+		We,
 		pt,
 		q,
-		Me,
+		Ne,
 		K,
 		D,
-		Te,
-		he,
-		ve,
+		Ee,
 		ge,
+		ye,
 		_e,
-		Oe,
+		ve,
 		ke,
-		De
-	]), [ht, gt] = F(!1), Y = rt === _.ApiKey && U !== e.ManageCredentials, _t = rt === _.ApiKey && U === e.LogOut, X = rt !== _.ApiKey && U !== e.ManageCredentials && U === e.LogOut, vt = j(() => {
-		if (U === e.ManageCredentials) {
+		Ae,
+		Oe
+	]), [ht, gt] = P(!1), Y = it === _.ApiKey && H !== e.ManageCredentials, _t = it === _.ApiKey && H === e.LogOut, X = it !== _.ApiKey && H !== e.ManageCredentials && H === e.LogOut, vt = A(() => {
+		if (H === e.ManageCredentials) {
 			T?.();
 			return;
 		}
@@ -1378,34 +1382,34 @@ var pt = /* @__PURE__ */ function(e) {
 			gt((e) => !e);
 			return;
 		}
-		if (U === e.LogOut) {
+		if (H === e.LogOut) {
 			E?.();
 			return;
 		}
 		C?.(t, { level: a.User });
 	}, [
-		U,
+		H,
 		Y,
 		t,
 		C,
 		T,
 		E
-	]), yt = U === e.ManageCredentials ? (D?.manageCredentialsActionLabel ?? On)(rt) : rt === _.ApiKey ? U === e.LogOut ? D?.changeApiKeyActionLabel ?? "Change API key" : D?.apiKeyActionLabel ?? "API key" : U === e.LogOut ? D?.logoutActionLabel ?? "Log out" : D?.loginActionLabel ?? "Log in", bt = U === e.ManageCredentials || rt === _.ApiKey ? /* @__PURE__ */ W(Ge, {
-		size: L.MD,
-		stroke: R
-	}) : U === e.LogOut ? /* @__PURE__ */ W(Ye, {
-		size: L.MD,
-		stroke: R
-	}) : /* @__PURE__ */ W(Je, {
-		size: L.MD,
-		stroke: R
-	}), Z = U === e.ManageCredentials ? /* @__PURE__ */ W(H, {
-		size: L.MD,
+	]), yt = H === e.ManageCredentials ? (D?.manageCredentialsActionLabel ?? On)(it) : it === _.ApiKey ? H === e.LogOut ? D?.changeApiKeyActionLabel ?? "Change API key" : D?.apiKeyActionLabel ?? "API key" : H === e.LogOut ? D?.logoutActionLabel ?? "Log out" : D?.loginActionLabel ?? "Log in", bt = H === e.ManageCredentials || it === _.ApiKey ? /* @__PURE__ */ W(Ke, {
+		size: I.MD,
+		stroke: L
+	}) : H === e.LogOut ? /* @__PURE__ */ W(Xe, {
+		size: I.MD,
+		stroke: L
+	}) : /* @__PURE__ */ W(Ye, {
+		size: I.MD,
+		stroke: L
+	}), Z = H === e.ManageCredentials ? /* @__PURE__ */ W(V, {
+		size: I.MD,
 		className: "rtl:scale-x-[-1]",
-		stroke: R
-	}) : Y ? /* @__PURE__ */ W(Le, {
-		size: L.MD,
-		stroke: R
+		stroke: L
+	}) : Y ? /* @__PURE__ */ W(Re, {
+		size: I.MD,
+		stroke: L
 	}) : void 0, xt = (e) => {
 		let n = /* @__PURE__ */ W(e, {
 			label: yt,
@@ -1415,7 +1419,7 @@ var pt = /* @__PURE__ */ function(e) {
 			"aria-haspopup": Y ? "dialog" : void 0,
 			"aria-expanded": Y ? ht : void 0
 		});
-		return !Y || t.credentials == null ? n : /* @__PURE__ */ W(ue, {
+		return !Y || t.credentials == null ? n : /* @__PURE__ */ W(de, {
 			placement: "bottom-start",
 			matchReferenceWidth: !1,
 			open: ht,
@@ -1435,107 +1439,108 @@ var pt = /* @__PURE__ */ function(e) {
 			children: n
 		});
 	}, Q = () => {
-		let e = /* @__PURE__ */ W(ue, {
+		let e = /* @__PURE__ */ W(de, {
 			items: J,
 			placement: "bottom-end",
 			matchReferenceWidth: !1,
-			onOpenChange: Ie,
-			children: /* @__PURE__ */ W(Se, {
-				icon: /* @__PURE__ */ W(Ve, {
-					size: L.LG,
+			onOpenChange: Le,
+			children: /* @__PURE__ */ W(Ce, {
+				icon: /* @__PURE__ */ W(He, {
+					size: I.LG,
 					"aria-hidden": !0,
-					stroke: R
+					stroke: L
 				}),
 				"aria-label": D?.manageActionLabel ?? "Manage",
 				"aria-haspopup": "menu",
-				onMouseEnter: Re,
-				onFocus: Re
+				onMouseEnter: ze,
+				onFocus: ze
 			})
 		});
-		return et || !o || !Qe ? e : /* @__PURE__ */ W(ue, {
+		return tt || !o || !$e ? e : /* @__PURE__ */ W(de, {
 			placement: "bottom-end",
 			matchReferenceWidth: !1,
-			open: z,
-			onOpenChange: we,
+			open: R,
+			onOpenChange: Te,
 			trigger: [],
 			outsideClosable: !0,
-			renderOverlay: () => o(t, Ee),
+			renderOverlay: () => o(t, De),
 			children: e
 		});
-	}, St = lt || Be || dt || et && Qe || tt && Ue || tt && Ke || ct && !lt || J.length > 0 || We;
+	}, St = lt || Ve || dt || tt && $e || nt && We || nt && qe || ct && !lt || J.length > 0 || Ge;
 	return /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-3 px-6 py-4",
 		children: [/* @__PURE__ */ W(x, {
 			item: t,
 			iconSize: 52,
-			nameClassName: A(se, Tn.name),
+			nameClassName: k(ce, Tn.name),
 			featuredLabel: D?.featuredLabel ?? "Featured",
-			statusBadge: fe,
-			footer: t.folder.length > 0 ? /* @__PURE__ */ W(pe, {
+			featuredChipStyle: O?.colors?.featuredChipStyle,
+			statusBadge: pe,
+			footer: t.folder.length > 0 ? /* @__PURE__ */ W(me, {
 				segments: t.folder,
-				labelClassName: ce,
-				leafClassName: le
+				labelClassName: le,
+				leafClassName: ue
 			}) : void 0
 		}), St && /* @__PURE__ */ G("div", {
 			className: "flex flex-wrap items-center gap-2 ps-[60px]",
 			children: [
-				lt && xt(_t || X ? B : Ce),
-				Be && /* @__PURE__ */ W(Ce, {
+				lt && xt(_t || X ? z : we),
+				Ve && /* @__PURE__ */ W(we, {
 					label: D?.primaryActionLabel ?? "Use in chat",
-					iconBefore: /* @__PURE__ */ W(Ze, { size: L.MD }),
-					onClick: me,
-					disabled: de === mt.LimitReached
+					iconBefore: /* @__PURE__ */ W(Qe, { size: I.MD }),
+					onClick: he,
+					disabled: fe === mt.LimitReached
 				}),
-				dt && /* @__PURE__ */ G(st, { children: [/* @__PURE__ */ W(Ce, {
+				dt && /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(we, {
 					label: D?.downloadActionLabel ?? "Download",
-					iconBefore: ye ? /* @__PURE__ */ W(Ae, {
-						size: L.MD,
+					iconBefore: be ? /* @__PURE__ */ W(je, {
+						size: I.MD,
 						"aria-hidden": !0
-					}) : /* @__PURE__ */ W(He, {
-						size: L.MD,
+					}) : /* @__PURE__ */ W(Ue, {
+						size: I.MD,
 						"aria-hidden": !0,
-						stroke: R
+						stroke: L
 					}),
-					onClick: xe,
-					disabled: ye,
-					"aria-busy": ye
-				}), ye && /* @__PURE__ */ W("span", {
+					onClick: Se,
+					disabled: be,
+					"aria-busy": be
+				}), be && /* @__PURE__ */ W("span", {
 					role: "status",
 					"aria-live": "polite",
 					className: "sr-only",
 					children: D?.downloadingStatusLabel ?? "Downloading"
 				})] }),
-				et && Qe && /* @__PURE__ */ W(Dn, {
+				tt && $e && /* @__PURE__ */ W(Dn, {
 					item: t,
 					onShare: i,
 					shareOverlay: o,
 					isShareVisible: s,
 					label: D?.shareLabel
 				}),
-				tt && Ue && /* @__PURE__ */ W(B, {
+				nt && We && /* @__PURE__ */ W(z, {
 					label: D?.unpublishLabel ?? "Unpublish",
-					iconBefore: /* @__PURE__ */ W(at, {
-						size: L.MD,
+					iconBefore: /* @__PURE__ */ W(ot, {
+						size: I.MD,
 						"aria-hidden": !0,
-						stroke: R
+						stroke: L
 					}),
-					onClick: _e,
-					onMouseEnter: ze,
-					onFocus: ze
+					onClick: ve,
+					onMouseEnter: Be,
+					onFocus: Be
 				}),
-				tt && Ke && /* @__PURE__ */ W(B, {
+				nt && qe && /* @__PURE__ */ W(z, {
 					label: D?.publishLabel ?? "Publish",
-					iconBefore: /* @__PURE__ */ W(ot, {
-						size: L.MD,
+					iconBefore: /* @__PURE__ */ W(st, {
+						size: I.MD,
 						"aria-hidden": !0,
-						stroke: R
+						stroke: L
 					}),
-					onClick: ge,
-					onMouseEnter: ze,
-					onFocus: ze
+					onClick: _e,
+					onMouseEnter: Be,
+					onFocus: Be
 				}),
-				ct && !lt && xt(B),
-				(J.length > 0 || We) && Q()
+				ct && !lt && xt(z),
+				(J.length > 0 || Ge) && Q()
 			]
 		})]
 	});
@@ -1572,8 +1577,8 @@ var pt = /* @__PURE__ */ function(e) {
 	};
 	return e.type === Y.File || !t.has(e.id) ? [r] : [r, ...Pn(e.items, t, e.id)];
 }), Fn = ({ nodes: e, selectedFileId: t, expandedFolderIds: n, onToggleFolder: r, onSelectFile: i, onClose: a, ariaLabel: o = "Select file", rowNameClassName: s = "dial-small-text" }) => {
-	let c = N(() => Pn(e, n), [e, n]), l = P({}), [u, d] = F(() => t ?? c[0]?.node.id);
-	M(() => {
+	let c = M(() => Pn(e, n), [e, n]), l = N({}), [u, d] = P(() => t ?? c[0]?.node.id);
+	j(() => {
 		u != null && l.current[u]?.focus();
 	}, []);
 	let f = (e) => {
@@ -1610,7 +1615,7 @@ var pt = /* @__PURE__ */ function(e) {
 				break;
 			default: break;
 		}
-	}, m = (e) => A("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) => {
+	}, 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 === Y.File) {
 			let n = e.id === t;
@@ -1621,11 +1626,11 @@ var pt = /* @__PURE__ */ function(e) {
 				role: "treeitem",
 				"aria-selected": n,
 				tabIndex: a ? 0 : -1,
-				className: A(m(a), n && "bg-control-accent-alpha-active"),
+				className: k(m(a), n && "bg-control-accent-alpha-active"),
 				onClick: () => i(e.id),
 				onFocus: () => d(e.id),
 				children: /* @__PURE__ */ W("span", {
-					className: A("min-w-0 flex-1 truncate", s),
+					className: k("min-w-0 flex-1 truncate", s),
 					children: e.name
 				})
 			}, e.id);
@@ -1642,21 +1647,21 @@ var pt = /* @__PURE__ */ function(e) {
 			onClick: () => r(e.id),
 			onFocus: () => d(e.id),
 			children: [
-				/* @__PURE__ */ W(We, {
-					size: L.SM,
+				/* @__PURE__ */ W(Ge, {
+					size: I.SM,
 					className: "shrink-0",
 					"aria-hidden": !0,
-					stroke: R
+					stroke: L
 				}),
 				/* @__PURE__ */ W("span", {
-					className: A("min-w-0 flex-1 truncate", s),
+					className: k("min-w-0 flex-1 truncate", s),
 					children: e.name
 				}),
-				/* @__PURE__ */ W(Le, {
-					size: L.SM,
-					className: A("shrink-0 transition-transform", !o && "-rotate-90 rtl:rotate-90"),
+				/* @__PURE__ */ W(Re, {
+					size: I.SM,
+					className: k("shrink-0 transition-transform", !o && "-rotate-90 rtl:rotate-90"),
 					"aria-hidden": !0,
-					stroke: R
+					stroke: L
 				})
 			]
 		}), o && e.items.length > 0 && /* @__PURE__ */ W("div", {
@@ -1686,7 +1691,7 @@ var pt = /* @__PURE__ */ function(e) {
 		children: [
 			S && /* @__PURE__ */ G("div", {
 				className: "flex shrink-0 items-center gap-3",
-				children: [/* @__PURE__ */ W(ue, {
+				children: [/* @__PURE__ */ W(de, {
 					open: c,
 					onOpenChange: l,
 					trigger: [],
@@ -1703,23 +1708,23 @@ var pt = /* @__PURE__ */ function(e) {
 						ariaLabel: u,
 						rowNameClassName: _
 					}),
-					children: /* @__PURE__ */ W(ve, {
+					children: /* @__PURE__ */ W(ye, {
 						label: C,
-						size: de.Small,
+						size: fe.Small,
 						isOpen: c,
 						onClick: () => l(!c)
 					})
 				}), /* @__PURE__ */ W("span", {
-					className: A("shrink-0", y, Nn.fileCount),
+					className: k("shrink-0", y, Nn.fileCount),
 					children: d(Vt(x))
 				})]
 			}),
-			b && /* @__PURE__ */ G(st, { children: [/* @__PURE__ */ W("p", {
-				className: A("m-0", _),
+			b && /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("p", {
+				className: k("m-0", _),
 				children: t
-			}), /* @__PURE__ */ W("div", { className: A("shrink-0", Nn.divider) })] }),
+			}), /* @__PURE__ */ W("div", { className: k("shrink-0", Nn.divider) })] }),
 			/* @__PURE__ */ G("div", {
-				className: A("min-h-0 flex-1 text-start", h == null ? "overflow-auto break-words" : "overflow-hidden", h == null && Nn.body, h == null && _),
+				className: k("min-h-0 flex-1 text-start", h == null ? "overflow-auto break-words" : "overflow-hidden", h == null && Nn.body, h == null && _),
 				children: [a && /* @__PURE__ */ W("span", {
 					role: "status",
 					className: "sr-only",
@@ -1767,21 +1772,21 @@ var pt = /* @__PURE__ */ function(e) {
 }, Jn = ({ row: e, labelClassName: t, captionClassName: n, valueClassName: r, noteValueClassName: i, noteClassName: a }) => {
 	let o = Hn(e);
 	return /* @__PURE__ */ G("li", {
-		className: A("flex items-center justify-between gap-5 border-b py-4 first:pt-0 last:border-b-0 last:pb-0", qn.divider),
+		className: k("flex items-center justify-between gap-5 border-b py-4 first:pt-0 last:border-b-0 last:pb-0", qn.divider),
 		children: [/* @__PURE__ */ G("div", {
 			className: "flex min-w-0 flex-1 flex-col",
 			children: [/* @__PURE__ */ W("span", {
-				className: A("break-words", t, qn.label),
+				className: k("break-words", t, qn.label),
 				children: e.label
 			}), e.captionLabel != null && /* @__PURE__ */ W("span", {
-				className: A("break-words", n, qn.label),
+				className: k("break-words", n, qn.label),
 				children: e.captionLabel
 			})]
 		}), Wn(e) ? /* @__PURE__ */ G("div", {
 			className: "flex w-32 shrink-0 flex-col items-end gap-2",
 			children: [/* @__PURE__ */ W("div", {
-				className: A("flex gap-1", r),
-				children: e.usedLabel != null && e.totalLabel != null ? /* @__PURE__ */ G(st, { children: [/* @__PURE__ */ W("span", {
+				className: k("flex gap-1", r),
+				children: e.usedLabel != null && e.totalLabel != null ? /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("span", {
 					className: qn.valuePrimary,
 					children: e.usedLabel
 				}), /* @__PURE__ */ W("span", {
@@ -1791,27 +1796,27 @@ var pt = /* @__PURE__ */ function(e) {
 					className: qn.label,
 					children: o
 				})
-			}), /* @__PURE__ */ W(we, {
+			}), /* @__PURE__ */ W(Te, {
 				value: Bn(e),
 				max: Vn(e.total),
-				size: de.Small,
-				className: A("!h-1 w-full", qn.progressTrack, Kn(e) === zn.Default && qn.progressFillDefault, Kn(e) === zn.Warning && qn.progressFillWarning, Kn(e) === zn.Danger && qn.progressFillDanger),
+				size: fe.Small,
+				className: k("!h-1 w-full", qn.progressTrack, Kn(e) === zn.Default && qn.progressFillDefault, Kn(e) === zn.Warning && qn.progressFillWarning, Kn(e) === zn.Danger && qn.progressFillDanger),
 				"aria-label": e.label,
 				"aria-valuetext": e.ariaLabel ?? o
 			})]
 		}) : /* @__PURE__ */ G("div", {
 			className: "flex shrink-0 flex-col items-end",
 			children: [/* @__PURE__ */ W("span", {
-				className: A(i, qn.valuePrimary),
+				className: k(i, qn.valuePrimary),
 				children: o
 			}), e.noteLabel != null && /* @__PURE__ */ W("span", {
-				className: A(a, qn.label),
+				className: k(a, qn.label),
 				children: e.noteLabel
 			})]
 		})]
 	});
 }, Yn = ({ group: e, sectionClassName: t, labelClassName: n, captionClassName: r, valueClassName: i, noteValueClassName: a, noteClassName: o }) => /* @__PURE__ */ G("section", { children: [/* @__PURE__ */ W("p", {
-	className: A("mb-3 mt-0", t, qn.sectionHeading),
+	className: k("mb-3 mt-0", t, qn.sectionHeading),
 	children: e.label
 }), /* @__PURE__ */ W("ul", {
 	className: "m-0 flex list-none flex-col p-0",
@@ -1827,7 +1832,7 @@ var pt = /* @__PURE__ */ function(e) {
 	let u = e?.groups.filter((e) => e.rows.length > 0);
 	return u == null || u.length === 0 ? null : /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-6",
-		style: k({
+		style: ne({
 			"--lt-section-heading": l?.sectionHeading,
 			"--lt-label": l?.label,
 			"--lt-value-primary": l?.valuePrimary,
@@ -1846,7 +1851,7 @@ var pt = /* @__PURE__ */ function(e) {
 			noteValueClassName: i,
 			noteClassName: a
 		}, e.label)), c != null && /* @__PURE__ */ W("p", {
-			className: A("m-0 border-t pt-4", s, qn.divider, qn.label),
+			className: k("m-0 border-t pt-4", s, qn.divider, qn.label),
 			children: c
 		})]
 	});
@@ -1854,7 +1859,7 @@ var pt = /* @__PURE__ */ function(e) {
 	className: "flex flex-col gap-4",
 	children: e.map((e, s) => /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-4",
-		children: [s > 0 && /* @__PURE__ */ W("div", { className: A("shrink-0 border-b", bn.divider) }), /* @__PURE__ */ W("div", {
+		children: [s > 0 && /* @__PURE__ */ W("div", { className: k("shrink-0 border-b", bn.divider) }), /* @__PURE__ */ W("div", {
 			className: "px-6",
 			children: /* @__PURE__ */ W(Kt, {
 				sectionLabel: e.title,
@@ -1901,13 +1906,13 @@ var pt = /* @__PURE__ */ function(e) {
 }, er = ({ columns: e, rows: t, columnsTemplate: n, headingClassName: r = "dial-caption-lead-semi-text", cellClassName: i = "dial-tiny-text" }) => {
 	let a = n ?? `repeat(${e.length}, 1fr)`;
 	return /* @__PURE__ */ G("div", {
-		className: A($n.container, "grid overflow-hidden rounded-md"),
+		className: k($n.container, "grid overflow-hidden rounded-md"),
 		style: { gridTemplateColumns: a },
 		children: [e.map((e) => /* @__PURE__ */ W("div", {
-			className: A("px-2 py-1 text-start", r, $n.header),
+			className: k("px-2 py-1 text-start", r, $n.header),
 			children: e
-		}, e)), t.map((e, t) => /* @__PURE__ */ W(ne, { children: e.map((e, n) => /* @__PURE__ */ W("div", {
-			className: A("px-2 py-1.5", i, $n.cell, t % 2 == 1 ? $n.evenRow : void 0),
+		}, e)), t.map((e, t) => /* @__PURE__ */ W(re, { children: e.map((e, n) => /* @__PURE__ */ W("div", {
+			className: k("px-2 py-1.5", i, $n.cell, t % 2 == 1 ? $n.evenRow : void 0),
 			children: e
 		}, n)) }, t))]
 	});
@@ -1918,7 +1923,7 @@ var pt = /* @__PURE__ */ function(e) {
 }, nr = ({ tools: e, toolNameClassName: t = "dial-small-semi-text", descriptionClassName: n = "dial-small-text", tableHeadingClassName: r = "dial-caption-text", tableCellClassName: i = "dial-tiny-text" }) => e == null ? null : /* @__PURE__ */ W("div", {
 	className: "flex flex-col",
 	children: e.tools.map((e, a) => /* @__PURE__ */ G("div", {
-		className: A("flex flex-col gap-3 px-[22px] py-4", a > 0 ? tr.divider : void 0),
+		className: k("flex flex-col gap-3 px-[22px] py-4", a > 0 ? tr.divider : void 0),
 		children: [
 			/* @__PURE__ */ G("div", {
 				className: "flex flex-col gap-1",
@@ -1926,7 +1931,7 @@ var pt = /* @__PURE__ */ function(e) {
 					className: t,
 					children: e.name
 				}), e.description != null && /* @__PURE__ */ W("p", {
-					className: A("m-0", n, tr.description),
+					className: k("m-0", n, tr.description),
 					children: e.description
 				})]
 			}),
@@ -1939,11 +1944,11 @@ var pt = /* @__PURE__ */ function(e) {
 				columnsTemplate: "1fr 1fr auto",
 				rows: e.inputParams.map((e) => [
 					/* @__PURE__ */ W("code", {
-						className: A("text-inherit border-none bg-transparent p-0", tr.code),
+						className: k("text-inherit border-none bg-transparent p-0", tr.code),
 						children: e.name
 					}, "name"),
 					/* @__PURE__ */ W("code", {
-						className: A("text-inherit border-none bg-transparent p-0", tr.code),
+						className: k("text-inherit border-none bg-transparent p-0", tr.code),
 						children: e.type
 					}, "type"),
 					e.isRequired ? "✓" : "—"
@@ -1954,7 +1959,7 @@ var pt = /* @__PURE__ */ function(e) {
 			e.annotations != null && e.annotations.length > 0 && /* @__PURE__ */ W(er, {
 				columns: ["Key", "Value"],
 				rows: e.annotations.map((e) => [/* @__PURE__ */ W("code", {
-					className: A("text-inherit border-none bg-transparent p-0", tr.code),
+					className: k("text-inherit border-none bg-transparent p-0", tr.code),
 					children: e.key
 				}, "key"), e.value]),
 				headingClassName: r,
@@ -1978,129 +1983,129 @@ var pt = /* @__PURE__ */ function(e) {
 	"Everyone you shared it with loses access",
 	"Existing share links stop working",
 	"You keep full access — nothing is deleted"
-], pr = (e) => e === _.ApiKey ? "Toolset API keys" : "Toolset credentials", mr = (e) => e === a.Global ? "Are you sure you want to delete the organization API key?" : "Are you sure you want to delete your personal API key?", hr = new Set([q.Delete, q.Unshare]), gr = ({ item: e, isOpen: t, isStarred: n = !1, isDetailsLoading: r = !1, isReadonly: i = !1, onClose: o, onToggleFavorite: c, isFavoriteVisible: l, onUseInChat: d, isPrimaryActionVisible: f, onShare: p, isPublishVisible: m, isPublishPrimary: h, getPublishHistory: g, publishFolderItems: _ = sr, publishExpandedPaths: v, onPublishExpandedPathsChange: y, publishLoadingPaths: b, hasPublishWriteAccess: x, publishDefaultAuthor: S, onPublish: C, onPublishSuccess: w, onPublishError: T, onCreatePublishFolder: E, publishLabels: D, ruleSourceOptions: O = cr, onFetchExistingRules: ee, shareOverlay: te, isShareVisible: ne, isSharePrimary: re, onEdit: ie, onDownload: ae, isDownloadVisible: oe, isDownloadPrimary: I, onLoadContentFile: se, onLoadContentFilePreview: L, renderContentFilePreview: le, onDelete: ue, onUnshare: fe, isUnshareVisible: pe, onRevokeShare: me, onFetchRecipientsCount: ge, isRevokeShareVisible: _e, onUnpublish: ve, isUnpublishVisible: ye, onLogin: be, onLogout: xe, texts: z, styles: B, limitsFooterNote: Se }) => {
-	let { subViewTitleClassName: Ce = "dial-body-semi-text", overviewSectionClassName: we = "dial-caption-text", overviewLabelClassName: Ee = "dial-small-semi-text", overviewValueClassName: De = "dial-small-text", overviewValueTrueClassName: ke = "dial-small-text", confirmMessageClassName: Ae = "dial-small-text" } = B?.typography ?? {}, V = B?.colors, Me = k({
-		"--cat-details-backdrop": V?.backdrop,
-		"--cat-details-bg": V?.background,
-		"--cat-details-border": V?.border,
-		"--cat-details-divider": V?.divider,
-		"--cat-details-scrollbar": V?.scrollbar,
-		"--cat-details-skeleton": V?.skeleton,
-		"--cat-details-name-text": V?.nameText,
-		"--cat-details-publish-title-text": V?.publishTitleText,
-		"--cat-details-content-text": V?.contentText,
-		"--cat-details-variable-text": V?.variableText,
-		"--cat-details-file-count-text": V?.contentFileCountText,
-		"--cat-api-heading-text": V?.apiHeadingText,
-		"--cat-tools-divider": V?.toolsDivider,
-		"--cat-tools-description-text": V?.toolsDescriptionText,
-		"--cat-grid-border": V?.gridBorder,
-		"--cat-grid-header-text": V?.gridHeaderText,
-		"--cat-grid-header-bg": V?.gridHeaderBackground,
-		"--cat-grid-cell-text": V?.gridCellText,
-		"--cat-grid-cell-divider": V?.gridCellDivider,
-		"--cat-grid-row-even-bg": V?.gridRowEvenBackground,
-		"--cat-info-card-bg": V?.infoCardBackground,
-		"--cat-info-card-danger-bg": V?.infoCardDangerBackground,
-		"--cat-confirm-message-text": V?.confirmMessageText,
-		"--cat-confirm-consequence-text": V?.confirmConsequenceText,
-		"--cat-confirm-footer-border": V?.confirmFooterBorder,
-		"--cat-cred-surface-bg": V?.credentialsSurfaceBackground,
-		"--cat-cred-active-icon": V?.credentialsActiveIcon,
-		"--cat-cred-banner-icon-bg": V?.credentialsBannerIconBackground,
-		"--cat-cred-description-text": V?.credentialsDescriptionText,
-		"--cat-cred-row-description-text": V?.credentialsRowDescriptionText,
-		"--cat-cred-error-text": V?.credentialsErrorText,
-		"--cat-cred-card-bg": V?.credentialsCardBackground,
-		"--cat-cred-card-icon": V?.credentialsCardIcon,
-		"--cat-cred-card-title-text": V?.credentialsCardTitleText,
-		"--cat-cred-card-description-text": V?.credentialsCardDescriptionText
-	}), [Ne, Pe] = F(n), [H, Fe] = F(""), [Ie, Le] = F(!1), [ze, Be] = F([]), [Ve, He] = F(!1), [Ue, We] = F(!1), [Ge, Ke] = F(!1), qe = P(null), Je = e.details?.promptContent, Ye = Je?.selectedFileId, [Xe, Ze] = F(null), [Qe, $e] = F(!1), [et, tt] = F(/* @__PURE__ */ new Set()), [nt, rt] = F(!1), U = P(null), it = P(0), at = j((e) => {
-		let t = U.current, n = e?.preview?.type === _t.Image ? e.preview.url : null;
-		t != null && t !== n && t.startsWith("blob:") && URL.revokeObjectURL(t), U.current = n, Ze(e);
+], pr = (e) => e === _.ApiKey ? "Toolset API keys" : "Toolset credentials", mr = (e) => e === a.Global ? "Are you sure you want to delete the organization API key?" : "Are you sure you want to delete your personal API key?", hr = new Set([q.Delete, q.Unshare]), gr = ({ item: e, isOpen: t, isStarred: n = !1, isDetailsLoading: r = !1, isReadonly: i = !1, onClose: o, onToggleFavorite: c, isFavoriteVisible: l, onUseInChat: d, isPrimaryActionVisible: f, onShare: p, isPublishVisible: m, isPublishPrimary: h, getPublishHistory: g, publishFolderItems: _ = sr, publishExpandedPaths: v, onPublishExpandedPathsChange: y, publishLoadingPaths: b, hasPublishWriteAccess: x, publishDefaultAuthor: S, onPublish: C, onPublishSuccess: w, onPublishError: T, onCreatePublishFolder: E, publishLabels: D, ruleSourceOptions: O = cr, onFetchExistingRules: ee, shareOverlay: te, isShareVisible: re, isSharePrimary: ie, onEdit: ae, onDownload: oe, isDownloadVisible: se, isDownloadPrimary: F, onLoadContentFile: ce, onLoadContentFilePreview: I, renderContentFilePreview: ue, onDelete: de, onUnshare: pe, isUnshareVisible: me, onRevokeShare: he, onFetchRecipientsCount: _e, isRevokeShareVisible: ve, onUnpublish: ye, isUnpublishVisible: be, onLogin: xe, onLogout: Se, texts: R, styles: z, limitsFooterNote: Ce }) => {
+	let { subViewTitleClassName: we = "dial-body-semi-text", overviewSectionClassName: Te = "dial-caption-text", overviewLabelClassName: De = "dial-small-semi-text", overviewValueClassName: Oe = "dial-small-text", overviewValueTrueClassName: Ae = "dial-small-text", confirmMessageClassName: je = "dial-small-text" } = z?.typography ?? {}, B = z?.colors, Ne = ne({
+		"--cat-details-backdrop": B?.backdrop,
+		"--cat-details-bg": B?.background,
+		"--cat-details-border": B?.border,
+		"--cat-details-divider": B?.divider,
+		"--cat-details-scrollbar": B?.scrollbar,
+		"--cat-details-skeleton": B?.skeleton,
+		"--cat-details-name-text": B?.nameText,
+		"--cat-details-publish-title-text": B?.publishTitleText,
+		"--cat-details-content-text": B?.contentText,
+		"--cat-details-variable-text": B?.variableText,
+		"--cat-details-file-count-text": B?.contentFileCountText,
+		"--cat-api-heading-text": B?.apiHeadingText,
+		"--cat-tools-divider": B?.toolsDivider,
+		"--cat-tools-description-text": B?.toolsDescriptionText,
+		"--cat-grid-border": B?.gridBorder,
+		"--cat-grid-header-text": B?.gridHeaderText,
+		"--cat-grid-header-bg": B?.gridHeaderBackground,
+		"--cat-grid-cell-text": B?.gridCellText,
+		"--cat-grid-cell-divider": B?.gridCellDivider,
+		"--cat-grid-row-even-bg": B?.gridRowEvenBackground,
+		"--cat-info-card-bg": B?.infoCardBackground,
+		"--cat-info-card-danger-bg": B?.infoCardDangerBackground,
+		"--cat-confirm-message-text": B?.confirmMessageText,
+		"--cat-confirm-consequence-text": B?.confirmConsequenceText,
+		"--cat-confirm-footer-border": B?.confirmFooterBorder,
+		"--cat-cred-surface-bg": B?.credentialsSurfaceBackground,
+		"--cat-cred-active-icon": B?.credentialsActiveIcon,
+		"--cat-cred-banner-icon-bg": B?.credentialsBannerIconBackground,
+		"--cat-cred-description-text": B?.credentialsDescriptionText,
+		"--cat-cred-row-description-text": B?.credentialsRowDescriptionText,
+		"--cat-cred-error-text": B?.credentialsErrorText,
+		"--cat-cred-card-bg": B?.credentialsCardBackground,
+		"--cat-cred-card-icon": B?.credentialsCardIcon,
+		"--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), [Be, Ve] = 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, it] = P(!1), H = N(null), at = N(0), ot = A((e) => {
+		let t = H.current, n = e?.preview?.type === _t.Image ? e.preview.url : null;
+		t != null && t !== n && t.startsWith("blob:") && URL.revokeObjectURL(t), H.current = n, Qe(e);
 	}, []);
-	M(() => {
-		it.current += 1, at(null), $e(!1), tt(Ht(Je?.files ?? [])), rt(!1);
-	}, [e.id, Ye]), M(() => () => {
-		let e = U.current;
+	j(() => {
+		at.current += 1, ot(null), et(!1), nt(Ht(Ye?.files ?? [])), it(!1);
+	}, [e.id, Xe]), j(() => () => {
+		let e = H.current;
 		e != null && e.startsWith("blob:") && URL.revokeObjectURL(e);
 	}, []);
-	let ot = j((e) => {
-		tt((t) => {
+	let st = A((e) => {
+		nt((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), ft = j(async (e) => {
-		if (e === Ye) {
-			it.current += 1, at(null), $e(!1);
+	}, []), ft = A(async (e) => {
+		if (e === Xe) {
+			at.current += 1, ot(null), et(!1);
 			return;
 		}
-		if (le == null && se == null && L == null) return;
-		if (le != null) {
-			it.current += 1, at({
+		if (ue == null && ce == null && I == null) return;
+		if (ue != null) {
+			at.current += 1, ot({
 				id: e,
 				preview: null
-			}), $e(!1);
+			}), et(!1);
 			return;
 		}
-		let t = ++it.current;
-		at({
+		let t = ++at.current;
+		ot({
 			id: e,
 			preview: null
-		}), $e(!0);
+		}), et(!0);
 		try {
-			let n = L == null ? await se?.(e).then((e) => e == null ? void 0 : {
+			let n = I == null ? await ce?.(e).then((e) => e == null ? void 0 : {
 				type: _t.Markdown,
 				text: e
-			}) : await L(e);
-			if (it.current !== t) {
+			}) : await I(e);
+			if (at.current !== t) {
 				n?.type === _t.Image && n.url.startsWith("blob:") && URL.revokeObjectURL(n.url);
 				return;
 			}
-			at({
+			ot({
 				id: e,
 				preview: n ?? null
 			});
 		} catch {
-			if (it.current !== t) return;
-			at({
+			if (at.current !== t) return;
+			ot({
 				id: e,
 				preview: null
 			});
 		} finally {
-			it.current === t && $e(!1);
+			at.current === t && et(!1);
 		}
 	}, [
-		Ye,
-		se,
-		L,
-		le,
-		at
-	]), pt = Xe?.id ?? Ye, mt = () => Xe == null ? null : Xe.preview == null ? {
+		Xe,
+		ce,
+		I,
+		ue,
+		ot
+	]), pt = Ze?.id ?? Xe, mt = () => Ze == null ? null : Ze.preview == null ? {
 		type: _t.Text,
-		text: z?.contentFileErrorLabel ?? "Failed to load this file."
-	} : Xe.preview, ht = Xe != null && le != null ? le(Xe.id, Ut(Je?.files ?? [], Xe.id) ?? "") : void 0, gt = j(() => {
-		if (!g || qe.current === e.id) return;
+		text: R?.contentFileErrorLabel ?? "Failed to load this file."
+	} : Ze.preview, ht = Ze != null && ue != null ? ue(Ze.id, Ut(Ye?.files ?? [], Ze.id) ?? "") : void 0, gt = A(() => {
+		if (!g || Je.current === e.id) return;
 		let t = e.id;
-		qe.current = t, He(!0), We(!1), (async () => {
+		Je.current = t, Ue(!0), Ge(!1), (async () => {
 			try {
 				let n = await g(e);
-				if (qe.current !== t) return;
-				Be(n), Ke(!0), He(!1);
+				if (Je.current !== t) return;
+				Ve(n), qe(!0), Ue(!1);
 			} catch {
-				if (qe.current !== t) return;
-				We(!0), He(!1), qe.current = null;
+				if (Je.current !== t) return;
+				Ge(!0), Ue(!1), Je.current = null;
 			}
 		})();
 	}, [g, e]);
-	M(() => {
-		Ie && gt();
-	}, [Ie, gt]);
-	let Y = j((e, t) => {
-		qe.current = null, Ke(!1), gt(), w?.(e, t);
+	j(() => {
+		Le && gt();
+	}, [Le, gt]);
+	let Y = A((e, t) => {
+		Je.current = null, qe(!1), gt(), w?.(e, t);
 	}, [gt, w]), X = dt({
 		item: e,
-		history: ze,
+		history: Be,
 		folderItems: _,
 		hasWriteAccess: x,
 		defaultAuthor: S,
@@ -2109,7 +2114,7 @@ var pt = /* @__PURE__ */ function(e) {
 		onPublishSuccess: Y,
 		onPublishError: T,
 		onFetchExistingRules: ee
-	}), vt = N(() => ut({
+	}), vt = M(() => ut({
 		hasSelectedFolder: X.selectedFolderPath != null,
 		hasExistingPublicationInFolder: X.hasExistingPublicationInFolder,
 		hasWriteAccess: X.hasWriteAccess,
@@ -2121,23 +2126,23 @@ var pt = /* @__PURE__ */ function(e) {
 		X.hasWriteAccess,
 		X.isSubmitting,
 		X.hasSubmitError
-	]), [yt, bt] = F(!1), [Z, xt] = F(null), [Q, St] = F(!1), [Ct, wt] = F(null), [Tt, Et] = F(null), [Dt, $] = F(null);
-	M(() => {
-		Pe(n);
-	}, [e.id, n]), M(() => {
-		Fe(""), Le(!1), X.reset(), Be([]), We(!1), He(!1), Ke(!1), qe.current = null, $(null), bt(!1), xt(null), St(!1), wt(null), Et(null);
+	]), [yt, bt] = P(!1), [Z, xt] = P(null), [Q, St] = P(!1), [Ct, wt] = P(null), [Tt, Et] = P(null), [Dt, $] = P(null);
+	j(() => {
+		Fe(n);
+	}, [e.id, n]), j(() => {
+		Ie(""), Re(!1), X.reset(), Ve([]), Ge(!1), Ue(!1), qe(!1), Je.current = null, $(null), bt(!1), xt(null), St(!1), wt(null), Et(null);
 	}, [e.id]);
-	let Ot = j(() => bt(!0), []), kt = j(() => bt(!1), []), jt = j(() => {
+	let Ot = A(() => bt(!0), []), kt = A(() => bt(!1), []), jt = A(() => {
 		xt(q.Delete);
-	}, []), Mt = j((t) => {
+	}, []), Mt = A((t) => {
 		Et(t ?? (e.credentials == null ? null : s(e.credentials))), xt(q.Logout);
-	}, [e.credentials]), Nt = j(() => {
+	}, [e.credentials]), Nt = A(() => {
 		xt(q.Unshare);
-	}, []), Pt = j(() => {
+	}, []), Pt = A(() => {
 		xt(q.RevokeAccess);
-	}, []), Ft = N(() => {
+	}, []), Ft = M(() => {
 		let e = /* @__PURE__ */ new Set(), t = [];
-		for (let n of ze) {
+		for (let n of Be) {
 			let r = n.folderPath.join("/");
 			e.has(r) || (e.add(r), t.push({
 				key: r,
@@ -2145,35 +2150,35 @@ var pt = /* @__PURE__ */ function(e) {
 			}));
 		}
 		return t;
-	}, [ze]), It = Ge && Ft.length > 0, Lt = j((e) => e || (D?.rootFolderLabel ?? "Organization"), [D]), Rt = j(() => {
+	}, [Be]), It = Ke && Ft.length > 0, Lt = A((e) => e || (D?.rootFolderLabel ?? "Organization"), [D]), Rt = A(() => {
 		xt(q.Unpublish);
-	}, []), zt = j((e) => {
+	}, []), zt = A((e) => {
 		wt(e), xt(q.DeleteApiKey);
-	}, []), Bt = j(() => {
+	}, []), Bt = A(() => {
 		Q || (xt(null), wt(null), Et(null), $(null));
-	}, [Q]), Vt = j(async () => {
+	}, [Q]), Vt = A(async () => {
 		if (!(Q || Z == null)) {
 			St(!0);
 			try {
 				switch (Z) {
 					case q.Delete:
-						await ue?.(e);
+						await de?.(e);
 						break;
 					case q.Unshare:
-						await fe?.(e);
+						await pe?.(e);
 						break;
 					case q.RevokeAccess:
-						await me?.(e);
+						await he?.(e);
 						break;
 					case q.Logout:
-						Tt != null && await xe?.(e, { level: Tt });
+						Tt != null && await Se?.(e, { level: Tt });
 						break;
 					case q.DeleteApiKey:
-						Ct != null && await xe?.(e, { level: Ct });
+						Ct != null && await Se?.(e, { level: Ct });
 						break;
 					case q.Unpublish: {
 						let t = ar(Ft, Dt);
-						t != null && await ve?.(e, t.segments);
+						t != null && await ye?.(e, t.segments);
 						break;
 					}
 				}
@@ -2190,16 +2195,16 @@ var pt = /* @__PURE__ */ function(e) {
 		Ct,
 		Tt,
 		e,
-		ue,
-		fe,
-		me,
-		ve,
+		de,
+		pe,
+		he,
+		ye,
 		Dt,
 		Ft,
-		xe,
+		Se,
 		o
 	]);
-	M(() => {
+	j(() => {
 		if (!t) return;
 		let e = (e) => {
 			if (e.key === "Escape") {
@@ -2217,137 +2222,137 @@ var pt = /* @__PURE__ */ function(e) {
 		Z,
 		Bt
 	]);
-	let Wt = j(() => Le(!0), []), Gt = j(() => {
-		Le(!1), X.reset();
-	}, [X]), Kt = j(async () => {
+	let Wt = A(() => Re(!0), []), Gt = A(() => {
+		Re(!1), X.reset();
+	}, [X]), Kt = A(async () => {
 		await X.handleSubmit() && Gt();
-	}, [X, Gt]), qt = j(() => {
-		let t = !Ne;
-		Pe(t), c?.(e.id, t);
+	}, [X, Gt]), qt = A(() => {
+		let t = !Pe;
+		Fe(t), c?.(e.id, t);
 	}, [
-		Ne,
+		Pe,
 		e.id,
 		c
-	]), Jt = N(() => {
+	]), Jt = M(() => {
 		let t = [], n = rr.has(e.type);
 		return n || t.push({
 			id: K.About,
-			label: z?.tabAboutLabel ?? "About"
+			label: R?.tabAboutLabel ?? "About"
 		}), (n || e.details?.promptContent != null) && t.push({
 			id: K.Content,
-			label: z?.tabContentLabel ?? "Details"
+			label: R?.tabContentLabel ?? "Details"
 		}), e.details?.overview != null && t.push({
 			id: K.Overview,
-			label: z?.tabOverviewLabel ?? "Overview"
+			label: R?.tabOverviewLabel ?? "Overview"
 		}), e.details?.pricing != null && t.push({
 			id: K.Pricing,
-			label: z?.tabPricingLabel ?? "Pricing"
+			label: R?.tabPricingLabel ?? "Pricing"
 		}), e.details?.limits != null && t.push({
 			id: K.Limits,
-			label: z?.tabLimitsLabel ?? "Limits"
+			label: R?.tabLimitsLabel ?? "Limits"
 		}), e.details?.tools != null && t.push({
 			id: K.Tools,
-			label: z?.tabToolsLabel ?? "Tools"
+			label: R?.tabToolsLabel ?? "Tools"
 		}), ir(e.details?.api) && t.push({
 			id: K.Api,
-			label: z?.tabConnectLabel ?? "Connect"
+			label: R?.tabConnectLabel ?? "Connect"
 		}), t;
-	}, [e, z]), Yt = P(null);
-	M(() => {
+	}, [e, R]), Yt = N(null);
+	j(() => {
 		let t = Yt.current !== e.id;
-		Yt.current = e.id, (t || !Jt.some((e) => e.id === H)) && Fe(Jt[0]?.id ?? "");
+		Yt.current = e.id, (t || !Jt.some((e) => e.id === V)) && Ie(Jt[0]?.id ?? "");
 	}, [
 		e.id,
 		Jt,
-		H
+		V
 	]);
-	let Xt = z?.overviewYesLabel ?? "Yes", Qt = z?.overviewNoLabel ?? "No", en = z?.ariaLabel ?? "Item details", tn = z?.closeAriaLabel ?? "Close", rn = Ne ? z?.removeFromFavoritesAriaLabel ?? "Remove from favorites" : z?.addToFavoritesAriaLabel ?? "Add to favorites", an = z?.publishTitle ?? "Publish", on = z?.backToDetailsAriaLabel ?? "Back", sn = z?.cancelLabel ?? "Cancel", cn = N(() => {
+	let Xt = R?.overviewYesLabel ?? "Yes", Qt = R?.overviewNoLabel ?? "No", en = R?.ariaLabel ?? "Item details", tn = R?.closeAriaLabel ?? "Close", rn = Pe ? R?.removeFromFavoritesAriaLabel ?? "Remove from favorites" : R?.addToFavoritesAriaLabel ?? "Add to favorites", an = R?.publishTitle ?? "Publish", on = R?.backToDetailsAriaLabel ?? "Back", sn = R?.cancelLabel ?? "Cancel", cn = M(() => {
 		switch (Z) {
 			case q.Delete: {
-				let t = z?.deleteActionLabel ?? "Delete";
+				let t = R?.deleteActionLabel ?? "Delete";
 				return {
-					title: z?.deleteConfirmTitle ?? t,
-					message: z?.deleteConfirmMessage?.(e.name) ?? /* @__PURE__ */ G(st, { children: [
+					title: R?.deleteConfirmTitle ?? t,
+					message: R?.deleteConfirmMessage?.(e.name) ?? /* @__PURE__ */ G(U, { children: [
 						"Are you sure you want to delete ",
 						/* @__PURE__ */ W("strong", { children: e.name }),
 						"? This action is permanent and cannot be undone."
 					] }),
-					consequences: z?.deleteConfirmConsequences ?? lr,
+					consequences: R?.deleteConfirmConsequences ?? lr,
 					confirmLabel: t,
-					loadingStatusLabel: z?.deletingStatusLabel ?? "Deleting",
+					loadingStatusLabel: R?.deletingStatusLabel ?? "Deleting",
 					variant: J.Danger
 				};
 			}
 			case q.Unshare: {
-				let t = z?.unshareLabel ?? "Remove from My List";
+				let t = R?.unshareLabel ?? "Remove from My List";
 				return {
-					title: z?.unshareConfirmTitle ?? t,
-					message: z?.unshareConfirmMessage?.(e.name) ?? /* @__PURE__ */ G(st, { children: [
+					title: R?.unshareConfirmTitle ?? t,
+					message: R?.unshareConfirmMessage?.(e.name) ?? /* @__PURE__ */ G(U, { children: [
 						"Remove ",
 						/* @__PURE__ */ W("strong", { children: e.name }),
 						" from your list? You'll need a new invitation to access it again."
 					] }),
-					consequences: z?.unshareConfirmConsequences ?? ur,
+					consequences: R?.unshareConfirmConsequences ?? ur,
 					confirmLabel: t,
-					loadingStatusLabel: z?.unsharingStatusLabel ?? "Removing",
+					loadingStatusLabel: R?.unsharingStatusLabel ?? "Removing",
 					variant: J.Info
 				};
 			}
 			case q.RevokeAccess: {
-				let t = z?.revokeShareLabel ?? "Revoke access";
+				let t = R?.revokeShareLabel ?? "Revoke access";
 				return {
-					title: z?.revokeShareConfirmTitle ?? t,
-					message: z?.revokeShareConfirmMessage?.(e.name) ?? /* @__PURE__ */ G(st, { children: [
+					title: R?.revokeShareConfirmTitle ?? t,
+					message: R?.revokeShareConfirmMessage?.(e.name) ?? /* @__PURE__ */ G(U, { children: [
 						"Revoke shared access to ",
 						/* @__PURE__ */ W("strong", { children: e.name }),
 						"? Anyone you shared it with will lose access."
 					] }),
-					consequences: z?.revokeShareConfirmConsequences ?? fr,
+					consequences: R?.revokeShareConfirmConsequences ?? fr,
 					confirmLabel: t,
-					loadingStatusLabel: z?.revokingShareStatusLabel ?? "Revoking access",
+					loadingStatusLabel: R?.revokingShareStatusLabel ?? "Revoking access",
 					variant: J.Danger
 				};
 			}
 			case q.Unpublish: {
-				let t = z?.unpublishLabel ?? "Unpublish", n = Ft.length === 1, r = n ? Lt(Ft[0].key) : "", i = z?.unpublishConfirmMessage?.(e.name, r) ?? /* @__PURE__ */ G(st, { children: [
+				let t = R?.unpublishLabel ?? "Unpublish", n = Ft.length === 1, r = n ? Lt(Ft[0].key) : "", i = R?.unpublishConfirmMessage?.(e.name, r) ?? /* @__PURE__ */ G(U, { children: [
 					"Unpublish ",
 					/* @__PURE__ */ W("strong", { children: e.name }),
 					" from \"",
 					r,
 					"\"? The request is submitted for admin approval."
-				] }), a = z?.unpublishSelectFolderMessage?.(e.name) ?? /* @__PURE__ */ G(st, { children: [
+				] }), a = R?.unpublishSelectFolderMessage?.(e.name) ?? /* @__PURE__ */ G(U, { children: [
 					"Choose which folder to unpublish ",
 					/* @__PURE__ */ W("strong", { children: e.name }),
 					" from. The request is submitted for admin approval."
 				] });
 				return {
-					title: z?.unpublishConfirmTitle ?? t,
+					title: R?.unpublishConfirmTitle ?? t,
 					message: n ? i : a,
-					consequences: z?.unpublishConfirmConsequences ?? dr,
+					consequences: R?.unpublishConfirmConsequences ?? dr,
 					confirmLabel: t,
-					loadingStatusLabel: z?.unpublishingStatusLabel ?? "Requesting unpublish",
+					loadingStatusLabel: R?.unpublishingStatusLabel ?? "Requesting unpublish",
 					variant: J.Danger
 				};
 			}
 			case q.Logout: {
-				let e = z?.logoutActionLabel ?? "Log out";
+				let e = R?.logoutActionLabel ?? "Log out";
 				return {
 					title: e,
-					message: z?.logoutConfirmMessage ?? "Are you sure you want to log out?",
+					message: R?.logoutConfirmMessage ?? "Are you sure you want to log out?",
 					consequences: void 0,
 					confirmLabel: e,
-					loadingStatusLabel: z?.loggingOutStatusLabel ?? "Logging out",
+					loadingStatusLabel: R?.loggingOutStatusLabel ?? "Logging out",
 					variant: J.Info
 				};
 			}
 			case q.DeleteApiKey: {
-				let e = z?.deleteActionLabel ?? "Delete", t = Ct ?? a.User;
+				let e = R?.deleteActionLabel ?? "Delete", t = Ct ?? a.User;
 				return {
 					title: e,
-					message: (z?.deleteApiKeyConfirmMessage ?? mr)(t),
+					message: (R?.deleteApiKeyConfirmMessage ?? mr)(t),
 					consequences: void 0,
 					confirmLabel: e,
-					loadingStatusLabel: z?.deletingStatusLabel ?? "Deleting",
+					loadingStatusLabel: R?.deletingStatusLabel ?? "Deleting",
 					variant: J.Danger,
 					cardVariant: J.Info
 				};
@@ -2358,14 +2363,14 @@ var pt = /* @__PURE__ */ function(e) {
 		Z,
 		e.name,
 		Ct,
-		z,
+		R,
 		Ft,
 		Lt
-	]), ln = cn != null, un = Z === q.Unpublish && ar(Ft, Dt) == null, dn = ln || Ie || yt, fn = e.credentials == null ? "" : (z?.credentialsManagementTitle ?? pr)(e.credentials.authenticationType), pn = ln ? {
+	]), ln = cn != null, un = Z === q.Unpublish && ar(Ft, Dt) == null, dn = ln || Le || yt, fn = e.credentials == null ? "" : (R?.credentialsManagementTitle ?? pr)(e.credentials.authenticationType), pn = ln ? {
 		title: cn.title,
 		isBackDisabled: Q,
 		onBack: Bt
-	} : Ie ? {
+	} : Le ? {
 		title: an,
 		isBackDisabled: X.isSubmitting,
 		onBack: Gt
@@ -2374,57 +2379,57 @@ var pt = /* @__PURE__ */ function(e) {
 		isBackDisabled: !1,
 		onBack: kt
 	} : null, mn = pn?.title ?? en;
-	return /* @__PURE__ */ G(st, { children: [/* @__PURE__ */ W("div", {
-		style: Me,
-		className: A("fixed inset-0 z-50 transition-opacity duration-300", bn.backdrop, t ? "opacity-100" : "pointer-events-none opacity-0"),
+	return /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("div", {
+		style: Ne,
+		className: k("fixed inset-0 z-50 transition-opacity duration-300", bn.backdrop, t ? "opacity-100" : "pointer-events-none opacity-0"),
 		onClick: o,
 		"aria-hidden": "true"
 	}), /* @__PURE__ */ G("div", {
 		role: "dialog",
 		"aria-modal": "true",
 		"aria-label": mn,
-		style: Me,
-		className: A("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", bn.panel, t ? "translate-x-0" : "translate-x-full rtl:-translate-x-full"),
+		style: Ne,
+		className: k("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", bn.panel, t ? "translate-x-0" : "translate-x-full rtl:-translate-x-full"),
 		children: [
 			/* @__PURE__ */ G("div", {
 				className: "flex shrink-0 items-center gap-2 px-6 py-3",
-				children: [pn != null && /* @__PURE__ */ G(st, { children: [/* @__PURE__ */ W(he, {
-					icon: /* @__PURE__ */ W(Re, {
+				children: [pn != null && /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(ge, {
+					icon: /* @__PURE__ */ W(ze, {
 						className: "rtl:scale-x-[-1]",
-						stroke: R
+						stroke: L
 					}),
 					"aria-label": on,
 					disabled: pn.isBackDisabled,
 					onClick: pn.onBack
 				}), /* @__PURE__ */ W("span", {
-					className: A("flex-1", Ce, bn.publishTitle),
+					className: k("flex-1", we, bn.publishTitle),
 					children: pn.title
-				})] }), pn == null && /* @__PURE__ */ G(st, { children: [
+				})] }), pn == null && /* @__PURE__ */ G(U, { children: [
 					/* @__PURE__ */ W("div", { className: "flex-1" }),
 					!i && l?.(e) !== !1 && /* @__PURE__ */ W(At, {
-						isStarred: Ne,
+						isStarred: Pe,
 						ariaLabel: rn,
 						onClick: qt
 					}),
-					/* @__PURE__ */ W(ce, {
+					/* @__PURE__ */ W(le, {
 						onClose: o,
-						size: de.Standard,
+						size: fe.Standard,
 						ariaLabel: tn
 					})
 				] })]
 			}),
-			/* @__PURE__ */ W("div", { className: A("shrink-0", bn.divider) }),
+			/* @__PURE__ */ W("div", { className: k("shrink-0", bn.divider) }),
 			/* @__PURE__ */ G("div", {
-				className: A("flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto", bn.content),
+				className: k("flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto", bn.content),
 				children: [
 					ln && /* @__PURE__ */ W(nn, {
 						item: e,
 						message: cn.message,
 						consequences: cn.consequences,
 						variant: cn.cardVariant ?? cn.variant,
-						messageClassName: Ae,
-						children: Z === q.Unpublish && Ft.length > 1 && /* @__PURE__ */ W(Te, {
-							ariaLabel: z?.unpublishFolderGroupAriaLabel ?? "Published folders",
+						messageClassName: je,
+						children: Z === q.Unpublish && Ft.length > 1 && /* @__PURE__ */ W(Ee, {
+							ariaLabel: R?.unpublishFolderGroupAriaLabel ?? "Published folders",
 							value: Dt ?? void 0,
 							onChange: $,
 							disabled: Q,
@@ -2432,18 +2437,18 @@ var pt = /* @__PURE__ */ function(e) {
 								value: e.key,
 								label: Lt(e.key)
 							})),
-							radioClassName: Ae
+							radioClassName: je
 						})
 					}),
-					!ln && !Ie && yt && /* @__PURE__ */ W(yn, {
+					!ln && !Le && yt && /* @__PURE__ */ W(yn, {
 						item: e,
-						onLogin: be,
+						onLogin: xe,
 						onRequestLogout: Mt,
 						onRequestDeleteApiKey: zt,
-						texts: z,
-						detailsStyles: B
+						texts: R,
+						detailsStyles: z
 					}),
-					!ln && Ie && /* @__PURE__ */ W("div", {
+					!ln && Le && /* @__PURE__ */ W("div", {
 						className: "p-[22px]",
 						children: /* @__PURE__ */ W(lt, {
 							resource: {
@@ -2452,9 +2457,9 @@ var pt = /* @__PURE__ */ function(e) {
 								type: e.type,
 								iconUrl: e.iconUrl
 							},
-							history: ze,
-							isHistoryLoading: Ve,
-							hasHistoryError: Ue,
+							history: Be,
+							isHistoryLoading: He,
+							hasHistoryError: We,
 							folderItems: X.folderItems,
 							selectedFolderPath: X.selectedFolderPath,
 							onSelectedFolderPathChange: X.setSelectedFolderPath,
@@ -2475,45 +2480,45 @@ var pt = /* @__PURE__ */ function(e) {
 							hasRulesLoadError: X.hasRulesLoadError,
 							labels: D,
 							styles: { colors: {
-								summaryVersionTagBorder: V?.versionTagBorder,
-								summaryVersionTagBackground: V?.versionTagBackground,
-								summaryVersionTagText: V?.versionTagText
+								summaryVersionTagBorder: B?.versionTagBorder,
+								summaryVersionTagBackground: B?.versionTagBackground,
+								summaryVersionTagText: B?.versionTagText
 							} }
 						})
 					}),
-					!dn && /* @__PURE__ */ G(st, { children: [
+					!dn && /* @__PURE__ */ G(U, { children: [
 						/* @__PURE__ */ W(jn, {
 							item: e,
 							onUseInChat: d,
 							isPrimaryActionVisible: f,
 							onShare: p,
 							shareOverlay: te,
-							isShareVisible: ne,
-							isSharePrimary: re,
+							isShareVisible: re,
+							isSharePrimary: ie,
 							isPublishVisible: m,
 							isPublishPrimary: h,
 							onOpenPublish: Wt,
-							isUnpublishVisible: ye,
+							isUnpublishVisible: be,
 							hasPublishedFolders: It,
-							isPublishHistoryResolved: g == null || Ge,
+							isPublishHistoryResolved: g == null || Ke,
 							onRequestPublishHistory: gt,
-							onOpenUnpublish: ve ? Rt : void 0,
-							onEdit: ie,
-							onDownload: ae,
-							isDownloadVisible: oe,
-							isDownloadPrimary: I,
-							onDelete: ue ? jt : void 0,
-							onUnshare: fe ? Nt : void 0,
-							isUnshareVisible: pe,
-							onRevokeShare: me ? Pt : void 0,
-							onFetchRecipientsCount: ge,
-							isRevokeShareVisible: _e,
-							onLogin: be,
-							onLogout: xe,
+							onOpenUnpublish: ye ? Rt : void 0,
+							onEdit: ae,
+							onDownload: oe,
+							isDownloadVisible: se,
+							isDownloadPrimary: F,
+							onDelete: de ? jt : void 0,
+							onUnshare: pe ? Nt : void 0,
+							isUnshareVisible: me,
+							onRevokeShare: he ? Pt : void 0,
+							onFetchRecipientsCount: _e,
+							isRevokeShareVisible: ve,
+							onLogin: xe,
+							onLogout: Se,
 							onOpenCredentialsManagement: Ot,
 							onRequestLogout: Mt,
-							texts: z,
-							detailsStyles: B,
+							texts: R,
+							detailsStyles: z,
 							isReadonly: i
 						}),
 						e.credentials != null && (() => {
@@ -2523,21 +2528,21 @@ var pt = /* @__PURE__ */ function(e) {
 								children: /* @__PURE__ */ W(hn, {
 									state: t,
 									authenticationType: e.credentials.authenticationType,
-									texts: z
+									texts: R
 								})
 							});
 						})(),
 						/* @__PURE__ */ G("div", {
 							className: "flex items-center px-6",
-							children: [/* @__PURE__ */ W(je, {
+							children: [/* @__PURE__ */ W(Me, {
 								tabs: Jt,
-								activeTabId: H,
-								onTabChange: Fe
+								activeTabId: V,
+								onTabChange: Ie
 							}), r && /* @__PURE__ */ W("div", {
 								role: "status",
-								"aria-label": z?.detailsLoadingAriaLabel ?? "Loading details",
+								"aria-label": R?.detailsLoadingAriaLabel ?? "Loading details",
 								className: "shrink-0",
-								children: /* @__PURE__ */ W(Oe, {
+								children: /* @__PURE__ */ W(ke, {
 									showTitle: !1,
 									paragraph: {
 										rows: 1,
@@ -2549,63 +2554,63 @@ var pt = /* @__PURE__ */ function(e) {
 							})]
 						}),
 						/* @__PURE__ */ G("div", {
-							className: A("min-h-0 flex-1 overflow-y-auto", H !== K.Overview && "px-6"),
+							className: k("min-h-0 flex-1 overflow-y-auto", V !== K.Overview && "px-6"),
 							children: [
-								H === K.About && /* @__PURE__ */ W(Mn, {
+								V === K.About && /* @__PURE__ */ W(Mn, {
 									content: e.description,
 									topics: e.topics,
-									detailsStyles: B
+									detailsStyles: z
 								}),
-								H === K.Content && /* @__PURE__ */ W(Ln, {
-									content: Je?.content ?? "",
+								V === K.Content && /* @__PURE__ */ W(Ln, {
+									content: Ye?.content ?? "",
 									filePreview: mt(),
 									filePreviewContent: ht,
-									description: Je?.description ?? e.description,
-									files: Je?.files,
+									description: Ye?.description ?? e.description,
+									files: Ye?.files,
 									selectedFileId: pt,
 									onSelectFile: (e) => void ft(e),
-									isFileLoading: Qe,
-									expandedFolderIds: et,
-									onToggleFolder: ot,
-									isFileSelectorOpen: nt,
-									onFileSelectorOpenChange: rt,
-									fileSelectorAriaLabel: z?.contentFileSelectorAriaLabel,
-									fileCountLabel: z?.contentFileCountLabel,
-									fileLoadingLabel: z?.contentFileLoadingLabel,
-									fileUnsupportedLabel: z?.contentFileUnsupportedLabel,
-									detailsStyles: B
+									isFileLoading: $e,
+									expandedFolderIds: tt,
+									onToggleFolder: st,
+									isFileSelectorOpen: rt,
+									onFileSelectorOpenChange: it,
+									fileSelectorAriaLabel: R?.contentFileSelectorAriaLabel,
+									fileCountLabel: R?.contentFileCountLabel,
+									fileLoadingLabel: R?.contentFileLoadingLabel,
+									fileUnsupportedLabel: R?.contentFileUnsupportedLabel,
+									detailsStyles: z
 								}),
-								H === K.Overview && /* @__PURE__ */ W(Zn, {
+								V === K.Overview && /* @__PURE__ */ W(Zn, {
 									sections: e.details?.overview?.sections,
-									sectionClassName: we,
-									labelClassName: Ee,
-									valueClassName: De,
-									valueTrueClassName: ke,
+									sectionClassName: Te,
+									labelClassName: De,
+									valueClassName: Oe,
+									valueTrueClassName: Ae,
 									yesLabel: Xt,
 									noLabel: Qt
 								}),
-								H === K.Pricing && /* @__PURE__ */ W(Qn, {
+								V === K.Pricing && /* @__PURE__ */ W(Qn, {
 									pricing: e.details?.pricing,
-									pricesSectionLabel: z?.pricingPricesSectionLabel,
-									limitsSectionLabel: z?.pricingLimitsSectionLabel
+									pricesSectionLabel: R?.pricingPricesSectionLabel,
+									limitsSectionLabel: R?.pricingLimitsSectionLabel
 								}),
-								H === K.Limits && /* @__PURE__ */ W(Xn, {
+								V === K.Limits && /* @__PURE__ */ W(Xn, {
 									limits: e.details?.limits,
-									footerNote: Se
+									footerNote: Ce
 								}),
-								H === K.Api && ir(e.details?.api) && /* @__PURE__ */ W(Zt, {
+								V === K.Api && ir(e.details?.api) && /* @__PURE__ */ W(Zt, {
 									api: e.details?.api,
-									resourceSectionLabel: z?.apiResourceSectionLabel,
-									snippetSectionLabel: z?.apiSnippetSectionLabel,
-									modelIdLabel: z?.apiModelIdLabel,
-									endpointLabel: z?.apiEndpointLabel,
-									endpointSectionLabel: z?.apiEndpointSectionLabel,
-									requestExampleLabel: z?.apiRequestExampleLabel,
-									responseSchemaLabel: z?.apiResponseSchemaLabel,
-									copyAriaLabel: z?.copyCodeAriaLabel,
-									copiedStatusLabel: z?.copiedCodeStatusLabel
+									resourceSectionLabel: R?.apiResourceSectionLabel,
+									snippetSectionLabel: R?.apiSnippetSectionLabel,
+									modelIdLabel: R?.apiModelIdLabel,
+									endpointLabel: R?.apiEndpointLabel,
+									endpointSectionLabel: R?.apiEndpointSectionLabel,
+									requestExampleLabel: R?.apiRequestExampleLabel,
+									responseSchemaLabel: R?.apiResponseSchemaLabel,
+									copyAriaLabel: R?.copyCodeAriaLabel,
+									copiedStatusLabel: R?.copiedCodeStatusLabel
 								}),
-								H === K.Tools && /* @__PURE__ */ W(nr, { tools: e.details?.tools })
+								V === K.Tools && /* @__PURE__ */ W(nr, { tools: e.details?.tools })
 							]
 						})
 					] })
@@ -2621,7 +2626,7 @@ var pt = /* @__PURE__ */ function(e) {
 				onConfirm: Vt,
 				onCancel: Bt
 			}),
-			!ln && Ie && /* @__PURE__ */ W(ct, {
+			!ln && Le && /* @__PURE__ */ W(ct, {
 				version: e.version,
 				hasExistingPublicationInFolder: X.hasExistingPublicationInFolder,
 				isSubmitDisabled: vt.isSubmitDisabled,
@@ -2648,34 +2653,34 @@ var pt = /* @__PURE__ */ function(e) {
 	cardLeaving: "_cardLeaving_14qfn_54",
 	cardFadeOut: "_cardFadeOut_14qfn_1"
 }, vr = ({ item: e, initialIsStarred: t = !0, onToggle: n, isFavoriteVisible: r, onClick: i, nameClassName: a, colors: o, versionClassName: s, lastUsedClassName: c, query: l, addToFavoritesAriaLabel: u = "Add to favorites", removeFromFavoritesAriaLabel: d = "Remove from favorites", isSelected: f = !1, credentialsBadgeLoggedOutLabel: p }) => {
-	let [m, h] = F(t), [g, _] = F(!1), v = (t) => {
+	let [m, h] = P(t), [g, _] = P(!1), v = (t) => {
 		t.stopPropagation();
 		let r = !m;
 		h(r), r ? n?.(e.id, r) : _(!0);
-	}, y = i && !g ? () => i(e) : void 0, b = j((t) => {
+	}, y = i && !g ? () => i(e) : void 0, b = A((t) => {
 		!i || g || (t.key === "Enter" || t.key === " ") && (t.preventDefault(), i(e));
 	}, [
 		i,
 		e,
 		g
 	]);
-	return /* @__PURE__ */ G(se, {
+	return /* @__PURE__ */ G(ce, {
 		"data-card-id": e.id,
 		role: y == null ? void 0 : "button",
 		tabIndex: y == null ? void 0 : 0,
 		"aria-label": e.name,
-		className: A("box-border min-w-0 cursor-pointer flex-row items-start gap-1 text-start", g && _r.cardLeaving, f && _r.selectedCard),
+		className: k("box-border min-w-0 cursor-pointer flex-row items-start gap-1 text-start", g && _r.cardLeaving, f && _r.selectedCard),
 		onClick: y,
 		onKeyDown: b,
 		onAnimationEnd: g ? (t) => {
 			t.currentTarget === t.target && n?.(e.id, !1);
 		} : void 0,
 		children: [
-			f && /* @__PURE__ */ W(Ie, {
-				size: L.SM,
-				className: A("absolute end-3 top-3 shrink-0", _r.selectedCheck),
+			f && /* @__PURE__ */ W(Le, {
+				size: I.SM,
+				className: k("absolute end-3 top-3 shrink-0", _r.selectedCheck),
 				"aria-hidden": !0,
-				stroke: R
+				stroke: L
 			}),
 			/* @__PURE__ */ W("div", {
 				className: "flex min-w-0 flex-1 flex-col items-start gap-1",
@@ -2704,7 +2709,7 @@ var pt = /* @__PURE__ */ function(e) {
 			}),
 			r?.(e) !== !1 && /* @__PURE__ */ W(At, {
 				isStarred: m,
-				size: de.Small,
+				size: fe.Small,
 				onClick: v,
 				ariaLabel: m ? d : u,
 				className: "self-end"
@@ -2721,7 +2726,7 @@ var pt = /* @__PURE__ */ function(e) {
 		return new DOMRect(t.x + n, t.y + r, t.width, t.height);
 	}
 }, xr = ({ items: e, totalCount: t, title: n = "Your Favorites", onToggleFavorite: r, isFavoriteVisible: i, onItemClick: a, styles: o, isLeaving: s, onExitComplete: c, prevPageAriaLabel: l = "Previous page", nextPageAriaLabel: u = "Next page", addToFavoritesAriaLabel: d, removeFromFavoritesAriaLabel: f, selectedItemId: p, credentialsBadgeLoggedOutLabel: m }) => {
-	let h = o?.typography?.titleClassName ?? "dial-body-semi-text", g = o?.typography?.countClassName ?? "dial-tiny-semi-text", _ = k({
+	let h = o?.typography?.titleClassName ?? "dial-body-semi-text", g = o?.typography?.countClassName ?? "dial-tiny-semi-text", _ = ne({
 		"--cat-fav-title-text": o?.colors?.titleText,
 		"--cat-fav-count-text": o?.colors?.countText,
 		"--cat-fav-selected-check": o?.colors?.selectedCheckIcon,
@@ -2733,49 +2738,49 @@ var pt = /* @__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 = N(() => [...e].sort((e, t) => (new Date(t.updatedAt || "").getTime() ?? 0) - (new Date(e.updatedAt || "").getTime() ?? 0)), [e]), [y, b] = F(1), x = X(), S = x * yr, C = (y - 1) * S, T = N(() => 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 = X(), S = x * yr, C = (y - 1) * S, T = M(() => v.slice(C, C + S), [
 		v,
 		C,
 		S
-	]), E = Math.ceil(v.length / S), D = t ?? e.length, O = P(null), ee = P(null), te = P(null), [ne, re] = F(), [j, ae] = F(), oe = P(x);
-	M(() => {
-		oe.current !== x && (oe.current = x, b(1), re(void 0), ae(void 0));
-	}, [x]), M(() => {
+	]), E = Math.ceil(v.length / S), D = t ?? e.length, O = N(null), ee = N(null), te = N(null), [re, ie] = P(), [A, oe] = P(), se = N(x);
+	j(() => {
+		se.current !== x && (se.current = x, b(1), ie(void 0), oe(void 0));
+	}, [x]), j(() => {
 		y > E && E > 0 && b(E);
-	}, [y, E]), M(() => {
-		E <= 1 && (ne !== void 0 || j !== void 0) && (re(void 0), ae(void 0));
+	}, [y, E]), j(() => {
+		E <= 1 && (re !== void 0 || A !== void 0) && (ie(void 0), oe(void 0));
 	}, [
 		E,
-		ne,
-		j
-	]), ie(() => {
-		!te.current || !ee.current || E <= 1 || y !== 1 || ne !== void 0 || (re(te.current.offsetHeight), ae(ee.current.offsetHeight));
+		re,
+		A
+	]), ae(() => {
+		!te.current || !ee.current || E <= 1 || y !== 1 || re !== void 0 || (ie(te.current.offsetHeight), oe(ee.current.offsetHeight));
 	}, [
 		E,
 		y,
-		ne
+		re
 	]);
-	let I = P(/* @__PURE__ */ new Map()), se = P(y), ce = P(x), L = P(0), le = P(!1);
-	return ie(() => {
+	let F = N(/* @__PURE__ */ new Map()), ce = N(y), le = N(x), I = N(0), ue = N(!1);
+	return ae(() => {
 		if (!te.current || s) return;
-		if (O.current && !le.current) {
+		if (O.current && !ue.current) {
 			let e = O.current;
 			e.style.height = "", e.style.transition = "";
 		}
-		let e = se.current !== y, t = ce.current !== x;
-		se.current = y, ce.current = x;
+		let e = ce.current !== y, t = le.current !== x;
+		ce.current = y, le.current = x;
 		let n = te.current.querySelectorAll("[data-card-id]"), r = /* @__PURE__ */ new Map();
 		if (n.forEach((e) => {
 			r.set(e.dataset.cardId, br(e));
 		}), !e && !t) {
-			let e = ee.current, t = L.current, i = 0;
+			let e = ee.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);
 			}
 			let a = e != null && t > 0 && Math.abs(i - t) > 2, o = i > t ? 280 : 220, s = [];
 			if (n.forEach((e) => {
-				let t = e.dataset.cardId, n = I.current.get(t), i = r.get(t);
+				let t = e.dataset.cardId, n = F.current.get(t), i = r.get(t);
 				if (!n || !i) return;
 				let o = n.left - i.left, c = n.top - i.top;
 				!a && Math.abs(c) > .5 || Math.abs(o) < .5 && Math.abs(c) < .5 || (e.style.transition = "none", e.style.transform = `translate(${o}px, ${c}px)`, s.push(e));
@@ -2791,30 +2796,30 @@ var pt = /* @__PURE__ */ function(e) {
 				e.addEventListener("transitionend", t);
 			}
 		}
-		if (I.current = r, ee.current) {
+		if (F.current = r, ee.current) {
 			let e = ee.current, t = e.style.height ? parseFloat(e.style.height) : NaN;
-			L.current = Number.isNaN(t) ? e.offsetHeight : t;
+			I.current = Number.isNaN(t) ? e.offsetHeight : t;
 		}
 	}, [
 		T,
 		y,
 		x,
 		s
-	]), ie(() => {
+	]), ae(() => {
 		let e = O.current;
 		if (!e) return;
 		let t = e.offsetHeight;
 		if (t === 0) return;
-		le.current = !0, e.style.height = "0px", e.offsetHeight, e.style.transition = "height 300ms cubic-bezier(0, 0, 0.2, 1)", e.style.height = `${t}px`;
+		ue.current = !0, e.style.height = "0px", e.offsetHeight, e.style.transition = "height 300ms cubic-bezier(0, 0, 0.2, 1)", e.style.height = `${t}px`;
 		let n = (t) => {
 			t.target !== e || t.propertyName !== "height" || r();
 		}, r = () => {
-			le.current = !1, parseFloat(e.style.height || "0") > 0 && (e.style.height = "", e.style.transition = ""), clearTimeout(i), e.removeEventListener("transitionend", n);
+			ue.current = !1, parseFloat(e.style.height || "0") > 0 && (e.style.height = "", e.style.transition = ""), clearTimeout(i), e.removeEventListener("transitionend", n);
 		}, i = setTimeout(r, 400);
 		return e.addEventListener("transitionend", n), () => {
 			clearTimeout(i), e.removeEventListener("transitionend", n);
 		};
-	}, []), ie(() => {
+	}, []), ae(() => {
 		if (!s || !O.current) return;
 		let e = O.current, t = e.offsetHeight;
 		t !== 0 && (e.style.height = `${t}px`, e.offsetHeight, e.style.transition = "height 260ms ease-in", e.style.height = "0px");
@@ -2822,10 +2827,10 @@ var pt = /* @__PURE__ */ function(e) {
 		ref: O,
 		children: /* @__PURE__ */ G("section", {
 			ref: ee,
-			className: A("flex flex-shrink-0 flex-col gap-4 pb-2 pt-2", _r.section, s && _r.sectionLeaving),
+			className: k("flex flex-shrink-0 flex-col gap-4 pb-2 pt-2", _r.section, s && _r.sectionLeaving),
 			style: {
 				..._,
-				minHeight: j
+				minHeight: A
 			},
 			onAnimationEnd: (e) => {
 				e.target === ee.current && s && c?.();
@@ -2833,24 +2838,24 @@ var pt = /* @__PURE__ */ function(e) {
 			children: [/* @__PURE__ */ W(w, {
 				title: n,
 				postfix: D,
-				titleClassName: A(h, _r.titleText),
-				postfixClassName: A(g, _r.countText),
+				titleClassName: k(h, _r.titleText),
+				postfixClassName: k(g, _r.countText),
 				trailing: E > 1 ? /* @__PURE__ */ G("div", {
-					className: A("inline-flex items-center gap-[2px] rounded-full px-[6px] py-[3px]", _r.pageNav),
+					className: k("inline-flex items-center gap-[2px] rounded-full px-[6px] py-[3px]", _r.pageNav),
 					children: [
 						/* @__PURE__ */ W("button", {
 							"aria-label": l,
 							disabled: y === 1,
 							onClick: () => b((e) => e - 1),
-							className: A("flex size-[22px] cursor-pointer items-center justify-center rounded-full border-none bg-transparent", _r.navBtn),
-							children: /* @__PURE__ */ W(Re, {
+							className: k("flex size-[22px] cursor-pointer items-center justify-center rounded-full border-none bg-transparent", _r.navBtn),
+							children: /* @__PURE__ */ W(ze, {
 								size: 14,
 								className: "rtl:scale-x-[-1]",
-								stroke: R
+								stroke: L
 							})
 						}),
 						/* @__PURE__ */ G("span", {
-							className: A("min-w-[32px] select-none px-1 text-center", g, _r.countText),
+							className: k("min-w-[32px] select-none px-1 text-center", g, _r.countText),
 							children: [
 								y,
 								" / ",
@@ -2861,21 +2866,21 @@ var pt = /* @__PURE__ */ function(e) {
 							"aria-label": u,
 							disabled: y === E,
 							onClick: () => b((e) => e + 1),
-							className: A("flex size-[22px] cursor-pointer items-center justify-center rounded-full border-none bg-transparent", _r.navBtn),
-							children: /* @__PURE__ */ W(ze, {
+							className: k("flex size-[22px] cursor-pointer items-center justify-center rounded-full border-none bg-transparent", _r.navBtn),
+							children: /* @__PURE__ */ W(Be, {
 								size: 14,
 								className: "rtl:scale-x-[-1]",
-								stroke: R
+								stroke: L
 							})
 						})
 					]
 				}) : void 0
 			}), /* @__PURE__ */ W("div", {
 				ref: te,
-				className: A("grid content-start gap-5", _r.gridPage),
+				className: k("grid content-start gap-5", _r.gridPage),
 				style: {
 					gridTemplateColumns: `repeat(${x}, minmax(0, 1fr))`,
-					minHeight: ne
+					minHeight: re
 				},
 				children: T.map((e) => /* @__PURE__ */ W(vr, {
 					item: e,
@@ -2908,20 +2913,20 @@ var pt = /* @__PURE__ */ function(e) {
 	return /* @__PURE__ */ G("div", {
 		className: "flex h-full w-full min-w-0 items-center gap-1.5",
 		children: [
-			/* @__PURE__ */ W(We, {
-				size: L.SM,
-				stroke: R,
-				className: A("shrink-0", Sr.folderIcon),
+			/* @__PURE__ */ W(Ge, {
+				size: I.SM,
+				stroke: L,
+				className: k("shrink-0", Sr.folderIcon),
 				"aria-hidden": !0
 			}),
-			/* @__PURE__ */ W(Me, {
+			/* @__PURE__ */ W(Ne, {
 				tooltip: /* @__PURE__ */ W("span", {
 					className: a,
 					children: n
 				}),
 				hideTooltip: !i,
 				triggerClassName: "min-w-0 flex-1",
-				children: /* @__PURE__ */ W(fe, {
+				children: /* @__PURE__ */ W(pe, {
 					text: r,
 					className: o,
 					hideTooltip: i
@@ -2955,17 +2960,17 @@ var pt = /* @__PURE__ */ function(e) {
 			query: n,
 			titleClassName: i,
 			className: "min-w-0 flex-1 items-baseline gap-1.5",
-			trailing: o ? /* @__PURE__ */ W(Ie, {
-				size: L.SM,
-				className: A("shrink-0", Sr.selectedCheck),
+			trailing: o ? /* @__PURE__ */ W(Le, {
+				size: I.SM,
+				className: k("shrink-0", Sr.selectedCheck),
 				"aria-hidden": !0,
-				stroke: R
+				stroke: L
 			}) : void 0
 		})]
 	}) : null;
 }, Dr = ({ data: e, context: t }) => {
-	let [n, r] = F(e?.isStarred ?? !1);
-	return M(() => {
+	let [n, r] = P(e?.isStarred ?? !1);
+	return j(() => {
 		r(e?.isStarred ?? !1);
 	}, [e?.id, e?.isStarred]), !e || t?.isFavoriteVisible?.(e) === !1 ? null : /* @__PURE__ */ W("div", {
 		className: "flex h-full items-center justify-end pe-4",
@@ -3063,23 +3068,23 @@ var pt = /* @__PURE__ */ function(e) {
 		"--cat-list-selected-bg": h?.selectedRowBackground,
 		"--cat-list-selected-check": h?.selectedRowCheckIcon,
 		...l == null ? {} : { "--list-header-sticky-top": `${l}px` }
-	}, _ = P(null), { containerRef: v, startRow: y, endRow: b } = Ct(e.length, Mr), x = N(() => e.slice(y, b), [
+	}, _ = N(null), { containerRef: v, startRow: y, endRow: b } = Ct(e.length, Mr), x = M(() => e.slice(y, b), [
 		e,
 		y,
 		b
 	]);
-	return M(() => {
+	return j(() => {
 		_.current?.refreshCells({ force: !0 });
-	}, [n]), M(() => {
+	}, [n]), j(() => {
 		_.current?.redrawRows();
-	}, [u]), M(() => {
+	}, [u]), j(() => {
 		_.current?.setGridOption("domLayout", e.length > 0 ? "autoHeight" : "normal");
 	}, [e]), /* @__PURE__ */ W("div", {
 		style: g,
-		className: Ne("w-full rounded-xl border", Sr.listContainer),
+		className: Pe("w-full rounded-xl border", Sr.listContainer),
 		children: /* @__PURE__ */ G("div", {
 			ref: v,
-			className: Ne("rounded-xl", Sr.gridClip),
+			className: Pe("rounded-xl", Sr.gridClip),
 			children: [
 				y > 0 && /* @__PURE__ */ W("div", {
 					style: { height: y * Mr },
@@ -3144,7 +3149,7 @@ var pt = /* @__PURE__ */ function(e) {
 	let n = new Set(t);
 	return n.has(e) ? n.delete(e) : n.add(e), n;
 }, Lr = ({ checked: e, onChange: t, values: n, isMyAppsActive: r, onMyAppsChange: i, myAppsLabel: a = "My", topicsLabel: o = "Topics", defaultLabel: s = "From", clearLabel: c = "Clear", applyLabel: l = "Apply", typography: u, colors: d }) => {
-	let f = (r ?? !1) || e.size > 0, [p, m] = F(!1), h = k({
+	let f = (r ?? !1) || e.size > 0, [p, m] = P(!1), h = ne({
 		"--cat-filter-btn-bg": d?.buttonBackground,
 		"--cat-filter-btn-border": d?.buttonBorder,
 		"--cat-filter-btn-border-hover": d?.buttonBorderHover,
@@ -3160,19 +3165,19 @@ var pt = /* @__PURE__ */ function(e) {
 		"--cat-filter-section-label": d?.sectionLabel,
 		"--cat-filter-divider": d?.divider,
 		"--cat-filter-footer-border": d?.footerBorder
-	}), g = N(() => n == null ? [] : [...n].sort(), [n]), _ = Fr(e, n, r, a, s), [v, y] = F(() => new Set(e)), [b, x] = F(r ?? !1);
-	M(() => {
+	}), g = M(() => n == null ? [] : [...n].sort(), [n]), _ = Fr(e, n, r, a, s), [v, y] = P(() => new Set(e)), [b, x] = P(r ?? !1);
+	j(() => {
 		p && (y(new Set(e)), x(r ?? !1));
 	}, [
 		p,
 		e,
 		r
 	]);
-	let S = g.length + 1, [C, w] = F(-1), T = P([]), E = P(null), D = j((e) => {
+	let S = g.length + 1, [C, w] = P(-1), T = N([]), E = N(null), D = A((e) => {
 		let t = (e + S) % S;
 		w(t), T.current[t]?.focus();
 	}, [S]);
-	M(() => {
+	j(() => {
 		if (!p) {
 			w(-1);
 			return;
@@ -3184,14 +3189,14 @@ var pt = /* @__PURE__ */ function(e) {
 		m(e), e || E.current?.focus();
 	}, ee = (e) => {
 		e.key === "ArrowDown" && !p && (e.preventDefault(), m(!0));
-	}, ne = (e) => {
+	}, re = (e) => {
 		e.key === "ArrowDown" ? (e.preventDefault(), D(C + 1)) : e.key === "ArrowUp" ? (e.preventDefault(), D(C - 1)) : e.key === "Escape" && (e.preventDefault(), m(!1), E.current?.focus());
-	}, re = () => {
-		t(v), i?.(b), O(!1);
 	}, ie = () => {
+		t(v), i?.(b), O(!1);
+	}, ae = () => {
 		t(/* @__PURE__ */ new Set()), i?.(!1), O(!1);
 	};
-	return /* @__PURE__ */ W(ue, {
+	return /* @__PURE__ */ W(de, {
 		matchReferenceWidth: !1,
 		placement: "bottom-start",
 		open: p,
@@ -3205,16 +3210,16 @@ var pt = /* @__PURE__ */ function(e) {
 				...h,
 				maxHeight: "calc(var(--fui-available-height, 9999px) - 8px)"
 			},
-			className: A("flex min-w-[360px] flex-col rounded-xl p-[6px]", Pr.overlay),
-			onKeyDown: ne,
+			className: k("flex min-w-[360px] flex-col rounded-xl p-[6px]", Pr.overlay),
+			onKeyDown: re,
 			children: [
-				/* @__PURE__ */ W(xe, {
+				/* @__PURE__ */ W(Se, {
 					role: "menuitemcheckbox",
 					"aria-checked": b,
-					mark: z.Checkbox,
+					mark: R.Checkbox,
 					selected: b,
 					label: a,
-					labelClassName: A(Pr.rowLabel, u?.filterButtonClassName ?? "dial-small-semi-text"),
+					labelClassName: k(Pr.rowLabel, u?.filterButtonClassName ?? "dial-small-semi-text"),
 					className: "shrink-0",
 					tabIndex: C === 0 ? 0 : -1,
 					ref: (e) => {
@@ -3222,25 +3227,25 @@ var pt = /* @__PURE__ */ function(e) {
 					},
 					onClick: () => x(!b)
 				}),
-				g.length > 0 && /* @__PURE__ */ G(st, { children: [
+				g.length > 0 && /* @__PURE__ */ G(U, { children: [
 					/* @__PURE__ */ W("div", {
 						role: "separator",
-						className: A("my-1 h-px", Pr.divider),
+						className: k("my-1 h-px", Pr.divider),
 						"aria-hidden": !0
 					}),
 					/* @__PURE__ */ W("div", {
-						className: A("px-[10px] pb-1 pt-[10px]", u?.filterSectionLabelClassName ?? "dial-tiny-lead-semi-text", Pr.sectionLabel),
+						className: k("px-[10px] pb-1 pt-[10px]", u?.filterSectionLabelClassName ?? "dial-tiny-lead-semi-text", Pr.sectionLabel),
 						"aria-hidden": !0,
 						children: o
 					}),
 					/* @__PURE__ */ W("div", {
-						className: A(te, "flex min-h-0 flex-col gap-1 overflow-y-auto"),
+						className: k(te, "flex min-h-0 flex-col gap-1 overflow-y-auto"),
 						children: g.map((e, t) => {
 							let n = v.has(e), r = t + 1;
-							return /* @__PURE__ */ W(xe, {
+							return /* @__PURE__ */ W(Se, {
 								role: "menuitemcheckbox",
 								"aria-checked": n,
-								mark: z.Checkbox,
+								mark: R.Checkbox,
 								selected: n,
 								label: e,
 								labelClassName: Pr.rowLabel,
@@ -3255,17 +3260,17 @@ var pt = /* @__PURE__ */ function(e) {
 					})
 				] }),
 				/* @__PURE__ */ G("div", {
-					className: A("mt-1 flex shrink-0 items-center px-1 py-3", Pr.footer),
+					className: k("mt-1 flex shrink-0 items-center px-1 py-3", Pr.footer),
 					onKeyDown: (e) => {
 						(e.key === "ArrowUp" || e.key === "ArrowDown") && e.stopPropagation();
 					},
-					children: [/* @__PURE__ */ W(me, {
+					children: [/* @__PURE__ */ W(he, {
 						label: c,
-						onClick: ie
-					}), /* @__PURE__ */ W(Ce, {
+						onClick: ae
+					}), /* @__PURE__ */ W(we, {
 						label: l,
 						className: "ms-auto",
-						onClick: re
+						onClick: ie
 					})]
 				})
 			]
@@ -3277,22 +3282,22 @@ var pt = /* @__PURE__ */ function(e) {
 			"aria-expanded": p,
 			onKeyDown: ee,
 			style: h,
-			className: A("flex h-12 shrink-0 cursor-pointer items-center gap-[7px] whitespace-nowrap rounded-lg px-[18px]", Pr.filterBtn, f && Pr.filterBtnActive, p && Pr.filterBtnOpen),
+			className: k("flex h-12 shrink-0 cursor-pointer items-center gap-[7px] whitespace-nowrap rounded-lg px-[18px]", Pr.filterBtn, f && Pr.filterBtnActive, p && Pr.filterBtnOpen),
 			children: [
-				/* @__PURE__ */ W(Ue, {
-					size: L.SM,
-					stroke: R,
-					className: A("shrink-0", Pr.filterBtnFunnel),
+				/* @__PURE__ */ W(We, {
+					size: I.SM,
+					stroke: L,
+					className: k("shrink-0", Pr.filterBtnFunnel),
 					"aria-hidden": !0
 				}),
 				/* @__PURE__ */ W("span", {
-					className: A(Pr.filterBtnLabel, u?.filterButtonClassName ?? "dial-small-semi-text"),
+					className: k(Pr.filterBtnLabel, u?.filterButtonClassName ?? "dial-small-semi-text"),
 					children: _
 				}),
-				/* @__PURE__ */ W(Le, {
+				/* @__PURE__ */ W(Re, {
 					size: 14,
-					stroke: R,
-					className: A("shrink-0 transition-transform duration-150", Pr.filterBtnChevron, p && "rotate-180"),
+					stroke: L,
+					className: k("shrink-0 transition-transform duration-150", Pr.filterBtnChevron, p && "rotate-180"),
 					"aria-hidden": !0
 				})
 			]
@@ -3302,28 +3307,28 @@ var pt = /* @__PURE__ */ function(e) {
 	section: "_section_mh952_1",
 	divider: "_divider_mh952_5"
 }, zr = ({ 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 T = a?.typography?.titleClassName ?? "dial-body-semi-text", E = a?.typography?.countClassName ?? "dial-tiny-semi-text", D = N(() => [{
+	let T = a?.typography?.titleClassName ?? "dial-body-semi-text", E = a?.typography?.countClassName ?? "dial-tiny-semi-text", D = M(() => [{
 		value: gt.Grid,
-		icon: /* @__PURE__ */ W(Ke, {
-			size: L.SM,
+		icon: /* @__PURE__ */ W(qe, {
+			size: I.SM,
 			"aria-hidden": !0,
-			stroke: R
+			stroke: L
 		}),
 		"aria-label": l
 	}, {
 		value: gt.Cards,
-		icon: /* @__PURE__ */ W(qe, {
-			size: L.SM,
+		icon: /* @__PURE__ */ W(Je, {
+			size: I.SM,
 			"aria-hidden": !0,
-			stroke: R
+			stroke: L
 		}),
 		"aria-label": u
 	}], [l, u]), O = (e) => {
 		s(e ?? "");
-	}, ee = p?.find((e) => e.value === f)?.label ?? h, te = N(() => (p ?? []).map((e) => ({
+	}, ee = p?.find((e) => e.value === f)?.label ?? h, te = M(() => (p ?? []).map((e) => ({
 		key: e.value,
 		label: e.label,
-		mark: z.Check,
+		mark: R.Check,
 		checked: e.value === f,
 		onClick: () => m?.(e.value)
 	})), [
@@ -3348,16 +3353,16 @@ var pt = /* @__PURE__ */ function(e) {
 				}
 			}), /* @__PURE__ */ G("div", {
 				className: "ms-auto flex shrink-0 items-center gap-2",
-				children: [/* @__PURE__ */ W(De, {
+				children: [/* @__PURE__ */ W(Oe, {
 					"aria-label": d,
 					value: t,
 					onChange: n,
 					items: D
-				}), p != null && p.length > 0 && /* @__PURE__ */ G(st, { children: [/* @__PURE__ */ W("div", { className: A("h-4 w-px shrink-0", Rr.divider) }), /* @__PURE__ */ W(oe, {
+				}), p != null && p.length > 0 && /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("div", { className: k("h-4 w-px shrink-0", Rr.divider) }), /* @__PURE__ */ W(se, {
 					items: te,
 					label: ee,
-					variant: I.Primary,
-					appearance: ae.Ghost
+					variant: F.Primary,
+					appearance: oe.Ghost
 				})] })]
 			})]
 		}), /* @__PURE__ */ G("div", {
@@ -3365,10 +3370,10 @@ var pt = /* @__PURE__ */ function(e) {
 			children: [/* @__PURE__ */ W("div", {
 				role: "search",
 				className: "flex-1",
-				children: /* @__PURE__ */ W(Ee, {
+				children: /* @__PURE__ */ W(De, {
 					value: o,
 					onChange: O,
-					size: de.Large,
+					size: fe.Large,
 					wrapperClassName: "dial-kit-input-large",
 					placeholder: c,
 					"aria-label": c
@@ -3389,7 +3394,7 @@ var pt = /* @__PURE__ */ function(e) {
 }, Br = ({ query: e, onQueryChange: t, searchPlaceholder: n = "Search models, tools, agents…", styles: r, filters: i, onFiltersChange: a, filterValues: o, isMyAppsActive: s, onMyAppsChange: c, filterFromLabel: l, filterMyAppsLabel: u, filterTopicsLabel: d, gridViewLabel: f, listViewLabel: p, viewToggleLabel: m, sortKey: h, sortOptions: g, onSortChange: _, sortLabel: v, ...y }) => {
 	let b = { "--cat-browse-divider": r?.colors?.divider };
 	return /* @__PURE__ */ W("section", {
-		className: A("flex-shrink-0 px-4", Rr.section),
+		className: k("flex-shrink-0 px-4", Rr.section),
 		style: b,
 		children: /* @__PURE__ */ W(zr, {
 			styles: r,
@@ -3419,29 +3424,25 @@ var pt = /* @__PURE__ */ function(e) {
 	heading: "_heading_1h83l_5",
 	headingTitle: "_headingTitle_1h83l_9"
 }, Hr = ({ label: e, options: t, onClick: n }) => {
-	let r = P(null);
+	let r = N(null);
 	return t?.length ? /* @__PURE__ */ W("div", {
 		ref: r,
-		children: /* @__PURE__ */ W(oe, {
-			appearance: ae.Solid,
+		children: /* @__PURE__ */ W(se, {
+			appearance: oe.Solid,
 			label: e,
-			iconBefore: /* @__PURE__ */ W(Qe, {
-				size: L.SM,
-				stroke: R
-			}),
-			variant: I.Primary,
+			variant: F.Primary,
 			items: t
 		})
-	}) : /* @__PURE__ */ W(Ce, {
+	}) : /* @__PURE__ */ W(we, {
 		label: e,
-		iconBefore: /* @__PURE__ */ W(Qe, {
-			size: L.SM,
-			stroke: R
+		iconBefore: /* @__PURE__ */ W($e, {
+			size: I.SM,
+			stroke: L
 		}),
 		onClick: n
 	});
-}, Ur = ({ items: e, tabs: a, topicOptions: o, favorites: s, titles: l, browseHeaderRenderer: u, onToggleFavorite: f, isFavoriteVisible: p, columnVisibility: h, onUseInChat: g, isPrimaryActionVisible: _, onShare: v, isPublishVisible: y, isPublishPrimary: b, getPublishHistory: x, publishFolderItems: S, publishExpandedPaths: C, onPublishExpandedPathsChange: w, publishLoadingPaths: T, hasPublishWriteAccess: E, publishDefaultAuthor: D, onPublish: O, onPublishSuccess: ee, onPublishError: te, onCreatePublishFolder: k, publishLabels: ne, ruleSourceOptions: re, onFetchExistingRules: ie, shareOverlay: ae, isShareVisible: oe, isSharePrimary: I, onFetchDetails: se, onEdit: ce, onDownload: L, isDownloadVisible: R, isDownloadPrimary: le, onLoadContentFile: ue, onLoadContentFilePreview: de, renderContentFilePreview: fe, onDelete: pe, onUnshare: me, isUnshareVisible: he, onRevokeShare: ge, onFetchRecipientsCount: _e, isRevokeShareVisible: ve, onUnpublish: ye, isUnpublishVisible: be, onLogin: xe, onLogout: z, onCreateClick: B, createOptions: Se, hideCreateButton: Ce = !1, hidePageTitle: we = !1, isReadonly: Te = !1, initialViewMode: Ee = gt.Grid, isFullWidth: De = !1, selectedItemId: Oe, onCardClick: ke, isLoading: V, styles: Me, detailsTexts: Ne, detailsLimitsFooterNote: Pe, initialDetailsItemId: H, sortKey: Fe, onSortChange: Ie, filterTopics: Le, onFilterTopicsChange: Re, isMyAppsActive: ze, onMyAppsActiveChange: Be, activeTab: Ve, onActiveTabChange: He }) => {
-	let { typography: Ue } = Me ?? {}, We = vt(Me), Ge = l?.pageTitle ?? "Catalog", Ke = l?.createLabel ?? "Create", qe = l?.favoritesTitle ?? "Your favorites", Je = l?.browseTitle ?? "Browse", Ye = l?.searchPlaceholder ?? "Search models, tools, agents…", Xe = l?.noResultsTitle ?? ((e) => `No results for "${e}"`), Ze = l?.featuredLabel ?? "Featured", Qe = l?.gridViewLabel ?? "Grid view", $e = l?.listViewLabel ?? "List view", et = l?.viewToggleLabel ?? "View mode", tt = l?.ariaLabel ?? "Catalog", nt = l?.sortLabel ?? "Sort", rt = [
+}, Ur = ({ items: e, tabs: a, topicOptions: o, favorites: s, titles: l, browseHeaderRenderer: u, onToggleFavorite: f, isFavoriteVisible: p, columnVisibility: h, onUseInChat: g, isPrimaryActionVisible: _, onShare: v, isPublishVisible: y, isPublishPrimary: b, getPublishHistory: x, publishFolderItems: S, publishExpandedPaths: C, onPublishExpandedPathsChange: w, publishLoadingPaths: T, hasPublishWriteAccess: E, publishDefaultAuthor: D, onPublish: O, onPublishSuccess: ee, onPublishError: te, onCreatePublishFolder: ne, publishLabels: re, ruleSourceOptions: ie, onFetchExistingRules: ae, shareOverlay: oe, isShareVisible: se, isSharePrimary: F, onFetchDetails: ce, onEdit: le, onDownload: I, isDownloadVisible: L, isDownloadPrimary: ue, onLoadContentFile: de, onLoadContentFilePreview: fe, renderContentFilePreview: pe, onDelete: me, onUnshare: he, isUnshareVisible: ge, onRevokeShare: _e, onFetchRecipientsCount: ve, isRevokeShareVisible: ye, onUnpublish: be, isUnpublishVisible: xe, onLogin: Se, onLogout: R, onCreateClick: z, createOptions: Ce, hideCreateButton: we = !1, hidePageTitle: Te = !1, isReadonly: Ee = !1, initialViewMode: De = gt.Grid, isFullWidth: Oe = !1, selectedItemId: ke, onCardClick: Ae, isLoading: B, styles: Ne, detailsTexts: Pe, detailsLimitsFooterNote: Fe, initialDetailsItemId: V, sortKey: Ie, onSortChange: Le, filterTopics: Re, onFilterTopicsChange: ze, isMyAppsActive: Be, onMyAppsActiveChange: Ve, activeTab: He, onActiveTabChange: Ue }) => {
+	let { typography: We } = Ne ?? {}, Ge = vt(Ne), Ke = l?.pageTitle ?? "Catalog", qe = l?.createLabel ?? "Create", Je = l?.favoritesTitle ?? "Your favorites", Ye = l?.browseTitle ?? "Browse", Xe = l?.searchPlaceholder ?? "Search models, tools, agents…", Ze = l?.noResultsTitle ?? ((e) => `No results for "${e}"`), Qe = l?.featuredLabel ?? "Featured", $e = l?.gridViewLabel ?? "Grid view", et = l?.listViewLabel ?? "List view", tt = l?.viewToggleLabel ?? "View mode", nt = l?.ariaLabel ?? "Catalog", rt = l?.sortLabel ?? "Sort", it = [
 		{
 			value: i.RecentlyUpdated,
 			label: l?.sortRecentlyUpdatedLabel ?? "Recently Updated"
@@ -3454,67 +3455,67 @@ var pt = /* @__PURE__ */ function(e) {
 			value: i.NameAZ,
 			label: l?.sortNameAZLabel ?? "Name A-Z"
 		}
-	], [U, it] = F(""), [at, ot] = F(Ee), [st, ct] = F(Ee === gt.Cards), [lt, ut] = F(i.RecentlyUpdated), [dt, ft] = F(/* @__PURE__ */ new Set()), [pt, K] = F(!1), mt = Fe ?? lt, q = Le ?? dt, J = ze ?? pt, ht = j((e) => {
+	], [H, at] = P(""), [ot, st] = P(De), [U, ct] = P(De === gt.Cards), [lt, ut] = P(i.RecentlyUpdated), [dt, ft] = P(/* @__PURE__ */ new Set()), [pt, K] = P(!1), mt = Ie ?? lt, q = Re ?? dt, J = Be ?? pt, ht = A((e) => {
 		let t = e;
-		ut(t), Ie?.(t);
-	}, [Ie]), Y = j((e) => {
-		ft(e), Re?.(e);
-	}, [Re]), _t = j((e) => {
-		K(e), Be?.(e);
-	}, [Be]), X = N(() => e.filter((e) => !e.isHidden), [e]), yt = N(() => o ?? r(X), [o, X]), bt = N(() => a ?? t(X, l?.tabLabels), [
+		ut(t), Le?.(t);
+	}, [Le]), Y = A((e) => {
+		ft(e), ze?.(e);
+	}, [ze]), _t = A((e) => {
+		K(e), Ve?.(e);
+	}, [Ve]), X = M(() => e.filter((e) => !e.isHidden), [e]), yt = M(() => o ?? r(X), [o, X]), bt = M(() => a ?? t(X, l?.tabLabels), [
 		a,
 		X,
 		l?.tabLabels
-	]), Z = bt[0]?.id ?? "", [xt, Q] = F(Z);
-	M(() => {
+	]), Z = bt[0]?.id ?? "", [xt, Q] = P(Z);
+	j(() => {
 		Q((e) => e || Z);
 	}, [Z]);
-	let St = Ve ?? xt, Ct = j((e) => {
-		Q(e), He?.(e);
-	}, [He]), [wt, Tt] = F(s.length > 0);
-	M(() => {
+	let St = He ?? xt, Ct = A((e) => {
+		Q(e), Ue?.(e);
+	}, [Ue]), [wt, Tt] = P(s.length > 0);
+	j(() => {
 		s.length > 0 && !wt && Tt(!0);
 	}, [s.length, wt]);
-	let Et = j(() => {
+	let Et = A(() => {
 		Tt(!1);
-	}, []), Dt = wt && s.length === 0, [$, Ot] = F(null), [kt, At] = F(!1), [jt, Mt] = F(void 0), [Nt, Pt] = F(!1), Ft = P(null), It = j(async (e) => {
+	}, []), Dt = wt && s.length === 0, [$, Ot] = P(null), [kt, At] = P(!1), [jt, Mt] = P(void 0), [Nt, Pt] = P(!1), Ft = N(null), It = A(async (e) => {
 		Ot(e), Mt(void 0), Ft.current = e.id;
 		let t = [];
-		se && (Pt(!0), t.push((async () => {
+		ce && (Pt(!0), t.push((async () => {
 			try {
-				let t = await se(e);
+				let t = await ce(e);
 				Ft.current === e.id && Mt(t);
 			} finally {
 				Ft.current === e.id && Pt(!1);
 			}
 		})())), await Promise.all(t);
-	}, [se]), Lt = P(null);
-	M(() => {
-		if (!H) {
+	}, [ce]), Lt = N(null);
+	j(() => {
+		if (!V) {
 			Lt.current = null;
 			return;
 		}
-		if (Lt.current === H) return;
-		let t = e.find((e) => e.id === H);
-		t && (Lt.current = H, It(t));
+		if (Lt.current === V) return;
+		let t = e.find((e) => e.id === V);
+		t && (Lt.current = V, It(t));
 	}, [
-		H,
+		V,
 		e,
 		It
-	]), M(() => {
+	]), j(() => {
 		if ($ == null) return;
 		let t = e.find((e) => e.id === $.id);
 		t && t !== $ && Ot(t);
 	}, [e, $]);
-	let Rt = j(async (e, t) => {
-		await xe?.(e, t), await It(e);
-	}, [xe, It]), zt = j(async (e, t) => {
-		await z?.(e, t), await It(e);
-	}, [z, It]), Vt = j(() => {
+	let Rt = A(async (e, t) => {
+		await Se?.(e, t), await It(e);
+	}, [Se, It]), zt = A(async (e, t) => {
+		await R?.(e, t), await It(e);
+	}, [R, It]), Vt = A(() => {
 		At(!1), Ft.current = null, setTimeout(() => {
 			Ot(null), Mt(void 0), Pt(!1);
 		}, 300);
-	}, []), Ht = N(() => {
+	}, []), Ht = M(() => {
 		if ($ == null) return null;
 		if (jt == null) return $;
 		let { credentials: e, ...t } = jt;
@@ -3523,42 +3524,42 @@ var pt = /* @__PURE__ */ function(e) {
 			details: t,
 			credentials: e ?? $.credentials
 		};
-	}, [$, jt]), Ut = N(() => d(X, mt), [X, mt]), Wt = N(() => c(Ut, U), [Ut, U]), Gt = N(() => q.size > 0 ? n(Wt, q) : Wt, [Wt, q]), Kt = N(() => J ? m(Gt) : Gt, [Gt, J]), qt = N(() => St ? Kt.filter((e) => e.type === St) : Kt, [Kt, St]), Jt = $ != null && s.some((e) => e.id === $.id);
-	M(() => {
+	}, [$, jt]), Ut = M(() => d(X, mt), [X, mt]), Wt = M(() => c(Ut, H), [Ut, H]), Gt = M(() => q.size > 0 ? n(Wt, q) : Wt, [Wt, q]), Kt = M(() => J ? m(Gt) : Gt, [Gt, J]), qt = M(() => St ? Kt.filter((e) => e.type === St) : Kt, [Kt, St]), Jt = $ != null && s.some((e) => e.id === $.id);
+	j(() => {
 		if ($ == null) return;
 		let e = requestAnimationFrame(() => At(!0));
 		return () => cancelAnimationFrame(e);
 	}, [$]);
-	let Yt = j((e) => {
-		e === gt.Cards && ct(!0), ot(e);
-	}, []), Xt = !Ce && !Te, Zt = wt && !Te, Qt = U ? Xe(U) : "No items", $t = N(() => ({
+	let Yt = A((e) => {
+		e === gt.Cards && ct(!0), st(e);
+	}, []), Xt = !we && !Ee, Zt = wt && !Ee, Qt = H ? Ze(H) : "No items", $t = M(() => ({
 		noResultsTitle: Qt,
-		featuredLabel: Ze,
-		credentialsBadgeLoggedOutLabel: Ne?.credentialsBadgeLoggedOutLabel
+		featuredLabel: Qe,
+		credentialsBadgeLoggedOutLabel: Pe?.credentialsBadgeLoggedOutLabel
 	}), [
 		Qt,
-		Ze,
-		Ne?.credentialsBadgeLoggedOutLabel
+		Qe,
+		Pe?.credentialsBadgeLoggedOutLabel
 	]);
-	return V ? /* @__PURE__ */ W("div", {
+	return B ? /* @__PURE__ */ W("div", {
 		className: "flex size-full min-h-0 flex-1 items-center justify-center",
-		children: /* @__PURE__ */ W(Ae, {})
+		children: /* @__PURE__ */ W(je, {})
 	}) : /* @__PURE__ */ G("section", {
-		"aria-label": tt,
-		className: A("flex size-full min-h-0 flex-1 flex-col", Vr.root),
-		style: We,
+		"aria-label": nt,
+		className: k("flex size-full min-h-0 flex-1 flex-col", Vr.root),
+		style: Ge,
 		children: [
-			(!we || Xt) && /* @__PURE__ */ W("div", {
-				className: A("shrink-0", Vr.heading),
+			(!Te || Xt) && /* @__PURE__ */ W("div", {
+				className: k("shrink-0", Vr.heading),
 				children: /* @__PURE__ */ G("div", {
 					className: "flex h-[64px] w-full items-center justify-between px-8",
-					children: [!we && /* @__PURE__ */ W("h1", {
-						className: A(Ue?.pageHeadingFontClassName ?? "dial-display2-text", Vr.headingTitle),
-						children: Ge
+					children: [!Te && /* @__PURE__ */ W("h1", {
+						className: k(We?.pageHeadingFontClassName ?? "dial-display2-text", Vr.headingTitle),
+						children: Ke
 					}), Xt && /* @__PURE__ */ W(Hr, {
-						label: Ke,
-						options: Se,
-						onClick: B
+						label: qe,
+						options: Ce,
+						onClick: z
 					})]
 				})
 			}),
@@ -3570,34 +3571,34 @@ var pt = /* @__PURE__ */ function(e) {
 						children: /* @__PURE__ */ W(xr, {
 							items: s,
 							totalCount: s.length,
-							title: qe,
+							title: Je,
 							onToggleFavorite: f,
 							isFavoriteVisible: p,
-							onItemClick: ke ?? It,
+							onItemClick: Ae ?? It,
 							isLeaving: Dt,
 							onExitComplete: Et,
-							selectedItemId: Oe,
-							credentialsBadgeLoggedOutLabel: Ne?.credentialsBadgeLoggedOutLabel
+							selectedItemId: ke,
+							credentialsBadgeLoggedOutLabel: Pe?.credentialsBadgeLoggedOutLabel
 						})
 					}),
 					/* @__PURE__ */ W("div", {
 						className: "w-full px-4 pt-6",
 						children: /* @__PURE__ */ W(Br, {
 							totalCount: Kt.length,
-							viewMode: at,
+							viewMode: ot,
 							onViewModeChange: Yt,
 							sortKey: mt,
-							query: U,
-							onQueryChange: it,
-							title: Je,
+							query: H,
+							onQueryChange: at,
+							title: Ye,
 							browseHeaderRenderer: u,
-							searchPlaceholder: Ye,
-							gridViewLabel: Qe,
-							listViewLabel: $e,
-							viewToggleLabel: et,
-							sortOptions: rt,
+							searchPlaceholder: Xe,
+							gridViewLabel: $e,
+							listViewLabel: et,
+							viewToggleLabel: tt,
+							sortOptions: it,
 							onSortChange: ht,
-							sortLabel: nt,
+							sortLabel: rt,
 							filters: q,
 							onFiltersChange: Y,
 							filterValues: yt,
@@ -3610,7 +3611,7 @@ var pt = /* @__PURE__ */ function(e) {
 					}),
 					bt.length > 1 && /* @__PURE__ */ W("div", {
 						className: "min-w-0 shrink-0 overflow-x-auto px-8",
-						children: /* @__PURE__ */ W(je, {
+						children: /* @__PURE__ */ W(Me, {
 							tabs: bt.map((e) => ({
 								id: e.id,
 								label: typeof e.label == "string" ? e.label : String(e.label),
@@ -3621,36 +3622,37 @@ var pt = /* @__PURE__ */ function(e) {
 						})
 					}),
 					/* @__PURE__ */ G("div", {
-						className: A(qt.length > 0 ? ["min-h-full w-full px-8 py-6", !De && "mx-auto max-w-[1180px]"] : "min-h-[180px] flex-1", qt.length === 0 && "px-8 py-6"),
+						className: k(qt.length > 0 ? ["min-h-full w-full px-8 py-6", !Oe && "mx-auto max-w-[1180px]"] : "min-h-[180px] flex-1", qt.length === 0 && "px-8 py-6"),
 						children: [/* @__PURE__ */ W("div", {
-							className: A(qt.length > 0 ? "pb-8" : "size-full flex-1", at !== gt.Grid && "hidden"),
+							className: k(qt.length > 0 ? "pb-8" : "size-full flex-1", ot !== gt.Grid && "hidden"),
 							children: /* @__PURE__ */ W(Bt, {
 								items: qt,
-								query: U,
+								query: H,
 								onToggleFavorite: f,
 								isFavoriteVisible: p,
-								onItemClick: ke ?? It,
+								onItemClick: Ae ?? It,
 								titles: $t,
-								selectedItemId: Oe,
-								isReadonly: Te,
-								isFullWidth: De
+								selectedItemId: ke,
+								isReadonly: Ee,
+								isFullWidth: Oe,
+								featuredChipStyle: Ne?.colors?.featuredChipStyle
 							})
-						}), st && /* @__PURE__ */ W("div", {
-							className: A("pb-8", at !== gt.Cards && "hidden", qt.length === 0 && "h-full"),
+						}), U && /* @__PURE__ */ W("div", {
+							className: k("pb-8", ot !== gt.Cards && "hidden", qt.length === 0 && "h-full"),
 							children: /* @__PURE__ */ W(Nr, {
 								type: St,
 								items: qt,
-								query: U,
-								ariaLabel: tt,
+								query: H,
+								ariaLabel: nt,
 								emptyStateTitle: Qt,
 								onToggleFavorite: f,
 								isFavoriteVisible: p,
 								columnVisibility: h,
-								onItemClick: ke ?? It,
+								onItemClick: Ae ?? It,
 								stickyHeaderTop: 0,
-								selectedItemId: Oe,
-								credentialsBadgeLoggedOutLabel: Ne?.credentialsBadgeLoggedOutLabel,
-								isReadonly: Te
+								selectedItemId: ke,
+								credentialsBadgeLoggedOutLabel: Pe?.credentialsBadgeLoggedOutLabel,
+								isReadonly: Ee
 							})
 						})]
 					})
@@ -3661,7 +3663,7 @@ var pt = /* @__PURE__ */ function(e) {
 				isOpen: kt,
 				isStarred: Jt,
 				isDetailsLoading: Nt,
-				isReadonly: Te,
+				isReadonly: Ee,
 				onClose: Vt,
 				onToggleFavorite: f,
 				isFavoriteVisible: p,
@@ -3680,32 +3682,33 @@ var pt = /* @__PURE__ */ function(e) {
 				onPublish: O,
 				onPublishSuccess: ee,
 				onPublishError: te,
-				onCreatePublishFolder: k,
-				publishLabels: ne,
-				ruleSourceOptions: re,
-				onFetchExistingRules: ie,
-				shareOverlay: ae,
-				isShareVisible: oe,
-				isSharePrimary: I,
-				onEdit: ce,
-				onDownload: L,
-				isDownloadVisible: R,
-				isDownloadPrimary: le,
-				onLoadContentFile: ue,
-				onLoadContentFilePreview: de,
-				renderContentFilePreview: fe,
-				onDelete: pe,
-				onUnshare: me,
-				isUnshareVisible: he,
-				onRevokeShare: ge,
-				onFetchRecipientsCount: _e,
-				isRevokeShareVisible: ve,
-				onUnpublish: ye,
-				isUnpublishVisible: be,
+				onCreatePublishFolder: ne,
+				publishLabels: re,
+				ruleSourceOptions: ie,
+				onFetchExistingRules: ae,
+				shareOverlay: oe,
+				isShareVisible: se,
+				isSharePrimary: F,
+				onEdit: le,
+				onDownload: I,
+				isDownloadVisible: L,
+				isDownloadPrimary: ue,
+				onLoadContentFile: de,
+				onLoadContentFilePreview: fe,
+				renderContentFilePreview: pe,
+				onDelete: me,
+				onUnshare: he,
+				isUnshareVisible: ge,
+				onRevokeShare: _e,
+				onFetchRecipientsCount: ve,
+				isRevokeShareVisible: ye,
+				onUnpublish: be,
+				isUnpublishVisible: xe,
 				onLogin: Rt,
 				onLogout: zt,
-				texts: Ne,
-				limitsFooterNote: Pe
+				texts: Pe,
+				limitsFooterNote: Fe,
+				styles: { colors: { featuredChipStyle: Ne?.colors?.featuredChipStyle } }
 			})
 		]
 	});