@epam/ai-dial-catalog 1.1.0-dev.447 → 1.1.0-dev.456

package/index.js

@@ -1,58 +1,58 @@
 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, DeploymentIcon as y, EntityHeader as b, EntityTypeLabel as x, FeaturedChip as S, ItemHeader as C, MarkdownCodeBlock as w, MarkdownRenderer as T, MarkdownWithPlaceholders as E, PanelEmptyState as D, ResourceSummary as O, SELECT_LIST_MAX_HEIGHT_CLASS_NAME as ee, buildCssVars as te, mergeClasses as k } from "@epam/ai-dial-chat-shared";
-import { Fragment as ne, memo as re, useCallback as A, useEffect as j, useLayoutEffect as ie, useMemo as M, useRef as N, useState as P } from "react";
-import { ButtonAppearance as ae, ButtonDropdown as oe, ButtonVariant as se, CardShell as F, CloseButton as ce, DIAL_ICON_SIZE as I, DIAL_KIT_ICON_STROKE as L, DangerButton as le, Dropdown as R, ElementSize as ue, EllipsisTooltip as de, FolderPath as fe, GhostButton as pe, GhostIconButton as me, Highlight as he, InlineSelect as ge, InlineSelectTrigger as _e, Input as ve, LinkButton as ye, MenuItem as be, MenuItemMark as xe, NeutralButton as z, 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 Me, Tooltip as B, mergeClasses as Ne } from "@epam/ai-dial-ui-kit";
-import { IconAlertTriangleFilled as Pe, IconArrowRight as Fe, IconBuildingCommunity as V, 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 it, IconUserOff as at, IconWorldOff as ot, IconWorldShare as st } from "@tabler/icons-react";
-import { Fragment as H, jsx as U, jsxs as W } 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 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 { 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
 var pt = /* @__PURE__ */ function(e) {
 	return e.Python = "python", e.Curl = "curl", e.JavaScript = "javascript", e;
-}({}), G = /* @__PURE__ */ function(e) {
+}({}), K = /* @__PURE__ */ function(e) {
 	return e.About = "about", e.Content = "content", e.Overview = "overview", e.Pricing = "pricing", e.Limits = "limits", e.Api = "api", e.Tools = "tools", e;
 }({}), mt = /* @__PURE__ */ function(e) {
 	return e.RunningLow = "runningLow", e.LimitReached = "limitReached", e;
-}({}), K = /* @__PURE__ */ function(e) {
-	return e.Delete = "delete", e.Logout = "logout", e.Unshare = "unshare", e.RevokeAccess = "revokeAccess", e.DeleteApiKey = "deleteApiKey", e.Unpublish = "unpublish", e;
 }({}), q = /* @__PURE__ */ function(e) {
+	return e.Delete = "delete", e.Logout = "logout", e.Unshare = "unshare", e.RevokeAccess = "revokeAccess", e.DeleteApiKey = "deleteApiKey", e.Unpublish = "unpublish", e;
+}({}), J = /* @__PURE__ */ function(e) {
 	return e.Danger = "danger", e.Info = "info", e;
 }({}), ht = /* @__PURE__ */ function(e) {
 	return e.SM = "sm", e.LG = "lg", e;
 }({}), gt = /* @__PURE__ */ function(e) {
 	return e.Grid = "grid", e.Cards = "cards", e;
-}({}), J = /* @__PURE__ */ function(e) {
-	return e.File = "file", e.Folder = "folder", e;
 }({}), Y = /* @__PURE__ */ function(e) {
+	return e.File = "file", e.Folder = "folder", e;
+}({}), _t = /* @__PURE__ */ function(e) {
 	return e.Markdown = "markdown", e.Text = "text", e.Image = "image", e.Unsupported = "unsupported", e;
-}({}), _t = () => {
-	let [e, t] = P(() => window.innerWidth);
-	return j(() => {
+}({}), X = () => {
+	let [e, t] = F(() => window.innerWidth);
+	return M(() => {
 		let e = () => t(window.innerWidth);
 		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, []), e >= 1024 ? 4 : e >= 640 ? 2 : 1;
-}, X = (e) => {
+}, vt = (e) => {
 	let { colors: t } = e ?? {};
-	return te({
+	return k({
 		"--cat-bg": t?.background,
 		"--cat-heading-title-text": t?.headingTitleText
 	});
-}, vt = 1180, yt = (e) => e >= 1280 ? 4 : e >= 966 ? 3 : e >= 620 ? 2 : 1, bt = (e) => {
+}, yt = 1180, bt = (e) => e >= 1280 ? 4 : e >= 966 ? 3 : e >= 620 ? 2 : 1, Z = (e) => {
 	if (!e || e === document.body) return document.documentElement;
 	let { overflow: t, overflowY: n } = getComputedStyle(e);
-	return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : bt(e.parentElement);
-}, xt = 10, Z = 10, St = 30, Ct = (e, t, n = xt) => {
-	let r = N(null), [i, a] = P({
+	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({
 		start: 0,
 		end: St
 	});
-	j(() => {
+	M(() => {
 		let i = r.current;
 		if (!i) return;
-		let o = bt(i.parentElement), s = () => {
+		let o = Z(i.parentElement), s = () => {
 			let r = o.clientHeight;
 			if (r === 0) return;
-			let s = i.getBoundingClientRect().top, c = o.getBoundingClientRect().top, l = Math.max(0, c - s), u = Math.floor(l / t), d = Math.ceil(r / t), f = Math.max(0, Math.floor((u - n) / Z) * Z), p = Math.min(e, Math.ceil((u + d + n) / Z) * Z);
+			let s = i.getBoundingClientRect().top, c = o.getBoundingClientRect().top, l = Math.max(0, c - s), u = Math.floor(l / t), d = Math.ceil(r / t), f = Math.max(0, Math.floor((u - n) / Q) * Q), p = Math.min(e, Math.ceil((u + d + n) / Q) * Q);
 			a((e) => e.start === f && e.end === p ? e : {
 				start: f,
 				end: p
@@ -68,26 +68,26 @@ var pt = /* @__PURE__ */ function(e) {
 		t,
 		n
 	]);
-	let o = Math.max(0, Math.floor((e - 1) / Z) * Z), s = Math.min(i.start, o);
+	let o = Math.max(0, Math.floor((e - 1) / Q) * Q), s = Math.min(i.start, o);
 	return {
 		containerRef: r,
 		startRow: s,
-		endRow: Math.min(e, Math.max(i.end, s + Z))
+		endRow: Math.min(e, Math.max(i.end, s + Q))
 	};
 }, wt = (e, { overscan: t = 3, isFullWidth: n = !1 } = {}) => {
-	let r = N(null), [i, a] = P(() => {
-		let t = typeof window < "u" ? window.innerWidth : 1440, r = Math.max(0, t - (t > 768 ? 60 : 0)), i = yt((n ? r : Math.min(vt, r)) - 64), a = Math.ceil(e / i);
+	let r = P(null), [i, a] = F(() => {
+		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,
 			endRow: Math.min(a, 12),
 			columnCount: i
 		};
 	});
-	j(() => {
+	M(() => {
 		let n = r.current;
 		if (!n) return;
-		let i = bt(n.parentElement), o = () => {
-			let r = n.getBoundingClientRect(), o = i.getBoundingClientRect(), s = i.clientHeight, c = n.clientWidth, l = yt(c), u = Math.ceil(e / l), d = Math.max(0, o.top - r.top), f = Math.max(0, Math.floor(d / 268) - t);
+		let i = Z(n.parentElement), o = () => {
+			let r = n.getBoundingClientRect(), o = i.getBoundingClientRect(), s = i.clientHeight, c = n.clientWidth, l = bt(c), u = Math.ceil(e / l), d = Math.max(0, o.top - r.top), f = Math.max(0, Math.floor(d / 268) - t);
 			a({
 				startRow: f,
 				endRow: Math.min(u, f + Math.ceil(s / 268) + 2 * t),
@@ -109,7 +109,7 @@ var pt = /* @__PURE__ */ function(e) {
 		rowCount: o,
 		totalHeight: o * 268
 	};
-}, Q = {
+}, Tt = {
 	skeletonColor: "var(--cg-skeleton-color, var(--bg-control-disable-primary, #dce0e8))",
 	card: "_card_18c2b_2",
 	emptyStarHidden: "_emptyStarHidden_18c2b_2",
@@ -119,106 +119,106 @@ var pt = /* @__PURE__ */ function(e) {
 	selectedCard: "_selectedCard_18c2b_37",
 	checkIcon: "_checkIcon_18c2b_42",
 	footer: "_footer_18c2b_46"
-}, Tt = {
+}, Et = {
 	name: "_name_188yo_1",
 	lastUsed: "_lastUsed_188yo_5",
 	version: "_version_188yo_9"
-}, Et = ({ 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, _ = te({
+}, 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({
 		"--ai-name-text": f?.nameColor,
 		"--ai-last-used-text": f?.lastUsedColor,
 		"--ai-version-text": f?.versionColor
 	});
-	return /* @__PURE__ */ W("div", {
-		className: k("flex min-w-0 items-start gap-3", s),
+	return /* @__PURE__ */ G("div", {
+		className: A("flex min-w-0 items-start gap-3", s),
 		style: _,
-		children: [/* @__PURE__ */ W("div", {
-			className: k("relative flex-shrink-0", h, u),
-			children: [/* @__PURE__ */ U("div", {
+		children: [/* @__PURE__ */ G("div", {
+			className: A("relative flex-shrink-0", h, u),
+			children: [/* @__PURE__ */ W("div", {
 				className: "size-full overflow-hidden rounded-[inherit]",
-				children: /* @__PURE__ */ U(y, {
+				children: /* @__PURE__ */ W(b, {
 					src: e ?? void 0,
 					size: g,
 					initialsName: n,
-					styles: { badgeClassName: k(m ? "rounded-[14px]" : "rounded-[12px]") }
+					styles: { badgeClassName: A(m ? "rounded-[14px]" : "rounded-[12px]") }
 				})
 			}), d]
-		}), /* @__PURE__ */ W("div", {
+		}), /* @__PURE__ */ G("div", {
 			className: "flex min-w-0 flex-1 flex-col gap-1",
-			children: [/* @__PURE__ */ U(x, {
+			children: [/* @__PURE__ */ W(S, {
 				type: t,
 				className: p?.typeClassName
-			}), /* @__PURE__ */ W("div", {
+			}), /* @__PURE__ */ G("div", {
 				className: "flex min-w-0 flex-col",
-				children: [/* @__PURE__ */ W("div", {
+				children: [/* @__PURE__ */ G("div", {
 					className: "flex min-w-0 items-start gap-1 overflow-hidden",
-					children: [/* @__PURE__ */ U(de, {
-						text: o ? /* @__PURE__ */ U(he, {
+					children: [/* @__PURE__ */ W(fe, {
+						text: o ? /* @__PURE__ */ W(ge, {
 							text: n,
 							query: o
 						}) : n,
-						className: k("min-w-0 flex-1", p?.nameClassName ?? "dial-body-semi-text", Tt.name)
-					}), r && /* @__PURE__ */ U(de, {
+						className: A("min-w-0 flex-1", p?.nameClassName ?? "dial-body-semi-text", Et.name)
+					}), r && /* @__PURE__ */ W(fe, {
 						text: r,
-						className: k("max-w-[30%] shrink-0 tabular-nums", p?.versionClassName ?? "dial-tiny-text", Tt.version)
+						className: A("max-w-[30%] shrink-0 tabular-nums", p?.versionClassName ?? "dial-tiny-text", Et.version)
 					})]
-				}), m && i != null && /* @__PURE__ */ W("div", {
+				}), m && i != null && /* @__PURE__ */ G("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ U("span", {
-						className: k("tabular-nums", p?.lastUsedClassName ?? "dial-tiny-text", Tt.lastUsed),
+					children: [/* @__PURE__ */ W("span", {
+						className: A("tabular-nums", p?.lastUsedClassName ?? "dial-tiny-text", Et.lastUsed),
 						children: i
 					}), l]
 				})]
 			})]
 		})]
 	});
-}, Dt = { icon: "_icon_a0p4u_1" }, $ = ({ credentials: e, loggedOutLabel: t = "Authorize to use this toolset.", className: n, colors: r }) => e == null || h(e) == null ? null : /* @__PURE__ */ U(B, {
+}, $ = { 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, {
 	tooltip: t,
 	asChild: !0,
-	children: /* @__PURE__ */ U("span", {
+	children: /* @__PURE__ */ W("span", {
 		role: "img",
 		"aria-label": t,
-		style: te({
+		style: k({
 			"--cat-cred-badge-halo": r?.halo,
 			"--cat-cred-badge-icon": r?.icon
 		}),
-		className: k("absolute -bottom-1 -end-1 shrink-0", n),
-		children: /* @__PURE__ */ U(Pe, {
-			size: I.SM,
-			className: Dt.icon,
+		className: A("absolute -bottom-1 -end-1 shrink-0", n),
+		children: /* @__PURE__ */ W(Pe, {
+			size: L.SM,
+			className: $.icon,
 			"aria-hidden": !0
 		})
 	})
-}), Ot = {
+}), kt = {
 	starFilledIcon: "_starFilledIcon_po6zj_1",
 	starPop: "_starPop_po6zj_1"
-}, kt = ({ isStarred: e, onClick: t, size: n, ariaLabel: r = "Toggle favorite", className: i, starFilledColor: a }) => /* @__PURE__ */ U(Me, {
+}, At = ({ isStarred: e, onClick: t, size: n, ariaLabel: r = "Toggle favorite", className: i, starFilledColor: a }) => /* @__PURE__ */ W(V, {
 	size: n,
-	style: te({ "--cat-star-filled": a }),
+	style: k({ "--cat-star-filled": a }),
 	className: i,
-	icon: e ? /* @__PURE__ */ U(tt, {
-		size: I.SM,
-		className: Ot.starFilledIcon
-	}) : /* @__PURE__ */ U(et, {
-		size: I.SM,
-		stroke: L
+	icon: e ? /* @__PURE__ */ W(tt, {
+		size: L.SM,
+		className: kt.starFilledIcon
+	}) : /* @__PURE__ */ W(et, {
+		size: L.SM,
+		stroke: R
 	}),
 	"aria-label": r,
 	onClick: t
-}), At = { tag: "_tag_12518_1" }, jt = ({ label: e, className: t, badgeClassName: n = "dial-tiny-text", colors: r }) => /* @__PURE__ */ U("div", {
-	style: te({
+}), jt = { tag: "_tag_12518_1" }, Mt = ({ label: e, className: t, badgeClassName: n = "dial-tiny-text", colors: r }) => /* @__PURE__ */ W("div", {
+	style: k({
 		"--cat-card-tag-bg": r?.background,
 		"--cat-card-tag-text": r?.text,
 		"--cat-card-tag-border": r?.border
 	}),
-	className: k("flex h-6 w-fit items-center justify-center whitespace-nowrap rounded-md border px-2", At.tag, n, t),
+	className: A("flex h-6 w-fit items-center justify-center whitespace-nowrap rounded-md border px-2", jt.tag, n, t),
 	children: e
-}), Mt = ({ label: e, className: t = "dial-tiny-text", colors: n }) => /* @__PURE__ */ U(jt, {
+}), Nt = ({ label: e, className: t = "dial-tiny-text", colors: n }) => /* @__PURE__ */ W(Mt, {
 	label: e,
 	badgeClassName: t,
 	colors: n
-}), Nt = 8, Pt = ({ topics: e, overflowAriaLabel: t, className: n }) => {
-	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(() => {
+}), 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 t = r.current;
 		if (!t || e.length === 0) return;
 		let n = t.clientWidth;
@@ -229,8 +229,8 @@ var pt = /* @__PURE__ */ function(e) {
 		let u = o.current?.offsetWidth ?? 0, d = 0, f = 0;
 		for (let t = 0; t < e.length; t++) {
 			let r = e.length - (t + 1) > 0;
-			if (d + (t > 0 ? Nt : 0) + c[t] + (r ? Nt + u : 0) > n) break;
-			d += (t > 0 ? Nt : 0) + c[t], f = t + 1;
+			if (d + (t > 0 ? Pt : 0) + c[t] + (r ? Pt + u : 0) > n) break;
+			d += (t > 0 ? Pt : 0) + c[t], f = t + 1;
 		}
 		l(Math.min(f, s.current));
 	}, [e.length]);
@@ -241,59 +241,59 @@ var pt = /* @__PURE__ */ function(e) {
 	}), ie(() => {
 		let e = r.current;
 		!e || c === 0 || e.scrollWidth <= e.clientWidth || (s.current = c - 1, l(s.current));
-	}, [c]), j(() => {
+	}, [c]), M(() => {
 		let e = r.current;
 		if (!e) return;
 		let t = new ResizeObserver(() => {
 			s.current = Infinity, d();
 		});
 		return t.observe(e), () => t.disconnect();
-	}, [d]), e.length === 0) return /* @__PURE__ */ U("div", {
+	}, [d]), e.length === 0) return /* @__PURE__ */ W("div", {
 		ref: r,
-		className: k("relative flex min-w-0 flex-1 flex-nowrap items-center gap-2 overflow-hidden", n)
+		className: A("relative flex min-w-0 flex-1 flex-nowrap items-center gap-2 overflow-hidden", n)
 	});
 	let f = e.length - c;
-	return /* @__PURE__ */ W("div", {
+	return /* @__PURE__ */ G("div", {
 		ref: r,
-		className: k("flex min-w-0 flex-1 flex-nowrap items-center gap-2 overflow-hidden", n),
+		className: A("flex min-w-0 flex-1 flex-nowrap items-center gap-2 overflow-hidden", n),
 		children: [
-			e.slice(0, c).map((e, t) => /* @__PURE__ */ U("div", {
+			e.slice(0, c).map((e, t) => /* @__PURE__ */ W("div", {
 				ref: (e) => {
 					i.current[t] = e;
 				},
-				children: /* @__PURE__ */ U(Mt, { label: e })
+				children: /* @__PURE__ */ W(Nt, { label: e })
 			}, e)),
-			f > 0 && /* @__PURE__ */ U(B, {
+			f > 0 && /* @__PURE__ */ W(Me, {
 				tooltip: e.slice(c).join(", "),
-				children: /* @__PURE__ */ U("span", {
+				children: /* @__PURE__ */ W("span", {
 					"aria-label": t?.(f) ?? `and ${f} more topics`,
-					children: /* @__PURE__ */ U(Mt, { label: `+${f}` })
+					children: /* @__PURE__ */ W(Nt, { label: `+${f}` })
 				})
 			}),
-			/* @__PURE__ */ U("div", {
+			/* @__PURE__ */ W("div", {
 				ref: o,
 				"aria-hidden": !0,
 				className: "invisible absolute start-0 top-0",
-				children: /* @__PURE__ */ U(Mt, { label: `+${e.length}` })
+				children: /* @__PURE__ */ W(Nt, { label: `+${e.length}` })
 			})
 		]
 	});
-}, Ft = { img: () => null }, It = (e) => e.target instanceof Element && e.target.closest("a") !== null, Lt = ({ 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] = P(r);
-	j(() => {
+}, 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(() => {
 		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 = te({
+	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({
 		"--cg-description-text": d?.colors?.textSecondary,
 		"--cg-selected-border": d?.colors?.selectedBorder,
 		"--cg-selected-bg": d?.colors?.selectedBackground,
 		"--cg-check-icon": d?.colors?.checkIcon,
 		"--cg-footer-border": d?.colors?.footerBorder
-	}), x = !p && e.isFeatured === !0, C = !p && a?.(e) !== !1, w = !p || e.folder.length > 0, E = n ? (t) => {
-		It(t) || n(e);
-	} : void 0, D = A((t) => {
-		!n || It(t) || (t.key === "Enter" || t.key === " ") && (t.preventDefault(), n(e));
-	}, [n, e]), O = A((t) => {
+	}), 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) => {
+		!n || Lt(t) || (t.key === "Enter" || t.key === " ") && (t.preventDefault(), n(e));
+	}, [n, e]), O = j((t) => {
 		t.stopPropagation();
 		let n = !m;
 		h(n), i?.(e.id, n);
@@ -302,47 +302,47 @@ var pt = /* @__PURE__ */ function(e) {
 		i,
 		e.id
 	]);
-	return /* @__PURE__ */ W(F, {
+	return /* @__PURE__ */ G(se, {
 		...n ? {
 			role: "button",
 			tabIndex: 0,
-			onClick: E,
+			onClick: T,
 			onKeyDown: D
 		} : {},
 		"aria-label": e.name,
 		style: b,
-		className: k("box-border cursor-pointer gap-3", Q.card, x ? Q.featuredCard : void 0, l ? Q.selectedCard : void 0, u),
+		className: A("box-border cursor-pointer gap-3", Tt.card, x ? Tt.featuredCard : void 0, l ? Tt.selectedCard : void 0, u),
 		children: [
-			x && /* @__PURE__ */ U("div", {
+			x && /* @__PURE__ */ W("div", {
 				className: "absolute end-[22px] top-0 -translate-y-1/2",
-				children: /* @__PURE__ */ U(S, {
+				children: /* @__PURE__ */ W(C, {
 					label: o,
 					type: e.type,
 					className: _
 				})
 			}),
-			l && /* @__PURE__ */ U(Ie, {
-				size: I.SM,
-				className: k("absolute end-3 top-3 shrink-0", Q.checkIcon),
+			l && /* @__PURE__ */ W(Ie, {
+				size: L.SM,
+				className: A("absolute end-3 top-3 shrink-0", Tt.checkIcon),
 				"aria-hidden": !0,
-				stroke: L
+				stroke: R
 			}),
-			/* @__PURE__ */ U(Et, {
+			/* @__PURE__ */ W(Dt, {
 				icon: e.iconUrl,
 				type: e.type,
 				name: e.name,
 				version: e.version,
 				size: ht.SM,
 				query: t,
-				iconClassName: Q.cardIcon,
-				iconOverlay: /* @__PURE__ */ U($, {
+				iconClassName: Tt.cardIcon,
+				iconOverlay: /* @__PURE__ */ W(Ot, {
 					credentials: e.credentials,
 					loggedOutLabel: f
 				})
 			}),
-			/* @__PURE__ */ U("div", {
-				className: k("line-clamp-2 min-h-[2lh] break-words", Q.description),
-				children: e.description && /* @__PURE__ */ U(T, {
+			/* @__PURE__ */ W("div", {
+				className: A("line-clamp-2 min-h-[2lh] break-words", Tt.description),
+				children: e.description && /* @__PURE__ */ W(E, {
 					content: e.description,
 					classNames: {
 						p: g,
@@ -355,38 +355,38 @@ var pt = /* @__PURE__ */ function(e) {
 						h5: g,
 						h6: g
 					},
-					components: Ft
+					components: It
 				})
 			}),
-			/* @__PURE__ */ U("div", {
+			/* @__PURE__ */ W("div", {
 				className: "mt-auto flex items-center gap-2",
-				children: /* @__PURE__ */ U(Pt, { topics: e.topics })
+				children: /* @__PURE__ */ W(Ft, { topics: e.topics })
 			}),
-			w && /* @__PURE__ */ U("div", {
-				className: k("pt-3", !p && k("border-t", Q.footer)),
-				children: /* @__PURE__ */ W("div", {
+			w && /* @__PURE__ */ W("div", {
+				className: A("pt-3", !p && A("border-t", Tt.footer)),
+				children: /* @__PURE__ */ G("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ U("div", {
+					children: [/* @__PURE__ */ W("div", {
 						className: "min-w-0 flex-1",
-						children: e.folder.length > 0 && /* @__PURE__ */ U(fe, {
+						children: e.folder.length > 0 && /* @__PURE__ */ W(pe, {
 							segments: e.folder,
 							labelClassName: v,
 							leafClassName: y
 						})
-					}), C && /* @__PURE__ */ U(kt, {
+					}), S && /* @__PURE__ */ W(At, {
 						isStarred: m,
-						size: ue.Small,
+						size: de.Small,
 						onClick: O,
 						ariaLabel: m ? c : s,
-						className: k(Q.starBtn, !m && Q.emptyStarHidden)
+						className: A(Tt.starBtn, !m && Tt.emptyStarHidden)
 					})]
 				})
 			})
 		]
 	});
-}, Rt = ({ 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 }) => {
+}, 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);
-	return /* @__PURE__ */ U("div", {
+	return /* @__PURE__ */ W("div", {
 		style: {
 			top: e * 268,
 			height: 268
@@ -394,9 +394,9 @@ 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];
-			return /* @__PURE__ */ U("div", {
+			return /* @__PURE__ */ W("div", {
 				className: "h-full min-w-0 flex-1",
-				children: n && /* @__PURE__ */ U(Lt, {
+				children: n && /* @__PURE__ */ W(Rt, {
 					item: n,
 					query: r,
 					initialIsStarred: n.isStarred,
@@ -414,8 +414,8 @@ var pt = /* @__PURE__ */ function(e) {
 			}, n?.id ?? `spacer-${t}`);
 		})
 	});
-}, zt = re(({ items: e, query: t = "", onToggleFavorite: n, isFavoriteVisible: r, onItemClick: i, titles: a, isLoading: o, selectedItemId: s, skeletonColor: c = Q.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 = M(() => ({
+}, 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(() => ({
 		items: e,
 		columnCount: b,
 		query: t,
@@ -442,16 +442,16 @@ var pt = /* @__PURE__ */ function(e) {
 		g,
 		u
 	]);
-	return o ? /* @__PURE__ */ U("div", {
+	return o ? /* @__PURE__ */ W("div", {
 		className: "grid gap-5 p-5",
 		style: {
 			gridTemplateColumns: `repeat(${b}, minmax(0, 1fr))`,
-			...te({ "--cg-skeleton-card-bg": l })
+			...k({ "--cg-skeleton-card-bg": l })
 		},
-		children: Array.from({ length: b * 3 }, (e, t) => /* @__PURE__ */ U("div", {
-			className: k("rounded-md border p-4", Q.skeletonCard),
+		children: Array.from({ length: b * 3 }, (e, t) => /* @__PURE__ */ W("div", {
+			className: A("rounded-md border p-4", Tt.skeletonCard),
 			style: { height: 248 },
-			children: /* @__PURE__ */ U(Oe, {
+			children: /* @__PURE__ */ W(Oe, {
 				avatar: {
 					size: 48,
 					shape: ke.Square
@@ -462,35 +462,35 @@ var pt = /* @__PURE__ */ function(e) {
 				color: c
 			})
 		}, t))
-	}) : e.length === 0 ? /* @__PURE__ */ U("div", {
+	}) : e.length === 0 ? /* @__PURE__ */ W("div", {
 		className: "flex size-full flex-col items-center justify-center",
-		children: /* @__PURE__ */ U(D, { label: f })
-	}) : /* @__PURE__ */ U("div", {
+		children: /* @__PURE__ */ W(O, { label: f })
+	}) : /* @__PURE__ */ W("div", {
 		ref: _,
 		className: "relative",
 		style: { height: x },
 		children: Array.from({ length: y - v }, (e, t) => {
 			let n = v + t;
-			return /* @__PURE__ */ U(Rt, {
+			return /* @__PURE__ */ W(zt, {
 				rowIndex: n,
 				...S
 			}, n);
 		})
 	});
-}), Bt = (e) => e.reduce((e, t) => t.type === J.File ? e + 1 : e + Bt(t.items), 0), Vt = (e) => {
+}), Vt = (e) => e.reduce((e, t) => t.type === Y.File ? e + 1 : e + Vt(t.items), 0), Ht = (e) => {
 	let t = /* @__PURE__ */ new Set(), n = (e) => {
-		for (let r of e) r.type === J.Folder && (t.add(r.id), n(r.items));
+		for (let r of e) r.type === Y.Folder && (t.add(r.id), n(r.items));
 	};
 	return n(e), t;
-}, Ht = (e, t) => {
+}, Ut = (e, t) => {
 	if (t != null) for (let n of e) {
 		if (n.id === t) return n.name;
-		if (n.type === J.Folder) {
-			let e = Ht(n.items, t);
+		if (n.type === Y.Folder) {
+			let e = Ut(n.items, t);
 			if (e != null) return e;
 		}
 	}
-}, Ut = {
+}, Wt = {
 	sectionHeading: "_sectionHeading_jnq93_1",
 	rowAlt: "_rowAlt_jnq93_5",
 	label: "_label_jnq93_9",
@@ -498,21 +498,21 @@ var pt = /* @__PURE__ */ function(e) {
 	valueTrue: "_valueTrue_jnq93_17",
 	valueFalse: "_valueFalse_jnq93_21",
 	valueText: "_valueText_jnq93_25"
-}, Wt = ({ value: e, valueClassName: t, valueTrueClassName: n, checkIconClassName: r, yesLabel: i, noLabel: a }) => e === !0 ? /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(Be, {
-	size: I.MD,
-	className: k(r, Ut.checkIcon)
-}), /* @__PURE__ */ U("span", {
-	className: k(n, Ut.valueTrue),
+}, 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)
+}), /* @__PURE__ */ W("span", {
+	className: A(n, Wt.valueTrue),
 	children: i
-})] }) : e === !1 ? /* @__PURE__ */ U("span", {
-	className: k(t, Ut.valueFalse),
+})] }) : e === !1 ? /* @__PURE__ */ W("span", {
+	className: A(t, Wt.valueFalse),
 	children: a
-}) : /* @__PURE__ */ U("span", {
-	className: k("min-w-0 break-words", t, Ut.valueText),
+}) : /* @__PURE__ */ W("span", {
+	className: A("min-w-0 break-words", t, Wt.valueText),
 	children: e
-}), Gt = ({ 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__ */ U("div", {
+}), 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: te({
+	style: k({
 		"--tv-section-heading": l?.sectionHeading,
 		"--tv-row-alt-bg": l?.rowAlt,
 		"--tv-label": l?.label,
@@ -521,19 +521,19 @@ var pt = /* @__PURE__ */ function(e) {
 		"--tv-value-false": l?.valueFalse,
 		"--tv-value-text": l?.valueText
 	}),
-	children: t != null && t.length > 0 && /* @__PURE__ */ W("section", { children: [/* @__PURE__ */ U("p", {
-		className: k("mb-3 mt-0", o, Ut.sectionHeading),
+	children: t != null && t.length > 0 && /* @__PURE__ */ G("section", { children: [/* @__PURE__ */ W("p", {
+		className: A("mb-3 mt-0", o, Wt.sectionHeading),
 		children: e
-	}), /* @__PURE__ */ U("ul", {
+	}), /* @__PURE__ */ W("ul", {
 		className: "m-0 list-none p-0",
-		children: t.map((e, t) => /* @__PURE__ */ W("li", {
-			className: k("flex items-center rounded px-3 py-2", t % 2 == 0 ? Ut.rowAlt : void 0),
-			children: [/* @__PURE__ */ U("span", {
-				className: k(n, Ut.label, "w-2/5 shrink-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),
+			children: [/* @__PURE__ */ W("span", {
+				className: A(n, Wt.label, "w-2/5 shrink-0"),
 				children: e.label
-			}), /* @__PURE__ */ U("div", {
+			}), /* @__PURE__ */ W("div", {
 				className: "flex w-3/5 min-w-0 items-center gap-1",
-				children: /* @__PURE__ */ U(Wt, {
+				children: /* @__PURE__ */ W(Gt, {
 					value: e.value,
 					valueClassName: r,
 					valueTrueClassName: i,
@@ -544,46 +544,46 @@ var pt = /* @__PURE__ */ function(e) {
 			})]
 		}, e.label))
 	})] })
-}), Kt = { sectionHeading: "_sectionHeading_148lj_1" }, qt = {
+}), qt = { sectionHeading: "_sectionHeading_148lj_1" }, Jt = {
 	[pt.Python]: "Python",
 	[pt.Curl]: "cURL",
 	[pt.JavaScript]: "JavaScript"
-}, Jt = {
+}, Yt = {
 	[pt.Python]: "python",
 	[pt.Curl]: "bash",
 	[pt.JavaScript]: "javascript"
-}, Yt = ({ 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] = P(e[0]?.language ?? pt.Python);
-	j(() => {
+}, 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(() => {
 		c(e[0]?.language ?? pt.Python);
 	}, [e]);
-	let l = M(() => e.map((e) => ({
+	let l = N(() => e.map((e) => ({
 		key: e.language,
-		label: qt[e.language] ?? 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__ */ W("section", { children: [t != null && /* @__PURE__ */ U("p", {
-		className: k("mb-3 mt-0", o, Kt.sectionHeading),
+	return /* @__PURE__ */ G("section", { children: [t != null && /* @__PURE__ */ W("p", {
+		className: A("mb-3 mt-0", o, qt.sectionHeading),
 		children: t
-	}), /* @__PURE__ */ U(w, {
-		language: Jt[s] ?? s,
-		title: qt[s] ?? s,
+	}), /* @__PURE__ */ W(T, {
+		language: Yt[s] ?? s,
+		title: Jt[s] ?? s,
 		value: u,
 		copyLabel: n,
 		copiedLabel: r,
 		codeClassName: i,
 		languageLabelClassName: a,
 		hideDownload: !0,
-		titleSlot: d ? /* @__PURE__ */ U(ge, {
+		titleSlot: d ? /* @__PURE__ */ W(_e, {
 			items: l,
 			matchReferenceWidth: !1,
 			placement: "bottom-end",
-			size: ue.Small,
+			size: de.Small,
 			selectedKey: s
 		}) : void 0
 	})] });
-}, Xt = ({ 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] = P(0), _ = M(() => e.endpoints ?? [], [e.endpoints]), v = _.length > 0, y = _[h] ?? null, b = M(() => _.map((e, t) => ({
+}, 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) => ({
 		key: e.url,
 		label: e.label,
 		onClick: () => g(t)
@@ -592,32 +592,32 @@ var pt = /* @__PURE__ */ function(e) {
 		label: i,
 		value: e.resource.modelId
 	});
-	let S = _.length > 1, C = x.length > 0, T = v ? null : e.resource?.endpointUrl, E = (e.snippets?.length ?? 0) > 0, D = e.requestExample != null, O = e.responseSchema != null;
-	return /* @__PURE__ */ W("div", {
+	let S = _.length > 1, C = x.length > 0, w = v ? null : e.resource?.endpointUrl, E = (e.snippets?.length ?? 0) > 0, D = e.requestExample != null, O = e.responseSchema != null;
+	return /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-6",
 		children: [
-			C && /* @__PURE__ */ U(Gt, {
+			C && /* @__PURE__ */ W(Kt, {
 				sectionLabel: t,
 				values: x,
 				labelClassName: u,
 				valueClassName: d,
 				sectionClassName: m
 			}),
-			T != null && /* @__PURE__ */ U(w, {
+			w != null && /* @__PURE__ */ W(T, {
 				language: a,
-				value: T,
+				value: w,
 				copyLabel: c,
 				copiedLabel: l,
 				codeClassName: f,
 				languageLabelClassName: p,
 				hideDownload: !0
 			}),
-			v && /* @__PURE__ */ W("section", { children: [
-				/* @__PURE__ */ U("p", {
-					className: k("mb-3 mt-0", m, Kt.sectionHeading),
+			v && /* @__PURE__ */ G("section", { children: [
+				/* @__PURE__ */ W("p", {
+					className: A("mb-3 mt-0", m, qt.sectionHeading),
 					children: n
 				}),
-				y != null && /* @__PURE__ */ U(w, {
+				y != null && /* @__PURE__ */ W(T, {
 					language: y.label,
 					value: y.url,
 					copyLabel: c,
@@ -625,17 +625,17 @@ var pt = /* @__PURE__ */ function(e) {
 					codeClassName: f,
 					languageLabelClassName: p,
 					hideDownload: !0,
-					titleSlot: S ? /* @__PURE__ */ U(ge, {
+					titleSlot: S ? /* @__PURE__ */ W(_e, {
 						items: b,
 						matchReferenceWidth: !1,
 						placement: "bottom-end",
-						size: ue.Small,
+						size: de.Small,
 						selectedKey: y.url
 					}) : void 0
 				}, h),
-				y?.snippets != null && y.snippets.length > 0 && /* @__PURE__ */ U("div", {
+				y?.snippets != null && y.snippets.length > 0 && /* @__PURE__ */ W("div", {
 					className: "mt-4",
-					children: /* @__PURE__ */ U(Yt, {
+					children: /* @__PURE__ */ W(Xt, {
 						snippets: y.snippets,
 						copyAriaLabel: c,
 						copiedStatusLabel: l,
@@ -645,7 +645,7 @@ var pt = /* @__PURE__ */ function(e) {
 					}, h)
 				})
 			] }),
-			!v && E && /* @__PURE__ */ U(Yt, {
+			!v && E && /* @__PURE__ */ W(Xt, {
 				snippets: e.snippets ?? [],
 				sectionLabel: r,
 				copyAriaLabel: c,
@@ -654,10 +654,10 @@ var pt = /* @__PURE__ */ function(e) {
 				codeTitleClassName: p,
 				sectionClassName: m
 			}),
-			D && /* @__PURE__ */ W("section", { children: [/* @__PURE__ */ U("p", {
-				className: k("mb-3 mt-0", m, Kt.sectionHeading),
+			D && /* @__PURE__ */ G("section", { children: [/* @__PURE__ */ W("p", {
+				className: A("mb-3 mt-0", m, qt.sectionHeading),
 				children: o
-			}), /* @__PURE__ */ U(w, {
+			}), /* @__PURE__ */ W(T, {
 				language: "bash",
 				value: e.requestExample ?? "",
 				copyLabel: c,
@@ -665,10 +665,10 @@ var pt = /* @__PURE__ */ function(e) {
 				codeClassName: f,
 				hideDownload: !0
 			})] }),
-			O && /* @__PURE__ */ W("section", { children: [/* @__PURE__ */ U("p", {
-				className: k("mb-3 mt-0", m, Kt.sectionHeading),
+			O && /* @__PURE__ */ G("section", { children: [/* @__PURE__ */ W("p", {
+				className: A("mb-3 mt-0", m, qt.sectionHeading),
 				children: s
-			}), /* @__PURE__ */ U(w, {
+			}), /* @__PURE__ */ W(T, {
 				language: "json",
 				value: e.responseSchema ?? "",
 				copyLabel: c,
@@ -678,34 +678,34 @@ var pt = /* @__PURE__ */ function(e) {
 			})] })
 		]
 	});
-}, Zt = {
+}, Qt = {
 	message: "_message_13mok_1",
 	consequences: "_consequences_13mok_5",
 	footer: "_footer_13mok_9"
-}, Qt = ({ confirmLabel: e, cancelLabel: t, variant: n = q.Info, isLoading: r = !1, isConfirmDisabled: i = !1, loadingStatusLabel: a, onConfirm: o, onCancel: s }) => {
-	let c = n === q.Danger, l = (() => {
-		if (r) return /* @__PURE__ */ U(Ae, { size: I.SM });
-		if (c) return /* @__PURE__ */ U(rt, {
-			size: I.MD,
+}, $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,
 			"aria-hidden": !0,
-			stroke: L
+			stroke: R
 		});
-	})(), u = c ? le : z;
-	return /* @__PURE__ */ W("div", {
-		className: k("flex items-center justify-end gap-2 px-6 py-4 rtl:flex-row-reverse rtl:justify-start", Zt.footer),
+	})(), u = c ? le : B;
+	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),
 		children: [
-			/* @__PURE__ */ U(pe, {
+			/* @__PURE__ */ W(me, {
 				label: t,
 				disabled: r,
 				onClick: s
 			}),
-			/* @__PURE__ */ U(u, {
+			/* @__PURE__ */ W(u, {
 				label: e,
 				disabled: r || i,
 				iconBefore: l,
 				onClick: o
 			}),
-			r && a != null && /* @__PURE__ */ U("span", {
+			r && a != null && /* @__PURE__ */ W("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
@@ -713,141 +713,141 @@ var pt = /* @__PURE__ */ function(e) {
 			})
 		]
 	});
-}, $t = {
+}, en = {
 	info: "_info_lklha_1",
 	danger: "_danger_lklha_5"
-}, en = ({ item: e, variant: t = q.Info, iconSize: n = 40 }) => /* @__PURE__ */ U(O, {
+}, tn = ({ item: e, variant: t = J.Info, iconSize: n = 40 }) => /* @__PURE__ */ W(ee, {
 	item: e,
 	iconSize: n,
 	hasVersionTag: !1,
-	className: t === q.Danger ? $t.danger : $t.info
-}), tn = ({ item: e, message: t, consequences: n, variant: r = q.Info, messageClassName: i = "dial-small-text", children: a }) => /* @__PURE__ */ W("div", {
+	className: t === J.Danger ? en.danger : en.info
+}), nn = ({ item: e, message: t, consequences: n, variant: r = J.Info, messageClassName: i = "dial-small-text", children: a }) => /* @__PURE__ */ G("div", {
 	className: "flex flex-col gap-4 px-6 py-4",
 	children: [
-		/* @__PURE__ */ U(en, {
+		/* @__PURE__ */ W(tn, {
 			item: e,
 			variant: r
 		}),
-		/* @__PURE__ */ U("p", {
-			className: k(i, "break-words", Zt.message),
+		/* @__PURE__ */ W("p", {
+			className: A(i, "break-words", Qt.message),
 			children: t
 		}),
-		n != null && n.length > 0 && /* @__PURE__ */ U("ul", {
-			className: k("flex list-disc flex-col gap-2 ps-5", i, Zt.consequences),
-			children: n.map((e) => /* @__PURE__ */ U("li", { children: e }, e))
+		n != null && n.length > 0 && /* @__PURE__ */ W("ul", {
+			className: A("flex list-disc flex-col gap-2 ps-5", i, Qt.consequences),
+			children: n.map((e) => /* @__PURE__ */ W("li", { children: e }, e))
 		}),
 		a
 	]
-}), nn = {
+}), rn = {
 	sunkenBox: "_sunkenBox_1lqi3_1",
 	raisedBox: "_raisedBox_1lqi3_5",
 	activeIcon: "_activeIcon_1lqi3_9"
-}, rn = /* @__PURE__ */ function(e) {
+}, an = /* @__PURE__ */ function(e) {
 	return e.Sunken = "sunken", e.Raised = "raised", e;
-}({}), an = {
-	sunken: nn.sunkenBox,
-	raised: nn.raisedBox
-}, on = ({ icon: e, isActive: t = !1, surface: n = "sunken", statusLabel: r }) => /* @__PURE__ */ W("span", {
+}({}), on = {
+	sunken: rn.sunkenBox,
+	raised: rn.raisedBox
+}, sn = ({ icon: e, isActive: t = !1, surface: n = "sunken", statusLabel: r }) => /* @__PURE__ */ G("span", {
 	className: "relative inline-flex shrink-0",
 	children: [
-		/* @__PURE__ */ U("span", {
-			className: k("flex size-8 items-center justify-center rounded-lg", an[n]),
+		/* @__PURE__ */ W("span", {
+			className: A("flex size-8 items-center justify-center rounded-lg", on[n]),
 			children: e
 		}),
-		t && /* @__PURE__ */ U(Be, {
-			size: I.MD,
+		t && /* @__PURE__ */ W(Be, {
+			size: L.MD,
 			"aria-hidden": !0,
-			className: k("absolute -end-2 -top-2", nn.activeIcon)
+			className: A("absolute -end-2 -top-2", rn.activeIcon)
 		}),
-		r != null && /* @__PURE__ */ U("span", {
+		r != null && /* @__PURE__ */ W("span", {
 			className: "sr-only",
 			children: r
 		})
 	]
-}), sn = {
+}), cn = {
 	card: "_card_tqnz7_1",
 	icon: "_icon_tqnz7_6",
 	title: "_title_tqnz7_10",
 	description: "_description_tqnz7_14"
-}, cn = ({ icon: e, title: t, description: n, action: r, titleClassName: i = "dial-small-semi-text", descriptionClassName: a = "dial-small-text" }) => /* @__PURE__ */ W("div", {
+}, 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: k("flex items-center gap-3 rounded-xl p-3", sn.card),
-	children: [/* @__PURE__ */ U("span", {
-		className: k("shrink-0", sn.icon, n != null && "mt-0.5"),
+	className: A("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"),
 		children: e
-	}), /* @__PURE__ */ W("div", {
+	}), /* @__PURE__ */ G("div", {
 		className: "flex min-w-0 flex-1 items-center justify-between gap-2",
-		children: [/* @__PURE__ */ W("div", {
+		children: [/* @__PURE__ */ G("div", {
 			className: "flex min-w-0 flex-col gap-1",
-			children: [/* @__PURE__ */ U("span", {
-				className: k(i, sn.title),
+			children: [/* @__PURE__ */ W("span", {
+				className: A(i, cn.title),
 				children: t
-			}), n != null && /* @__PURE__ */ U("span", {
-				className: k(a, sn.description),
+			}), n != null && /* @__PURE__ */ W("span", {
+				className: A(a, cn.description),
 				children: n
 			})]
-		}), r != null && /* @__PURE__ */ U("div", {
+		}), r != null && /* @__PURE__ */ W("div", {
 			className: "shrink-0 whitespace-nowrap",
 			children: r
 		})]
 	})]
-}), ln = (e) => e === _.ApiKey ? "You are currently using organization API key to access this toolset." : "You are currently using organization credentials to access this toolset.", un = (e) => e === _.ApiKey ? "Configure your personal API key to have access to your data." : "Login using personal account to have access to your data.", dn = (e) => e === _.ApiKey ? "Signed in with organization API key." : "Signed in with organization credentials.", fn = (e) => e === _.ApiKey ? "Signed in with personal API key." : "Signed in with personal credentials.", pn = 20, mn = ({ state: e, authenticationType: t, texts: n }) => {
-	let r = /* @__PURE__ */ U(V, {
-		size: pn,
+}), 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, {
+		size: mn,
 		"aria-hidden": !0,
-		stroke: L
+		stroke: R
 	});
 	if (e === o.PersonalCredentialsActive) {
-		let e = (n?.personalCredentialsActiveBannerTitle ?? fn)(t);
-		return /* @__PURE__ */ U(cn, {
-			icon: /* @__PURE__ */ U(on, {
-				icon: /* @__PURE__ */ U(it, {
-					size: I.SM,
+		let e = (n?.personalCredentialsActiveBannerTitle ?? pn)(t);
+		return /* @__PURE__ */ W(ln, {
+			icon: /* @__PURE__ */ W(sn, {
+				icon: /* @__PURE__ */ W(U, {
+					size: L.SM,
 					"aria-hidden": !0,
-					stroke: L
+					stroke: R
 				}),
 				isActive: !0,
-				surface: rn.Raised
+				surface: an.Raised
 			}),
 			title: e
 		});
 	}
 	if (e === o.OrgCredentialsActive) {
-		let e = (n?.orgCredentialsActiveBannerTitle ?? dn)(t);
-		return /* @__PURE__ */ U(cn, {
-			icon: /* @__PURE__ */ U(on, {
-				icon: /* @__PURE__ */ U(V, {
-					size: I.SM,
+		let e = (n?.orgCredentialsActiveBannerTitle ?? fn)(t);
+		return /* @__PURE__ */ W(ln, {
+			icon: /* @__PURE__ */ W(sn, {
+				icon: /* @__PURE__ */ W(Fe, {
+					size: L.SM,
 					"aria-hidden": !0,
-					stroke: L
+					stroke: R
 				}),
 				isActive: !0,
-				surface: rn.Raised
+				surface: an.Raised
 			}),
 			title: e
 		});
 	}
-	return /* @__PURE__ */ U(cn, {
+	return /* @__PURE__ */ W(ln, {
 		icon: r,
-		title: (n?.orgFallbackBannerTitle ?? ln)(t),
-		description: (n?.orgFallbackBannerDescription ?? un)(t)
+		title: (n?.orgFallbackBannerTitle ?? un)(t),
+		description: (n?.orgFallbackBannerDescription ?? dn)(t)
 	});
-}, hn = {
+}, gn = {
 	surface: "_surface_1q3s8_1",
 	description: "_description_1q3s8_5",
 	rowDescription: "_rowDescription_1q3s8_9",
 	errorText: "_errorText_1q3s8_13"
-}, gn = ({ 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] = P(""), [C, w] = P(!1), [T, E] = P(!1), D = a === f.SignedIn, O = A(() => {
+}, _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(() => {
 		l?.(e, { level: t });
 	}, [
 		e,
 		t,
 		l
-	]), ee = A((e) => {
+	]), ee = j((e) => {
 		S(e ?? ""), w(!1);
-	}, []), te = A(async () => {
+	}, []), te = j(async () => {
 		if (x.trim().length === 0) {
 			w(!0);
 			return;
@@ -866,47 +866,47 @@ var pt = /* @__PURE__ */ function(e) {
 		t,
 		x,
 		l
-	]), ne = A(() => {
+	]), k = j(() => {
 		u?.(t);
-	}, [t, u]), re = A(() => {
+	}, [t, u]), ne = j(() => {
 		d?.(t);
-	}, [t, d]), j = p?.loginActionLabel ?? "Log in", ie = p?.logoutActionLabel ?? "Log out", M = p?.addApiKeyActionLabel ?? "Add", N = p?.deleteActionLabel ?? "Delete", oe = p?.credentialsSignedInLabel ?? "Signed in", se = p?.credentialsSignedOutLabel ?? "Signed out", F = p?.addingApiKeyStatusLabel ?? "Adding", ce = p?.apiKeyConfiguredMessage ?? "Key has been configured", R = c == null ? void 0 : (p?.apiKeyAddedLabel ?? ((e) => `Added ${e}`))(c);
-	return /* @__PURE__ */ W("div", {
+	}, [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);
+	return /* @__PURE__ */ G("div", {
 		className: "flex items-start gap-3 rounded-xl p-3",
-		children: [/* @__PURE__ */ U(on, {
+		children: [/* @__PURE__ */ W(sn, {
 			icon: i,
 			isActive: o,
-			statusLabel: o ? oe : se
-		}), /* @__PURE__ */ W("div", {
+			statusLabel: o ? P : oe
+		}), /* @__PURE__ */ G("div", {
 			className: "flex min-w-0 flex-1 flex-col gap-1",
 			children: [
-				/* @__PURE__ */ W("div", {
+				/* @__PURE__ */ G("div", {
 					className: "flex items-start justify-between gap-2",
-					children: [/* @__PURE__ */ W("div", {
+					children: [/* @__PURE__ */ G("div", {
 						className: "flex min-w-0 flex-col gap-0.5",
-						children: [/* @__PURE__ */ U("span", {
+						children: [/* @__PURE__ */ W("span", {
 							className: m,
 							children: n
-						}), /* @__PURE__ */ U("span", {
-							className: k(h, hn.rowDescription),
+						}), /* @__PURE__ */ W("span", {
+							className: A(h, gn.rowDescription),
 							children: r
 						})]
-					}), s === _.OAuth && (D ? /* @__PURE__ */ U(le, {
+					}), s === _.OAuth && (D ? /* @__PURE__ */ W(le, {
 						appearance: ae.Ghost,
-						label: ie,
+						label: M,
 						className: "min-w-28 shrink-0 justify-center whitespace-nowrap",
-						onClick: ne
-					}) : /* @__PURE__ */ U(z, {
-						label: j,
+						onClick: k
+					}) : /* @__PURE__ */ W(B, {
+						label: re,
 						className: "min-w-28 shrink-0 justify-center whitespace-nowrap",
 						onClick: O
 					}))]
 				}),
-				s === _.ApiKey && !D && /* @__PURE__ */ W("div", {
+				s === _.ApiKey && !D && /* @__PURE__ */ G("div", {
 					className: "flex animate-fadeIn flex-col gap-1 pt-1",
-					children: [/* @__PURE__ */ W("div", {
+					children: [/* @__PURE__ */ G("div", {
 						className: "flex items-end gap-2",
-						children: [/* @__PURE__ */ U(ve, {
+						children: [/* @__PURE__ */ W(ye, {
 							id: `catalog-item-${e.id}-${t}-api-key`,
 							type: "password",
 							autoComplete: "current-password",
@@ -916,76 +916,76 @@ var pt = /* @__PURE__ */ function(e) {
 							invalid: C,
 							disabled: T,
 							containerClassName: "min-w-0 flex-1"
-						}), /* @__PURE__ */ U(z, {
-							label: T ? void 0 : M,
-							"aria-label": T ? F : void 0,
-							iconBefore: T ? /* @__PURE__ */ U(Ae, {
-								size: I.SM,
-								ariaLabel: F
+						}), /* @__PURE__ */ W(B, {
+							label: T ? void 0 : ie,
+							"aria-label": T ? I : void 0,
+							iconBefore: T ? /* @__PURE__ */ W(Ae, {
+								size: L.SM,
+								ariaLabel: I
 							}) : void 0,
 							className: "shrink-0 whitespace-nowrap",
 							onClick: te,
 							disabled: T
 						})]
-					}), C && /* @__PURE__ */ U("span", {
-						className: k(g, hn.errorText),
+					}), C && /* @__PURE__ */ W("span", {
+						className: A(g, gn.errorText),
 						children: p?.apiKeyRequiredErrorMessage ?? "API key is required."
 					})]
 				}),
-				s === _.ApiKey && D && /* @__PURE__ */ U("div", {
+				s === _.ApiKey && D && /* @__PURE__ */ W("div", {
 					className: "animate-fadeIn pt-1",
-					children: /* @__PURE__ */ U(cn, {
-						icon: /* @__PURE__ */ U(Ge, {
-							size: I.SM,
+					children: /* @__PURE__ */ W(ln, {
+						icon: /* @__PURE__ */ W(Ge, {
+							size: L.SM,
 							"aria-hidden": !0,
-							stroke: L
+							stroke: R
 						}),
-						title: ce,
-						description: R,
+						title: se,
+						description: ce,
 						titleClassName: v,
 						descriptionClassName: y,
-						action: /* @__PURE__ */ U(ye, {
+						action: /* @__PURE__ */ W(be, {
 							label: N,
 							className: b,
-							onClick: re
+							onClick: ne
 						})
 					})
 				})
 			]
 		})]
 	});
-}, _n = (e) => e === _.ApiKey ? "Select which account to use with this toolset — personal or organization. If both are configured, personal credentials will be used by default for toolset access." : "Select which account to use with this toolset — personal or organization. If both are configured, personal credentials will be used by default.", vn = ({ item: e, onLogin: t, onRequestLogout: n, onRequestDeleteApiKey: r, texts: i, detailsStyles: o, deleteActionClassName: s = "text-error" }) => {
+}, vn = (e) => e === _.ApiKey ? "Select which account to use with this toolset — personal or organization. If both are configured, personal credentials will be used by default for toolset access." : "Select which account to use with this toolset — personal or organization. If both are configured, personal credentials will be used by default.", yn = ({ item: e, onLogin: t, onRequestLogout: n, onRequestDeleteApiKey: r, texts: i, detailsStyles: o, deleteActionClassName: s = "text-error" }) => {
 	let { credentialsDescriptionClassName: c = "dial-body-paragraph-text", credentialsRowLabelClassName: l = "dial-small-semi-text", credentialsRowDescriptionClassName: u = "dial-small-text", credentialsErrorClassName: d = "dial-caption-text", credentialsKeyCardTitleClassName: p = "dial-tiny-semi-text", credentialsKeyCardDescriptionClassName: m = "dial-tiny-text" } = o?.typography ?? {}, h = e.credentials;
 	if (h == null) return null;
-	let g = (i?.credentialsManagementDescription ?? _n)(h.authenticationType), _ = h.userStatus === f.SignedIn, v = !_ && h.globalStatus === f.SignedIn;
-	return /* @__PURE__ */ W("div", {
+	let g = (i?.credentialsManagementDescription ?? vn)(h.authenticationType), _ = h.userStatus === f.SignedIn, v = !_ && h.globalStatus === f.SignedIn;
+	return /* @__PURE__ */ G("div", {
 		className: "flex flex-col",
-		children: [/* @__PURE__ */ U("div", {
+		children: [/* @__PURE__ */ W("div", {
 			className: "px-6 py-4",
-			children: /* @__PURE__ */ U("div", {
-				className: k("rounded-xl p-3", hn.surface),
-				children: /* @__PURE__ */ U(b, {
+			children: /* @__PURE__ */ W("div", {
+				className: A("rounded-xl p-3", gn.surface),
+				children: /* @__PURE__ */ W(x, {
 					item: e,
 					iconSize: 40,
 					hasFeaturedTag: !1
 				})
 			})
-		}), /* @__PURE__ */ W("div", {
+		}), /* @__PURE__ */ G("div", {
 			className: "flex flex-col gap-5 px-6 py-4",
-			children: [/* @__PURE__ */ U("span", {
-				className: k(c, hn.description),
+			children: [/* @__PURE__ */ W("span", {
+				className: A(c, gn.description),
 				children: g
-			}), /* @__PURE__ */ W("div", {
+			}), /* @__PURE__ */ G("div", {
 				className: "flex flex-col",
-				children: [/* @__PURE__ */ U(gn, {
+				children: [/* @__PURE__ */ W(_n, {
 					item: e,
 					level: a.User,
 					label: i?.personalCredentialsLabel ?? "Personal credentials",
 					description: i?.personalCredentialsDescription ?? "These credentials apply only to your account.",
-					icon: /* @__PURE__ */ U(it, {
-						size: I.SM,
+					icon: /* @__PURE__ */ W(U, {
+						size: L.SM,
 						"aria-hidden": !0,
-						stroke: L
+						stroke: R
 					}),
 					status: h.userStatus,
 					isActive: _,
@@ -1001,15 +1001,15 @@ var pt = /* @__PURE__ */ function(e) {
 					keyCardTitleClassName: p,
 					keyCardDescriptionClassName: m,
 					deleteActionClassName: s
-				}), /* @__PURE__ */ U(gn, {
+				}), /* @__PURE__ */ W(_n, {
 					item: 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__ */ U(V, {
-						size: I.SM,
+					icon: /* @__PURE__ */ W(Fe, {
+						size: L.SM,
 						"aria-hidden": !0,
-						stroke: L
+						stroke: R
 					}),
 					status: h.globalStatus,
 					isActive: v,
@@ -1029,19 +1029,19 @@ var pt = /* @__PURE__ */ function(e) {
 			})]
 		})]
 	});
-}, yn = {
+}, bn = {
 	skeletonColor: "var(--cat-details-skeleton, var(--bg-control-disable-primary, #dce0e8))",
 	backdrop: "_backdrop_16ka5_2",
 	panel: "_panel_16ka5_6",
 	divider: "_divider_16ka5_11",
 	content: "_content_16ka5_15",
 	publishTitle: "_publishTitle_16ka5_20"
-}, bn = /* @__PURE__ */ function(e) {
+}, xn = /* @__PURE__ */ function(e) {
 	return e.Idle = "idle", e.Loading = "loading", e.Resolved = "resolved", e.Unknown = "unknown", e;
-}({}), xn = { divider: "_divider_nhloi_1" }, Sn = 16, Cn = ({ item: e, level: t, status: n, apiKeyAddedWhen: r, onLogin: i, onLogout: a, onClose: o, texts: s, deleteActionClassName: c = "text-error" }) => {
-	let [l, u] = P(""), [d, p] = P(!1), [m, h] = P(!1), [g, _] = P(!1), v = n === f.SignedIn, y = A((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) => {
 		u(e ?? ""), p(!1);
-	}, []), b = A(async () => {
+	}, []), b = j(async () => {
 		if (l.trim().length === 0) {
 			p(!0);
 			return;
@@ -1061,7 +1061,7 @@ var pt = /* @__PURE__ */ function(e) {
 		l,
 		i,
 		o
-	]), x = A(async () => {
+	]), x = j(async () => {
 		_(!0);
 		try {
 			await a?.(e, { level: t }), o();
@@ -1074,22 +1074,22 @@ var pt = /* @__PURE__ */ function(e) {
 		a,
 		o
 	]), S = s?.personalApiKeyPanelTitle ?? "Personal API key", C = s?.addApiKeyActionLabel ?? "Add", w = s?.deleteActionLabel ?? "Delete", T = s?.addingApiKeyStatusLabel ?? "Adding", E = s?.deletingStatusLabel ?? "Deleting", D = s?.apiKeyRequiredErrorMessage ?? "API key is required.", O = s?.personalApiKeyAddedMessage ?? "Personal key has been added", ee = r == null ? void 0 : (s?.apiKeyAddedLabel ?? ((e) => `Added ${e}`))(r);
-	return /* @__PURE__ */ W("div", {
+	return /* @__PURE__ */ G("div", {
 		className: "flex w-[418px] flex-col",
 		children: [
-			/* @__PURE__ */ U("div", {
+			/* @__PURE__ */ W("div", {
 				className: "flex items-center gap-2 px-4 py-3",
-				children: /* @__PURE__ */ U("span", {
+				children: /* @__PURE__ */ W("span", {
 					className: "dial-small-semi-text",
 					children: S
 				})
 			}),
-			/* @__PURE__ */ U("div", { className: k("mx-4 h-px", xn.divider) }),
-			!v && /* @__PURE__ */ W("div", {
+			/* @__PURE__ */ W("div", { className: A("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__ */ W("div", {
+				children: [/* @__PURE__ */ G("div", {
 					className: "flex items-end gap-2",
-					children: [/* @__PURE__ */ U(ve, {
+					children: [/* @__PURE__ */ W(ye, {
 						id: `catalog-item-${e.id}-${t}-api-key`,
 						type: "password",
 						autoComplete: "current-password",
@@ -1099,36 +1099,36 @@ var pt = /* @__PURE__ */ function(e) {
 						invalid: d,
 						disabled: m,
 						containerClassName: "min-w-0 flex-1"
-					}), /* @__PURE__ */ U(z, {
+					}), /* @__PURE__ */ W(B, {
 						label: m ? void 0 : C,
 						"aria-label": m ? T : void 0,
-						iconBefore: m ? /* @__PURE__ */ U(Ae, {
-							size: Sn,
+						iconBefore: m ? /* @__PURE__ */ W(Ae, {
+							size: Cn,
 							ariaLabel: T
 						}) : void 0,
 						onClick: b,
 						disabled: m
 					})]
-				}), d && /* @__PURE__ */ U("span", {
+				}), d && /* @__PURE__ */ W("span", {
 					className: "dial-caption-text text-error",
 					children: D
 				})]
 			}),
-			v && /* @__PURE__ */ U("div", {
+			v && /* @__PURE__ */ W("div", {
 				className: "animate-fadeIn px-4 py-3.5",
-				children: /* @__PURE__ */ U(cn, {
-					icon: /* @__PURE__ */ U(Ge, {
+				children: /* @__PURE__ */ W(ln, {
+					icon: /* @__PURE__ */ W(Ge, {
 						size: 20,
 						"aria-hidden": !0,
-						stroke: L
+						stroke: R
 					}),
 					title: O,
 					description: ee,
-					action: /* @__PURE__ */ U(ye, {
+					action: /* @__PURE__ */ W(be, {
 						label: g ? void 0 : w,
 						"aria-label": g ? E : void 0,
-						iconBefore: g ? /* @__PURE__ */ U(Ae, {
-							size: Sn,
+						iconBefore: g ? /* @__PURE__ */ W(Ae, {
+							size: Cn,
 							ariaLabel: E
 						}) : void 0,
 						className: c,
@@ -1139,8 +1139,8 @@ var pt = /* @__PURE__ */ function(e) {
 			})
 		]
 	});
-}, wn = { name: "_name_gfs1p_1" }, Tn = (e) => e.isMyApp === !0, En = ({ item: e, onShare: t, shareOverlay: n, isShareVisible: r, label: i = "Share" }) => {
-	let [a, o] = P(!1), s = A(() => {
+}, 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(() => {
 		if (n) {
 			o((e) => !e);
 			return;
@@ -1151,22 +1151,22 @@ var pt = /* @__PURE__ */ function(e) {
 		t,
 		n
 	]);
-	if (!Tn(e) || r && !r(e)) return null;
-	let c = /* @__PURE__ */ U(z, {
+	if (!En(e) || r && !r(e)) return null;
+	let c = /* @__PURE__ */ W(B, {
 		label: i,
-		iconBefore: /* @__PURE__ */ U($e, {
-			size: I.MD,
-			stroke: L
+		iconBefore: /* @__PURE__ */ W($e, {
+			size: L.MD,
+			stroke: R
 		}),
-		iconAfter: /* @__PURE__ */ U(Le, {
-			size: I.MD,
-			stroke: L
+		iconAfter: /* @__PURE__ */ W(Le, {
+			size: L.MD,
+			stroke: R
 		}),
 		onClick: s,
 		"aria-haspopup": n ? "menu" : void 0,
 		"aria-expanded": n ? a : void 0
 	});
-	return n ? /* @__PURE__ */ U(R, {
+	return n ? /* @__PURE__ */ W(ue, {
 		placement: "bottom-end",
 		matchReferenceWidth: !1,
 		open: a,
@@ -1176,31 +1176,31 @@ var pt = /* @__PURE__ */ function(e) {
 		renderOverlay: () => n(e, () => o(!1)),
 		children: c
 	}) : c;
-}, Dn = (e) => e === _.ApiKey ? "Manage API keys" : "Manage credentials", On = {
+}, On = (e) => e === _.ApiKey ? "Manage API keys" : "Manage credentials", kn = {
 	[mt.LimitReached]: "bg-error text-error",
 	[mt.RunningLow]: "bg-warning text-warning"
-}, kn = ({ status: e, label: t }) => /* @__PURE__ */ U("div", {
-	className: k("flex h-[24px] items-center justify-center gap-1 whitespace-nowrap rounded-2xl px-2", "dial-caption-lead-semi-text", On[e]),
+}, 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]),
 	children: t
-}), An = ({ 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: x, 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 ?? {}, de = t.details?.limits?.status, pe = de == null ? void 0 : /* @__PURE__ */ U(kn, {
+}), 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 = A(() => {
+	}), me = j(() => {
 		n?.(t);
-	}, [t, n]), he = A(() => {
+	}, [t, n]), he = j(() => {
 		l?.(t);
-	}, [t, l]), ge = A(() => {
-		ne?.();
-	}, [ne]), _e = A(() => {
-		se?.();
-	}, [se]), ve = A(() => {
+	}, [t, l]), ge = j(() => {
+		k?.();
+	}, [k]), _e = j(() => {
+		oe?.();
+	}, [oe]), ve = j(() => {
 		u?.(t);
-	}, [t, u]), [ye, be] = P(!1);
-	j(() => {
+	}, [t, u]), [ye, be] = F(!1);
+	M(() => {
 		be(!1);
 	}, [t.id]);
-	let xe = A(() => {
+	let xe = j(() => {
 		ye || (be(!0), (async () => {
 			try {
 				await u?.(t);
@@ -1212,13 +1212,13 @@ var pt = /* @__PURE__ */ function(e) {
 		t,
 		u,
 		ye
-	]), [we, Te] = P(!1);
-	j(() => {
-		Te(!1);
+	]), [z, we] = F(!1);
+	M(() => {
+		we(!1);
 	}, [t.id]);
-	let Ee = A(() => {
+	let Te = j(() => {
 		if (o) {
-			Te(!0);
+			we(!0);
 			return;
 		}
 		i?.(t);
@@ -1226,324 +1226,324 @@ var pt = /* @__PURE__ */ function(e) {
 		t,
 		i,
 		o
-	]), De = A(() => {
-		Te(!1);
-	}, []), Oe = A(() => {
+	]), Ee = j(() => {
+		we(!1);
+	}, []), De = j(() => {
 		h?.(t);
-	}, [t, h]), ke = A(() => {
+	}, [t, h]), Oe = j(() => {
 		m?.(t);
-	}, [t, m]), je = A(() => {
+	}, [t, m]), ke = j(() => {
 		y?.(t);
-	}, [t, y]), [Me, B] = P(bn.Idle), [Ne, Pe] = P(void 0), V = N(null);
-	j(() => {
-		V.current = null, B(bn.Idle), Pe(void 0);
+	}, [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.id]);
-	let Ie = A(() => {
-		if (!x || V.current === t.id || !y || t.isMyApp !== !0 || S?.(t) === !1) return;
+	let Fe = j(() => {
+		if (!b || Pe.current === t.id || !y || t.isMyApp !== !0 || S?.(t) === !1) return;
 		let e = t.id;
-		V.current = e, B(bn.Loading), (async () => {
+		Pe.current = e, V(xn.Loading), (async () => {
 			try {
-				let n = await x(t);
-				if (V.current !== e) return;
-				Pe(n), B(n == null ? bn.Unknown : bn.Resolved);
+				let n = await b(t);
+				if (Pe.current !== e) return;
+				Ne(n), V(n == null ? xn.Unknown : xn.Resolved);
 			} catch {
-				if (V.current !== e) return;
-				Pe(void 0), B(bn.Unknown);
+				if (Pe.current !== e) return;
+				Ne(void 0), V(xn.Unknown);
 			}
 		})();
 	}, [
 		t,
-		x,
+		b,
 		y,
 		S
-	]), Re = A((e) => {
-		e && (Ie(), oe?.());
-	}, [Ie, oe]), ze = A(() => {
-		Ie(), oe?.();
-	}, [Ie, oe]), Be = A(() => {
-		oe?.();
-	}, [oe]), Ue = D?.hasPrimaryAction !== !1 && (r?.(t) ?? (t.type === v.Model || t.type === v.Agent || t.type === v.Prompt)), We = !F && !!se && ie && (re?.(t) ?? !0), Ke = !F && !!se && !ae && re?.(t) === !0, qe = !F && !We && (ee?.(t) ?? (t.type === v.Model || t.type === v.Toolset || t.type === v.Agent)), Qe = !F && !!l && !!t.isEditable, et = !F && t.isMyApp === !0 && (s?.(t) ?? !0), tt = c?.(t) ?? !0, rt = te?.(t) ?? !1, it = t.credentials?.authenticationType ?? _.None, ct = t.credentials != null && it !== _.None ? p(t.credentials) : void 0, lt = !F && ct != null && (!!C || !!w), ut = t.type === v.Toolset && lt, dt = !!u && (d?.(t) ?? !0), ft = dt && !ut && (f?.(t) ?? (t.type === v.Skill && !Ue)), pt = dt && !ft, G = !F && t.isMyApp, K = !F && !!h && t.isMyApp !== !0 && t.sharedWithMe === !0 && (g?.(t) ?? !0), q = !F && !!y && t.isMyApp === !0 && (!x || Me === bn.Unknown || Me === bn.Resolved && (Ne ?? 0) > 0) && (S?.(t) ?? !0), ht = M(() => {
+	]), 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(() => {
 		let e = [];
-		if (!tt && et && e.push({
+		if (!et && Qe && e.push({
 			key: "share",
 			label: D?.shareLabel ?? "Share",
-			icon: /* @__PURE__ */ U($e, {
-				size: I.SM,
+			icon: /* @__PURE__ */ W($e, {
+				size: L.SM,
 				"aria-hidden": !0,
 				className: "text-secondary",
-				stroke: L
+				stroke: R
 			}),
-			onClick: Ee
-		}), Qe && e.push({
+			onClick: Te
+		}), qe && e.push({
 			key: "edit",
 			label: D?.editActionLabel ?? "Edit",
-			icon: /* @__PURE__ */ U(Xe, {
-				size: I.SM,
+			icon: /* @__PURE__ */ W(Xe, {
+				size: L.SM,
 				"aria-hidden": !0,
 				className: "text-secondary",
-				stroke: L
+				stroke: R
 			}),
 			onClick: he
-		}), pt && e.push({
+		}), ft && e.push({
 			key: "download",
 			label: D?.downloadActionLabel ?? "Download",
-			icon: /* @__PURE__ */ U(He, {
-				size: I.SM,
+			icon: /* @__PURE__ */ W(He, {
+				size: L.SM,
 				"aria-hidden": !0,
 				className: "text-secondary",
-				stroke: L
+				stroke: R
 			}),
 			onClick: ve
-		}), !rt && qe && e.push({
+		}), !tt && Ke && e.push({
 			key: "publish",
 			label: D?.publishLabel ?? "Publish",
-			icon: /* @__PURE__ */ U(st, {
-				size: I.SM,
+			icon: /* @__PURE__ */ W(ot, {
+				size: L.SM,
 				"aria-hidden": !0,
 				className: "text-secondary",
-				stroke: L
+				stroke: R
 			}),
 			onClick: ge
-		}), !rt && We && e.push({
+		}), !tt && Ue && e.push({
 			key: "unpublish",
 			label: D?.unpublishLabel ?? "Unpublish",
-			icon: /* @__PURE__ */ U(ot, {
-				size: I.SM,
+			icon: /* @__PURE__ */ W(at, {
+				size: L.SM,
 				"aria-hidden": !0,
 				className: "text-secondary",
-				stroke: L
+				stroke: R
 			}),
 			onClick: _e
-		}), G && e.push({
+		}), pt && e.push({
 			key: "delete",
 			label: D?.deleteActionLabel ?? "Delete",
-			icon: /* @__PURE__ */ U(nt, {
-				size: I.SM,
+			icon: /* @__PURE__ */ W(nt, {
+				size: L.SM,
 				"aria-hidden": !0,
-				stroke: L
+				stroke: R
 			}),
 			danger: !0,
-			onClick: ke
+			onClick: Oe
 		}), q) {
 			let t = D?.revokeShareLabel ?? "Revoke access", n = D?.revokeShareLabelWithCount ?? ((e) => `${t} (${e})`);
 			e.push({
 				key: "revoke-share",
-				label: Ne == null ? t : n(Ne),
-				icon: /* @__PURE__ */ U(at, {
-					size: I.SM,
+				label: Me == null ? t : n(Me),
+				icon: /* @__PURE__ */ W(it, {
+					size: L.SM,
 					"aria-hidden": !0,
-					stroke: L
+					stroke: R
 				}),
 				danger: !0,
-				onClick: je
+				onClick: ke
 			});
 		}
 		return K && e.push({
 			key: "unshare",
 			label: D?.unshareLabel ?? "Remove from My List",
-			icon: /* @__PURE__ */ U(nt, {
-				size: I.SM,
+			icon: /* @__PURE__ */ W(nt, {
+				size: L.SM,
 				"aria-hidden": !0,
-				stroke: L
+				stroke: R
 			}),
-			onClick: Oe
+			onClick: De
 		}), e;
 	}, [
-		tt,
 		et,
 		Qe,
-		pt,
-		rt,
 		qe,
-		We,
-		G,
+		ft,
+		tt,
+		Ke,
+		Ue,
+		pt,
 		q,
-		Ne,
+		Me,
 		K,
 		D,
-		Ee,
+		Te,
 		he,
 		ve,
 		ge,
 		_e,
+		Oe,
 		ke,
-		je,
-		Oe
-	]), [gt, J] = P(!1), Y = it === _.ApiKey && ct !== e.ManageCredentials, _t = it === _.ApiKey && ct === e.LogOut, X = it !== _.ApiKey && ct !== e.ManageCredentials && ct === e.LogOut, vt = A(() => {
-		if (ct === e.ManageCredentials) {
+		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) {
 			T?.();
 			return;
 		}
 		if (Y) {
-			J((e) => !e);
+			gt((e) => !e);
 			return;
 		}
-		if (ct === e.LogOut) {
+		if (U === e.LogOut) {
 			E?.();
 			return;
 		}
 		C?.(t, { level: a.User });
 	}, [
-		ct,
+		U,
 		Y,
 		t,
 		C,
 		T,
 		E
-	]), yt = ct === e.ManageCredentials ? (D?.manageCredentialsActionLabel ?? Dn)(it) : it === _.ApiKey ? ct === e.LogOut ? D?.changeApiKeyActionLabel ?? "Change API key" : D?.apiKeyActionLabel ?? "API key" : ct === e.LogOut ? D?.logoutActionLabel ?? "Log out" : D?.loginActionLabel ?? "Log in", bt = ct === e.ManageCredentials || it === _.ApiKey ? /* @__PURE__ */ U(Ge, {
-		size: I.MD,
-		stroke: L
-	}) : ct === e.LogOut ? /* @__PURE__ */ U(Ye, {
-		size: I.MD,
-		stroke: L
-	}) : /* @__PURE__ */ U(Je, {
-		size: I.MD,
-		stroke: L
-	}), xt = ct === e.ManageCredentials ? /* @__PURE__ */ U(Fe, {
-		size: I.MD,
+	]), 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,
 		className: "rtl:scale-x-[-1]",
-		stroke: L
-	}) : Y ? /* @__PURE__ */ U(Le, {
-		size: I.MD,
-		stroke: L
-	}) : void 0, Z = (e) => {
-		let n = /* @__PURE__ */ U(e, {
+		stroke: R
+	}) : Y ? /* @__PURE__ */ W(Le, {
+		size: L.MD,
+		stroke: R
+	}) : void 0, xt = (e) => {
+		let n = /* @__PURE__ */ W(e, {
 			label: yt,
 			iconBefore: bt,
-			iconAfter: xt,
+			iconAfter: Z,
 			onClick: vt,
 			"aria-haspopup": Y ? "dialog" : void 0,
-			"aria-expanded": Y ? gt : void 0
+			"aria-expanded": Y ? ht : void 0
 		});
-		return !Y || t.credentials == null ? n : /* @__PURE__ */ U(R, {
+		return !Y || t.credentials == null ? n : /* @__PURE__ */ W(ue, {
 			placement: "bottom-start",
 			matchReferenceWidth: !1,
-			open: gt,
-			onOpenChange: J,
+			open: ht,
+			onOpenChange: gt,
 			trigger: [],
 			outsideClosable: !0,
-			renderOverlay: () => /* @__PURE__ */ U(Cn, {
+			renderOverlay: () => /* @__PURE__ */ W(wn, {
 				item: t,
 				level: a.User,
 				status: t.credentials?.userStatus,
 				apiKeyAddedWhen: t.credentials?.userApiKeyAddedWhen,
 				onLogin: C,
 				onLogout: w,
-				onClose: () => J(!1),
+				onClose: () => gt(!1),
 				texts: D
 			}),
 			children: n
 		});
-	};
-	return /* @__PURE__ */ W("div", {
+	}, Q = () => {
+		let e = /* @__PURE__ */ W(ue, {
+			items: J,
+			placement: "bottom-end",
+			matchReferenceWidth: !1,
+			onOpenChange: Ie,
+			children: /* @__PURE__ */ W(Se, {
+				icon: /* @__PURE__ */ W(Ve, {
+					size: L.LG,
+					"aria-hidden": !0,
+					stroke: R
+				}),
+				"aria-label": D?.manageActionLabel ?? "Manage",
+				"aria-haspopup": "menu",
+				onMouseEnter: Re,
+				onFocus: Re
+			})
+		});
+		return et || !o || !Qe ? e : /* @__PURE__ */ W(ue, {
+			placement: "bottom-end",
+			matchReferenceWidth: !1,
+			open: z,
+			onOpenChange: we,
+			trigger: [],
+			outsideClosable: !0,
+			renderOverlay: () => o(t, Ee),
+			children: e
+		});
+	}, St = lt || Be || dt || et && Qe || tt && Ue || tt && Ke || ct && !lt || J.length > 0 || We;
+	return /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-3 px-6 py-4",
-		children: [/* @__PURE__ */ U(b, {
+		children: [/* @__PURE__ */ W(x, {
 			item: t,
 			iconSize: 52,
-			nameClassName: k(ce, wn.name),
+			nameClassName: A(se, Tn.name),
 			featuredLabel: D?.featuredLabel ?? "Featured",
-			statusBadge: pe,
-			footer: t.folder.length > 0 ? /* @__PURE__ */ U(fe, {
+			statusBadge: fe,
+			footer: t.folder.length > 0 ? /* @__PURE__ */ W(pe, {
 				segments: t.folder,
-				labelClassName: le,
-				leafClassName: ue
+				labelClassName: ce,
+				leafClassName: le
 			}) : void 0
-		}), /* @__PURE__ */ W("div", {
+		}), St && /* @__PURE__ */ G("div", {
 			className: "flex flex-wrap items-center gap-2 ps-[60px]",
 			children: [
-				ut && Z(_t || X ? z : Ce),
-				Ue && /* @__PURE__ */ U(Ce, {
+				lt && xt(_t || X ? B : Ce),
+				Be && /* @__PURE__ */ W(Ce, {
 					label: D?.primaryActionLabel ?? "Use in chat",
-					iconBefore: /* @__PURE__ */ U(Ze, { size: I.MD }),
+					iconBefore: /* @__PURE__ */ W(Ze, { size: L.MD }),
 					onClick: me,
 					disabled: de === mt.LimitReached
 				}),
-				ft && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(Ce, {
+				dt && /* @__PURE__ */ G(st, { children: [/* @__PURE__ */ W(Ce, {
 					label: D?.downloadActionLabel ?? "Download",
-					iconBefore: ye ? /* @__PURE__ */ U(Ae, {
-						size: I.MD,
+					iconBefore: ye ? /* @__PURE__ */ W(Ae, {
+						size: L.MD,
 						"aria-hidden": !0
-					}) : /* @__PURE__ */ U(He, {
-						size: I.MD,
+					}) : /* @__PURE__ */ W(He, {
+						size: L.MD,
 						"aria-hidden": !0,
-						stroke: L
+						stroke: R
 					}),
 					onClick: xe,
 					disabled: ye,
 					"aria-busy": ye
-				}), ye && /* @__PURE__ */ U("span", {
+				}), ye && /* @__PURE__ */ W("span", {
 					role: "status",
 					"aria-live": "polite",
 					className: "sr-only",
 					children: D?.downloadingStatusLabel ?? "Downloading"
 				})] }),
-				tt && et && /* @__PURE__ */ U(En, {
+				et && Qe && /* @__PURE__ */ W(Dn, {
 					item: t,
 					onShare: i,
 					shareOverlay: o,
 					isShareVisible: s,
 					label: D?.shareLabel
 				}),
-				rt && We && /* @__PURE__ */ U(z, {
+				tt && Ue && /* @__PURE__ */ W(B, {
 					label: D?.unpublishLabel ?? "Unpublish",
-					iconBefore: /* @__PURE__ */ U(ot, {
-						size: I.MD,
+					iconBefore: /* @__PURE__ */ W(at, {
+						size: L.MD,
 						"aria-hidden": !0,
-						stroke: L
+						stroke: R
 					}),
 					onClick: _e,
-					onMouseEnter: Be,
-					onFocus: Be
+					onMouseEnter: ze,
+					onFocus: ze
 				}),
-				rt && qe && /* @__PURE__ */ U(z, {
+				tt && Ke && /* @__PURE__ */ W(B, {
 					label: D?.publishLabel ?? "Publish",
-					iconBefore: /* @__PURE__ */ U(st, {
-						size: I.MD,
+					iconBefore: /* @__PURE__ */ W(ot, {
+						size: L.MD,
 						"aria-hidden": !0,
-						stroke: L
+						stroke: R
 					}),
 					onClick: ge,
-					onMouseEnter: Be,
-					onFocus: Be
+					onMouseEnter: ze,
+					onFocus: ze
 				}),
-				lt && !ut && Z(z),
-				(ht.length > 0 || Ke) && (() => {
-					let e = /* @__PURE__ */ U(R, {
-						items: ht,
-						placement: "bottom-end",
-						matchReferenceWidth: !1,
-						onOpenChange: Re,
-						children: /* @__PURE__ */ U(Se, {
-							icon: /* @__PURE__ */ U(Ve, {
-								size: I.LG,
-								"aria-hidden": !0,
-								stroke: L
-							}),
-							"aria-label": D?.manageActionLabel ?? "Manage",
-							"aria-haspopup": "menu",
-							onMouseEnter: ze,
-							onFocus: ze
-						})
-					});
-					return tt || !o || !et ? e : /* @__PURE__ */ U(R, {
-						placement: "bottom-end",
-						matchReferenceWidth: !1,
-						open: we,
-						onOpenChange: Te,
-						trigger: [],
-						outsideClosable: !0,
-						renderOverlay: () => o(t, De),
-						children: e
-					});
-				})()
+				ct && !lt && xt(B),
+				(J.length > 0 || We) && Q()
 			]
 		})]
 	});
-}, jn = ({ topics: e, content: t, detailsStyles: n }) => {
+}, Mn = ({ topics: e, content: t, detailsStyles: n }) => {
 	let r = n?.typography?.contentHeadingClassName ?? "dial-small-semi-text", i = n?.typography?.contentClassName ?? "dial-small-text";
-	return /* @__PURE__ */ W("div", {
+	return /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-5",
-		children: [/* @__PURE__ */ U(T, {
+		children: [/* @__PURE__ */ W(E, {
 			content: t,
 			classNames: {
 				h1: r,
@@ -1556,24 +1556,24 @@ var pt = /* @__PURE__ */ function(e) {
 				ul: i,
 				ol: i
 			}
-		}), e && e.length > 0 && /* @__PURE__ */ U("div", {
+		}), e && e.length > 0 && /* @__PURE__ */ W("div", {
 			className: "flex flex-wrap gap-2",
-			children: e.map((e) => /* @__PURE__ */ U(Mt, { label: e }, e))
+			children: e.map((e) => /* @__PURE__ */ W(Nt, { label: e }, e))
 		})]
 	});
-}, Mn = {
+}, Nn = {
 	divider: "_divider_1gzl9_1",
 	fileCount: "_fileCount_1gzl9_5",
 	body: "_body_1gzl9_9"
-}, Nn = (e, t, n = void 0) => e.flatMap((e) => {
+}, Pn = (e, t, n = void 0) => e.flatMap((e) => {
 	let r = {
 		node: e,
 		parentId: n
 	};
-	return e.type === J.File || !t.has(e.id) ? [r] : [r, ...Nn(e.items, t, e.id)];
-}), Pn = ({ nodes: e, selectedFileId: t, expandedFolderIds: n, onToggleFolder: r, onSelectFile: i, onClose: a, ariaLabel: o = "Select file", rowNameClassName: s = "dial-small-text" }) => {
-	let c = M(() => Nn(e, n), [e, n]), l = N({}), [u, d] = P(() => t ?? c[0]?.node.id);
-	j(() => {
+	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(() => {
 		u != null && l.current[u]?.focus();
 	}, []);
 	let f = (e) => {
@@ -1596,42 +1596,42 @@ var pt = /* @__PURE__ */ function(e) {
 				break;
 			}
 			case "ArrowRight":
-				e.preventDefault(), o.node.type === J.Folder && !n.has(o.node.id) && r(o.node.id);
+				e.preventDefault(), o.node.type === Y.Folder && !n.has(o.node.id) && r(o.node.id);
 				break;
 			case "ArrowLeft":
-				e.preventDefault(), o.node.type === J.Folder && n.has(o.node.id) ? r(o.node.id) : o.parentId != null && f(o.parentId);
+				e.preventDefault(), o.node.type === Y.Folder && n.has(o.node.id) ? r(o.node.id) : o.parentId != null && f(o.parentId);
 				break;
 			case "Enter":
 			case " ":
-				e.preventDefault(), o.node.type === J.Folder ? r(o.node.id) : i(o.node.id);
+				e.preventDefault(), o.node.type === Y.Folder ? r(o.node.id) : i(o.node.id);
 				break;
 			case "Escape":
 				e.preventDefault(), a();
 				break;
 			default: break;
 		}
-	}, 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) => {
+	}, 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) => {
 		let a = e.id === u;
-		if (e.type === J.File) {
+		if (e.type === Y.File) {
 			let n = e.id === t;
-			return /* @__PURE__ */ U("div", {
+			return /* @__PURE__ */ W("div", {
 				ref: (t) => {
 					l.current[e.id] = t;
 				},
 				role: "treeitem",
 				"aria-selected": n,
 				tabIndex: a ? 0 : -1,
-				className: k(m(a), n && "bg-control-accent-alpha-active"),
+				className: A(m(a), n && "bg-control-accent-alpha-active"),
 				onClick: () => i(e.id),
 				onFocus: () => d(e.id),
-				children: /* @__PURE__ */ U("span", {
-					className: k("min-w-0 flex-1 truncate", s),
+				children: /* @__PURE__ */ W("span", {
+					className: A("min-w-0 flex-1 truncate", s),
 					children: e.name
 				})
 			}, e.id);
 		}
 		let o = n.has(e.id);
-		return /* @__PURE__ */ W("div", { children: [/* @__PURE__ */ W("div", {
+		return /* @__PURE__ */ G("div", { children: [/* @__PURE__ */ G("div", {
 			ref: (t) => {
 				l.current[e.id] = t;
 			},
@@ -1642,106 +1642,106 @@ var pt = /* @__PURE__ */ function(e) {
 			onClick: () => r(e.id),
 			onFocus: () => d(e.id),
 			children: [
-				/* @__PURE__ */ U(We, {
-					size: I.SM,
+				/* @__PURE__ */ W(We, {
+					size: L.SM,
 					className: "shrink-0",
 					"aria-hidden": !0,
-					stroke: L
+					stroke: R
 				}),
-				/* @__PURE__ */ U("span", {
-					className: k("min-w-0 flex-1 truncate", s),
+				/* @__PURE__ */ W("span", {
+					className: A("min-w-0 flex-1 truncate", s),
 					children: e.name
 				}),
-				/* @__PURE__ */ U(Le, {
-					size: I.SM,
-					className: k("shrink-0 transition-transform", !o && "-rotate-90 rtl:rotate-90"),
+				/* @__PURE__ */ W(Le, {
+					size: L.SM,
+					className: A("shrink-0 transition-transform", !o && "-rotate-90 rtl:rotate-90"),
 					"aria-hidden": !0,
-					stroke: L
+					stroke: R
 				})
 			]
-		}), o && e.items.length > 0 && /* @__PURE__ */ U("div", {
+		}), o && e.items.length > 0 && /* @__PURE__ */ W("div", {
 			role: "group",
 			className: "ps-6",
 			children: e.items.map((e) => h(e))
 		})] }, e.id);
 	};
-	return /* @__PURE__ */ U("div", {
+	return /* @__PURE__ */ W("div", {
 		role: "tree",
 		"aria-label": o,
 		onKeyDown: p,
 		children: e.map((e) => h(e))
 	});
-}, Fn = () => void 0, In = ({ content: e, description: t, files: n, selectedFileId: r, onSelectFile: i, isFileLoading: a = !1, expandedFolderIds: o = /* @__PURE__ */ new Set(), onToggleFolder: s = Fn, isFileSelectorOpen: c = !1, onFileSelectorOpenChange: l = Fn, fileSelectorAriaLabel: u = "Select file", fileCountLabel: d = (e) => `${e} files`, fileLoadingLabel: f = "Loading file", fileUnsupportedLabel: p = "Preview is not supported for this file", filePreview: m, filePreviewContent: h, detailsStyles: g }) => {
-	let _ = g?.typography?.contentClassName ?? "dial-small-text", v = g?.typography?.contentHeadingClassName ?? "dial-small-semi-text", y = g?.typography?.contentFileCountClassName ?? "dial-tiny-text", b = t != null && t !== "", x = n ?? [], S = Bt(x) > 1, C = Ht(x, r) ?? "", T = (e) => {
+}, In = () => void 0, Ln = ({ content: e, description: t, files: n, selectedFileId: r, onSelectFile: i, isFileLoading: a = !1, expandedFolderIds: o = /* @__PURE__ */ new Set(), onToggleFolder: s = In, isFileSelectorOpen: c = !1, onFileSelectorOpenChange: l = In, fileSelectorAriaLabel: u = "Select file", fileCountLabel: d = (e) => `${e} files`, fileLoadingLabel: f = "Loading file", fileUnsupportedLabel: p = "Preview is not supported for this file", filePreview: m, filePreviewContent: h, detailsStyles: g }) => {
+	let _ = g?.typography?.contentClassName ?? "dial-small-text", v = g?.typography?.contentHeadingClassName ?? "dial-small-semi-text", y = g?.typography?.contentFileCountClassName ?? "dial-tiny-text", b = t != null && t !== "", x = n ?? [], S = Vt(x) > 1, C = Ut(x, r) ?? "", w = (e) => {
 		i?.(e), l(!1);
-	}, D = a ? {
-		type: Y.Text,
+	}, E = a ? {
+		type: _t.Text,
 		text: ""
 	} : m ?? {
-		type: Y.Markdown,
+		type: _t.Markdown,
 		text: e
 	};
-	return /* @__PURE__ */ W("div", {
+	return /* @__PURE__ */ G("div", {
 		className: "flex h-full flex-col gap-4 pb-6",
 		children: [
-			S && /* @__PURE__ */ W("div", {
+			S && /* @__PURE__ */ G("div", {
 				className: "flex shrink-0 items-center gap-3",
-				children: [/* @__PURE__ */ U(R, {
+				children: [/* @__PURE__ */ W(ue, {
 					open: c,
 					onOpenChange: l,
 					trigger: [],
 					matchReferenceWidth: !1,
 					listClassName: "w-[280px]",
 					placement: "bottom-start",
-					renderOverlay: () => /* @__PURE__ */ U(Pn, {
+					renderOverlay: () => /* @__PURE__ */ W(Fn, {
 						nodes: x,
 						selectedFileId: r,
 						expandedFolderIds: o,
 						onToggleFolder: s,
-						onSelectFile: T,
+						onSelectFile: w,
 						onClose: () => l(!1),
 						ariaLabel: u,
 						rowNameClassName: _
 					}),
-					children: /* @__PURE__ */ U(_e, {
+					children: /* @__PURE__ */ W(ve, {
 						label: C,
-						size: ue.Small,
+						size: de.Small,
 						isOpen: c,
 						onClick: () => l(!c)
 					})
-				}), /* @__PURE__ */ U("span", {
-					className: k("shrink-0", y, Mn.fileCount),
-					children: d(Bt(x))
+				}), /* @__PURE__ */ W("span", {
+					className: A("shrink-0", y, Nn.fileCount),
+					children: d(Vt(x))
 				})]
 			}),
-			b && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("p", {
-				className: k("m-0", _),
+			b && /* @__PURE__ */ G(st, { children: [/* @__PURE__ */ W("p", {
+				className: A("m-0", _),
 				children: t
-			}), /* @__PURE__ */ U("div", { className: k("shrink-0", Mn.divider) })] }),
-			/* @__PURE__ */ W("div", {
-				className: k("min-h-0 flex-1 text-start", h == null ? "overflow-auto break-words" : "overflow-hidden", h == null && Mn.body, h == null && _),
-				children: [a && /* @__PURE__ */ U("span", {
+			}), /* @__PURE__ */ W("div", { className: A("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 && _),
+				children: [a && /* @__PURE__ */ W("span", {
 					role: "status",
 					className: "sr-only",
 					children: f
 				}), (() => {
 					if (h != null) return h;
-					switch (D.type) {
-						case Y.Markdown: return /* @__PURE__ */ U(E, {
-							content: D.text,
+					switch (E.type) {
+						case _t.Markdown: return /* @__PURE__ */ W(D, {
+							content: E.text,
 							headingClassName: v
 						});
-						case Y.Text: return /* @__PURE__ */ U(w, {
-							language: D.language ?? "",
-							value: D.text,
+						case _t.Text: return /* @__PURE__ */ W(T, {
+							language: E.language ?? "",
+							value: E.text,
 							hideDownload: !0
 						});
-						case Y.Image: return /* @__PURE__ */ U("img", {
-							src: D.url,
+						case _t.Image: return /* @__PURE__ */ W("img", {
+							src: E.url,
 							alt: C,
 							className: "max-w-full"
 						});
-						case Y.Unsupported: return /* @__PURE__ */ U("p", {
+						case _t.Unsupported: return /* @__PURE__ */ W("p", {
 							className: "m-0",
 							children: p
 						});
@@ -1750,12 +1750,12 @@ var pt = /* @__PURE__ */ function(e) {
 			})
 		]
 	});
-}, Ln = new Intl.NumberFormat(void 0, { maximumFractionDigits: 2 }), Rn = /* @__PURE__ */ function(e) {
+}, Rn = new Intl.NumberFormat(void 0, { maximumFractionDigits: 2 }), zn = /* @__PURE__ */ function(e) {
 	return e.Default = "default", e.Warning = "warning", e.Danger = "danger", e;
-}({}), zn = (e) => !Number.isFinite(e.used) || !Number.isFinite(e.total) ? 0 : Math.min(Math.max(e.used, 0), Math.max(e.total, 0)), Bn = (e) => Number.isFinite(e) && e > 0 ? e : 1, Vn = ({ used: e, total: t, valueLabel: n }) => n ?? `${Ln.format(e)} / ${Ln.format(t)}`, Hn = ({ total: e }) => Number.isFinite(e) && e > 0, Un = (e) => e.isUnlimited !== !0 && Hn(e), Wn = (e) => Hn(e) ? Math.max(e.used, 0) / e.total : 0, Gn = (e) => {
-	let t = Wn(e);
+}({}), Bn = (e) => !Number.isFinite(e.used) || !Number.isFinite(e.total) ? 0 : Math.min(Math.max(e.used, 0), Math.max(e.total, 0)), Vn = (e) => Number.isFinite(e) && e > 0 ? e : 1, Hn = ({ used: e, total: t, valueLabel: n }) => n ?? `${Rn.format(e)} / ${Rn.format(t)}`, Un = ({ total: e }) => Number.isFinite(e) && e > 0, Wn = (e) => e.isUnlimited !== !0 && Un(e), Gn = (e) => Un(e) ? Math.max(e.used, 0) / e.total : 0, Kn = (e) => {
+	let t = Gn(e);
 	return t >= 1 ? "danger" : t >= .75 ? "warning" : "default";
-}, Kn = {
+}, qn = {
 	sectionHeading: "_sectionHeading_ltnqp_1",
 	label: "_label_ltnqp_5",
 	valuePrimary: "_valuePrimary_ltnqp_9",
@@ -1764,58 +1764,58 @@ var pt = /* @__PURE__ */ function(e) {
 	progressFillDefault: "_progressFillDefault_ltnqp_24",
 	progressFillWarning: "_progressFillWarning_ltnqp_28",
 	progressFillDanger: "_progressFillDanger_ltnqp_32"
-}, qn = ({ row: e, labelClassName: t, captionClassName: n, valueClassName: r, noteValueClassName: i, noteClassName: a }) => {
-	let o = Vn(e);
-	return /* @__PURE__ */ W("li", {
-		className: k("flex items-center justify-between gap-5 border-b py-4 first:pt-0 last:border-b-0 last:pb-0", Kn.divider),
-		children: [/* @__PURE__ */ W("div", {
+}, 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),
+		children: [/* @__PURE__ */ G("div", {
 			className: "flex min-w-0 flex-1 flex-col",
-			children: [/* @__PURE__ */ U("span", {
-				className: k("break-words", t, Kn.label),
+			children: [/* @__PURE__ */ W("span", {
+				className: A("break-words", t, qn.label),
 				children: e.label
-			}), e.captionLabel != null && /* @__PURE__ */ U("span", {
-				className: k("break-words", n, Kn.label),
+			}), e.captionLabel != null && /* @__PURE__ */ W("span", {
+				className: A("break-words", n, qn.label),
 				children: e.captionLabel
 			})]
-		}), Un(e) ? /* @__PURE__ */ W("div", {
+		}), Wn(e) ? /* @__PURE__ */ G("div", {
 			className: "flex w-32 shrink-0 flex-col items-end gap-2",
-			children: [/* @__PURE__ */ U("div", {
-				className: k("flex gap-1", r),
-				children: e.usedLabel != null && e.totalLabel != null ? /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("span", {
-					className: Kn.valuePrimary,
+			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: qn.valuePrimary,
 					children: e.usedLabel
-				}), /* @__PURE__ */ U("span", {
-					className: Kn.label,
+				}), /* @__PURE__ */ W("span", {
+					className: qn.label,
 					children: ` / ${e.totalLabel}`
-				})] }) : /* @__PURE__ */ U("span", {
-					className: Kn.label,
+				})] }) : /* @__PURE__ */ W("span", {
+					className: qn.label,
 					children: o
 				})
-			}), /* @__PURE__ */ U(we, {
-				value: zn(e),
-				max: Bn(e.total),
-				size: ue.Small,
-				className: k("!h-1 w-full", Kn.progressTrack, Gn(e) === Rn.Default && Kn.progressFillDefault, Gn(e) === Rn.Warning && Kn.progressFillWarning, Gn(e) === Rn.Danger && Kn.progressFillDanger),
+			}), /* @__PURE__ */ W(we, {
+				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),
 				"aria-label": e.label,
 				"aria-valuetext": e.ariaLabel ?? o
 			})]
-		}) : /* @__PURE__ */ W("div", {
+		}) : /* @__PURE__ */ G("div", {
 			className: "flex shrink-0 flex-col items-end",
-			children: [/* @__PURE__ */ U("span", {
-				className: k(i, Kn.valuePrimary),
+			children: [/* @__PURE__ */ W("span", {
+				className: A(i, qn.valuePrimary),
 				children: o
-			}), e.noteLabel != null && /* @__PURE__ */ U("span", {
-				className: k(a, Kn.label),
+			}), e.noteLabel != null && /* @__PURE__ */ W("span", {
+				className: A(a, qn.label),
 				children: e.noteLabel
 			})]
 		})]
 	});
-}, Jn = ({ group: e, sectionClassName: t, labelClassName: n, captionClassName: r, valueClassName: i, noteValueClassName: a, noteClassName: o }) => /* @__PURE__ */ W("section", { children: [/* @__PURE__ */ U("p", {
-	className: k("mb-3 mt-0", t, Kn.sectionHeading),
+}, 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),
 	children: e.label
-}), /* @__PURE__ */ U("ul", {
+}), /* @__PURE__ */ W("ul", {
 	className: "m-0 flex list-none flex-col p-0",
-	children: e.rows.map((e) => /* @__PURE__ */ U(qn, {
+	children: e.rows.map((e) => /* @__PURE__ */ W(Jn, {
 		row: e,
 		labelClassName: n,
 		captionClassName: r,
@@ -1823,11 +1823,11 @@ var pt = /* @__PURE__ */ function(e) {
 		noteValueClassName: a,
 		noteClassName: o
 	}, e.label))
-})] }), Yn = ({ limits: e, labelClassName: t = "dial-small-semi-text", captionClassName: n = "dial-caption-text", valueClassName: r = "dial-tiny-text", noteValueClassName: i = "dial-tiny-semi-text", noteClassName: a = "dial-caption-text", sectionClassName: o = "dial-caption-text", footerClassName: s = "dial-caption-text", footerNote: c, colors: l }) => {
+})] }), Xn = ({ limits: e, labelClassName: t = "dial-small-semi-text", captionClassName: n = "dial-caption-text", valueClassName: r = "dial-tiny-text", noteValueClassName: i = "dial-tiny-semi-text", noteClassName: a = "dial-caption-text", sectionClassName: o = "dial-caption-text", footerClassName: s = "dial-caption-text", footerNote: c, colors: l }) => {
 	let u = e?.groups.filter((e) => e.rows.length > 0);
-	return u == null || u.length === 0 ? null : /* @__PURE__ */ W("div", {
+	return u == null || u.length === 0 ? null : /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-6",
-		style: te({
+		style: k({
 			"--lt-section-heading": l?.sectionHeading,
 			"--lt-label": l?.label,
 			"--lt-value-primary": l?.valuePrimary,
@@ -1837,7 +1837,7 @@ var pt = /* @__PURE__ */ function(e) {
 			"--lt-progress-fill-warning": l?.progressFillWarning,
 			"--lt-progress-fill-danger": l?.progressFillDanger
 		}),
-		children: [u.map((e) => /* @__PURE__ */ U(Jn, {
+		children: [u.map((e) => /* @__PURE__ */ W(Yn, {
 			group: e,
 			sectionClassName: o,
 			labelClassName: t,
@@ -1845,18 +1845,18 @@ var pt = /* @__PURE__ */ function(e) {
 			valueClassName: r,
 			noteValueClassName: i,
 			noteClassName: a
-		}, e.label)), c != null && /* @__PURE__ */ U("p", {
-			className: k("m-0 border-t pt-4", s, Kn.divider, Kn.label),
+		}, e.label)), c != null && /* @__PURE__ */ W("p", {
+			className: A("m-0 border-t pt-4", s, qn.divider, qn.label),
 			children: c
 		})]
 	});
-}, Xn = ({ sections: e, sectionClassName: t, labelClassName: n, valueClassName: r, valueTrueClassName: i, yesLabel: a, noLabel: o }) => e ? /* @__PURE__ */ U("div", {
+}, Zn = ({ sections: e, sectionClassName: t, labelClassName: n, valueClassName: r, valueTrueClassName: i, yesLabel: a, noLabel: o }) => e ? /* @__PURE__ */ W("div", {
 	className: "flex flex-col gap-4",
-	children: e.map((e, s) => /* @__PURE__ */ W("div", {
+	children: e.map((e, s) => /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-4",
-		children: [s > 0 && /* @__PURE__ */ U("div", { className: k("shrink-0 border-b", yn.divider) }), /* @__PURE__ */ U("div", {
+		children: [s > 0 && /* @__PURE__ */ W("div", { className: A("shrink-0 border-b", bn.divider) }), /* @__PURE__ */ W("div", {
 			className: "px-6",
-			children: /* @__PURE__ */ U(Gt, {
+			children: /* @__PURE__ */ W(Kt, {
 				sectionLabel: e.title,
 				values: e.specs,
 				sectionClassName: t,
@@ -1868,7 +1868,7 @@ var pt = /* @__PURE__ */ function(e) {
 			})
 		})]
 	}, s))
-}) : null, Zn = ({ pricing: e, pricesSectionLabel: t = "Token pricing", limitsSectionLabel: n = "Usage limits", labelClassName: r = "dial-small-semi-text", valueClassName: i = "dial-small-text", sectionClassName: a = "dial-caption-text" }) => {
+}) : null, Qn = ({ pricing: e, pricesSectionLabel: t = "Token pricing", limitsSectionLabel: n = "Usage limits", labelClassName: r = "dial-small-semi-text", valueClassName: i = "dial-small-text", sectionClassName: a = "dial-caption-text" }) => {
 	if (e == null) return null;
 	let o = e.prices?.map((e) => ({
 		label: e.label,
@@ -1877,15 +1877,15 @@ var pt = /* @__PURE__ */ function(e) {
 		label: e.label,
 		value: e.value
 	}));
-	return /* @__PURE__ */ W("div", {
+	return /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-4",
-		children: [/* @__PURE__ */ U(Gt, {
+		children: [/* @__PURE__ */ W(Kt, {
 			sectionLabel: t,
 			values: o ?? [],
 			labelClassName: r,
 			valueClassName: i,
 			sectionClassName: a
-		}), /* @__PURE__ */ U(Gt, {
+		}), /* @__PURE__ */ W(Kt, {
 			sectionLabel: n,
 			values: s ?? [],
 			labelClassName: r,
@@ -1893,44 +1893,44 @@ var pt = /* @__PURE__ */ function(e) {
 			sectionClassName: a
 		})]
 	});
-}, Qn = {
+}, $n = {
 	container: "_container_ddi3i_1",
 	header: "_header_ddi3i_5",
 	cell: "_cell_ddi3i_10",
 	evenRow: "_evenRow_ddi3i_17"
-}, $n = ({ columns: e, rows: t, columnsTemplate: n, headingClassName: r = "dial-caption-lead-semi-text", cellClassName: i = "dial-tiny-text" }) => {
+}, 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__ */ W("div", {
-		className: k(Qn.container, "grid overflow-hidden rounded-md"),
+	return /* @__PURE__ */ G("div", {
+		className: A($n.container, "grid overflow-hidden rounded-md"),
 		style: { gridTemplateColumns: a },
-		children: [e.map((e) => /* @__PURE__ */ U("div", {
-			className: k("px-2 py-1 text-start", r, Qn.header),
+		children: [e.map((e) => /* @__PURE__ */ W("div", {
+			className: A("px-2 py-1 text-start", r, $n.header),
 			children: e
-		}, e)), t.map((e, t) => /* @__PURE__ */ U(ne, { children: e.map((e, n) => /* @__PURE__ */ U("div", {
-			className: k("px-2 py-1.5", i, Qn.cell, t % 2 == 1 ? Qn.evenRow : void 0),
+		}, 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),
 			children: e
 		}, n)) }, t))]
 	});
-}, er = {
+}, tr = {
 	divider: "_divider_1f796_1",
 	description: "_description_1f796_5",
 	code: "_code_1f796_9"
-}, tr = ({ 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__ */ U("div", {
+}, 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__ */ W("div", {
-		className: k("flex flex-col gap-3 px-[22px] py-4", a > 0 ? er.divider : void 0),
+	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),
 		children: [
-			/* @__PURE__ */ W("div", {
+			/* @__PURE__ */ G("div", {
 				className: "flex flex-col gap-1",
-				children: [/* @__PURE__ */ U("span", {
+				children: [/* @__PURE__ */ W("span", {
 					className: t,
 					children: e.name
-				}), e.description != null && /* @__PURE__ */ U("p", {
-					className: k("m-0", n, er.description),
+				}), e.description != null && /* @__PURE__ */ W("p", {
+					className: A("m-0", n, tr.description),
 					children: e.description
 				})]
 			}),
-			e.inputParams != null && e.inputParams.length > 0 && /* @__PURE__ */ U($n, {
+			e.inputParams != null && e.inputParams.length > 0 && /* @__PURE__ */ W(er, {
 				columns: [
 					"Name",
 					"Type",
@@ -1938,12 +1938,12 @@ var pt = /* @__PURE__ */ function(e) {
 				],
 				columnsTemplate: "1fr 1fr auto",
 				rows: e.inputParams.map((e) => [
-					/* @__PURE__ */ U("code", {
-						className: k("text-inherit border-none bg-transparent p-0", er.code),
+					/* @__PURE__ */ W("code", {
+						className: A("text-inherit border-none bg-transparent p-0", tr.code),
 						children: e.name
 					}, "name"),
-					/* @__PURE__ */ U("code", {
-						className: k("text-inherit border-none bg-transparent p-0", er.code),
+					/* @__PURE__ */ W("code", {
+						className: A("text-inherit border-none bg-transparent p-0", tr.code),
 						children: e.type
 					}, "type"),
 					e.isRequired ? "✓" : "—"
@@ -1951,10 +1951,10 @@ var pt = /* @__PURE__ */ function(e) {
 				headingClassName: r,
 				cellClassName: i
 			}),
-			e.annotations != null && e.annotations.length > 0 && /* @__PURE__ */ U($n, {
+			e.annotations != null && e.annotations.length > 0 && /* @__PURE__ */ W(er, {
 				columns: ["Key", "Value"],
-				rows: e.annotations.map((e) => [/* @__PURE__ */ U("code", {
-					className: k("text-inherit border-none bg-transparent p-0", er.code),
+				rows: e.annotations.map((e) => [/* @__PURE__ */ W("code", {
+					className: A("text-inherit border-none bg-transparent p-0", tr.code),
 					children: e.key
 				}, "key"), e.value]),
 				headingClassName: r,
@@ -1962,154 +1962,154 @@ var pt = /* @__PURE__ */ function(e) {
 			})
 		]
 	}, e.name))
-}), nr = new Set([v.Prompt, v.Skill]), rr = (e) => e?.resource?.endpointUrl != null || (e?.endpoints?.length ?? 0) > 0, ir = (e, t) => t == null ? e.length === 1 ? e[0] : void 0 : e.find((e) => e.key === t), ar = async () => void 0, or = [], sr = [], cr = [
+}), rr = new Set([v.Prompt, v.Skill]), ir = (e) => e?.resource?.endpointUrl != null || (e?.endpoints?.length ?? 0) > 0, ar = (e, t) => t == null ? e.length === 1 ? e[0] : void 0 : e.find((e) => e.key === t), or = async () => void 0, sr = [], cr = [], lr = [
 	"All shared configurations will be lost",
 	"Users who rely on it will lose access",
 	"Cannot be undone"
-], lr = [
+], ur = [
 	"You will lose access to this item",
 	"Other people keep their access",
 	"You will need a new invitation to get it back"
-], ur = [
+], dr = [
 	"Everyone loses access to the published copy",
 	"Your own copy is not deleted",
 	"You can publish it again later"
-], dr = [
+], fr = [
 	"Everyone you shared it with loses access",
 	"Existing share links stop working",
 	"You keep full access — nothing is deleted"
-], fr = (e) => e === _.ApiKey ? "Toolset API keys" : "Toolset credentials", pr = (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?", mr = new Set([K.Delete, K.Unshare]), hr = ({ 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: _ = or, publishExpandedPaths: v, onPublishExpandedPathsChange: y, publishLoadingPaths: b, hasPublishWriteAccess: x, publishDefaultAuthor: S, onPublish: C, onPublishSuccess: w, onPublishError: T, onCreatePublishFolder: E, publishLabels: D, ruleSourceOptions: O = sr, onFetchExistingRules: ee, shareOverlay: ne, isShareVisible: re, isSharePrimary: ie, onEdit: ae, onDownload: oe, isDownloadVisible: se, isDownloadPrimary: F, onLoadContentFile: I, onLoadContentFilePreview: le, renderContentFilePreview: R, onDelete: de, onUnshare: fe, isUnshareVisible: pe, onRevokeShare: he, onFetchRecipientsCount: ge, isRevokeShareVisible: _e, onUnpublish: ve, isUnpublishVisible: ye, onLogin: be, onLogout: xe, texts: z, styles: Se, limitsFooterNote: Ce }) => {
-	let { subViewTitleClassName: we = "dial-body-semi-text", overviewSectionClassName: Ee = "dial-caption-text", overviewLabelClassName: De = "dial-small-semi-text", overviewValueClassName: ke = "dial-small-text", overviewValueTrueClassName: Ae = "dial-small-text", confirmMessageClassName: Me = "dial-small-text" } = Se?.typography ?? {}, B = Se?.colors, Ne = te({
-		"--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, ze] = 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), at = N(null), ot = N(0), st = A((e) => {
-		let t = at.current, n = e?.preview?.type === Y.Image ? e.preview.url : null;
-		t != null && t !== n && t.startsWith("blob:") && URL.revokeObjectURL(t), at.current = n, Qe(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: 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);
 	}, []);
-	j(() => {
-		ot.current += 1, st(null), et(!1), nt(Vt(Ye?.files ?? [])), it(!1);
-	}, [e.id, Xe]), j(() => () => {
-		let e = at.current;
+	M(() => {
+		it.current += 1, at(null), $e(!1), tt(Ht(Je?.files ?? [])), rt(!1);
+	}, [e.id, Ye]), M(() => () => {
+		let e = U.current;
 		e != null && e.startsWith("blob:") && URL.revokeObjectURL(e);
 	}, []);
-	let ft = A((e) => {
-		nt((t) => {
+	let ot = j((e) => {
+		tt((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), pt = A(async (e) => {
-		if (e === Xe) {
-			ot.current += 1, st(null), et(!1);
+	}, []), ft = j(async (e) => {
+		if (e === Ye) {
+			it.current += 1, at(null), $e(!1);
 			return;
 		}
-		if (R == null && I == null && le == null) return;
-		if (R != null) {
-			ot.current += 1, st({
+		if (le == null && se == null && L == null) return;
+		if (le != null) {
+			it.current += 1, at({
 				id: e,
 				preview: null
-			}), et(!1);
+			}), $e(!1);
 			return;
 		}
-		let t = ++ot.current;
-		st({
+		let t = ++it.current;
+		at({
 			id: e,
 			preview: null
-		}), et(!0);
+		}), $e(!0);
 		try {
-			let n = le == null ? await I?.(e).then((e) => e == null ? void 0 : {
-				type: Y.Markdown,
+			let n = L == null ? await se?.(e).then((e) => e == null ? void 0 : {
+				type: _t.Markdown,
 				text: e
-			}) : await le(e);
-			if (ot.current !== t) {
-				n?.type === Y.Image && n.url.startsWith("blob:") && URL.revokeObjectURL(n.url);
+			}) : await L(e);
+			if (it.current !== t) {
+				n?.type === _t.Image && n.url.startsWith("blob:") && URL.revokeObjectURL(n.url);
 				return;
 			}
-			st({
+			at({
 				id: e,
 				preview: n ?? null
 			});
 		} catch {
-			if (ot.current !== t) return;
-			st({
+			if (it.current !== t) return;
+			at({
 				id: e,
 				preview: null
 			});
 		} finally {
-			ot.current === t && et(!1);
+			it.current === t && $e(!1);
 		}
 	}, [
-		Xe,
-		I,
+		Ye,
+		se,
+		L,
 		le,
-		R,
-		st
-	]), mt = Ze?.id ?? Xe, ht = () => Ze == null ? null : Ze.preview == null ? {
-		type: Y.Text,
+		at
+	]), pt = Xe?.id ?? Ye, mt = () => Xe == null ? null : Xe.preview == null ? {
+		type: _t.Text,
 		text: z?.contentFileErrorLabel ?? "Failed to load this file."
-	} : Ze.preview, gt = Ze != null && R != null ? R(Ze.id, Ht(Ye?.files ?? [], Ze.id) ?? "") : void 0, J = A(() => {
-		if (!g || Je.current === e.id) return;
+	} : 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;
 		let t = e.id;
-		Je.current = t, Ue(!0), Ge(!1), (async () => {
+		qe.current = t, He(!0), We(!1), (async () => {
 			try {
 				let n = await g(e);
-				if (Je.current !== t) return;
-				Ve(n), qe(!0), Ue(!1);
+				if (qe.current !== t) return;
+				Be(n), Ke(!0), He(!1);
 			} catch {
-				if (Je.current !== t) return;
-				Ge(!0), Ue(!1), Je.current = null;
+				if (qe.current !== t) return;
+				We(!0), He(!1), qe.current = null;
 			}
 		})();
 	}, [g, e]);
-	j(() => {
-		Le && J();
-	}, [Le, J]);
-	let _t = A((e, t) => {
-		Je.current = null, qe(!1), J(), w?.(e, t);
-	}, [J, w]), X = dt({
+	M(() => {
+		Ie && gt();
+	}, [Ie, gt]);
+	let Y = j((e, t) => {
+		qe.current = null, Ke(!1), gt(), w?.(e, t);
+	}, [gt, w]), X = dt({
 		item: e,
-		history: Be,
+		history: ze,
 		folderItems: _,
 		hasWriteAccess: x,
 		defaultAuthor: S,
 		onCreateFolder: E,
-		onPublish: C ?? ar,
-		onPublishSuccess: _t,
+		onPublish: C ?? or,
+		onPublishSuccess: Y,
 		onPublishError: T,
 		onFetchExistingRules: ee
-	}), vt = M(() => ut({
+	}), vt = N(() => ut({
 		hasSelectedFolder: X.selectedFolderPath != null,
 		hasExistingPublicationInFolder: X.hasExistingPublicationInFolder,
 		hasWriteAccess: X.hasWriteAccess,
@@ -2121,23 +2121,23 @@ var pt = /* @__PURE__ */ function(e) {
 		X.hasWriteAccess,
 		X.isSubmitting,
 		X.hasSubmitError
-	]), [yt, bt] = P(!1), [xt, Z] = P(null), [St, Ct] = P(!1), [wt, Q] = P(null), [Tt, Et] = P(null), [Dt, $] = P(null);
-	j(() => {
-		Fe(n);
-	}, [e.id, n]), j(() => {
-		Ie(""), ze(!1), X.reset(), Ve([]), Ge(!1), Ue(!1), qe(!1), Je.current = null, $(null), bt(!1), Z(null), Ct(!1), Q(null), Et(null);
+	]), [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);
 	}, [e.id]);
-	let Ot = A(() => bt(!0), []), At = A(() => bt(!1), []), jt = A(() => {
-		Z(K.Delete);
-	}, []), Mt = A((t) => {
-		Et(t ?? (e.credentials == null ? null : s(e.credentials))), Z(K.Logout);
-	}, [e.credentials]), Nt = A(() => {
-		Z(K.Unshare);
-	}, []), Pt = A(() => {
-		Z(K.RevokeAccess);
-	}, []), Ft = M(() => {
+	let Ot = j(() => bt(!0), []), kt = j(() => bt(!1), []), jt = j(() => {
+		xt(q.Delete);
+	}, []), Mt = j((t) => {
+		Et(t ?? (e.credentials == null ? null : s(e.credentials))), xt(q.Logout);
+	}, [e.credentials]), Nt = j(() => {
+		xt(q.Unshare);
+	}, []), Pt = j(() => {
+		xt(q.RevokeAccess);
+	}, []), Ft = N(() => {
 		let e = /* @__PURE__ */ new Set(), t = [];
-		for (let n of Be) {
+		for (let n of ze) {
 			let r = n.folderPath.join("/");
 			e.has(r) || (e.add(r), t.push({
 				key: r,
@@ -2145,65 +2145,65 @@ var pt = /* @__PURE__ */ function(e) {
 			}));
 		}
 		return t;
-	}, [Be]), It = Ke && Ft.length > 0, Lt = A((e) => e || (D?.rootFolderLabel ?? "Organization"), [D]), Rt = A(() => {
-		Z(K.Unpublish);
-	}, []), zt = A((e) => {
-		Q(e), Z(K.DeleteApiKey);
-	}, []), Bt = A(() => {
-		St || (Z(null), Q(null), Et(null), $(null));
-	}, [St]), Ut = A(async () => {
-		if (!(St || xt == null)) {
-			Ct(!0);
+	}, [ze]), It = Ge && Ft.length > 0, Lt = j((e) => e || (D?.rootFolderLabel ?? "Organization"), [D]), Rt = j(() => {
+		xt(q.Unpublish);
+	}, []), zt = j((e) => {
+		wt(e), xt(q.DeleteApiKey);
+	}, []), Bt = j(() => {
+		Q || (xt(null), wt(null), Et(null), $(null));
+	}, [Q]), Vt = j(async () => {
+		if (!(Q || Z == null)) {
+			St(!0);
 			try {
-				switch (xt) {
-					case K.Delete:
-						await de?.(e);
+				switch (Z) {
+					case q.Delete:
+						await ue?.(e);
 						break;
-					case K.Unshare:
+					case q.Unshare:
 						await fe?.(e);
 						break;
-					case K.RevokeAccess:
-						await he?.(e);
+					case q.RevokeAccess:
+						await me?.(e);
 						break;
-					case K.Logout:
+					case q.Logout:
 						Tt != null && await xe?.(e, { level: Tt });
 						break;
-					case K.DeleteApiKey:
-						wt != null && await xe?.(e, { level: wt });
+					case q.DeleteApiKey:
+						Ct != null && await xe?.(e, { level: Ct });
 						break;
-					case K.Unpublish: {
-						let t = ir(Ft, Dt);
+					case q.Unpublish: {
+						let t = ar(Ft, Dt);
 						t != null && await ve?.(e, t.segments);
 						break;
 					}
 				}
-				Z(null), Q(null), Et(null), $(null), mr.has(xt) && o();
+				xt(null), wt(null), Et(null), $(null), hr.has(Z) && o();
 			} catch {
-				Z(null), Q(null), Et(null), $(null);
+				xt(null), wt(null), Et(null), $(null);
 			} finally {
-				Ct(!1);
+				St(!1);
 			}
 		}
 	}, [
-		St,
-		xt,
-		wt,
+		Q,
+		Z,
+		Ct,
 		Tt,
 		e,
-		de,
+		ue,
 		fe,
-		he,
+		me,
 		ve,
 		Dt,
 		Ft,
 		xe,
 		o
 	]);
-	j(() => {
+	M(() => {
 		if (!t) return;
 		let e = (e) => {
 			if (e.key === "Escape") {
-				if (xt != null) {
+				if (Z != null) {
 					Bt();
 					return;
 				}
@@ -2214,122 +2214,122 @@ var pt = /* @__PURE__ */ function(e) {
 	}, [
 		t,
 		o,
-		xt,
+		Z,
 		Bt
 	]);
-	let Wt = A(() => ze(!0), []), Gt = A(() => {
-		ze(!1), X.reset();
-	}, [X]), Kt = A(async () => {
+	let Wt = j(() => Le(!0), []), Gt = j(() => {
+		Le(!1), X.reset();
+	}, [X]), Kt = j(async () => {
 		await X.handleSubmit() && Gt();
-	}, [X, Gt]), qt = A(() => {
-		let t = !Pe;
-		Fe(t), c?.(e.id, t);
+	}, [X, Gt]), qt = j(() => {
+		let t = !Ne;
+		Pe(t), c?.(e.id, t);
 	}, [
-		Pe,
+		Ne,
 		e.id,
 		c
-	]), Jt = M(() => {
-		let t = [], n = nr.has(e.type);
+	]), Jt = N(() => {
+		let t = [], n = rr.has(e.type);
 		return n || t.push({
-			id: G.About,
+			id: K.About,
 			label: z?.tabAboutLabel ?? "About"
 		}), (n || e.details?.promptContent != null) && t.push({
-			id: G.Content,
+			id: K.Content,
 			label: z?.tabContentLabel ?? "Details"
 		}), e.details?.overview != null && t.push({
-			id: G.Overview,
+			id: K.Overview,
 			label: z?.tabOverviewLabel ?? "Overview"
 		}), e.details?.pricing != null && t.push({
-			id: G.Pricing,
+			id: K.Pricing,
 			label: z?.tabPricingLabel ?? "Pricing"
 		}), e.details?.limits != null && t.push({
-			id: G.Limits,
+			id: K.Limits,
 			label: z?.tabLimitsLabel ?? "Limits"
 		}), e.details?.tools != null && t.push({
-			id: G.Tools,
+			id: K.Tools,
 			label: z?.tabToolsLabel ?? "Tools"
-		}), rr(e.details?.api) && t.push({
-			id: G.Api,
+		}), ir(e.details?.api) && t.push({
+			id: K.Api,
 			label: z?.tabConnectLabel ?? "Connect"
 		}), t;
-	}, [e, z]), Yt = N(null);
-	j(() => {
+	}, [e, z]), Yt = P(null);
+	M(() => {
 		let t = Yt.current !== e.id;
-		Yt.current = e.id, (t || !Jt.some((e) => e.id === V)) && Ie(Jt[0]?.id ?? "");
+		Yt.current = e.id, (t || !Jt.some((e) => e.id === H)) && Fe(Jt[0]?.id ?? "");
 	}, [
 		e.id,
 		Jt,
-		V
+		H
 	]);
-	let Zt = z?.overviewYesLabel ?? "Yes", $t = z?.overviewNoLabel ?? "No", en = z?.ariaLabel ?? "Item details", nn = z?.closeAriaLabel ?? "Close", rn = Pe ? z?.removeFromFavoritesAriaLabel ?? "Remove from favorites" : z?.addToFavoritesAriaLabel ?? "Add to favorites", an = z?.publishTitle ?? "Publish", on = z?.backToDetailsAriaLabel ?? "Back", sn = z?.cancelLabel ?? "Cancel", cn = M(() => {
-		switch (xt) {
-			case K.Delete: {
+	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(() => {
+		switch (Z) {
+			case q.Delete: {
 				let t = z?.deleteActionLabel ?? "Delete";
 				return {
 					title: z?.deleteConfirmTitle ?? t,
-					message: z?.deleteConfirmMessage?.(e.name) ?? /* @__PURE__ */ W(H, { children: [
+					message: z?.deleteConfirmMessage?.(e.name) ?? /* @__PURE__ */ G(st, { children: [
 						"Are you sure you want to delete ",
-						/* @__PURE__ */ U("strong", { children: e.name }),
+						/* @__PURE__ */ W("strong", { children: e.name }),
 						"? This action is permanent and cannot be undone."
 					] }),
-					consequences: z?.deleteConfirmConsequences ?? cr,
+					consequences: z?.deleteConfirmConsequences ?? lr,
 					confirmLabel: t,
 					loadingStatusLabel: z?.deletingStatusLabel ?? "Deleting",
-					variant: q.Danger
+					variant: J.Danger
 				};
 			}
-			case K.Unshare: {
+			case q.Unshare: {
 				let t = z?.unshareLabel ?? "Remove from My List";
 				return {
 					title: z?.unshareConfirmTitle ?? t,
-					message: z?.unshareConfirmMessage?.(e.name) ?? /* @__PURE__ */ W(H, { children: [
+					message: z?.unshareConfirmMessage?.(e.name) ?? /* @__PURE__ */ G(st, { children: [
 						"Remove ",
-						/* @__PURE__ */ U("strong", { children: e.name }),
+						/* @__PURE__ */ W("strong", { children: e.name }),
 						" from your list? You'll need a new invitation to access it again."
 					] }),
-					consequences: z?.unshareConfirmConsequences ?? lr,
+					consequences: z?.unshareConfirmConsequences ?? ur,
 					confirmLabel: t,
 					loadingStatusLabel: z?.unsharingStatusLabel ?? "Removing",
-					variant: q.Info
+					variant: J.Info
 				};
 			}
-			case K.RevokeAccess: {
+			case q.RevokeAccess: {
 				let t = z?.revokeShareLabel ?? "Revoke access";
 				return {
 					title: z?.revokeShareConfirmTitle ?? t,
-					message: z?.revokeShareConfirmMessage?.(e.name) ?? /* @__PURE__ */ W(H, { children: [
+					message: z?.revokeShareConfirmMessage?.(e.name) ?? /* @__PURE__ */ G(st, { children: [
 						"Revoke shared access to ",
-						/* @__PURE__ */ U("strong", { children: e.name }),
+						/* @__PURE__ */ W("strong", { children: e.name }),
 						"? Anyone you shared it with will lose access."
 					] }),
-					consequences: z?.revokeShareConfirmConsequences ?? dr,
+					consequences: z?.revokeShareConfirmConsequences ?? fr,
 					confirmLabel: t,
 					loadingStatusLabel: z?.revokingShareStatusLabel ?? "Revoking access",
-					variant: q.Danger
+					variant: J.Danger
 				};
 			}
-			case K.Unpublish: {
-				let t = z?.unpublishLabel ?? "Unpublish", n = Ft.length === 1, r = n ? Lt(Ft[0].key) : "", i = z?.unpublishConfirmMessage?.(e.name, r) ?? /* @__PURE__ */ W(H, { children: [
+			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: [
 					"Unpublish ",
-					/* @__PURE__ */ U("strong", { children: e.name }),
+					/* @__PURE__ */ W("strong", { children: e.name }),
 					" from \"",
 					r,
 					"\"? The request is submitted for admin approval."
-				] }), a = z?.unpublishSelectFolderMessage?.(e.name) ?? /* @__PURE__ */ W(H, { children: [
+				] }), a = z?.unpublishSelectFolderMessage?.(e.name) ?? /* @__PURE__ */ G(st, { children: [
 					"Choose which folder to unpublish ",
-					/* @__PURE__ */ U("strong", { children: e.name }),
+					/* @__PURE__ */ W("strong", { children: e.name }),
 					" from. The request is submitted for admin approval."
 				] });
 				return {
 					title: z?.unpublishConfirmTitle ?? t,
 					message: n ? i : a,
-					consequences: z?.unpublishConfirmConsequences ?? ur,
+					consequences: z?.unpublishConfirmConsequences ?? dr,
 					confirmLabel: t,
 					loadingStatusLabel: z?.unpublishingStatusLabel ?? "Requesting unpublish",
-					variant: q.Danger
+					variant: J.Danger
 				};
 			}
-			case K.Logout: {
+			case q.Logout: {
 				let e = z?.logoutActionLabel ?? "Log out";
 				return {
 					title: e,
@@ -2337,124 +2337,124 @@ var pt = /* @__PURE__ */ function(e) {
 					consequences: void 0,
 					confirmLabel: e,
 					loadingStatusLabel: z?.loggingOutStatusLabel ?? "Logging out",
-					variant: q.Info
+					variant: J.Info
 				};
 			}
-			case K.DeleteApiKey: {
-				let e = z?.deleteActionLabel ?? "Delete", t = wt ?? a.User;
+			case q.DeleteApiKey: {
+				let e = z?.deleteActionLabel ?? "Delete", t = Ct ?? a.User;
 				return {
 					title: e,
-					message: (z?.deleteApiKeyConfirmMessage ?? pr)(t),
+					message: (z?.deleteApiKeyConfirmMessage ?? mr)(t),
 					consequences: void 0,
 					confirmLabel: e,
 					loadingStatusLabel: z?.deletingStatusLabel ?? "Deleting",
-					variant: q.Danger,
-					cardVariant: q.Info
+					variant: J.Danger,
+					cardVariant: J.Info
 				};
 			}
 			default: return null;
 		}
 	}, [
-		xt,
+		Z,
 		e.name,
-		wt,
+		Ct,
 		z,
 		Ft,
 		Lt
-	]), ln = cn != null, un = xt === K.Unpublish && ir(Ft, Dt) == null, dn = ln || Le || yt, fn = e.credentials == null ? "" : (z?.credentialsManagementTitle ?? fr)(e.credentials.authenticationType), pn = ln ? {
+	]), 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 ? {
 		title: cn.title,
-		isBackDisabled: St,
+		isBackDisabled: Q,
 		onBack: Bt
-	} : Le ? {
+	} : Ie ? {
 		title: an,
 		isBackDisabled: X.isSubmitting,
 		onBack: Gt
 	} : yt ? {
 		title: fn,
 		isBackDisabled: !1,
-		onBack: At
-	} : null, hn = pn?.title ?? en;
-	return /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("div", {
-		style: Ne,
-		className: k("fixed inset-0 z-50 transition-opacity duration-300", yn.backdrop, t ? "opacity-100" : "pointer-events-none opacity-0"),
+		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"),
 		onClick: o,
 		"aria-hidden": "true"
-	}), /* @__PURE__ */ W("div", {
+	}), /* @__PURE__ */ G("div", {
 		role: "dialog",
 		"aria-modal": "true",
-		"aria-label": hn,
-		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", yn.panel, t ? "translate-x-0" : "translate-x-full rtl:-translate-x-full"),
+		"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"),
 		children: [
-			/* @__PURE__ */ W("div", {
+			/* @__PURE__ */ G("div", {
 				className: "flex shrink-0 items-center gap-2 px-6 py-3",
-				children: [pn != null && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(me, {
-					icon: /* @__PURE__ */ U(Re, {
+				children: [pn != null && /* @__PURE__ */ G(st, { children: [/* @__PURE__ */ W(he, {
+					icon: /* @__PURE__ */ W(Re, {
 						className: "rtl:scale-x-[-1]",
-						stroke: L
+						stroke: R
 					}),
 					"aria-label": on,
 					disabled: pn.isBackDisabled,
 					onClick: pn.onBack
-				}), /* @__PURE__ */ U("span", {
-					className: k("flex-1", we, yn.publishTitle),
+				}), /* @__PURE__ */ W("span", {
+					className: A("flex-1", Ce, bn.publishTitle),
 					children: pn.title
-				})] }), pn == null && /* @__PURE__ */ W(H, { children: [
-					/* @__PURE__ */ U("div", { className: "flex-1" }),
-					!i && l?.(e) !== !1 && /* @__PURE__ */ U(kt, {
-						isStarred: Pe,
+				})] }), pn == null && /* @__PURE__ */ G(st, { children: [
+					/* @__PURE__ */ W("div", { className: "flex-1" }),
+					!i && l?.(e) !== !1 && /* @__PURE__ */ W(At, {
+						isStarred: Ne,
 						ariaLabel: rn,
 						onClick: qt
 					}),
-					/* @__PURE__ */ U(ce, {
+					/* @__PURE__ */ W(ce, {
 						onClose: o,
-						size: ue.Standard,
-						ariaLabel: nn
+						size: de.Standard,
+						ariaLabel: tn
 					})
 				] })]
 			}),
-			/* @__PURE__ */ U("div", { className: k("shrink-0", yn.divider) }),
-			/* @__PURE__ */ W("div", {
-				className: k("flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto", yn.content),
+			/* @__PURE__ */ W("div", { className: A("shrink-0", bn.divider) }),
+			/* @__PURE__ */ G("div", {
+				className: A("flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto", bn.content),
 				children: [
-					ln && /* @__PURE__ */ U(tn, {
+					ln && /* @__PURE__ */ W(nn, {
 						item: e,
 						message: cn.message,
 						consequences: cn.consequences,
 						variant: cn.cardVariant ?? cn.variant,
-						messageClassName: Me,
-						children: xt === K.Unpublish && Ft.length > 1 && /* @__PURE__ */ U(Te, {
+						messageClassName: Ae,
+						children: Z === q.Unpublish && Ft.length > 1 && /* @__PURE__ */ W(Te, {
 							ariaLabel: z?.unpublishFolderGroupAriaLabel ?? "Published folders",
 							value: Dt ?? void 0,
 							onChange: $,
-							disabled: St,
+							disabled: Q,
 							items: Ft.map((e) => ({
 								value: e.key,
 								label: Lt(e.key)
 							})),
-							radioClassName: Me
+							radioClassName: Ae
 						})
 					}),
-					!ln && !Le && yt && /* @__PURE__ */ U(vn, {
+					!ln && !Ie && yt && /* @__PURE__ */ W(yn, {
 						item: e,
 						onLogin: be,
 						onRequestLogout: Mt,
 						onRequestDeleteApiKey: zt,
 						texts: z,
-						detailsStyles: Se
+						detailsStyles: B
 					}),
-					!ln && Le && /* @__PURE__ */ U("div", {
+					!ln && Ie && /* @__PURE__ */ W("div", {
 						className: "p-[22px]",
-						children: /* @__PURE__ */ U(lt, {
+						children: /* @__PURE__ */ W(lt, {
 							resource: {
 								title: e.name,
 								version: e.version,
 								type: e.type,
 								iconUrl: e.iconUrl
 							},
-							history: Be,
-							isHistoryLoading: He,
-							hasHistoryError: We,
+							history: ze,
+							isHistoryLoading: Ve,
+							hasHistoryError: Ue,
 							folderItems: X.folderItems,
 							selectedFolderPath: X.selectedFolderPath,
 							onSelectedFolderPathChange: X.setSelectedFolderPath,
@@ -2475,37 +2475,37 @@ var pt = /* @__PURE__ */ function(e) {
 							hasRulesLoadError: X.hasRulesLoadError,
 							labels: D,
 							styles: { colors: {
-								summaryVersionTagBorder: B?.versionTagBorder,
-								summaryVersionTagBackground: B?.versionTagBackground,
-								summaryVersionTagText: B?.versionTagText
+								summaryVersionTagBorder: V?.versionTagBorder,
+								summaryVersionTagBackground: V?.versionTagBackground,
+								summaryVersionTagText: V?.versionTagText
 							} }
 						})
 					}),
-					!dn && /* @__PURE__ */ W(H, { children: [
-						/* @__PURE__ */ U(An, {
+					!dn && /* @__PURE__ */ G(st, { children: [
+						/* @__PURE__ */ W(jn, {
 							item: e,
 							onUseInChat: d,
 							isPrimaryActionVisible: f,
 							onShare: p,
-							shareOverlay: ne,
-							isShareVisible: re,
-							isSharePrimary: ie,
+							shareOverlay: te,
+							isShareVisible: ne,
+							isSharePrimary: re,
 							isPublishVisible: m,
 							isPublishPrimary: h,
 							onOpenPublish: Wt,
 							isUnpublishVisible: ye,
 							hasPublishedFolders: It,
-							isPublishHistoryResolved: g == null || Ke,
-							onRequestPublishHistory: J,
+							isPublishHistoryResolved: g == null || Ge,
+							onRequestPublishHistory: gt,
 							onOpenUnpublish: ve ? Rt : void 0,
-							onEdit: ae,
-							onDownload: oe,
-							isDownloadVisible: se,
-							isDownloadPrimary: F,
-							onDelete: de ? jt : void 0,
+							onEdit: ie,
+							onDownload: ae,
+							isDownloadVisible: oe,
+							isDownloadPrimary: I,
+							onDelete: ue ? jt : void 0,
 							onUnshare: fe ? Nt : void 0,
 							isUnshareVisible: pe,
-							onRevokeShare: he ? Pt : void 0,
+							onRevokeShare: me ? Pt : void 0,
 							onFetchRecipientsCount: ge,
 							isRevokeShareVisible: _e,
 							onLogin: be,
@@ -2513,87 +2513,87 @@ var pt = /* @__PURE__ */ function(e) {
 							onOpenCredentialsManagement: Ot,
 							onRequestLogout: Mt,
 							texts: z,
-							detailsStyles: Se,
+							detailsStyles: B,
 							isReadonly: i
 						}),
 						e.credentials != null && (() => {
 							let t = u(e.credentials);
-							return t != null && /* @__PURE__ */ U("div", {
+							return t != null && /* @__PURE__ */ W("div", {
 								className: "px-6",
-								children: /* @__PURE__ */ U(mn, {
+								children: /* @__PURE__ */ W(hn, {
 									state: t,
 									authenticationType: e.credentials.authenticationType,
 									texts: z
 								})
 							});
 						})(),
-						/* @__PURE__ */ W("div", {
+						/* @__PURE__ */ G("div", {
 							className: "flex items-center px-6",
-							children: [/* @__PURE__ */ U(je, {
+							children: [/* @__PURE__ */ W(je, {
 								tabs: Jt,
-								activeTabId: V,
-								onTabChange: Ie
-							}), r && /* @__PURE__ */ U("div", {
+								activeTabId: H,
+								onTabChange: Fe
+							}), r && /* @__PURE__ */ W("div", {
 								role: "status",
 								"aria-label": z?.detailsLoadingAriaLabel ?? "Loading details",
 								className: "shrink-0",
-								children: /* @__PURE__ */ U(Oe, {
+								children: /* @__PURE__ */ W(Oe, {
 									showTitle: !1,
 									paragraph: {
 										rows: 1,
 										width: "72px"
 									},
 									active: !0,
-									color: yn.skeletonColor
+									color: bn.skeletonColor
 								})
 							})]
 						}),
-						/* @__PURE__ */ W("div", {
-							className: k("min-h-0 flex-1 overflow-y-auto", V !== G.Overview && "px-6"),
+						/* @__PURE__ */ G("div", {
+							className: A("min-h-0 flex-1 overflow-y-auto", H !== K.Overview && "px-6"),
 							children: [
-								V === G.About && /* @__PURE__ */ U(jn, {
+								H === K.About && /* @__PURE__ */ W(Mn, {
 									content: e.description,
 									topics: e.topics,
-									detailsStyles: Se
+									detailsStyles: B
 								}),
-								V === G.Content && /* @__PURE__ */ U(In, {
-									content: Ye?.content ?? "",
-									filePreview: ht(),
-									filePreviewContent: gt,
-									description: Ye?.description ?? e.description,
-									files: Ye?.files,
-									selectedFileId: mt,
-									onSelectFile: (e) => void pt(e),
-									isFileLoading: $e,
-									expandedFolderIds: tt,
-									onToggleFolder: ft,
-									isFileSelectorOpen: rt,
-									onFileSelectorOpenChange: it,
+								H === K.Content && /* @__PURE__ */ W(Ln, {
+									content: Je?.content ?? "",
+									filePreview: mt(),
+									filePreviewContent: ht,
+									description: Je?.description ?? e.description,
+									files: Je?.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: Se
+									detailsStyles: B
 								}),
-								V === G.Overview && /* @__PURE__ */ U(Xn, {
+								H === K.Overview && /* @__PURE__ */ W(Zn, {
 									sections: e.details?.overview?.sections,
-									sectionClassName: Ee,
-									labelClassName: De,
-									valueClassName: ke,
-									valueTrueClassName: Ae,
-									yesLabel: Zt,
-									noLabel: $t
+									sectionClassName: we,
+									labelClassName: Ee,
+									valueClassName: De,
+									valueTrueClassName: ke,
+									yesLabel: Xt,
+									noLabel: Qt
 								}),
-								V === G.Pricing && /* @__PURE__ */ U(Zn, {
+								H === K.Pricing && /* @__PURE__ */ W(Qn, {
 									pricing: e.details?.pricing,
 									pricesSectionLabel: z?.pricingPricesSectionLabel,
 									limitsSectionLabel: z?.pricingLimitsSectionLabel
 								}),
-								V === G.Limits && /* @__PURE__ */ U(Yn, {
+								H === K.Limits && /* @__PURE__ */ W(Xn, {
 									limits: e.details?.limits,
-									footerNote: Ce
+									footerNote: Se
 								}),
-								V === G.Api && rr(e.details?.api) && /* @__PURE__ */ U(Xt, {
+								H === K.Api && ir(e.details?.api) && /* @__PURE__ */ W(Zt, {
 									api: e.details?.api,
 									resourceSectionLabel: z?.apiResourceSectionLabel,
 									snippetSectionLabel: z?.apiSnippetSectionLabel,
@@ -2605,23 +2605,23 @@ var pt = /* @__PURE__ */ function(e) {
 									copyAriaLabel: z?.copyCodeAriaLabel,
 									copiedStatusLabel: z?.copiedCodeStatusLabel
 								}),
-								V === G.Tools && /* @__PURE__ */ U(tr, { tools: e.details?.tools })
+								H === K.Tools && /* @__PURE__ */ W(nr, { tools: e.details?.tools })
 							]
 						})
 					] })
 				]
 			}),
-			ln && /* @__PURE__ */ U(Qt, {
+			ln && /* @__PURE__ */ W($t, {
 				confirmLabel: cn.confirmLabel,
 				cancelLabel: sn,
 				variant: cn.variant,
-				isLoading: St,
+				isLoading: Q,
 				isConfirmDisabled: un,
 				loadingStatusLabel: cn.loadingStatusLabel,
-				onConfirm: Ut,
+				onConfirm: Vt,
 				onCancel: Bt
 			}),
-			!ln && Le && /* @__PURE__ */ U(ct, {
+			!ln && Ie && /* @__PURE__ */ W(ct, {
 				version: e.version,
 				hasExistingPublicationInFolder: X.hasExistingPublicationInFolder,
 				isSubmitDisabled: vt.isSubmitDisabled,
@@ -2632,7 +2632,7 @@ var pt = /* @__PURE__ */ function(e) {
 			})
 		]
 	})] });
-}, gr = {
+}, _r = {
 	pageNav: "_pageNav_14qfn_1",
 	navBtn: "_navBtn_14qfn_6",
 	titleText: "_titleText_14qfn_23",
@@ -2647,39 +2647,39 @@ var pt = /* @__PURE__ */ function(e) {
 	favFadeIn: "_favFadeIn_14qfn_1",
 	cardLeaving: "_cardLeaving_14qfn_54",
 	cardFadeOut: "_cardFadeOut_14qfn_1"
-}, _r = ({ 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] = P(t), [g, _] = P(!1), v = (t) => {
+}, 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) => {
 		t.stopPropagation();
 		let r = !m;
 		h(r), r ? n?.(e.id, r) : _(!0);
-	}, y = i && !g ? () => i(e) : void 0, b = A((t) => {
+	}, y = i && !g ? () => i(e) : void 0, b = j((t) => {
 		!i || g || (t.key === "Enter" || t.key === " ") && (t.preventDefault(), i(e));
 	}, [
 		i,
 		e,
 		g
 	]);
-	return /* @__PURE__ */ W(F, {
+	return /* @__PURE__ */ G(se, {
 		"data-card-id": e.id,
 		role: y == null ? void 0 : "button",
 		tabIndex: y == null ? void 0 : 0,
 		"aria-label": e.name,
-		className: k("box-border min-w-0 cursor-pointer flex-row items-start gap-1 text-start", g && gr.cardLeaving, f && gr.selectedCard),
+		className: A("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__ */ U(Ie, {
-				size: I.SM,
-				className: k("absolute end-3 top-3 shrink-0", gr.selectedCheck),
+			f && /* @__PURE__ */ W(Ie, {
+				size: L.SM,
+				className: A("absolute end-3 top-3 shrink-0", _r.selectedCheck),
 				"aria-hidden": !0,
-				stroke: L
+				stroke: R
 			}),
-			/* @__PURE__ */ U("div", {
+			/* @__PURE__ */ W("div", {
 				className: "flex min-w-0 flex-1 flex-col items-start gap-1",
-				children: /* @__PURE__ */ U(Et, {
+				children: /* @__PURE__ */ W(Dt, {
 					icon: e.iconUrl,
 					type: e.type,
 					name: e.name,
@@ -2696,22 +2696,22 @@ var pt = /* @__PURE__ */ function(e) {
 							lastUsedClassName: c
 						}
 					},
-					iconOverlay: /* @__PURE__ */ U($, {
+					iconOverlay: /* @__PURE__ */ W(Ot, {
 						credentials: e.credentials,
 						loggedOutLabel: p
 					})
 				})
 			}),
-			r?.(e) !== !1 && /* @__PURE__ */ U(kt, {
+			r?.(e) !== !1 && /* @__PURE__ */ W(At, {
 				isStarred: m,
-				size: ue.Small,
+				size: de.Small,
 				onClick: v,
 				ariaLabel: m ? d : u,
 				className: "self-end"
 			})
 		]
 	});
-}, vr = 2, yr = (e) => {
+}, yr = 2, br = (e) => {
 	let t = e.getBoundingClientRect(), n = window.scrollX, r = window.scrollY, i = window.getComputedStyle(e).transform;
 	if (!i || i === "none") return new DOMRect(t.x + n, t.y + r, t.width, t.height);
 	try {
@@ -2720,8 +2720,8 @@ var pt = /* @__PURE__ */ function(e) {
 	} catch {
 		return new DOMRect(t.x + n, t.y + r, t.width, t.height);
 	}
-}, br = ({ 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", _ = te({
+}, 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({
 		"--cat-fav-title-text": o?.colors?.titleText,
 		"--cat-fav-count-text": o?.colors?.countText,
 		"--cat-fav-selected-check": o?.colors?.selectedCheckIcon,
@@ -2733,53 +2733,53 @@ 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 = M(() => [...e].sort((e, t) => (new Date(t.updatedAt || "").getTime() ?? 0) - (new Date(e.updatedAt || "").getTime() ?? 0)), [e]), [y, b] = P(1), x = _t(), S = x * vr, w = (y - 1) * S, T = M(() => v.slice(w, w + S), [
+	}), 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,
-		w,
+		C,
 		S
-	]), E = Math.ceil(v.length / S), D = t ?? e.length, O = N(null), ee = N(null), ne = N(null), [re, A] = P(), [ae, oe] = P(), se = N(x);
-	j(() => {
-		se.current !== x && (se.current = x, b(1), A(void 0), oe(void 0));
-	}, [x]), j(() => {
+	]), 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(() => {
 		y > E && E > 0 && b(E);
-	}, [y, E]), j(() => {
-		E <= 1 && (re !== void 0 || ae !== void 0) && (A(void 0), oe(void 0));
+	}, [y, E]), M(() => {
+		E <= 1 && (ne !== void 0 || j !== void 0) && (re(void 0), ae(void 0));
 	}, [
 		E,
-		re,
-		ae
+		ne,
+		j
 	]), ie(() => {
-		!ne.current || !ee.current || E <= 1 || y !== 1 || re !== void 0 || (A(ne.current.offsetHeight), oe(ee.current.offsetHeight));
+		!te.current || !ee.current || E <= 1 || y !== 1 || ne !== void 0 || (re(te.current.offsetHeight), ae(ee.current.offsetHeight));
 	}, [
 		E,
 		y,
-		re
+		ne
 	]);
-	let F = N(/* @__PURE__ */ new Map()), ce = N(y), I = N(x), le = N(0), R = N(!1);
+	let I = P(/* @__PURE__ */ new Map()), se = P(y), ce = P(x), L = P(0), le = P(!1);
 	return ie(() => {
-		if (!ne.current || s) return;
-		if (O.current && !R.current) {
+		if (!te.current || s) return;
+		if (O.current && !le.current) {
 			let e = O.current;
 			e.style.height = "", e.style.transition = "";
 		}
-		let e = ce.current !== y, t = I.current !== x;
-		ce.current = y, I.current = x;
-		let n = ne.current.querySelectorAll("[data-card-id]"), r = /* @__PURE__ */ new Map();
+		let e = se.current !== y, t = ce.current !== x;
+		se.current = y, ce.current = x;
+		let n = te.current.querySelectorAll("[data-card-id]"), r = /* @__PURE__ */ new Map();
 		if (n.forEach((e) => {
-			r.set(e.dataset.cardId, yr(e));
+			r.set(e.dataset.cardId, br(e));
 		}), !e && !t) {
-			let e = ee.current, t = le.current, i = 0;
+			let e = ee.current, t = L.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 = F.current.get(t), i = r.get(t);
+				let t = e.dataset.cardId, n = I.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));
-			}), a && e && (e.style.height = `${t}px`, e.style.overflow = "clip"), (s.length > 0 || a) && ne.current.offsetHeight, s.forEach((e) => {
+			}), a && e && (e.style.height = `${t}px`, e.style.overflow = "clip"), (s.length > 0 || a) && te.current.offsetHeight, s.forEach((e) => {
 				e.style.transition = `transform ${o}ms cubic-bezier(0, 0, 0.2, 1)`, e.style.transform = "", e.addEventListener("transitionend", () => {
 					e.style.transition = "";
 				}, { once: !0 });
@@ -2791,9 +2791,9 @@ var pt = /* @__PURE__ */ function(e) {
 				e.addEventListener("transitionend", t);
 			}
 		}
-		if (F.current = r, ee.current) {
+		if (I.current = r, ee.current) {
 			let e = ee.current, t = e.style.height ? parseFloat(e.style.height) : NaN;
-			le.current = Number.isNaN(t) ? e.offsetHeight : t;
+			L.current = Number.isNaN(t) ? e.offsetHeight : t;
 		}
 	}, [
 		T,
@@ -2805,11 +2805,11 @@ var pt = /* @__PURE__ */ function(e) {
 		if (!e) return;
 		let t = e.offsetHeight;
 		if (t === 0) return;
-		R.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`;
+		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`;
 		let n = (t) => {
 			t.target !== e || t.propertyName !== "height" || r();
 		}, r = () => {
-			R.current = !1, parseFloat(e.style.height || "0") > 0 && (e.style.height = "", e.style.transition = ""), clearTimeout(i), e.removeEventListener("transitionend", n);
+			le.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);
@@ -2818,66 +2818,66 @@ var pt = /* @__PURE__ */ function(e) {
 		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");
-	}, [s]), /* @__PURE__ */ U("div", {
+	}, [s]), /* @__PURE__ */ W("div", {
 		ref: O,
-		children: /* @__PURE__ */ W("section", {
+		children: /* @__PURE__ */ G("section", {
 			ref: ee,
-			className: k("flex flex-shrink-0 flex-col gap-4 pb-2 pt-2", gr.section, s && gr.sectionLeaving),
+			className: A("flex flex-shrink-0 flex-col gap-4 pb-2 pt-2", _r.section, s && _r.sectionLeaving),
 			style: {
 				..._,
-				minHeight: ae
+				minHeight: j
 			},
 			onAnimationEnd: (e) => {
 				e.target === ee.current && s && c?.();
 			},
-			children: [/* @__PURE__ */ U(C, {
+			children: [/* @__PURE__ */ W(w, {
 				title: n,
 				postfix: D,
-				titleClassName: k(h, gr.titleText),
-				postfixClassName: k(g, gr.countText),
-				trailing: E > 1 ? /* @__PURE__ */ W("div", {
-					className: k("inline-flex items-center gap-[2px] rounded-full px-[6px] py-[3px]", gr.pageNav),
+				titleClassName: A(h, _r.titleText),
+				postfixClassName: A(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),
 					children: [
-						/* @__PURE__ */ U("button", {
+						/* @__PURE__ */ W("button", {
 							"aria-label": l,
 							disabled: y === 1,
 							onClick: () => b((e) => e - 1),
-							className: k("flex size-[22px] cursor-pointer items-center justify-center rounded-full border-none bg-transparent", gr.navBtn),
-							children: /* @__PURE__ */ U(Re, {
+							className: A("flex size-[22px] cursor-pointer items-center justify-center rounded-full border-none bg-transparent", _r.navBtn),
+							children: /* @__PURE__ */ W(Re, {
 								size: 14,
 								className: "rtl:scale-x-[-1]",
-								stroke: L
+								stroke: R
 							})
 						}),
-						/* @__PURE__ */ W("span", {
-							className: k("min-w-[32px] select-none px-1 text-center", g, gr.countText),
+						/* @__PURE__ */ G("span", {
+							className: A("min-w-[32px] select-none px-1 text-center", g, _r.countText),
 							children: [
 								y,
 								" / ",
 								E
 							]
 						}),
-						/* @__PURE__ */ U("button", {
+						/* @__PURE__ */ W("button", {
 							"aria-label": u,
 							disabled: y === E,
 							onClick: () => b((e) => e + 1),
-							className: k("flex size-[22px] cursor-pointer items-center justify-center rounded-full border-none bg-transparent", gr.navBtn),
-							children: /* @__PURE__ */ U(ze, {
+							className: A("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: L
+								stroke: R
 							})
 						})
 					]
 				}) : void 0
-			}), /* @__PURE__ */ U("div", {
-				ref: ne,
-				className: k("grid content-start gap-5", gr.gridPage),
+			}), /* @__PURE__ */ W("div", {
+				ref: te,
+				className: A("grid content-start gap-5", _r.gridPage),
 				style: {
 					gridTemplateColumns: `repeat(${x}, minmax(0, 1fr))`,
-					minHeight: re
+					minHeight: ne
 				},
-				children: T.map((e) => /* @__PURE__ */ U(_r, {
+				children: T.map((e) => /* @__PURE__ */ W(vr, {
 					item: e,
 					onToggle: r,
 					isFavoriteVisible: i,
@@ -2890,7 +2890,7 @@ var pt = /* @__PURE__ */ function(e) {
 			})]
 		})
 	});
-}, xr = {
+}, Sr = {
 	listContainer: "_listContainer_145s6_1",
 	gridClip: "_gridClip_145s6_6",
 	favHeader: "_favHeader_145s6_43",
@@ -2899,99 +2899,99 @@ var pt = /* @__PURE__ */ function(e) {
 	selectedCheck: "_selectedCheck_145s6_55",
 	starToggleOff: "_starToggleOff_145s6_59",
 	selectedRow: "_selectedRow_145s6_72"
-}, Sr = ({ data: e }) => e ? /* @__PURE__ */ U("div", {
+}, Cr = ({ data: e }) => e ? /* @__PURE__ */ W("div", {
 	className: "flex h-full items-center",
-	children: /* @__PURE__ */ U(x, { type: e.type })
-}) : null, Cr = " / ", wr = ({ data: e, context: t }) => {
+	children: /* @__PURE__ */ W(S, { type: e.type })
+}) : null, wr = " / ", Tr = ({ data: e, context: t }) => {
 	if (!e || e.folder.length === 0) return null;
-	let n = e.folder.join(Cr), r = e.folder[e.folder.length - 1], i = e.folder.length > 1, a = t?.typography?.folderClassName ?? "dial-small-text", o = t?.typography?.folderLastSegmentClassName ?? "dial-small-semi-text";
-	return /* @__PURE__ */ W("div", {
+	let n = e.folder.join(wr), r = e.folder[e.folder.length - 1], i = e.folder.length > 1, a = t?.typography?.folderClassName ?? "dial-small-text", o = t?.typography?.folderLastSegmentClassName ?? "dial-small-semi-text";
+	return /* @__PURE__ */ G("div", {
 		className: "flex h-full w-full min-w-0 items-center gap-1.5",
 		children: [
-			/* @__PURE__ */ U(We, {
-				size: I.SM,
-				stroke: L,
-				className: k("shrink-0", xr.folderIcon),
+			/* @__PURE__ */ W(We, {
+				size: L.SM,
+				stroke: R,
+				className: A("shrink-0", Sr.folderIcon),
 				"aria-hidden": !0
 			}),
-			/* @__PURE__ */ U(B, {
-				tooltip: /* @__PURE__ */ U("span", {
+			/* @__PURE__ */ W(Me, {
+				tooltip: /* @__PURE__ */ W("span", {
 					className: a,
 					children: n
 				}),
 				hideTooltip: !i,
 				triggerClassName: "min-w-0 flex-1",
-				children: /* @__PURE__ */ U(de, {
+				children: /* @__PURE__ */ W(fe, {
 					text: r,
 					className: o,
 					hideTooltip: i
 				})
 			}),
-			i && /* @__PURE__ */ U("span", {
+			i && /* @__PURE__ */ W("span", {
 				className: "sr-only",
 				children: n
 			})
 		]
 	});
-}, Tr = ({ data: e, context: t }) => {
+}, Er = ({ data: e, context: t }) => {
 	let n = t?.searchQuery ?? "", r = t?.typography, i = r?.nameClassName ?? "dial-small-semi-text", a = r?.versionClassName ?? "dial-tiny-text", o = e != null && e.id === t?.selectedItemId;
-	return e ? /* @__PURE__ */ W("div", {
+	return e ? /* @__PURE__ */ G("div", {
 		className: "flex h-full w-full min-w-0 items-center gap-2.5",
-		children: [/* @__PURE__ */ W("div", {
+		children: [/* @__PURE__ */ G("div", {
 			className: "relative shrink-0",
-			children: [/* @__PURE__ */ U(y, {
+			children: [/* @__PURE__ */ W(b, {
 				src: e.iconUrl,
 				size: 36,
 				initialsName: e.name,
 				styles: { badgeClassName: "rounded-[10px]" }
-			}), /* @__PURE__ */ U($, {
+			}), /* @__PURE__ */ W(Ot, {
 				credentials: e.credentials,
 				loggedOutLabel: t?.credentialsBadgeLoggedOutLabel
 			})]
-		}), /* @__PURE__ */ U(C, {
+		}), /* @__PURE__ */ W(w, {
 			title: e.name,
 			postfix: e.version,
 			postfixClassName: a,
 			query: n,
 			titleClassName: i,
 			className: "min-w-0 flex-1 items-baseline gap-1.5",
-			trailing: o ? /* @__PURE__ */ U(Ie, {
-				size: I.SM,
-				className: k("shrink-0", xr.selectedCheck),
+			trailing: o ? /* @__PURE__ */ W(Ie, {
+				size: L.SM,
+				className: A("shrink-0", Sr.selectedCheck),
 				"aria-hidden": !0,
-				stroke: L
+				stroke: R
 			}) : void 0
 		})]
 	}) : null;
-}, Er = ({ data: e, context: t }) => {
-	let [n, r] = P(e?.isStarred ?? !1);
-	return j(() => {
+}, Dr = ({ data: e, context: t }) => {
+	let [n, r] = F(e?.isStarred ?? !1);
+	return M(() => {
 		r(e?.isStarred ?? !1);
-	}, [e?.id, e?.isStarred]), !e || t?.isFavoriteVisible?.(e) === !1 ? null : /* @__PURE__ */ U("div", {
+	}, [e?.id, e?.isStarred]), !e || t?.isFavoriteVisible?.(e) === !1 ? null : /* @__PURE__ */ W("div", {
 		className: "flex h-full items-center justify-end pe-4",
-		children: /* @__PURE__ */ U(kt, {
+		children: /* @__PURE__ */ W(At, {
 			isStarred: n,
 			onClick: (i) => {
 				i.stopPropagation();
 				let a = !n;
 				r(a), t?.onToggleFavorite?.(e.id, a);
 			},
-			className: n ? void 0 : xr.starToggleOff
+			className: n ? void 0 : Sr.starToggleOff
 		})
 	});
-}, Dr = ({ data: e }) => !e || e.topics.length === 0 ? null : /* @__PURE__ */ U("div", {
+}, Or = ({ data: e }) => !e || e.topics.length === 0 ? null : /* @__PURE__ */ W("div", {
 	className: "flex h-full w-full min-w-0 items-center",
-	children: /* @__PURE__ */ U(Pt, { topics: e.topics })
-}), Or = {
+	children: /* @__PURE__ */ W(Ft, { topics: e.topics })
+}), kr = {
 	folder: (e) => e !== v.Model,
 	tags: () => !0,
 	favorite: () => !0
-}, kr = (e, t) => Object.fromEntries([
+}, Ar = (e, t) => Object.fromEntries([
 	"folder",
 	"tags",
 	"favorite"
-].map((n) => [n, (t?.[n] ?? Or[n])(e)])), Ar = (e, t = !1, n) => {
-	let r = kr(e, n);
+].map((n) => [n, (t?.[n] ?? kr[n])(e)])), jr = (e, t = !1, n) => {
+	let r = Ar(e, n);
 	return [
 		{
 			headerName: "Name",
@@ -2999,7 +2999,7 @@ var pt = /* @__PURE__ */ function(e) {
 			minWidth: 220,
 			field: "name",
 			filter: !1,
-			cellRenderer: Tr,
+			cellRenderer: Er,
 			valueGetter: (e) => e.data?.name
 		},
 		{
@@ -3009,7 +3009,7 @@ var pt = /* @__PURE__ */ function(e) {
 			field: "type",
 			filter: !1,
 			sortable: !1,
-			cellRenderer: Sr,
+			cellRenderer: Cr,
 			valueGetter: (e) => e.data?.type
 		},
 		{
@@ -3019,7 +3019,7 @@ var pt = /* @__PURE__ */ function(e) {
 			minWidth: 170,
 			filter: !1,
 			hide: !r.folder,
-			cellRenderer: wr,
+			cellRenderer: Tr,
 			valueGetter: (e) => e.data?.folder
 		},
 		{
@@ -3030,7 +3030,7 @@ var pt = /* @__PURE__ */ function(e) {
 			filter: !1,
 			sortable: !1,
 			hide: !r.tags,
-			cellRenderer: Dr,
+			cellRenderer: Or,
 			valueGetter: (e) => e.data?.topics
 		},
 		{
@@ -3042,14 +3042,14 @@ var pt = /* @__PURE__ */ function(e) {
 			sortable: !1,
 			resizable: !1,
 			hide: t || !r.favorite,
-			headerClass: xr.favHeader,
-			cellRenderer: Er
+			headerClass: Sr.favHeader,
+			cellRenderer: Dr
 		}
 	];
-}, jr = 60, Mr = ({ items: e, type: t, query: n = "", ariaLabel: r = "Catalog", emptyStateTitle: i, styles: a, onToggleFavorite: o, isFavoriteVisible: s, onItemClick: c, stickyHeaderTop: l, selectedItemId: u, credentialsBadgeLoggedOutLabel: d, isReadonly: f = !1, columnVisibility: p }) => {
-	if (e.length === 0) return /* @__PURE__ */ U("div", {
+}, Mr = 60, Nr = ({ items: e, type: t, query: n = "", ariaLabel: r = "Catalog", emptyStateTitle: i, styles: a, onToggleFavorite: o, isFavoriteVisible: s, onItemClick: c, stickyHeaderTop: l, selectedItemId: u, credentialsBadgeLoggedOutLabel: d, isReadonly: f = !1, columnVisibility: p }) => {
+	if (e.length === 0) return /* @__PURE__ */ W("div", {
 		className: "flex size-full flex-col items-center justify-center",
-		children: /* @__PURE__ */ U(D, { label: i ?? "No results" })
+		children: /* @__PURE__ */ W(O, { label: i ?? "No results" })
 	});
 	let m = a?.typography ?? {}, h = a?.colors, g = {
 		"--cat-list-bg": h?.background,
@@ -3063,30 +3063,30 @@ 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` }
-	}, _ = N(null), { containerRef: v, startRow: y, endRow: b } = Ct(e.length, jr), x = M(() => e.slice(y, b), [
+	}, _ = P(null), { containerRef: v, startRow: y, endRow: b } = Ct(e.length, Mr), x = N(() => e.slice(y, b), [
 		e,
 		y,
 		b
 	]);
-	return j(() => {
+	return M(() => {
 		_.current?.refreshCells({ force: !0 });
-	}, [n]), j(() => {
+	}, [n]), M(() => {
 		_.current?.redrawRows();
-	}, [u]), j(() => {
+	}, [u]), M(() => {
 		_.current?.setGridOption("domLayout", e.length > 0 ? "autoHeight" : "normal");
-	}, [e]), /* @__PURE__ */ U("div", {
+	}, [e]), /* @__PURE__ */ W("div", {
 		style: g,
-		className: Ne("w-full rounded-xl border", xr.listContainer),
-		children: /* @__PURE__ */ W("div", {
+		className: Ne("w-full rounded-xl border", Sr.listContainer),
+		children: /* @__PURE__ */ G("div", {
 			ref: v,
-			className: Ne("rounded-xl", xr.gridClip),
+			className: Ne("rounded-xl", Sr.gridClip),
 			children: [
-				y > 0 && /* @__PURE__ */ U("div", {
-					style: { height: y * jr },
+				y > 0 && /* @__PURE__ */ W("div", {
+					style: { height: y * Mr },
 					"aria-hidden": !0
 				}),
-				/* @__PURE__ */ U(ft, {
-					columnDefs: Ar(t, f, p),
+				/* @__PURE__ */ W(ft, {
+					columnDefs: jr(t, f, p),
 					rowData: x,
 					getRowId: (e) => e.id,
 					withoutHeaderBorders: !0,
@@ -3096,7 +3096,7 @@ var pt = /* @__PURE__ */ function(e) {
 					},
 					emptyStateTitle: i,
 					additionalGridOptions: {
-						rowHeight: jr,
+						rowHeight: Mr,
 						defaultColDef: {
 							filter: !1,
 							floatingFilter: !1
@@ -3114,18 +3114,18 @@ var pt = /* @__PURE__ */ function(e) {
 							e.column.getColDef().field !== "isStarred" && e.data && c(e.data);
 						} : void 0,
 						rowClass: c ? "cursor-pointer" : void 0,
-						getRowClass: (e) => e.data?.id === u ? xr.selectedRow : void 0
+						getRowClass: (e) => e.data?.id === u ? Sr.selectedRow : void 0
 					},
 					ariaLabel: r
 				}),
-				b < e.length && /* @__PURE__ */ U("div", {
-					style: { height: (e.length - b) * jr },
+				b < e.length && /* @__PURE__ */ W("div", {
+					style: { height: (e.length - b) * Mr },
 					"aria-hidden": !0
 				})
 			]
 		})
 	});
-}, Nr = {
+}, Pr = {
 	filterBtn: "_filterBtn_1ngmc_2",
 	filterBtnActive: "_filterBtnActive_1ngmc_19",
 	filterBtnOpen: "_filterBtnOpen_1ngmc_23",
@@ -3137,14 +3137,14 @@ var pt = /* @__PURE__ */ function(e) {
 	divider: "_divider_1ngmc_58",
 	sectionLabel: "_sectionLabel_1ngmc_62",
 	footer: "_footer_1ngmc_66"
-}, Pr = (e, t, n, r, i) => {
+}, Fr = (e, t, n, r, i) => {
 	let a = e.size > 0;
 	return n && a ? `${r} · ${e.size}` : n ? r : a ? g(e, t, i) : i;
-}, Fr = (e, t) => {
+}, Ir = (e, t) => {
 	let n = new Set(t);
 	return n.has(e) ? n.delete(e) : n.add(e), n;
-}, Ir = ({ 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] = P(!1), h = te({
+}, 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({
 		"--cat-filter-btn-bg": d?.buttonBackground,
 		"--cat-filter-btn-border": d?.buttonBorder,
 		"--cat-filter-btn-border-hover": d?.buttonBorderHover,
@@ -3160,19 +3160,19 @@ var pt = /* @__PURE__ */ function(e) {
 		"--cat-filter-section-label": d?.sectionLabel,
 		"--cat-filter-divider": d?.divider,
 		"--cat-filter-footer-border": d?.footerBorder
-	}), g = M(() => n == null ? [] : [...n].sort(), [n]), _ = Pr(e, n, r, a, s), [v, y] = P(() => new Set(e)), [b, x] = P(r ?? !1);
-	j(() => {
+	}), 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(() => {
 		p && (y(new Set(e)), x(r ?? !1));
 	}, [
 		p,
 		e,
 		r
 	]);
-	let S = g.length + 1, [C, w] = P(-1), T = N([]), E = N(null), D = A((e) => {
+	let S = g.length + 1, [C, w] = F(-1), T = P([]), E = P(null), D = j((e) => {
 		let t = (e + S) % S;
 		w(t), T.current[t]?.focus();
 	}, [S]);
-	j(() => {
+	M(() => {
 		if (!p) {
 			w(-1);
 			return;
@@ -3182,22 +3182,22 @@ var pt = /* @__PURE__ */ function(e) {
 	}, [p, D]);
 	let O = (e) => {
 		m(e), e || E.current?.focus();
-	}, ne = (e) => {
+	}, ee = (e) => {
 		e.key === "ArrowDown" && !p && (e.preventDefault(), m(!0));
-	}, re = (e) => {
+	}, ne = (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());
-	}, ie = () => {
+	}, re = () => {
 		t(v), i?.(b), O(!1);
-	}, ae = () => {
+	}, ie = () => {
 		t(/* @__PURE__ */ new Set()), i?.(!1), O(!1);
 	};
-	return /* @__PURE__ */ U(R, {
+	return /* @__PURE__ */ W(ue, {
 		matchReferenceWidth: !1,
 		placement: "bottom-start",
 		open: p,
 		onOpenChange: O,
 		listClassName: "!bg-transparent !shadow-none !p-0",
-		renderOverlay: () => /* @__PURE__ */ W("div", {
+		renderOverlay: () => /* @__PURE__ */ G("div", {
 			role: "menu",
 			"aria-label": s,
 			tabIndex: -1,
@@ -3205,16 +3205,16 @@ var pt = /* @__PURE__ */ function(e) {
 				...h,
 				maxHeight: "calc(var(--fui-available-height, 9999px) - 8px)"
 			},
-			className: k("flex min-w-[360px] flex-col rounded-xl p-[6px]", Nr.overlay),
-			onKeyDown: re,
+			className: A("flex min-w-[360px] flex-col rounded-xl p-[6px]", Pr.overlay),
+			onKeyDown: ne,
 			children: [
-				/* @__PURE__ */ U(be, {
+				/* @__PURE__ */ W(xe, {
 					role: "menuitemcheckbox",
 					"aria-checked": b,
-					mark: xe.Checkbox,
+					mark: z.Checkbox,
 					selected: b,
 					label: a,
-					labelClassName: k(Nr.rowLabel, u?.filterButtonClassName ?? "dial-small-semi-text"),
+					labelClassName: A(Pr.rowLabel, u?.filterButtonClassName ?? "dial-small-semi-text"),
 					className: "shrink-0",
 					tabIndex: C === 0 ? 0 : -1,
 					ref: (e) => {
@@ -3222,108 +3222,108 @@ var pt = /* @__PURE__ */ function(e) {
 					},
 					onClick: () => x(!b)
 				}),
-				g.length > 0 && /* @__PURE__ */ W(H, { children: [
-					/* @__PURE__ */ U("div", {
+				g.length > 0 && /* @__PURE__ */ G(st, { children: [
+					/* @__PURE__ */ W("div", {
 						role: "separator",
-						className: k("my-1 h-px", Nr.divider),
+						className: A("my-1 h-px", Pr.divider),
 						"aria-hidden": !0
 					}),
-					/* @__PURE__ */ U("div", {
-						className: k("px-[10px] pb-1 pt-[10px]", u?.filterSectionLabelClassName ?? "dial-tiny-lead-semi-text", Nr.sectionLabel),
+					/* @__PURE__ */ W("div", {
+						className: A("px-[10px] pb-1 pt-[10px]", u?.filterSectionLabelClassName ?? "dial-tiny-lead-semi-text", Pr.sectionLabel),
 						"aria-hidden": !0,
 						children: o
 					}),
-					/* @__PURE__ */ U("div", {
-						className: k(ee, "flex min-h-0 flex-col gap-1 overflow-y-auto"),
+					/* @__PURE__ */ W("div", {
+						className: A(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__ */ U(be, {
+							return /* @__PURE__ */ W(xe, {
 								role: "menuitemcheckbox",
 								"aria-checked": n,
-								mark: xe.Checkbox,
+								mark: z.Checkbox,
 								selected: n,
 								label: e,
-								labelClassName: Nr.rowLabel,
+								labelClassName: Pr.rowLabel,
 								className: "shrink-0",
 								tabIndex: C === r ? 0 : -1,
 								ref: (e) => {
 									T.current[r] = e;
 								},
-								onClick: () => y(Fr(e, v))
+								onClick: () => y(Ir(e, v))
 							}, e);
 						})
 					})
 				] }),
-				/* @__PURE__ */ W("div", {
-					className: k("mt-1 flex shrink-0 items-center px-1 py-3", Nr.footer),
+				/* @__PURE__ */ G("div", {
+					className: A("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__ */ U(pe, {
+					children: [/* @__PURE__ */ W(me, {
 						label: c,
-						onClick: ae
-					}), /* @__PURE__ */ U(Ce, {
+						onClick: ie
+					}), /* @__PURE__ */ W(Ce, {
 						label: l,
 						className: "ms-auto",
-						onClick: ie
+						onClick: re
 					})]
 				})
 			]
 		}),
-		children: /* @__PURE__ */ W("button", {
+		children: /* @__PURE__ */ G("button", {
 			ref: E,
 			type: "button",
 			"aria-haspopup": "menu",
 			"aria-expanded": p,
-			onKeyDown: ne,
+			onKeyDown: ee,
 			style: h,
-			className: k("flex h-12 shrink-0 cursor-pointer items-center gap-[7px] whitespace-nowrap rounded-lg px-[18px]", Nr.filterBtn, f && Nr.filterBtnActive, p && Nr.filterBtnOpen),
+			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),
 			children: [
-				/* @__PURE__ */ U(Ue, {
-					size: I.SM,
-					stroke: L,
-					className: k("shrink-0", Nr.filterBtnFunnel),
+				/* @__PURE__ */ W(Ue, {
+					size: L.SM,
+					stroke: R,
+					className: A("shrink-0", Pr.filterBtnFunnel),
 					"aria-hidden": !0
 				}),
-				/* @__PURE__ */ U("span", {
-					className: k(Nr.filterBtnLabel, u?.filterButtonClassName ?? "dial-small-semi-text"),
+				/* @__PURE__ */ W("span", {
+					className: A(Pr.filterBtnLabel, u?.filterButtonClassName ?? "dial-small-semi-text"),
 					children: _
 				}),
-				/* @__PURE__ */ U(Le, {
+				/* @__PURE__ */ W(Le, {
 					size: 14,
-					stroke: L,
-					className: k("shrink-0 transition-transform duration-150", Nr.filterBtnChevron, p && "rotate-180"),
+					stroke: R,
+					className: A("shrink-0 transition-transform duration-150", Pr.filterBtnChevron, p && "rotate-180"),
 					"aria-hidden": !0
 				})
 			]
 		})
 	});
-}, Lr = {
+}, Rr = {
 	section: "_section_mh952_1",
 	divider: "_divider_mh952_5"
-}, Rr = ({ 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: w }) => {
-	let T = a?.typography?.titleClassName ?? "dial-body-semi-text", E = a?.typography?.countClassName ?? "dial-tiny-semi-text", D = M(() => [{
+}, 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(() => [{
 		value: gt.Grid,
-		icon: /* @__PURE__ */ U(Ke, {
-			size: I.SM,
+		icon: /* @__PURE__ */ W(Ke, {
+			size: L.SM,
 			"aria-hidden": !0,
-			stroke: L
+			stroke: R
 		}),
 		"aria-label": l
 	}, {
 		value: gt.Cards,
-		icon: /* @__PURE__ */ U(qe, {
-			size: I.SM,
+		icon: /* @__PURE__ */ W(qe, {
+			size: L.SM,
 			"aria-hidden": !0,
-			stroke: L
+			stroke: R
 		}),
 		"aria-label": u
 	}], [l, u]), O = (e) => {
 		s(e ?? "");
-	}, ee = p?.find((e) => e.value === f)?.label ?? h, te = M(() => (p ?? []).map((e) => ({
+	}, ee = p?.find((e) => e.value === f)?.label ?? h, te = N(() => (p ?? []).map((e) => ({
 		key: e.value,
 		label: e.label,
-		mark: xe.Check,
+		mark: z.Check,
 		checked: e.value === f,
 		onClick: () => m?.(e.value)
 	})), [
@@ -3331,11 +3331,11 @@ var pt = /* @__PURE__ */ function(e) {
 		f,
 		m
 	]);
-	return /* @__PURE__ */ W("div", {
+	return /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-3",
-		children: [/* @__PURE__ */ W("div", {
+		children: [/* @__PURE__ */ G("div", {
 			className: "flex items-center gap-2",
-			children: [i ?? /* @__PURE__ */ U(C, {
+			children: [i ?? /* @__PURE__ */ W(w, {
 				title: r,
 				postfix: e,
 				titleClassName: T,
@@ -3346,34 +3346,34 @@ var pt = /* @__PURE__ */ function(e) {
 					title: a?.colors?.titleText,
 					count: a?.colors?.countText
 				}
-			}), /* @__PURE__ */ W("div", {
+			}), /* @__PURE__ */ G("div", {
 				className: "ms-auto flex shrink-0 items-center gap-2",
-				children: [/* @__PURE__ */ U(De, {
+				children: [/* @__PURE__ */ W(De, {
 					"aria-label": d,
 					value: t,
 					onChange: n,
 					items: D
-				}), p != null && p.length > 0 && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("div", { className: k("h-4 w-px shrink-0", Lr.divider) }), /* @__PURE__ */ U(oe, {
+				}), 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, {
 					items: te,
 					label: ee,
-					variant: se.Primary,
+					variant: I.Primary,
 					appearance: ae.Ghost
 				})] })]
 			})]
-		}), /* @__PURE__ */ W("div", {
+		}), /* @__PURE__ */ G("div", {
 			className: "mb-5 flex items-center gap-3",
-			children: [/* @__PURE__ */ U("div", {
+			children: [/* @__PURE__ */ W("div", {
 				role: "search",
 				className: "flex-1",
-				children: /* @__PURE__ */ U(Ee, {
+				children: /* @__PURE__ */ W(Ee, {
 					value: o,
 					onChange: O,
-					size: ue.Large,
+					size: de.Large,
 					wrapperClassName: "dial-kit-input-large",
 					placeholder: c,
 					"aria-label": c
 				})
-			}), /* @__PURE__ */ U(Ir, {
+			}), /* @__PURE__ */ W(Lr, {
 				checked: g ?? /* @__PURE__ */ new Set(),
 				onChange: _ ?? (() => void 0),
 				values: v,
@@ -3381,17 +3381,17 @@ var pt = /* @__PURE__ */ function(e) {
 				onMyAppsChange: b,
 				defaultLabel: x,
 				myAppsLabel: S,
-				topicsLabel: w,
+				topicsLabel: C,
 				typography: a?.typography
 			})]
 		})]
 	});
-}, zr = ({ 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 }) => {
+}, 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__ */ U("section", {
-		className: k("flex-shrink-0 px-4", Lr.section),
+	return /* @__PURE__ */ W("section", {
+		className: A("flex-shrink-0 px-4", Rr.section),
 		style: b,
-		children: /* @__PURE__ */ U(Rr, {
+		children: /* @__PURE__ */ W(zr, {
 			styles: r,
 			query: e,
 			onQueryChange: t,
@@ -3414,34 +3414,34 @@ var pt = /* @__PURE__ */ function(e) {
 			...y
 		})
 	});
-}, Br = {
+}, Vr = {
 	root: "_root_1h83l_1",
 	heading: "_heading_1h83l_5",
 	headingTitle: "_headingTitle_1h83l_9"
-}, Vr = ({ label: e, options: t, onClick: n }) => {
-	let r = N(null);
-	return t?.length ? /* @__PURE__ */ U("div", {
+}, Hr = ({ label: e, options: t, onClick: n }) => {
+	let r = P(null);
+	return t?.length ? /* @__PURE__ */ W("div", {
 		ref: r,
-		children: /* @__PURE__ */ U(oe, {
+		children: /* @__PURE__ */ W(oe, {
 			appearance: ae.Solid,
 			label: e,
-			iconBefore: /* @__PURE__ */ U(Qe, {
-				size: I.SM,
-				stroke: L
+			iconBefore: /* @__PURE__ */ W(Qe, {
+				size: L.SM,
+				stroke: R
 			}),
-			variant: se.Primary,
+			variant: I.Primary,
 			items: t
 		})
-	}) : /* @__PURE__ */ U(Ce, {
+	}) : /* @__PURE__ */ W(Ce, {
 		label: e,
-		iconBefore: /* @__PURE__ */ U(Qe, {
-			size: I.SM,
-			stroke: L
+		iconBefore: /* @__PURE__ */ W(Qe, {
+			size: L.SM,
+			stroke: R
 		}),
 		onClick: n
 	});
-}, Hr = ({ 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: I, onDownload: L, isDownloadVisible: le, isDownloadPrimary: R, 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: Se, createOptions: Ce, hideCreateButton: we = !1, hidePageTitle: Te = !1, isReadonly: Ee = !1, initialViewMode: De = gt.Grid, isFullWidth: Oe = !1, selectedItemId: ke, onCardClick: Me, 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 = X(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 = [
+}, 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 = [
 		{
 			value: i.RecentlyUpdated,
 			label: l?.sortRecentlyUpdatedLabel ?? "Recently Updated"
@@ -3454,67 +3454,67 @@ var pt = /* @__PURE__ */ function(e) {
 			value: i.NameAZ,
 			label: l?.sortNameAZLabel ?? "Name A-Z"
 		}
-	], [at, ot] = P(""), [st, H] = P(De), [ct, lt] = P(De === gt.Cards), [ut, dt] = P(i.RecentlyUpdated), [ft, pt] = P(/* @__PURE__ */ new Set()), [G, mt] = P(!1), K = Ie ?? ut, q = Re ?? ft, ht = Be ?? G, J = A((e) => {
+	], [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) => {
 		let t = e;
-		dt(t), Le?.(t);
-	}, [Le]), Y = A((e) => {
-		pt(e), ze?.(e);
-	}, [ze]), _t = A((e) => {
-		mt(e), Ve?.(e);
-	}, [Ve]), vt = M(() => e.filter((e) => !e.isHidden), [e]), yt = M(() => o ?? r(vt), [o, vt]), bt = M(() => a ?? t(vt, l?.tabLabels), [
+		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), [
 		a,
-		vt,
+		X,
 		l?.tabLabels
-	]), xt = bt[0]?.id ?? "", [Z, St] = P(xt);
-	j(() => {
-		St((e) => e || xt);
-	}, [xt]);
-	let Ct = He ?? Z, wt = A((e) => {
-		St(e), Ue?.(e);
-	}, [Ue]), [Q, Tt] = P(s.length > 0);
-	j(() => {
-		s.length > 0 && !Q && Tt(!0);
-	}, [s.length, Q]);
-	let Et = A(() => {
+	]), Z = bt[0]?.id ?? "", [xt, Q] = F(Z);
+	M(() => {
+		Q((e) => e || Z);
+	}, [Z]);
+	let St = Ve ?? xt, Ct = j((e) => {
+		Q(e), He?.(e);
+	}, [He]), [wt, Tt] = F(s.length > 0);
+	M(() => {
+		s.length > 0 && !wt && Tt(!0);
+	}, [s.length, wt]);
+	let Et = j(() => {
 		Tt(!1);
-	}, []), Dt = Q && 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) => {
+	}, []), 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) => {
 		Ot(e), Mt(void 0), Ft.current = e.id;
 		let t = [];
-		ce && (Pt(!0), t.push((async () => {
+		se && (Pt(!0), t.push((async () => {
 			try {
-				let t = await ce(e);
+				let t = await se(e);
 				Ft.current === e.id && Mt(t);
 			} finally {
 				Ft.current === e.id && Pt(!1);
 			}
 		})())), await Promise.all(t);
-	}, [ce]), Lt = N(null);
-	j(() => {
-		if (!V) {
+	}, [se]), Lt = P(null);
+	M(() => {
+		if (!H) {
 			Lt.current = null;
 			return;
 		}
-		if (Lt.current === V) return;
-		let t = e.find((e) => e.id === V);
-		t && (Lt.current = V, It(t));
+		if (Lt.current === H) return;
+		let t = e.find((e) => e.id === H);
+		t && (Lt.current = H, It(t));
 	}, [
-		V,
+		H,
 		e,
 		It
-	]), j(() => {
+	]), M(() => {
 		if ($ == null) return;
 		let t = e.find((e) => e.id === $.id);
 		t && t !== $ && Ot(t);
 	}, [e, $]);
-	let Rt = A(async (e, t) => {
+	let Rt = j(async (e, t) => {
 		await xe?.(e, t), await It(e);
-	}, [xe, It]), Bt = A(async (e, t) => {
+	}, [xe, It]), zt = j(async (e, t) => {
 		await z?.(e, t), await It(e);
-	}, [z, It]), Vt = A(() => {
+	}, [z, It]), Vt = j(() => {
 		At(!1), Ft.current = null, setTimeout(() => {
 			Ot(null), Mt(void 0), Pt(!1);
 		}, 300);
-	}, []), Ht = M(() => {
+	}, []), Ht = N(() => {
 		if ($ == null) return null;
 		if (jt == null) return $;
 		let { credentials: e, ...t } = jt;
@@ -3523,145 +3523,145 @@ var pt = /* @__PURE__ */ function(e) {
 			details: t,
 			credentials: e ?? $.credentials
 		};
-	}, [$, jt]), Ut = M(() => d(vt, K), [vt, K]), Wt = M(() => c(Ut, at), [Ut, at]), Gt = M(() => q.size > 0 ? n(Wt, q) : Wt, [Wt, q]), Kt = M(() => ht ? m(Gt) : Gt, [Gt, ht]), qt = M(() => Ct ? Kt.filter((e) => e.type === Ct) : Kt, [Kt, Ct]), Jt = $ != null && s.some((e) => e.id === $.id);
-	j(() => {
+	}, [$, 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(() => {
 		if ($ == null) return;
 		let e = requestAnimationFrame(() => At(!0));
 		return () => cancelAnimationFrame(e);
 	}, [$]);
-	let Yt = A((e) => {
-		e === gt.Cards && lt(!0), H(e);
-	}, []), Xt = !we && !Ee, Zt = Q && !Ee, Qt = at ? Ze(at) : "No items", $t = M(() => ({
+	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(() => ({
 		noResultsTitle: Qt,
-		featuredLabel: Qe,
-		credentialsBadgeLoggedOutLabel: Pe?.credentialsBadgeLoggedOutLabel
+		featuredLabel: Ze,
+		credentialsBadgeLoggedOutLabel: Ne?.credentialsBadgeLoggedOutLabel
 	}), [
 		Qt,
-		Qe,
-		Pe?.credentialsBadgeLoggedOutLabel
+		Ze,
+		Ne?.credentialsBadgeLoggedOutLabel
 	]);
-	return B ? /* @__PURE__ */ U("div", {
+	return V ? /* @__PURE__ */ W("div", {
 		className: "flex size-full min-h-0 flex-1 items-center justify-center",
-		children: /* @__PURE__ */ U(Ae, {})
-	}) : /* @__PURE__ */ W("section", {
-		"aria-label": nt,
-		className: k("flex size-full min-h-0 flex-1 flex-col", Br.root),
-		style: Ge,
+		children: /* @__PURE__ */ W(Ae, {})
+	}) : /* @__PURE__ */ G("section", {
+		"aria-label": tt,
+		className: A("flex size-full min-h-0 flex-1 flex-col", Vr.root),
+		style: We,
 		children: [
-			(!Te || Xt) && /* @__PURE__ */ U("div", {
-				className: k("shrink-0", Br.heading),
-				children: /* @__PURE__ */ W("div", {
+			(!we || Xt) && /* @__PURE__ */ W("div", {
+				className: A("shrink-0", Vr.heading),
+				children: /* @__PURE__ */ G("div", {
 					className: "flex h-[64px] w-full items-center justify-between px-8",
-					children: [!Te && /* @__PURE__ */ U("h1", {
-						className: k(We?.pageHeadingFontClassName ?? "dial-display2-text", Br.headingTitle),
-						children: Ke
-					}), Xt && /* @__PURE__ */ U(Vr, {
-						label: qe,
-						options: Ce,
-						onClick: Se
+					children: [!we && /* @__PURE__ */ W("h1", {
+						className: A(Ue?.pageHeadingFontClassName ?? "dial-display2-text", Vr.headingTitle),
+						children: Ge
+					}), Xt && /* @__PURE__ */ W(Hr, {
+						label: Ke,
+						options: Se,
+						onClick: B
 					})]
 				})
 			}),
-			/* @__PURE__ */ W("div", {
+			/* @__PURE__ */ G("div", {
 				className: "flex min-h-0 min-w-0 flex-1 flex-col overflow-y-auto overflow-x-hidden",
 				children: [
-					Zt && /* @__PURE__ */ U("div", {
+					Zt && /* @__PURE__ */ W("div", {
 						className: "w-full px-8",
-						children: /* @__PURE__ */ U(br, {
+						children: /* @__PURE__ */ W(xr, {
 							items: s,
 							totalCount: s.length,
-							title: Je,
+							title: qe,
 							onToggleFavorite: f,
 							isFavoriteVisible: p,
-							onItemClick: Me ?? It,
+							onItemClick: ke ?? It,
 							isLeaving: Dt,
 							onExitComplete: Et,
-							selectedItemId: ke,
-							credentialsBadgeLoggedOutLabel: Pe?.credentialsBadgeLoggedOutLabel
+							selectedItemId: Oe,
+							credentialsBadgeLoggedOutLabel: Ne?.credentialsBadgeLoggedOutLabel
 						})
 					}),
-					/* @__PURE__ */ U("div", {
+					/* @__PURE__ */ W("div", {
 						className: "w-full px-4 pt-6",
-						children: /* @__PURE__ */ U(zr, {
+						children: /* @__PURE__ */ W(Br, {
 							totalCount: Kt.length,
-							viewMode: st,
+							viewMode: at,
 							onViewModeChange: Yt,
-							sortKey: K,
-							query: at,
-							onQueryChange: ot,
-							title: Ye,
+							sortKey: mt,
+							query: U,
+							onQueryChange: it,
+							title: Je,
 							browseHeaderRenderer: u,
-							searchPlaceholder: Xe,
-							gridViewLabel: $e,
-							listViewLabel: et,
-							viewToggleLabel: tt,
-							sortOptions: it,
-							onSortChange: J,
-							sortLabel: rt,
+							searchPlaceholder: Ye,
+							gridViewLabel: Qe,
+							listViewLabel: $e,
+							viewToggleLabel: et,
+							sortOptions: rt,
+							onSortChange: ht,
+							sortLabel: nt,
 							filters: q,
 							onFiltersChange: Y,
 							filterValues: yt,
-							isMyAppsActive: ht,
+							isMyAppsActive: J,
 							onMyAppsChange: _t,
 							filterFromLabel: l?.filterFromLabel,
 							filterMyAppsLabel: l?.filterMyAppsLabel,
 							filterTopicsLabel: l?.filterTopicsLabel
 						})
 					}),
-					bt.length > 1 && /* @__PURE__ */ U("div", {
+					bt.length > 1 && /* @__PURE__ */ W("div", {
 						className: "min-w-0 shrink-0 overflow-x-auto px-8",
-						children: /* @__PURE__ */ U(je, {
+						children: /* @__PURE__ */ W(je, {
 							tabs: bt.map((e) => ({
 								id: e.id,
 								label: typeof e.label == "string" ? e.label : String(e.label),
 								count: Kt.filter((t) => t.type === e.id).length
 							})),
-							activeTabId: Ct,
-							onTabChange: wt
+							activeTabId: St,
+							onTabChange: Ct
 						})
 					}),
-					/* @__PURE__ */ W("div", {
-						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__ */ U("div", {
-							className: k(qt.length > 0 ? "pb-8" : "size-full flex-1", st !== gt.Grid && "hidden"),
-							children: /* @__PURE__ */ U(zt, {
+					/* @__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"),
+						children: [/* @__PURE__ */ W("div", {
+							className: A(qt.length > 0 ? "pb-8" : "size-full flex-1", at !== gt.Grid && "hidden"),
+							children: /* @__PURE__ */ W(Bt, {
 								items: qt,
-								query: at,
+								query: U,
 								onToggleFavorite: f,
 								isFavoriteVisible: p,
-								onItemClick: Me ?? It,
+								onItemClick: ke ?? It,
 								titles: $t,
-								selectedItemId: ke,
-								isReadonly: Ee,
-								isFullWidth: Oe
+								selectedItemId: Oe,
+								isReadonly: Te,
+								isFullWidth: De
 							})
-						}), ct && /* @__PURE__ */ U("div", {
-							className: k("pb-8", st !== gt.Cards && "hidden", qt.length === 0 && "h-full"),
-							children: /* @__PURE__ */ U(Mr, {
-								type: Ct,
+						}), st && /* @__PURE__ */ W("div", {
+							className: A("pb-8", at !== gt.Cards && "hidden", qt.length === 0 && "h-full"),
+							children: /* @__PURE__ */ W(Nr, {
+								type: St,
 								items: qt,
-								query: at,
-								ariaLabel: nt,
+								query: U,
+								ariaLabel: tt,
 								emptyStateTitle: Qt,
 								onToggleFavorite: f,
 								isFavoriteVisible: p,
 								columnVisibility: h,
-								onItemClick: Me ?? It,
+								onItemClick: ke ?? It,
 								stickyHeaderTop: 0,
-								selectedItemId: ke,
-								credentialsBadgeLoggedOutLabel: Pe?.credentialsBadgeLoggedOutLabel,
-								isReadonly: Ee
+								selectedItemId: Oe,
+								credentialsBadgeLoggedOutLabel: Ne?.credentialsBadgeLoggedOutLabel,
+								isReadonly: Te
 							})
 						})]
 					})
 				]
 			}),
-			Ht != null && /* @__PURE__ */ U(hr, {
+			Ht != null && /* @__PURE__ */ W(gr, {
 				item: Ht,
 				isOpen: kt,
 				isStarred: Jt,
 				isDetailsLoading: Nt,
-				isReadonly: Ee,
+				isReadonly: Te,
 				onClose: Vt,
 				onToggleFavorite: f,
 				isFavoriteVisible: p,
@@ -3680,17 +3680,17 @@ var pt = /* @__PURE__ */ function(e) {
 				onPublish: O,
 				onPublishSuccess: ee,
 				onPublishError: te,
-				onCreatePublishFolder: ne,
-				publishLabels: re,
-				ruleSourceOptions: ie,
-				onFetchExistingRules: ae,
-				shareOverlay: oe,
-				isShareVisible: se,
-				isSharePrimary: F,
-				onEdit: I,
+				onCreatePublishFolder: k,
+				publishLabels: ne,
+				ruleSourceOptions: re,
+				onFetchExistingRules: ie,
+				shareOverlay: ae,
+				isShareVisible: oe,
+				isSharePrimary: I,
+				onEdit: ce,
 				onDownload: L,
-				isDownloadVisible: le,
-				isDownloadPrimary: R,
+				isDownloadVisible: R,
+				isDownloadPrimary: le,
 				onLoadContentFile: ue,
 				onLoadContentFilePreview: de,
 				renderContentFilePreview: fe,
@@ -3703,12 +3703,12 @@ var pt = /* @__PURE__ */ function(e) {
 				onUnpublish: ye,
 				isUnpublishVisible: be,
 				onLogin: Rt,
-				onLogout: Bt,
-				texts: Pe,
-				limitsFooterNote: Fe
+				onLogout: zt,
+				texts: Ne,
+				limitsFooterNote: Pe
 			})
 		]
 	});
 };
 //#endregion
-export { Et as AppIdentity, Lt as Card, zt as CardGrid, Rt as CardRowRenderer, Hr as Catalog, J as CatalogContentNodeType, Y as CatalogContentPreviewType, G as CatalogDetailsTab, mt as CatalogLimitStatus, i as CatalogSortKey, gt as CatalogViewMode, pt as CodeLanguage, In as ContentTab, f as CredentialStatus, $ as CredentialsBadge, l as CredentialsBadgeState, a as CredentialsLevel, e as CredentialsUiState, ht as DeploymentSize, K as DetailsConfirmationKind, q as DetailsConfirmationVariant, hr as DetailsPanel, _r as FavoriteCard, br as Favorites, Ir as Filter, en as InfoCard, Mr as ListView, zr as Toolbar, _ as ToolsetAuthenticationType, Mt as TopicTag, t as buildCatalogTabs, c as filterCatalogItems, h as getCredentialsBadgeState, p as getCredentialsUiState, s as getSignedInLevel, r as getTopicOptions, d as sortCatalogItems, _t as useFavColumns, wt as useScrollVirtualizer };
+export { Dt as AppIdentity, Rt as Card, Bt as CardGrid, zt as CardRowRenderer, Ur as Catalog, Y as CatalogContentNodeType, _t as CatalogContentPreviewType, K as CatalogDetailsTab, mt as CatalogLimitStatus, i as CatalogSortKey, gt as CatalogViewMode, pt as CodeLanguage, Ln as ContentTab, f as CredentialStatus, Ot as CredentialsBadge, l as CredentialsBadgeState, a as CredentialsLevel, e as CredentialsUiState, ht as DeploymentSize, q as DetailsConfirmationKind, J as DetailsConfirmationVariant, gr as DetailsPanel, vr as FavoriteCard, xr as Favorites, Lr as Filter, tn as InfoCard, Nr as ListView, Br as Toolbar, _ as ToolsetAuthenticationType, Nt as TopicTag, t as buildCatalogTabs, c as filterCatalogItems, h as getCredentialsBadgeState, p as getCredentialsUiState, s as getSignedInLevel, r as getTopicOptions, d as sortCatalogItems, X as useFavColumns, wt as useScrollVirtualizer };