@epam/ai-dial-catalog 1.0.0-dev.512 → 1.0.0-dev.513

package/index.js

@@ -25889,9 +25889,9 @@ var gb = 2e3, _b = (e, t = gb) => {
 		})]
 	});
 }), Eb = {
-	thinking: "_thinking_1mmkt_16",
-	"cm-shimmer": "_cm-shimmer_1mmkt_1",
-	secondaryBorder: "_secondaryBorder_1mmkt_25"
+	thinking: "_thinking_1b9r7_9",
+	"cm-shimmer": "_cm-shimmer_1b9r7_1",
+	secondaryBorder: "_secondaryBorder_1b9r7_18"
 }, Db = 1, Ob = () => {
 	let e = u(null), t = u(null), [n, r] = d(!1), [i, o] = d(!1), s = a(() => {
 		let n = e.current, i = t.current;
@@ -25913,29 +25913,38 @@ var gb = 2e3, _b = (e, t = gb) => {
 		handleScroll: s
 	};
 }, kb = {
-	scrollContainer: "_scrollContainer_1bv91_1",
-	tableScrollFadeEnd: "_tableScrollFadeEnd_1bv91_17",
-	tableScrollFadeStart: "_tableScrollFadeStart_1bv91_25",
-	tableScrollFadeBoth: "_tableScrollFadeBoth_1bv91_33"
-}, Ab = i(({ children: e, classNames: t, colors: n }) => {
-	let { scrollContainerRef: r, tableRef: i, hasContentBeyondStart: a, hasContentBeyondEnd: o, handleScroll: s } = Ob();
+	tableContainer: "_tableContainer_g3hpg_1",
+	tableContainerLight: "_tableContainerLight_g3hpg_6",
+	scrollContainer: "_scrollContainer_g3hpg_10",
+	tableHeaderCell: "_tableHeaderCell_g3hpg_25",
+	sectionRow: "_sectionRow_g3hpg_29",
+	row: "_row_g3hpg_33",
+	rowDivider: "_rowDivider_g3hpg_37",
+	tableScrollFadeEnd: "_tableScrollFadeEnd_g3hpg_45",
+	tableScrollFadeStart: "_tableScrollFadeStart_g3hpg_53",
+	tableScrollFadeBoth: "_tableScrollFadeBoth_g3hpg_61"
+}, Ab = i(({ children: e, classNames: t, colors: n, scrollRegionAriaLabel: r = "Scrollable table" }) => {
+	let { scrollContainerRef: i, tableRef: a, hasContentBeyondStart: o, hasContentBeyondEnd: s, handleScroll: c } = Ob(), l = Zn({
+		"--cm-markdown-border": n?.border,
+		"--cm-table-scrollbar": n?.scrollbar,
+		"--cm-table-fade": n?.fade
+	}), u = o || s;
 	return /* @__PURE__ */ L("div", {
-		style: Zn({
-			"--cm-markdown-border": n?.border,
-			"--cm-table-scrollbar": n?.scrollbar,
-			"--cm-table-fade": n?.fade
-		}),
-		className: G("relative w-full min-w-0 max-w-full overflow-hidden", t.tableWrapper),
+		style: l,
+		className: G("relative w-full min-w-0 max-w-full overflow-hidden rounded-xl border", kb.tableContainer, kb.tableContainerLight, t.tableWrapper),
 		children: /* @__PURE__ */ L("div", {
-			ref: r,
-			className: G("w-full min-w-0 max-w-full overflow-x-auto rounded border", kb.scrollContainer, {
-				[kb.tableScrollFadeBoth]: a && o,
-				[kb.tableScrollFadeStart]: a && !o,
-				[kb.tableScrollFadeEnd]: !a && o
+			ref: i,
+			className: G("w-full min-w-0 max-w-full overflow-x-auto", kb.scrollContainer, {
+				[kb.tableScrollFadeBoth]: o && s,
+				[kb.tableScrollFadeStart]: o && !s,
+				[kb.tableScrollFadeEnd]: !o && s
 			}),
-			onScroll: s,
+			onScroll: c,
+			role: u ? "region" : void 0,
+			"aria-label": u ? r : void 0,
+			tabIndex: u ? 0 : void 0,
 			children: /* @__PURE__ */ L("table", {
-				ref: i,
+				ref: a,
 				className: G("w-max min-w-full border-collapse", t.tableFont ?? "text-sm"),
 				children: e
 			})
@@ -25951,7 +25960,7 @@ var gb = 2e3, _b = (e, t = gb) => {
 }), Mb = [tp], Nb = {}, Pb = { li: ({ children: e }) => /* @__PURE__ */ L("li", {
 	className: "mb-1.5 last:mb-0",
 	children: e
-}) }, Fb = (e, t, n, r, i) => ({
+}) }, Fb = (e) => e ? e.type === "text" ? e.value ?? "" : (e.children ?? []).map(Fb).join("") : "", Ib = (e, t, n, r, i, a) => ({
 	h1: ({ children: t }) => /* @__PURE__ */ L("h1", {
 		className: e.h1,
 		children: t
@@ -26033,23 +26042,32 @@ var gb = 2e3, _b = (e, t = gb) => {
 	input: ({ type: e, checked: t }) => e === "checkbox" ? /* @__PURE__ */ L(jb, { checked: t ?? !1 }) : null,
 	table: ({ children: t }) => /* @__PURE__ */ L(Ab, {
 		classNames: e,
+		scrollRegionAriaLabel: a,
 		children: t
 	}),
+	tr: ({ children: e, node: t }) => {
+		let n = t?.children.filter((e) => e.type === "element") ?? [], r = n.some((e) => e.tagName === "th"), i = n.filter((e) => Fb(e).trim().length > 0).length, a = !r && n.length > 1 && i === 1;
+		return /* @__PURE__ */ L("tr", {
+			className: G(kb.row, a && kb.sectionRow),
+			children: e
+		});
+	},
 	th: ({ children: t }) => /* @__PURE__ */ L("th", {
-		className: G("max-w-96 whitespace-normal break-words border-b px-3 py-2.5 text-start text-secondary", Eb.secondaryBorder, e.tableHeaderFont ?? "font-semibold", e.tableCell, e.tableHeader),
+		scope: "col",
+		className: G("sticky top-0 z-[2] max-w-96 whitespace-normal break-words border-b px-3 py-2.5 text-start [overflow-wrap:anywhere]", kb.rowDivider, kb.tableHeaderCell, e.tableHeaderFont ?? "dial-tiny-semi-text uppercase tracking-wider text-secondary", e.tableCell, e.tableHeader),
 		children: t
 	}),
 	td: ({ children: t }) => /* @__PURE__ */ L("td", {
-		className: G("max-w-96 whitespace-normal break-words border-b px-3 py-2.5 align-top", Eb.secondaryBorder, e.tableBodyCell, e.tableCell),
+		className: G("max-w-96 whitespace-normal break-words border-b px-3 py-2.5 align-top [overflow-wrap:anywhere]", kb.rowDivider, e.tableBodyCell, e.tableCell),
 		children: t
 	})
-}), Ib = i(({ content: e, isStreaming: t, streamCharactersPerSecond: n, classNames: r = Nb, components: i, thinkingLabel: a = "Thinking", codeBlockCopyLabel: o, codeBlockCopiedLabel: s, codeBlockTheme: c, colors: u }) => {
-	let d = cp(e, t, n), f = Zn({
+}), Lb = i(({ content: e, isStreaming: t, streamCharactersPerSecond: n, classNames: r = Nb, components: i, thinkingLabel: a = "Thinking", codeBlockCopyLabel: o, codeBlockCopiedLabel: s, codeBlockTheme: c, colors: u, tableScrollRegionAriaLabel: d }) => {
+	let f = cp(e, t, n), p = Zn({
 		"--cm-thinking-inverted": u?.thinkingPrimary,
 		"--cm-thinking-secondary": u?.thinkingSecondary,
 		"--cm-markdown-border": u?.border
-	}), p = l(() => ({
-		...Fb(r, t, o, s, c),
+	}), m = l(() => ({
+		...Ib(r, t, o, s, c, d),
 		...Pb,
 		...i
 	}), [
@@ -26058,21 +26076,22 @@ var gb = 2e3, _b = (e, t = gb) => {
 		o,
 		s,
 		c,
+		d,
 		i
 	]);
-	return t && !d ? /* @__PURE__ */ L("span", {
+	return t && !f ? /* @__PURE__ */ L("span", {
 		className: Eb.thinking,
-		style: f,
+		style: p,
 		children: a
 	}) : /* @__PURE__ */ L("div", {
-		style: f,
+		style: p,
 		children: /* @__PURE__ */ L(Xl, {
 			remarkPlugins: Mb,
-			components: p,
-			children: d
+			components: m,
+			children: f
 		})
 	});
-}), Lb = {
+}), Rb = {
 	h1: "dial-h1-text mb-3 mt-6 first:mt-0 [text-wrap:balance]",
 	h2: "dial-h2-text mb-2 mt-5 first:mt-0 [text-wrap:balance]",
 	h3: "dial-h3-text mb-2 mt-4 first:mt-0 [text-wrap:balance]",
@@ -26085,11 +26104,9 @@ var gb = 2e3, _b = (e, t = gb) => {
 	codeInline: "mx-0.5 bg-layer-3 px-1.5 text-[0.875em] text-primary break-words [overflow-wrap:anywhere]",
 	blockquote: "my-4",
 	link: "break-words [overflow-wrap:anywhere]",
-	tableWrapper: "my-4",
-	tableHeader: "bg-layer-3",
-	tableBodyCell: "bg-layer-2"
+	tableWrapper: "my-4"
 };
-i(({ content: e, isStreaming: t, thinkingLabel: n, components: r, codeBlockCopyLabel: i, codeBlockCopiedLabel: a, codeBlockTheme: o }) => /* @__PURE__ */ L(Ib, {
+i(({ content: e, isStreaming: t, thinkingLabel: n, components: r, codeBlockCopyLabel: i, codeBlockCopiedLabel: a, codeBlockTheme: o }) => /* @__PURE__ */ L(Lb, {
 	content: e,
 	isStreaming: t,
 	thinkingLabel: n,
@@ -26097,28 +26114,28 @@ i(({ content: e, isStreaming: t, thinkingLabel: n, components: r, codeBlockCopyL
 	codeBlockCopyLabel: i,
 	codeBlockCopiedLabel: a,
 	codeBlockTheme: o,
-	classNames: Lb
+	classNames: Rb
 }));
-var Rb = {
+var zb = {
 	container: "_container_bc4pw_1",
 	icon: "_icon_bc4pw_16",
 	input: "_input_bc4pw_20"
-}, zb = ({ value: e, onChange: t, labels: n, iconSize: r = m.MD, iconStrokeWidth: i, styles: a }) => {
+}, Bb = ({ value: e, onChange: t, labels: n, iconSize: r = m.MD, iconStrokeWidth: i, styles: a }) => {
 	let { placeholder: o = "Search", ariaLabel: s, clearLabel: c = "Clear search" } = n ?? {}, { containerClassName: l, iconClassName: u, inputClassName: d, clearButtonClassName: f } = a ?? {}, p = s ?? o;
 	return /* @__PURE__ */ L("div", {
 		role: "search",
 		children: /* @__PURE__ */ R("div", {
-			className: G(Rb.container, "flex cursor-text items-center gap-3 rounded-xl border px-4 py-2 transition-[border-color,box-shadow] duration-150 ease-in-out", l),
+			className: G(zb.container, "flex cursor-text items-center gap-3 rounded-xl border px-4 py-2 transition-[border-color,box-shadow] duration-150 ease-in-out", l),
 			children: [
 				/* @__PURE__ */ L(Te, {
 					size: r,
 					stroke: i,
-					className: G(Rb.icon, "shrink-0 transition-colors duration-150 ease-in-out", u),
+					className: G(zb.icon, "shrink-0 transition-colors duration-150 ease-in-out", u),
 					"aria-hidden": !0
 				}),
 				/* @__PURE__ */ L("input", {
 					type: "text",
-					className: G(Rb.input, "min-w-0 flex-1 border-0 p-0 text-sm font-normal leading-5 outline-none", d),
+					className: G(zb.input, "min-w-0 flex-1 border-0 p-0 text-sm font-normal leading-5 outline-none", d),
 					value: e,
 					placeholder: o,
 					"aria-label": p,
@@ -26132,34 +26149,34 @@ var Rb = {
 					children: /* @__PURE__ */ L(Ae, {
 						size: r,
 						stroke: i,
-						className: G(Rb.icon, u),
+						className: G(zb.icon, u),
 						"aria-hidden": !0
 					})
 				})
 			]
 		})
 	});
-}, Bb = ({ isActive: e, styles: t, className: n, ...r }) => {
+}, Vb = ({ isActive: e, styles: t, className: n, ...r }) => {
 	let { activeClassName: i = "!bg-layer-0 !text-accent-primary shadow-sm", inactiveClassName: a = "!text-secondary" } = t?.colors ?? {};
 	return /* @__PURE__ */ L(E, {
 		className: G("rounded-[6px]", e ? i : a, n),
 		...r
 	});
-}, Vb = {
+}, Hb = {
 	tabsRow: "_tabsRow_is040_1",
 	activeTab: "_activeTab_is040_5"
-}, Hb = ({ tabs: e, activeTabId: t, onTabChange: n, styles: r }) => {
+}, Ub = ({ tabs: e, activeTabId: t, onTabChange: n, styles: r }) => {
 	let { className: i, colors: a, typography: o } = r ?? {}, { activeTabClassName: s = "text-primary", inactiveTabClassName: c = "text-secondary hover:text-primary border-transparent", activeBadgeClassName: l = "bg-accent-primary-alpha text-accent-primary", inactiveBadgeClassName: u = "bg-layer-3 text-tertiary" } = a ?? {}, { tabLabelClassName: d = "dial-small-semi-text", badgeLabelClassName: f = "dial-tiny-semi-text" } = o ?? {};
 	return /* @__PURE__ */ L("div", {
 		role: "tablist",
-		className: G("flex justify-start gap-1 border-b", Vb.tabsRow, i),
+		className: G("flex justify-start gap-1 border-b", Hb.tabsRow, i),
 		children: e.map((e) => {
 			let r = t === e.id;
 			return /* @__PURE__ */ R("button", {
 				role: "tab",
 				"aria-selected": r,
 				onClick: () => n(e.id),
-				className: G(d, "-mb-px flex items-center gap-1.5 border-b-2 px-3 py-2.5 text-start transition-colors", r ? G(Vb.activeTab, s) : c),
+				className: G(d, "-mb-px flex items-center gap-1.5 border-b-2 px-3 py-2.5 text-start transition-colors", r ? G(Hb.activeTab, s) : c),
 				children: [/* @__PURE__ */ L("span", { children: e.label }), e.count != null && /* @__PURE__ */ L("span", {
 					className: G(f, "rounded-full px-1.5 py-0.5", r ? l : u),
 					children: e.count
@@ -26167,7 +26184,7 @@ var Rb = {
 			}, e.id);
 		})
 	});
-}, Ub = {
+}, Wb = {
 	tabContainer: "_tabContainer_rzv03_1",
 	tabActive: "_tabActive_rzv03_13"
 };
@@ -26181,18 +26198,18 @@ i(({ tabs: e, activeTabId: t, onTabChange: n, styles: r }) => {
 				label: e.label,
 				selected: r,
 				onClick: () => n(e.id),
-				className: G("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", i, Ub.tabContainer, r && Ub.tabActive)
+				className: G("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", i, Wb.tabContainer, r && Wb.tabActive)
 			}, e.id);
 		})
 	});
 });
 //#endregion
 //#region ../ai-dial-kit/src/components/Button/Buttons.tsx
-var Wb = (e) => /* @__PURE__ */ L(M, { ...e }), Gb = (e) => /* @__PURE__ */ L(_, {
+var Gb = (e) => /* @__PURE__ */ L(M, { ...e }), Kb = (e) => /* @__PURE__ */ L(_, {
 	...e,
 	variant: p.Neutral,
 	appearance: f.Outlined
-}), Kb = (e) => /* @__PURE__ */ L(T, { ...e }), qb = (e) => /* @__PURE__ */ L(k, { ...e }), Jb = {
+}), qb = (e) => /* @__PURE__ */ L(T, { ...e }), Jb = (e) => /* @__PURE__ */ L(k, { ...e }), Yb = {
 	[B.Model]: "Models",
 	[B.Application]: "Agents",
 	[B.Agent]: "Agents",
@@ -26200,7 +26217,7 @@ var Wb = (e) => /* @__PURE__ */ L(M, { ...e }), Gb = (e) => /* @__PURE__ */ L(_,
 	[B.Guardrail]: "Guardrails",
 	[B.Skill]: "Skills",
 	[B.Mcp]: "MCP"
-}, Yb = [
+}, Xb = [
 	B.Model,
 	B.Application,
 	B.Agent,
@@ -26208,16 +26225,16 @@ var Wb = (e) => /* @__PURE__ */ L(M, { ...e }), Gb = (e) => /* @__PURE__ */ L(_,
 	B.Guardrail,
 	B.Skill,
 	B.Mcp
-], Xb = (e, t) => {
+], Zb = (e, t) => {
 	let n = {
-		...Jb,
+		...Yb,
 		...t
 	}, r = new Set(e.map((e) => e.type));
-	return Yb.filter((e) => r.has(e)).map((e) => ({
+	return Xb.filter((e) => r.has(e)).map((e) => ({
 		id: e,
 		label: n[e] ?? e
 	}));
-}, Zb = {
+}, Qb = {
 	[B.Model]: "#2764D9",
 	[B.Application]: "#059669",
 	[B.Agent]: "#7C3AED",
@@ -26225,7 +26242,7 @@ var Wb = (e) => /* @__PURE__ */ L(M, { ...e }), Gb = (e) => /* @__PURE__ */ L(_,
 	[B.Toolset]: "#B45309",
 	[B.Guardrail]: "#BE123C",
 	[B.Mcp]: "#0E7490"
-}, Qb = {
+}, $b = {
 	[B.Model]: "rgba(39, 100, 217, 0.12)",
 	[B.Application]: "rgba(5, 150, 105, 0.12)",
 	[B.Agent]: "rgba(124, 58, 237, 0.12)",
@@ -26233,12 +26250,12 @@ var Wb = (e) => /* @__PURE__ */ L(M, { ...e }), Gb = (e) => /* @__PURE__ */ L(_,
 	[B.Toolset]: "rgba(180, 83, 9, 0.12)",
 	[B.Guardrail]: "rgba(190, 18, 60, 0.12)",
 	[B.Mcp]: "rgba(14, 116, 144, 0.12)"
-}, $b = (e) => {
+}, ex = (e) => {
 	if (e.isFeatured) return Zn({
-		"--entity-color": Zb[e.type],
-		"--entity-shadow": Qb[e.type]
+		"--entity-color": Qb[e.type],
+		"--entity-shadow": $b[e.type]
 	});
-}, ex = (e) => {
+}, tx = (e) => {
 	let { colors: t } = e ?? {};
 	return Zn({
 		"--cat-bg": t?.background,
@@ -26252,13 +26269,13 @@ var Wb = (e) => /* @__PURE__ */ L(M, { ...e }), Gb = (e) => /* @__PURE__ */ L(_,
 		"--cat-no-results-title-text": t?.noResultsTitleText,
 		"--cat-no-results-description-text": t?.noResultsDescriptionText
 	});
-}, tx = (e) => e >= 1280 ? 4 : e >= 966 ? 3 : e >= 620 ? 2 : 1, nx = (e) => {
+}, nx = (e) => e >= 1280 ? 4 : e >= 966 ? 3 : e >= 620 ? 2 : 1, rx = (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 : nx(e.parentElement);
-}, rx = (e, t = 3) => {
+	return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : rx(e.parentElement);
+}, ix = (e, t = 3) => {
 	let n = u(null), [r, i] = d(() => {
-		let t = typeof window < "u" ? window.innerWidth : 1440, n = tx(Math.min(1180, Math.max(0, t - (t > 768 ? 60 : 0))) - 64), r = Math.ceil(e / n);
+		let t = typeof window < "u" ? window.innerWidth : 1440, n = nx(Math.min(1180, Math.max(0, t - (t > 768 ? 60 : 0))) - 64), r = Math.ceil(e / n);
 		return {
 			startRow: 0,
 			endRow: Math.min(r, 12),
@@ -26268,8 +26285,8 @@ var Wb = (e) => /* @__PURE__ */ L(M, { ...e }), Gb = (e) => /* @__PURE__ */ L(_,
 	o(() => {
 		let r = n.current;
 		if (!r) return;
-		let a = nx(r.parentElement), o = () => {
-			let n = r.getBoundingClientRect(), o = a.getBoundingClientRect(), s = a.clientHeight, c = r.clientWidth, l = tx(c), u = Math.ceil(e / l), d = Math.max(0, o.top - n.top), f = Math.max(0, Math.floor(d / 268) - t);
+		let a = rx(r.parentElement), o = () => {
+			let n = r.getBoundingClientRect(), o = a.getBoundingClientRect(), s = a.clientHeight, c = r.clientWidth, l = nx(c), u = Math.ceil(e / l), d = Math.max(0, o.top - n.top), f = Math.max(0, Math.floor(d / 268) - t);
 			i({
 				startRow: f,
 				endRow: Math.min(u, f + Math.ceil(s / 268) + 2 * t),
@@ -26291,67 +26308,70 @@ var Wb = (e) => /* @__PURE__ */ L(M, { ...e }), Gb = (e) => /* @__PURE__ */ L(_,
 		rowCount: a,
 		totalHeight: a * 268
 	};
-}, ix = {
+}, ax = {
 	card: "_card_ymqsc_1",
 	emptyStarHidden: "_emptyStarHidden_ymqsc_11",
 	starBtn: "_starBtn_ymqsc_22",
 	description: "_description_ymqsc_44",
 	skeletonCard: "_skeletonCard_ymqsc_48"
-}, ax = { numericText: "_numericText_uy8cg_2" }, ox = ({ icon: e, type: t, name: n, version: r, lastUsed: i, size: a, query: o, className: s, typeClassName: c = "dial-caption-text font-semibold text-accent-primary", typeColor: l, nameClassName: u = "dial-body-semi-text text-primary", versionClassName: d = "dial-tiny-text text-secondary", lastUsedClassName: f = "dial-tiny-text text-tertiary", lastUsedTrailing: p, iconClassName: m }) => {
-	let h = a === "lg", g = h ? "h-[54px] w-[54px] rounded-[14px]" : "h-[44px] w-[44px] rounded-[12px]", _ = h ? 54 : 44;
+}, ox = ({ type: e, className: t = "dial-caption-text font-semibold" }) => /* @__PURE__ */ L("span", {
+	className: G("uppercase tracking-[0.06em]", t),
+	style: { color: Qb[e] },
+	children: e
+}), sx = { numericText: "_numericText_uy8cg_2" }, cx = ({ icon: e, type: t, name: n, version: r, lastUsed: i, size: a, query: o, className: s, typeClassName: c, nameClassName: l = "dial-body-semi-text text-primary", versionClassName: u = "dial-tiny-text text-secondary", lastUsedClassName: d = "dial-tiny-text text-tertiary", lastUsedTrailing: f, iconClassName: p }) => {
+	let m = a === "lg", h = m ? "h-[54px] w-[54px] rounded-[14px]" : "h-[44px] w-[44px] rounded-[12px]", g = m ? 54 : 44;
 	return /* @__PURE__ */ R("div", {
 		className: G("flex min-w-0 items-start gap-[14px]", s),
 		children: [/* @__PURE__ */ L("div", {
-			className: G("flex-shrink-0 overflow-hidden", g, m),
+			className: G("flex-shrink-0 overflow-hidden", h, p),
 			children: /* @__PURE__ */ L(dr, {
 				src: e ?? void 0,
-				size: _,
+				size: g,
 				initialsName: n,
-				styles: { badgeClassName: G(h ? "rounded-[14px]" : "rounded-[12px]") }
+				styles: { badgeClassName: G(m ? "rounded-[14px]" : "rounded-[12px]") }
 			})
 		}), /* @__PURE__ */ R("div", {
 			className: "flex min-w-0 flex-1 flex-col gap-[5px]",
-			children: [/* @__PURE__ */ L("span", {
-				className: G("uppercase tracking-[0.06em]", c),
-				style: l ? { color: l } : void 0,
-				children: t
+			children: [/* @__PURE__ */ L(ox, {
+				type: t,
+				className: c
 			}), /* @__PURE__ */ R("div", {
 				className: "flex min-w-0 flex-col",
 				children: [/* @__PURE__ */ R("div", {
 					className: "flex min-w-0 items-start gap-1 overflow-hidden",
 					children: [/* @__PURE__ */ L("span", {
-						className: G("flex-3 min-w-0 shrink truncate", u),
+						className: G("flex-3 min-w-0 shrink truncate", l),
 						children: o ? /* @__PURE__ */ L(hr, {
 							text: n,
 							query: o
 						}) : n
 					}), r != null && /* @__PURE__ */ L(S, {
 						text: r,
-						className: G("flex-1", ax.numericText, d)
+						className: G("flex-1", sx.numericText, u)
 					})]
-				}), h && i != null && /* @__PURE__ */ R("div", {
+				}), m && i != null && /* @__PURE__ */ R("div", {
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ L("span", {
-						className: G(ax.numericText, f),
+						className: G(sx.numericText, d),
 						children: i
-					}), p]
+					}), f]
 				})]
 			})]
 		})]
 	});
-}, sx = ({ credentials: e, loggedOutLabel: t = "LOGGED OUT", className: n, badgeClassName: r = "bg-error text-[10px] font-semibold uppercase tracking-[0.06em] text-error" }) => e == null || lt(e) == null ? null : /* @__PURE__ */ L(re, {
+}, lx = ({ credentials: e, loggedOutLabel: t = "LOGGED OUT", className: n, badgeClassName: r = "bg-error text-[10px] font-semibold uppercase tracking-[0.06em] text-error" }) => e == null || lt(e) == null ? null : /* @__PURE__ */ L(re, {
 	label: t,
 	className: G("border-none", r, n)
-}), cx = { featuredChip: "_featuredChip_zbis1_1" }, lx = ({ label: e, className: t }) => /* @__PURE__ */ L(re, {
+}), ux = { featuredChip: "_featuredChip_zbis1_1" }, dx = ({ label: e, className: t }) => /* @__PURE__ */ L(re, {
 	label: e,
-	className: G("rounded-2xl border-none text-[10px] font-semibold uppercase tracking-[0.06em]", t, cx.featuredChip)
-}), ux = {
+	className: G("rounded-2xl border-none text-[10px] font-semibold uppercase tracking-[0.06em]", t, ux.featuredChip)
+}), fx = {
 	icon: "_icon_182e4_1",
 	label: "_label_182e4_5"
-}, dx = ({ segments: e, labelClassName: t = "dial-small-text", leafClassName: n = "dial-small-semi-text", className: r }) => {
+}, px = ({ segments: e, labelClassName: t = "dial-small-text", leafClassName: n = "dial-small-semi-text", className: r }) => {
 	let i = /* @__PURE__ */ L(O, {
 		icon: /* @__PURE__ */ L(he, { size: m.SM }),
-		className: ux.icon
+		className: fx.icon
 	}), a = e.map((t, r) => ({
 		label: r === e.length - 1 ? /* @__PURE__ */ L("span", {
 			className: n,
@@ -26367,56 +26387,56 @@ var Wb = (e) => /* @__PURE__ */ L(M, { ...e }), Gb = (e) => /* @__PURE__ */ L(_,
 				size: 14,
 				className: "rtl:scale-x-[-1]"
 			}),
-			className: ux.icon
+			className: fx.icon
 		}),
 		pathItems: a,
-		labelClassName: G(t, ux.label, "!cursor-default")
+		labelClassName: G(t, fx.label, "!cursor-default")
 	});
-}, fx = {
+}, mx = {
 	starFilledIcon: "_starFilledIcon_po6zj_1",
 	starPop: "_starPop_po6zj_1"
-}, px = ({ isStarred: e, onClick: t, size: n, ariaLabel: r = "Toggle favorite", className: i }) => /* @__PURE__ */ L(E, {
+}, hx = ({ isStarred: e, onClick: t, size: n, ariaLabel: r = "Toggle favorite", className: i }) => /* @__PURE__ */ L(E, {
 	size: n,
 	className: i,
 	icon: e ? /* @__PURE__ */ L(Oe, {
 		size: m.SM,
-		className: fx.starFilledIcon
+		className: mx.starFilledIcon
 	}) : /* @__PURE__ */ L(De, { size: m.SM }),
 	"aria-label": r,
 	onClick: t
-}), mx = { tag: "_tag_1ife5_1" }, hx = ({ label: e, className: t = "dial-tiny-text" }) => /* @__PURE__ */ L(re, {
+}), gx = { tag: "_tag_16t7g_1" }, _x = ({ label: e, className: t = "dial-tiny-text" }) => /* @__PURE__ */ L(re, {
 	label: e,
-	className: G(t, mx.tag)
-}), gx = 1, _x = ({ topics: e, overflowAriaLabel: t }) => {
-	let [n, r] = d(e.length), i = u(null);
+	className: G(t, gx.tag)
+}), vx = ({ topics: e, overflowAriaLabel: t, className: n }) => {
+	let [r, i] = d(e.length), a = u(null);
 	c(() => {
-		let t = i.current;
+		let t = a.current;
 		if (!t || e.length === 0) {
-			r(e.length);
+			i(e.length);
 			return;
 		}
 		let n = Array.from(t.children);
 		if (n.length === 0) return;
-		let a = n[0].offsetTop + n[0].offsetHeight * gx, o = n.length;
-		for (let e = 0; e < n.length; e++) if (n[e].offsetTop >= a) {
+		let r = t.clientWidth, o = n.length;
+		for (let e = 0; e < n.length; e++) if (n[e].offsetLeft + n[e].offsetWidth > r) {
 			o = e;
 			break;
 		}
-		r(o < n.length ? Math.max(0, o - 1) : n.length);
+		i(o < n.length ? Math.max(0, o - 1) : n.length);
 	}, [e.join("\0"), e.length]);
-	let a = e.length - n;
+	let o = e.length - r;
 	return /* @__PURE__ */ R("div", {
-		ref: i,
-		className: "flex flex-wrap gap-2",
-		children: [e.slice(0, n).map((e) => /* @__PURE__ */ L(hx, { label: e }, e)), a > 0 && /* @__PURE__ */ L(ie, {
-			tooltip: e.slice(n).join(", "),
+		ref: a,
+		className: G("flex min-w-0 flex-nowrap items-center gap-2 overflow-hidden", n),
+		children: [e.slice(0, r).map((e) => /* @__PURE__ */ L(_x, { label: e }, e)), o > 0 && /* @__PURE__ */ L(ie, {
+			tooltip: e.slice(r).join(", "),
 			children: /* @__PURE__ */ L("span", {
-				"aria-label": t?.(a) ?? `and ${a} more topics`,
-				children: /* @__PURE__ */ L(hx, { label: `+${a}` })
+				"aria-label": t?.(o) ?? `and ${o} more topics`,
+				children: /* @__PURE__ */ L(_x, { label: `+${o}` })
 			})
 		})]
 	});
-}, vx = ({ item: e, query: t = "", onClick: n, initialIsStarred: r = !1, onToggle: i, featuredLabel: o = "Featured", addToFavoritesAriaLabel: s = "Add to favorites", removeFromFavoritesAriaLabel: c = "Remove from favorites", isSelected: l = !1, className: u, styles: f, credentialsBadgeLoggedOutLabel: p }) => {
+}, yx = ({ item: e, query: t = "", onClick: n, initialIsStarred: r = !1, onToggle: i, featuredLabel: o = "Featured", addToFavoritesAriaLabel: s = "Add to favorites", removeFromFavoritesAriaLabel: c = "Remove from favorites", isSelected: l = !1, className: u, styles: f, credentialsBadgeLoggedOutLabel: p }) => {
 	let [h, g] = d(r), _ = f?.typography?.descriptionClassName ?? "dial-small-text text-secondary", v = f?.typography?.featuredChipClassName, y = f?.typography?.folderLabelClassName ?? "dial-tiny-text", b = f?.typography?.folderLeafClassName ?? "dial-tiny-semi-text", x = n ? () => n(e) : void 0, S = a((t) => {
 		n && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), n(e));
 	}, [n, e]), C = a((t) => {
@@ -26436,12 +26456,12 @@ var Wb = (e) => /* @__PURE__ */ L(M, { ...e }), Gb = (e) => /* @__PURE__ */ L(_,
 			onKeyDown: S
 		} : {},
 		"aria-label": e.name,
-		style: $b(e),
-		className: G("relative box-border flex cursor-pointer flex-col gap-[14px]", "rounded-[20px] border-2 p-[22px]", ix.card, e.isFeatured ? ix.featuredCard : void 0, l ? "border-accent-primary !bg-accent-primary-alpha" : "border-transparent", u),
+		style: ex(e),
+		className: G("relative box-border flex cursor-pointer flex-col gap-[14px]", "rounded-[20px] border-2 p-[22px]", ax.card, e.isFeatured ? ax.featuredCard : void 0, l ? "border-accent-primary !bg-accent-primary-alpha" : "border-transparent", u),
 		children: [
 			e.isFeatured && /* @__PURE__ */ L("div", {
 				className: "absolute end-[22px] top-0 -translate-y-1/2",
-				children: /* @__PURE__ */ L(lx, {
+				children: /* @__PURE__ */ L(dx, {
 					label: o,
 					className: v
 				})
@@ -26451,7 +26471,7 @@ var Wb = (e) => /* @__PURE__ */ L(M, { ...e }), Gb = (e) => /* @__PURE__ */ L(_,
 				className: "absolute end-3 top-3 shrink-0 text-accent-primary",
 				"aria-hidden": !0
 			}),
-			/* @__PURE__ */ L(ox, {
+			/* @__PURE__ */ L(cx, {
 				icon: e.iconUrl,
 				type: e.type,
 				name: e.name,
@@ -26459,16 +26479,15 @@ var Wb = (e) => /* @__PURE__ */ L(M, { ...e }), Gb = (e) => /* @__PURE__ */ L(_,
 				size: "sm",
 				query: t,
 				className: "min-w-0 flex-1",
-				typeColor: Zb[e.type],
-				iconClassName: ix.cardIcon
+				iconClassName: ax.cardIcon
 			}),
 			/* @__PURE__ */ L("p", {
-				className: G(_, "line-clamp-2 min-h-[44px] !leading-[22px]", ix.description),
+				className: G(_, "line-clamp-2 min-h-[44px] !leading-[22px]", ax.description),
 				children: e.description
 			}),
 			/* @__PURE__ */ R("div", {
 				className: "flex min-h-[28px] items-center justify-between gap-2",
-				children: [/* @__PURE__ */ L(_x, { topics: e.topics }), /* @__PURE__ */ L(sx, {
+				children: [/* @__PURE__ */ L(vx, { topics: e.topics }), /* @__PURE__ */ L(lx, {
 					credentials: e.credentials,
 					loggedOutLabel: p
 				})]
@@ -26479,23 +26498,23 @@ var Wb = (e) => /* @__PURE__ */ L(M, { ...e }), Gb = (e) => /* @__PURE__ */ L(_,
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ L("div", {
 						className: "min-w-0 flex-1",
-						children: e.folder.length > 0 && /* @__PURE__ */ L(dx, {
+						children: e.folder.length > 0 && /* @__PURE__ */ L(px, {
 							segments: e.folder,
 							labelClassName: y,
 							leafClassName: b
 						})
-					}), /* @__PURE__ */ L(px, {
+					}), /* @__PURE__ */ L(hx, {
 						isStarred: h,
 						size: I.Small,
 						onClick: C,
 						ariaLabel: h ? c : s,
-						className: G(ix.starBtn, !h && ix.emptyStarHidden)
+						className: G(ax.starBtn, !h && ax.emptyStarHidden)
 					})]
 				})
 			})
 		]
 	});
-}, yx = ({ rowIndex: e, items: t, columnCount: n, query: r, onToggleFavorite: i, onItemClick: a, featuredLabel: o, addToFavoritesAriaLabel: s, removeFromFavoritesAriaLabel: c, selectedItemId: l, credentialsBadgeLoggedOutLabel: u }) => {
+}, bx = ({ rowIndex: e, items: t, columnCount: n, query: r, onToggleFavorite: i, onItemClick: a, featuredLabel: o, addToFavoritesAriaLabel: s, removeFromFavoritesAriaLabel: c, selectedItemId: l, credentialsBadgeLoggedOutLabel: u }) => {
 	let d = e * n, f = t.slice(d, d + n);
 	return /* @__PURE__ */ L("div", {
 		style: {
@@ -26509,7 +26528,7 @@ var Wb = (e) => /* @__PURE__ */ L(M, { ...e }), Gb = (e) => /* @__PURE__ */ L(_,
 			let n = f[t];
 			return /* @__PURE__ */ L("div", {
 				className: "h-full min-w-0 flex-1",
-				children: n && /* @__PURE__ */ L(vx, {
+				children: n && /* @__PURE__ */ L(yx, {
 					item: n,
 					query: r,
 					initialIsStarred: n.isStarred,
@@ -26525,8 +26544,8 @@ var Wb = (e) => /* @__PURE__ */ L(M, { ...e }), Gb = (e) => /* @__PURE__ */ L(_,
 			}, n?.id ?? `spacer-${t}`);
 		})
 	});
-}, bx = i(({ items: e, query: t = "", onToggleFavorite: n, onItemClick: r, titles: i, isLoading: a, selectedItemId: o }) => {
-	let s = i?.noResultsTitle ?? "No results", c = i?.featuredLabel ?? "Featured", u = i?.addToFavoritesAriaLabel ?? "Add to favorites", d = i?.removeFromFavoritesAriaLabel ?? "Remove from favorites", f = i?.credentialsBadgeLoggedOutLabel ?? "LOGGED OUT", { containerRef: p, startRow: m, endRow: h, columnCount: g, totalHeight: _ } = rx(e.length), v = l(() => ({
+}, xx = i(({ items: e, query: t = "", onToggleFavorite: n, onItemClick: r, titles: i, isLoading: a, selectedItemId: o }) => {
+	let s = i?.noResultsTitle ?? "No results", c = i?.featuredLabel ?? "Featured", u = i?.addToFavoritesAriaLabel ?? "Add to favorites", d = i?.removeFromFavoritesAriaLabel ?? "Remove from favorites", f = i?.credentialsBadgeLoggedOutLabel ?? "LOGGED OUT", { containerRef: p, startRow: m, endRow: h, columnCount: g, totalHeight: _ } = ix(e.length), v = l(() => ({
 		items: e,
 		columnCount: g,
 		query: t,
@@ -26553,7 +26572,7 @@ var Wb = (e) => /* @__PURE__ */ L(M, { ...e }), Gb = (e) => /* @__PURE__ */ L(_,
 		className: "grid gap-5 p-5",
 		style: { gridTemplateColumns: `repeat(${g}, minmax(0, 1fr))` },
 		children: Array.from({ length: g * 3 }, (e, t) => /* @__PURE__ */ L("div", {
-			className: G("rounded-[6px] border p-4", ix.skeletonCard),
+			className: G("rounded-[6px] border p-4", ax.skeletonCard),
 			style: { height: 248 },
 			children: /* @__PURE__ */ L(F, {
 				avatar: {
@@ -26578,29 +26597,29 @@ var Wb = (e) => /* @__PURE__ */ L(M, { ...e }), Gb = (e) => /* @__PURE__ */ L(_,
 		style: { height: _ },
 		children: Array.from({ length: h - m }, (e, t) => {
 			let n = m + t;
-			return /* @__PURE__ */ L(yx, {
+			return /* @__PURE__ */ L(bx, {
 				rowIndex: n,
 				...v
 			}, n);
 		})
 	});
-}), xx = { cancelButton: "_cancelButton_tjpsd_1" }, Sx = ({ version: e, hasExistingPublicationInFolder: t, isSubmitDisabled: n, isSubmitLoading: r, onCancel: i, onSubmit: a, texts: o = {} }) => {
+}), Sx = { cancelButton: "_cancelButton_tjpsd_1" }, Cx = ({ version: e, hasExistingPublicationInFolder: t, isSubmitDisabled: n, isSubmitLoading: r, onCancel: i, onSubmit: a, texts: o = {} }) => {
 	let { cancelLabel: s = "Cancel", publishDefaultLabel: c = "Publish", updateLabel: l = "Update version {version}", publishingInProgressLabel: u = "Publishing…" } = o, d = r ? u : t && e != null ? l.replace("{version}", e) : c;
 	return /* @__PURE__ */ R("div", {
 		className: "flex items-center justify-end gap-2 border-t border-tertiary px-3.5 py-4",
-		children: [/* @__PURE__ */ L(Kb, {
+		children: [/* @__PURE__ */ L(qb, {
 			label: s,
 			disabled: r,
 			onClick: i,
-			className: xx.cancelButton
-		}), /* @__PURE__ */ L(Gb, {
+			className: Sx.cancelButton
+		}), /* @__PURE__ */ L(Kb, {
 			label: d,
 			disabled: n,
 			iconBefore: r ? /* @__PURE__ */ L(ne, { size: m.SM }) : void 0,
 			onClick: a
 		})]
 	});
-}, Cx = {
+}, wx = {
 	wrapper: "_wrapper_oh1ub_1",
 	header: "_header_oh1ub_6",
 	divider: "_divider_oh1ub_10",
@@ -26610,7 +26629,7 @@ var Wb = (e) => /* @__PURE__ */ L(M, { ...e }), Gb = (e) => /* @__PURE__ */ L(_,
 	resizeHandler: "_resizeHandler_oh1ub_31"
 };
 i(({ title: e, titleClassName: t = "dial-h1-text", leftActions: n, className: r, rightActions: i }) => /* @__PURE__ */ R("div", {
-	className: G("flex h-12 shrink-0 items-center gap-2 px-4", r, Cx.header),
+	className: G("flex h-12 shrink-0 items-center gap-2 px-4", r, wx.header),
 	children: [
 		n && /* @__PURE__ */ L("div", {
 			className: "flex items-center gap-1",
@@ -26626,12 +26645,12 @@ i(({ title: e, titleClassName: t = "dial-h1-text", leftActions: n, className: r,
 		})
 	]
 }));
-var wx = { icon: "_icon_1b1ye_1" }, Tx = i(({ value: e, onChange: t, labels: n, styles: r }) => {
-	let { colors: i, iconClassName: a = wx.icon, wrapperClassName: o, rowClassName: s } = r ?? {}, c = l(() => Zn({ "--si-icon": i?.icon }), [i]);
+var Tx = { icon: "_icon_1b1ye_1" }, Ex = i(({ value: e, onChange: t, labels: n, styles: r }) => {
+	let { colors: i, iconClassName: a = Tx.icon, wrapperClassName: o, rowClassName: s } = r ?? {}, c = l(() => Zn({ "--si-icon": i?.icon }), [i]);
 	return /* @__PURE__ */ L("div", {
 		className: G("px-3 py-2", o),
 		style: c,
-		children: /* @__PURE__ */ L(zb, {
+		children: /* @__PURE__ */ L(Bb, {
 			value: e,
 			onChange: t,
 			labels: {
@@ -26664,21 +26683,21 @@ i(({ label: e, icon: t = be, iconSize: n = 48 }) => /* @__PURE__ */ L(_r, {
 	}),
 	label: e
 }));
-var Ex = {
+var Dx = {
 	title: "_title_jw4lf_1",
 	count: "_count_jw4lf_5"
-}, Dx = ({ title: e, postfix: t, titleClassName: n = "dial-h3-text", postfixClassName: r = "dial-tiny-text", className: i, query: a, trailing: o }) => /* @__PURE__ */ R("div", {
+}, Ox = ({ title: e, postfix: t, titleClassName: n = "dial-h3-text", postfixClassName: r = "dial-tiny-text", className: i, query: a, trailing: o }) => /* @__PURE__ */ R("div", {
 	className: G("flex items-center gap-2", i),
 	children: [
 		/* @__PURE__ */ L("h3", {
-			className: G("min-w-0", n, Ex.title),
+			className: G("min-w-0", n, Dx.title),
 			children: a ? /* @__PURE__ */ L(hr, {
 				text: e,
 				query: a
 			}) : /* @__PURE__ */ L(S, { text: e })
 		}),
 		t != null && /* @__PURE__ */ L(S, {
-			className: G(r, Ex.count),
+			className: G(r, Dx.count),
 			text: t
 		}),
 		o != null && /* @__PURE__ */ L("div", {
@@ -26686,9 +26705,9 @@ var Ex = {
 			children: o
 		})
 	]
-}), Ox = ({ item: e, nameClassName: t, versionClassName: n, showVersion: r = !0, typeClassName: i = "dial-caption-text font-semibold", iconBadgeClassName: a = "rounded-[14px]", featuredChipClassName: o, featuredLabel: s = "Featured", hasFeaturedTag: c = !0, iconSize: l = 48, query: u, footer: d }) => /* @__PURE__ */ R("div", {
+}), kx = ({ item: e, nameClassName: t, versionClassName: n, showVersion: r = !0, typeClassName: i = "dial-caption-text font-semibold", iconBadgeClassName: a = "rounded-[14px]", featuredChipClassName: o, featuredLabel: s = "Featured", hasFeaturedTag: c = !0, iconSize: l = 48, query: u, footer: d }) => /* @__PURE__ */ R("div", {
 	className: "flex items-start gap-2",
-	style: $b(e),
+	style: ex(e),
 	children: [/* @__PURE__ */ L(dr, {
 		src: e.iconUrl,
 		size: l,
@@ -26701,17 +26720,17 @@ var Ex = {
 				className: "relative flex flex-row items-center justify-between",
 				children: [/* @__PURE__ */ L("span", {
 					className: G("uppercase tracking-[0.06em]", i),
-					style: { color: Zb[e.type] },
+					style: { color: Qb[e.type] },
 					children: e.type
 				}), c && e.isFeatured && /* @__PURE__ */ L("div", {
 					className: "absolute end-0 top-[-6px]",
-					children: /* @__PURE__ */ L(lx, {
+					children: /* @__PURE__ */ L(dx, {
 						label: s,
 						className: o
 					})
 				})]
 			}),
-			/* @__PURE__ */ L(Dx, {
+			/* @__PURE__ */ L(Ox, {
 				title: e.name,
 				postfix: r ? e.version : void 0,
 				postfixClassName: n,
@@ -26724,7 +26743,7 @@ var Ex = {
 			})
 		]
 	})]
-}), kx = ({ items: e, selectedPath: t, onSelectedPathChange: n, onCreateFolder: r, searchQuery: i, disabled: a = !1, createFolderLabel: o = "Create new folder", newFolderDefaultName: s = "New folder", noResultsText: c = "No folders match \"{query}\".", rootLabel: u = "Organization", expandedPaths: f, onExpandedPathsChange: p, loadingPaths: h }) => {
+}), Ax = ({ items: e, selectedPath: t, onSelectedPathChange: n, onCreateFolder: r, searchQuery: i, disabled: a = !1, createFolderLabel: o = "Create new folder", newFolderDefaultName: s = "New folder", noResultsText: c = "No folders match \"{query}\".", rootLabel: u = "Organization", expandedPaths: f, onExpandedPathsChange: p, loadingPaths: h }) => {
 	let [g, _] = d(() => new Set(t?.map((e, n) => nt(t.slice(0, n + 1))) ?? [])), v = f ?? g, y = (e) => {
 		let t = new Set(e);
 		t.delete(""), p ? p(t) : _(t);
@@ -26784,7 +26803,7 @@ var Ex = {
 			children: [/* @__PURE__ */ L(we, { size: m.SM }), o]
 		})]
 	});
-}, Ax = ({ entries: e, currentVersion: t, isLoading: n = !1, hasError: r = !1, versionPrefix: i = "Version", currentBadgeLabel: a = "Current", emptyStateText: o = "Not published to this folder yet — this will be the first version here.", loadingText: s = "Loading history…", errorText: c = "Failed to load publish history.", versionClassName: l = "dial-small-text text-primary", dateClassName: u = "dial-small-text text-secondary", emptyStateClassName: d = "dial-small-text text-secondary" }) => n ? /* @__PURE__ */ L("p", {
+}, jx = ({ entries: e, currentVersion: t, isLoading: n = !1, hasError: r = !1, versionPrefix: i = "Version", currentBadgeLabel: a = "Current", emptyStateText: o = "Not published to this folder yet — this will be the first version here.", loadingText: s = "Loading history…", errorText: c = "Failed to load publish history.", versionClassName: l = "dial-small-text text-primary", dateClassName: u = "dial-small-text text-secondary", emptyStateClassName: d = "dial-small-text text-secondary" }) => n ? /* @__PURE__ */ L("p", {
 	className: d,
 	children: s
 }) : r ? /* @__PURE__ */ L("p", {
@@ -26813,7 +26832,7 @@ var Ex = {
 		className: u,
 		children: Xe(e.publishedAt)
 	})]
-}, `${e.version}-${n}`)) }), jx = ({ item: e, resource: t, history: n, isHistoryLoading: r = !1, hasHistoryError: i = !1, folderItems: a, selectedFolderPath: o, onSelectedFolderPathChange: s, onCreateFolder: c, expandedPaths: u, onExpandedPathsChange: f, loadingPaths: p, hasExistingPublicationInFolder: m, hasWriteAccess: h, isSubmitting: g, hasSubmitError: _ = !1, allowReplace: v = !0, texts: y = {} }) => {
+}, `${e.version}-${n}`)) }), Mx = ({ item: e, resource: t, history: n, isHistoryLoading: r = !1, hasHistoryError: i = !1, folderItems: a, selectedFolderPath: o, onSelectedFolderPathChange: s, onCreateFolder: c, expandedPaths: u, onExpandedPathsChange: f, loadingPaths: p, hasExistingPublicationInFolder: m, hasWriteAccess: h, isSubmitting: g, hasSubmitError: _ = !1, allowReplace: v = !0, texts: y = {} }) => {
 	let { currentVersionSuffix: b = "current", folderLabel: x = "Publish to folder", searchPlaceholder: S = "Search folders", clearSearchAriaLabel: C = "Clear search", historyLabel: w = "Versions history", replaceWarning: T = "Version {version} is already published in {folder}. Publishing will replace it.", noAccessError: E = "You don't have permission to publish to {folder}. Pick another, or ask an owner for access.", submitError: D = "Publishing failed. Please try again.", folderEmptyStateText: O, historyLoadingText: k, historyErrorText: ee, rootFolderLabel: A = "Organization" } = y, [M, N] = d(""), P = o != null, F = l(() => Je({
 		hasSelectedFolder: P,
 		hasExistingPublicationInFolder: m,
@@ -26842,7 +26861,7 @@ var Ex = {
 		children: [
 			/* @__PURE__ */ L("div", {
 				className: "flex items-center justify-between gap-3 rounded-xl border border-tertiary bg-layer-2 px-3.5 py-3",
-				children: e ? /* @__PURE__ */ R(se, { children: [/* @__PURE__ */ L(Ox, {
+				children: e ? /* @__PURE__ */ R(se, { children: [/* @__PURE__ */ L(kx, {
 					item: e,
 					iconSize: 40,
 					hasFeaturedTag: !1,
@@ -26862,7 +26881,7 @@ var Ex = {
 				}),
 				/* @__PURE__ */ L("div", {
 					className: "mb-3",
-					children: /* @__PURE__ */ L(Tx, {
+					children: /* @__PURE__ */ L(Ex, {
 						value: M,
 						onChange: N,
 						labels: {
@@ -26875,7 +26894,7 @@ var Ex = {
 						}
 					})
 				}),
-				/* @__PURE__ */ L(kx, {
+				/* @__PURE__ */ L(Ax, {
 					items: a,
 					selectedPath: o,
 					onSelectedPathChange: s,
@@ -26891,8 +26910,8 @@ var Ex = {
 				F.calloutKind !== Ve.None && F.calloutKind !== Ve.Info && /* @__PURE__ */ L("div", {
 					className: "mt-3",
 					children: /* @__PURE__ */ L(j, {
-						variant: Mx(F.calloutKind),
-						message: Px(F.calloutKind, {
+						variant: Nx(F.calloutKind),
+						message: Fx(F.calloutKind, {
 							replaceWarning: T,
 							noAccessError: E,
 							submitError: D,
@@ -26905,7 +26924,7 @@ var Ex = {
 			P && e && /* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("div", {
 				className: "dial-body-semi-text mb-2 text-primary",
 				children: w
-			}), /* @__PURE__ */ L(Ax, {
+			}), /* @__PURE__ */ L(jx, {
 				entries: ne,
 				isLoading: r,
 				hasError: i,
@@ -26915,7 +26934,7 @@ var Ex = {
 			})] })
 		]
 	});
-}, Mx = (e) => e === Ve.ReplaceWarning ? ae.Warning : ae.Error, Nx = (e, t) => {
+}, Nx = (e) => e === Ve.ReplaceWarning ? ae.Warning : ae.Error, Px = (e, t) => {
 	let [n, r, ...i] = e.split("{folder}");
 	return r === void 0 || i.length > 0 ? e : /* @__PURE__ */ R(se, { children: [
 		n,
@@ -26925,7 +26944,7 @@ var Ex = {
 		}),
 		r
 	] });
-}, Px = (e, t) => e === Ve.ReplaceWarning ? Nx(t.replaceWarning.replace("{version}", t.version ?? ""), t.folderName) : e === Ve.NoAccess ? Nx(t.noAccessError, t.folderName) : t.submitError, Fx = {
+}, Fx = (e, t) => e === Ve.ReplaceWarning ? Px(t.replaceWarning.replace("{version}", t.version ?? ""), t.folderName) : e === Ve.NoAccess ? Px(t.noAccessError, t.folderName) : t.submitError, Ix = {
 	sectionHeading: "_sectionHeading_orno3_1",
 	rowAlt: "_rowAlt_orno3_5",
 	label: "_label_orno3_9",
@@ -26933,33 +26952,33 @@ var Ex = {
 	valueTrue: "_valueTrue_orno3_17",
 	valueFalse: "_valueFalse_orno3_21",
 	valueText: "_valueText_orno3_25"
-}, Ix = ({ value: e, valueClassName: t, valueTrueClassName: n, checkIconClassName: r, yesLabel: i, noLabel: a }) => e === !0 ? /* @__PURE__ */ R(se, { children: [/* @__PURE__ */ L(fe, {
+}, Lx = ({ value: e, valueClassName: t, valueTrueClassName: n, checkIconClassName: r, yesLabel: i, noLabel: a }) => e === !0 ? /* @__PURE__ */ R(se, { children: [/* @__PURE__ */ L(fe, {
 	size: m.MD,
-	className: G(r, Fx.checkIcon)
+	className: G(r, Ix.checkIcon)
 }), /* @__PURE__ */ L("span", {
-	className: G(n, Fx.valueTrue),
+	className: G(n, Ix.valueTrue),
 	children: i
 })] }) : e === !1 ? /* @__PURE__ */ L("span", {
-	className: G(t, Fx.valueFalse),
+	className: G(t, Ix.valueFalse),
 	children: a
 }) : /* @__PURE__ */ L("span", {
-	className: G(t, Fx.valueText),
+	className: G(t, Ix.valueText),
 	children: e
-}), Lx = ({ 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" }) => /* @__PURE__ */ L("div", {
+}), Rx = ({ 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" }) => /* @__PURE__ */ L("div", {
 	className: "flex flex-col",
 	children: t != null && t.length > 0 && /* @__PURE__ */ R("section", { children: [/* @__PURE__ */ L("p", {
-		className: G("mb-3 mt-0", o, Fx.sectionHeading),
+		className: G("mb-3 mt-0", o, Ix.sectionHeading),
 		children: e
 	}), /* @__PURE__ */ L("ul", {
 		className: "m-0 list-none p-0",
 		children: t.map((e, t) => /* @__PURE__ */ R("li", {
-			className: G("flex items-center rounded px-3 py-2", t % 2 == 0 ? Fx.rowAlt : void 0),
+			className: G("flex items-center rounded px-3 py-2", t % 2 == 0 ? Ix.rowAlt : void 0),
 			children: [/* @__PURE__ */ L("span", {
-				className: G(n, Fx.label, "w-2/5 shrink-0"),
+				className: G(n, Ix.label, "w-2/5 shrink-0"),
 				children: e.label
 			}), /* @__PURE__ */ L("div", {
 				className: "flex w-3/5 items-center gap-1",
-				children: /* @__PURE__ */ L(Ix, {
+				children: /* @__PURE__ */ L(Lx, {
 					value: e.value,
 					valueClassName: r,
 					valueTrueClassName: i,
@@ -26970,7 +26989,7 @@ var Ex = {
 			})]
 		}, e.label))
 	})] })
-}), Rx = {
+}), zx = {
 	sectionHeading: "_sectionHeading_1iv5f_1",
 	urlBox: "_urlBox_1iv5f_5",
 	snippetWrapper: "_snippetWrapper_1iv5f_9",
@@ -26978,18 +26997,18 @@ var Ex = {
 	codeBlock: "_codeBlock_1iv5f_17",
 	copyButton: "_copyButton_1iv5f_25",
 	pre: "_pre_1iv5f_34"
-}, zx = (e) => {
+}, Bx = (e) => {
 	try {
 		let { protocol: t } = new URL(e);
 		return t === "https:" || t === "http:";
 	} catch {
 		return !1;
 	}
-}, Bx = {
+}, Vx = {
 	[Me.Python]: "Python",
 	[Me.Curl]: "cURL",
 	[Me.JavaScript]: "JavaScript"
-}, Vx = ({ snippets: e, sectionLabel: t, copyAriaLabel: n = "Copy", codeClassName: r = "dial-code-text", sectionClassName: i = "dial-caption-text" }) => {
+}, Hx = ({ snippets: e, sectionLabel: t, copyAriaLabel: n = "Copy", codeClassName: r = "dial-code-text", sectionClassName: i = "dial-caption-text" }) => {
 	let [s, c] = d(e[0]?.language ?? Me.Python);
 	o(() => {
 		c(e[0]?.language ?? Me.Python);
@@ -26998,22 +27017,22 @@ var Ex = {
 		key: e.language,
 		label: /* @__PURE__ */ R("span", {
 			className: "flex w-full items-center justify-between gap-2",
-			children: [Bx[e.language] ?? e.language, e.language === s && /* @__PURE__ */ L(ce, {
+			children: [Vx[e.language] ?? e.language, e.language === s && /* @__PURE__ */ L(ce, {
 				size: m.SM,
 				"aria-hidden": !0
 			})]
 		}),
 		onClick: () => c(e.language)
-	})), [e, s]), f = Bx[s] ?? s, p = e.find((e) => e.language === s)?.code ?? "", h = a(() => {
+	})), [e, s]), f = Vx[s] ?? s, p = e.find((e) => e.language === s)?.code ?? "", h = a(() => {
 		navigator.clipboard.writeText(p);
 	}, [p]);
 	return /* @__PURE__ */ R("section", { children: [t != null && /* @__PURE__ */ L("p", {
-		className: G("mb-3 mt-0", i, Rx.sectionHeading),
+		className: G("mb-3 mt-0", i, zx.sectionHeading),
 		children: t
 	}), /* @__PURE__ */ R("div", {
-		className: G("overflow-hidden rounded-lg", Rx.snippetWrapper),
+		className: G("overflow-hidden rounded-lg", zx.snippetWrapper),
 		children: [/* @__PURE__ */ R("div", {
-			className: G("flex items-center justify-end gap-2 px-3 py-[6px]", Rx.snippetTabs),
+			className: G("flex items-center justify-end gap-2 px-3 py-[6px]", zx.snippetTabs),
 			children: [/* @__PURE__ */ L(x, {
 				items: u,
 				matchReferenceWidth: !1,
@@ -27029,14 +27048,14 @@ var Ex = {
 				onClick: h
 			})]
 		}), /* @__PURE__ */ L("div", {
-			className: G("relative rounded-lg p-3", Rx.codeBlock),
+			className: G("relative rounded-lg p-3", zx.codeBlock),
 			children: /* @__PURE__ */ L("pre", {
-				className: G("m-0 overflow-x-auto pe-8", r, Rx.pre),
+				className: G("m-0 overflow-x-auto pe-8", r, zx.pre),
 				children: /* @__PURE__ */ L("code", { children: p })
 			})
 		})]
 	})] });
-}, Hx = ({ 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", labelClassName: u = "dial-small-semi-text", valueClassName: f = "dial-small-text", codeClassName: p = "dial-code-text", sectionClassName: h = "dial-caption-text" }) => {
+}, Ux = ({ 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", labelClassName: u = "dial-small-semi-text", valueClassName: f = "dial-small-text", codeClassName: p = "dial-code-text", sectionClassName: h = "dial-caption-text" }) => {
 	let [g, _] = d(0), v = l(() => e.endpoints ?? [], [e.endpoints]), y = v.length > 0, b = v[g] ?? null, S = l(() => v.map((e, t) => ({
 		key: String(t),
 		label: /* @__PURE__ */ R("span", {
@@ -27059,7 +27078,7 @@ var Ex = {
 	return /* @__PURE__ */ R("div", {
 		className: "flex flex-col gap-6",
 		children: [
-			w && /* @__PURE__ */ L(Lx, {
+			w && /* @__PURE__ */ L(Rx, {
 				sectionLabel: t,
 				values: C,
 				labelClassName: u,
@@ -27070,7 +27089,7 @@ var Ex = {
 				/* @__PURE__ */ R("div", {
 					className: "mb-3 flex items-center justify-between",
 					children: [/* @__PURE__ */ L("p", {
-						className: G("m-0", h, Rx.sectionHeading),
+						className: G("m-0", h, zx.sectionHeading),
 						children: n
 					}), /* @__PURE__ */ L(x, {
 						items: S,
@@ -27084,8 +27103,8 @@ var Ex = {
 					})]
 				}),
 				b != null && /* @__PURE__ */ R("div", {
-					className: G("mt-3 flex items-start gap-2 rounded-lg px-3 py-2.5", Rx.urlBox),
-					children: [zx(b.url) ? /* @__PURE__ */ L("a", {
+					className: G("mt-3 flex items-start gap-2 rounded-lg px-3 py-2.5", zx.urlBox),
+					children: [Bx(b.url) ? /* @__PURE__ */ L("a", {
 						href: b.url,
 						target: "_blank",
 						rel: "noreferrer",
@@ -27102,7 +27121,7 @@ var Ex = {
 				}),
 				b?.snippets != null && b.snippets.length > 0 && /* @__PURE__ */ L("div", {
 					className: "mt-4",
-					children: /* @__PURE__ */ L(Vx, {
+					children: /* @__PURE__ */ L(Hx, {
 						snippets: b.snippets,
 						copyAriaLabel: c,
 						codeClassName: p,
@@ -27110,7 +27129,7 @@ var Ex = {
 					}, g)
 				})
 			] }),
-			!y && T && /* @__PURE__ */ L(Vx, {
+			!y && T && /* @__PURE__ */ L(Hx, {
 				snippets: e.snippets,
 				sectionLabel: r,
 				copyAriaLabel: c,
@@ -27118,42 +27137,42 @@ var Ex = {
 				sectionClassName: h
 			}),
 			D && /* @__PURE__ */ R("section", { children: [/* @__PURE__ */ L("p", {
-				className: G("mb-3 mt-0", h, Rx.sectionHeading),
+				className: G("mb-3 mt-0", h, zx.sectionHeading),
 				children: o
 			}), /* @__PURE__ */ R("div", {
-				className: G("relative rounded-lg p-3", Rx.codeBlock),
+				className: G("relative rounded-lg p-3", zx.codeBlock),
 				children: [/* @__PURE__ */ L(E, {
 					icon: /* @__PURE__ */ L(pe, { size: m.SM }),
 					"aria-label": c,
 					onClick: () => {
 						navigator.clipboard.writeText(e.requestExample ?? "");
 					},
-					className: G("absolute end-2 top-2 flex size-6 cursor-pointer items-center justify-center rounded border-none p-0", Rx.copyButton)
+					className: G("absolute end-2 top-2 flex size-6 cursor-pointer items-center justify-center rounded border-none p-0", zx.copyButton)
 				}), /* @__PURE__ */ L("pre", {
-					className: G("m-0 overflow-x-auto pe-8", p, Rx.pre),
+					className: G("m-0 overflow-x-auto pe-8", p, zx.pre),
 					children: /* @__PURE__ */ L("code", { children: e.requestExample })
 				})]
 			})] }),
 			O && /* @__PURE__ */ R("section", { children: [/* @__PURE__ */ L("p", {
-				className: G("mb-3 mt-0", h, Rx.sectionHeading),
+				className: G("mb-3 mt-0", h, zx.sectionHeading),
 				children: s
 			}), /* @__PURE__ */ R("div", {
-				className: G("relative rounded-lg p-3", Rx.codeBlock),
+				className: G("relative rounded-lg p-3", zx.codeBlock),
 				children: [/* @__PURE__ */ L(E, {
 					icon: /* @__PURE__ */ L(pe, { size: m.SM }),
 					"aria-label": c,
 					onClick: () => {
 						navigator.clipboard.writeText(e.responseSchema ?? "");
 					},
-					className: G("absolute end-2 top-2 flex size-6 cursor-pointer items-center justify-center rounded border-none p-0", Rx.copyButton)
+					className: G("absolute end-2 top-2 flex size-6 cursor-pointer items-center justify-center rounded border-none p-0", zx.copyButton)
 				}), /* @__PURE__ */ L("pre", {
-					className: G("m-0 overflow-x-auto pe-8", p, Rx.pre),
+					className: G("m-0 overflow-x-auto pe-8", p, zx.pre),
 					children: /* @__PURE__ */ L("code", { children: e.responseSchema })
 				})]
 			})] })
 		]
 	});
-}, Ux = ({ item: e, level: t, status: n, authenticationType: r, apiKeyHeader: i, onLogin: o, onLogout: s, texts: c, statusLabelClassName: l = "dial-small-semi-text text-primary" }) => {
+}, Wx = ({ item: e, level: t, status: n, authenticationType: r, apiKeyHeader: i, onLogin: o, onLogout: s, texts: c, statusLabelClassName: l = "dial-small-semi-text text-primary" }) => {
 	let [u, f] = d(""), [p, m] = d(!1), h = n === Le.SignedIn, g = a(() => {
 		o?.(e, {
 			level: t,
@@ -27190,7 +27209,7 @@ var Ex = {
 			}),
 			!h && r === Ie.ApiKey && /* @__PURE__ */ R("div", {
 				className: "flex items-end gap-2",
-				children: [/* @__PURE__ */ L(qb, {
+				children: [/* @__PURE__ */ L(Jb, {
 					id: `catalog-item-${e.id}-${t}-api-key`,
 					type: "password",
 					autoComplete: "current-password",
@@ -27199,17 +27218,17 @@ var Ex = {
 					labelProps: { label: c?.apiKeyFieldLabel ?? "API key" },
 					caption: T,
 					containerClassName: "min-w-0 flex-1"
-				}), /* @__PURE__ */ L(Wb, {
+				}), /* @__PURE__ */ L(Gb, {
 					label: S,
 					onClick: g,
 					disabled: u.trim().length === 0
 				})]
 			}),
-			!h && r === Ie.OAuth && /* @__PURE__ */ L(Wb, {
+			!h && r === Ie.OAuth && /* @__PURE__ */ L(Gb, {
 				label: S,
 				onClick: _
 			}),
-			h && /* @__PURE__ */ L(Gb, {
+			h && /* @__PURE__ */ L(Kb, {
 				label: C,
 				onClick: v
 			}),
@@ -27224,7 +27243,7 @@ var Ex = {
 			})
 		]
 	});
-}, Wx = ({ item: e, onLogin: t, onLogout: n, texts: r, statusLabelClassName: i }) => {
+}, Gx = ({ item: e, onLogin: t, onLogout: n, texts: r, statusLabelClassName: i }) => {
 	let [a, o] = d(Re.User), s = e.credentials;
 	if (s == null) return null;
 	if (s.isManageableByAdmin) return /* @__PURE__ */ R("div", {
@@ -27235,7 +27254,7 @@ var Ex = {
 			title: r?.myCredentialsSectionLabel ?? "My credentials",
 			expanded: a === Re.User,
 			onToggle: (e) => o(e ? Re.User : a),
-			children: /* @__PURE__ */ L(Ux, {
+			children: /* @__PURE__ */ L(Wx, {
 				item: e,
 				level: Re.User,
 				status: s.userStatus,
@@ -27250,7 +27269,7 @@ var Ex = {
 			title: r?.organizationCredentialsSectionLabel ?? "Entire organization credentials",
 			expanded: a === Re.Global,
 			onToggle: (e) => o(e ? Re.Global : a),
-			children: /* @__PURE__ */ L(Ux, {
+			children: /* @__PURE__ */ L(Wx, {
 				item: e,
 				level: Re.Global,
 				status: s.globalStatus,
@@ -27268,7 +27287,7 @@ var Ex = {
 		role: "region",
 		"aria-label": r?.loginActionLabel ?? "Log in",
 		className: "px-6 py-4 ps-[60px]",
-		children: /* @__PURE__ */ L(Ux, {
+		children: /* @__PURE__ */ L(Wx, {
 			item: e,
 			level: l,
 			status: l === Re.User ? s.userStatus : s.globalStatus,
@@ -27280,7 +27299,7 @@ var Ex = {
 			statusLabelClassName: i
 		})
 	});
-}, Gx = {
+}, Kx = {
 	backdrop: "_backdrop_4qjfd_1",
 	panel: "_panel_4qjfd_5",
 	divider: "_divider_4qjfd_10",
@@ -27288,7 +27307,7 @@ var Ex = {
 	introCaption: "_introCaption_4qjfd_19",
 	tabsRow: "_tabsRow_4qjfd_23",
 	activeTab: "_activeTab_4qjfd_27"
-}, Kx = ({ item: e, connectOverlay: t, isConnectVisible: n, label: r = "Connect" }) => {
+}, qx = ({ item: e, connectOverlay: t, isConnectVisible: n, label: r = "Connect" }) => {
 	let [i, o] = d(!1), s = a(() => {
 		o((e) => !e);
 	}, []);
@@ -27301,7 +27320,7 @@ var Ex = {
 		outsideClosable: !0,
 		listClassName: "cp-dropdown-overlay",
 		renderOverlay: () => t(e, () => o(!1)),
-		children: /* @__PURE__ */ L(Gb, {
+		children: /* @__PURE__ */ L(Kb, {
 			label: r,
 			iconBefore: /* @__PURE__ */ L(Ce, {
 				size: m.MD,
@@ -27313,7 +27332,7 @@ var Ex = {
 			"aria-expanded": i
 		})
 	});
-}, qx = (e) => e.isMyApp === !0 && (e.type === B.Application || e.type === B.Toolset), Jx = ({ item: e, onDelete: t, onDeleted: n, texts: r }) => {
+}, Jx = (e) => e.isMyApp === !0 && (e.type === B.Application || e.type === B.Toolset), Yx = ({ item: e, onDelete: t, onDeleted: n, texts: r }) => {
 	let [i, o] = d(!1), s = a(async () => {
 		o(!0);
 		try {
@@ -27326,7 +27345,7 @@ var Ex = {
 		t,
 		n
 	]);
-	return qx(e) ? /* @__PURE__ */ R(se, { children: [/* @__PURE__ */ L(Gb, {
+	return Jx(e) ? /* @__PURE__ */ R(se, { children: [/* @__PURE__ */ L(Kb, {
 		label: r?.deleteActionLabel ?? "Delete",
 		iconBefore: i ? /* @__PURE__ */ L("span", {
 			"aria-hidden": "true",
@@ -27343,7 +27362,7 @@ var Ex = {
 		className: "sr-only",
 		children: r?.deletingStatusLabel ?? "Deleting"
 	})] }) : null;
-}, Yx = (e) => e.isMyApp === !0 && e.type !== B.Guardrail && e.type !== B.Mcp, Xx = ({ item: e, onShare: t, shareOverlay: n, label: r = "Share" }) => {
+}, Xx = (e) => e.isMyApp === !0 && e.type !== B.Guardrail && e.type !== B.Mcp, Zx = ({ item: e, onShare: t, shareOverlay: n, label: r = "Share" }) => {
 	let [i, o] = d(!1), s = a(() => {
 		if (n) {
 			o((e) => !e);
@@ -27355,8 +27374,8 @@ var Ex = {
 		t,
 		n
 	]);
-	if (!Yx(e)) return null;
-	let c = /* @__PURE__ */ L(Gb, {
+	if (!Xx(e)) return null;
+	let c = /* @__PURE__ */ L(Kb, {
 		label: r,
 		iconBefore: /* @__PURE__ */ L(Ee, { size: m.MD }),
 		iconAfter: /* @__PURE__ */ L(le, { size: m.MD }),
@@ -27375,7 +27394,7 @@ var Ex = {
 		renderOverlay: () => n(e, () => o(!1)),
 		children: c
 	}) : c;
-}, Zx = ({ item: e, onUseInChat: t, isPrimaryActionVisible: n, onShare: r, shareOverlay: i, connectOverlay: o, isConnectVisible: s, onEdit: c, onDelete: l, onCloseDetails: u, onLogin: d, onLogout: f, onToggleCredentials: p, onRequestLogout: h, texts: g, detailsStyles: _, isPublishVisible: v, onOpenPublish: y }) => {
+}, Qx = ({ item: e, onUseInChat: t, isPrimaryActionVisible: n, onShare: r, shareOverlay: i, connectOverlay: o, isConnectVisible: s, onEdit: c, onDelete: l, onCloseDetails: u, onLogin: d, onLogout: f, onToggleCredentials: p, onRequestLogout: h, texts: g, detailsStyles: _, isPublishVisible: v, onOpenPublish: y }) => {
 	let { nameClassName: b = "dial-body-semi-text text-primary", folderLabelClassName: x = "dial-tiny-text", folderLeafClassName: S = "dial-tiny-semi-text" } = _?.typography ?? {}, C = a(() => {
 		t?.(e);
 	}, [e, t]), w = a(() => {
@@ -27399,12 +27418,12 @@ var Ex = {
 	}[O ?? V.LogIn];
 	return /* @__PURE__ */ R("div", {
 		className: "flex flex-col gap-3 px-6 py-4",
-		children: [/* @__PURE__ */ L(Ox, {
+		children: [/* @__PURE__ */ L(kx, {
 			item: e,
 			iconSize: 52,
 			nameClassName: b,
 			featuredLabel: g?.featuredLabel ?? "Featured",
-			footer: e.folder.length > 0 ? /* @__PURE__ */ L(dx, {
+			footer: e.folder.length > 0 ? /* @__PURE__ */ L(px, {
 				segments: e.folder,
 				labelClassName: x,
 				leafClassName: S
@@ -27412,38 +27431,38 @@ var Ex = {
 		}), /* @__PURE__ */ R("div", {
 			className: "flex flex-wrap items-center gap-2 ps-[60px]",
 			children: [
-				T && /* @__PURE__ */ L(Wb, {
+				T && /* @__PURE__ */ L(Gb, {
 					label: g?.primaryActionLabel ?? "Use in chat",
 					iconBefore: /* @__PURE__ */ L(Se, { size: m.MD }),
 					onClick: C
 				}),
-				D && /* @__PURE__ */ L(Gb, {
+				D && /* @__PURE__ */ L(Kb, {
 					label: g?.editActionLabel ?? "Edit",
 					iconBefore: /* @__PURE__ */ L(xe, { size: m.MD }),
 					onClick: w
 				}),
-				/* @__PURE__ */ L(Xx, {
+				/* @__PURE__ */ L(Zx, {
 					item: e,
 					onShare: r,
 					shareOverlay: i,
 					label: g?.shareLabel
 				}),
-				/* @__PURE__ */ L(Jx, {
+				/* @__PURE__ */ L(Yx, {
 					item: e,
 					onDelete: l,
 					onDeleted: u,
 					texts: g
 				}),
-				E && /* @__PURE__ */ L(Gb, {
+				E && /* @__PURE__ */ L(Kb, {
 					label: g?.publishLabel ?? "Publish",
 					onClick: y
 				}),
-				k && /* @__PURE__ */ L(Gb, {
+				k && /* @__PURE__ */ L(Kb, {
 					label: A,
 					iconBefore: j,
 					onClick: ee
 				}),
-				/* @__PURE__ */ L(Kx, {
+				/* @__PURE__ */ L(qx, {
 					item: e,
 					connectOverlay: o,
 					isConnectVisible: s,
@@ -27452,7 +27471,7 @@ var Ex = {
 			]
 		})]
 	});
-}, Qx = (e) => e.trim().split(/\n\n+/).filter((e) => e.trim()).map((e) => {
+}, $x = (e) => e.trim().split(/\n\n+/).filter((e) => e.trim()).map((e) => {
 	let t = e.split("\n").filter((e) => e.trim()), n = t[0] ?? "", r = t.length > 1 && !n.trimStart().startsWith("•") && n.trim().length <= 60, i = r ? t.slice(1) : t, a = [];
 	for (let e of i) {
 		let t = e.trim();
@@ -27471,7 +27490,7 @@ var Ex = {
 		heading: r ? n.trim() : void 0,
 		runs: a
 	};
-}), $x = ({ run: e, contentClassName: t }) => e.kind === "bullets" ? /* @__PURE__ */ L("ul", {
+}), eS = ({ run: e, contentClassName: t }) => e.kind === "bullets" ? /* @__PURE__ */ L("ul", {
 	className: "m-0 flex list-none flex-col gap-1 ps-0",
 	children: e.items.map((e, n) => /* @__PURE__ */ R("li", {
 		className: G("flex gap-2", t),
@@ -27483,22 +27502,22 @@ var Ex = {
 }) : /* @__PURE__ */ L("p", {
 	className: G("m-0", t),
 	children: e.text
-}), eS = ({ content: e, detailsStyles: t }) => {
+}), tS = ({ content: e, detailsStyles: t }) => {
 	let { contentHeadingClassName: n = "dial-small-semi-text", contentClassName: r = "dial-small-text" } = t?.typography ?? {};
 	return /* @__PURE__ */ L("div", {
 		className: "flex flex-col gap-5",
-		children: l(() => Qx(e), [e]).map((e, t) => /* @__PURE__ */ R("div", {
+		children: l(() => $x(e), [e]).map((e, t) => /* @__PURE__ */ R("div", {
 			className: "flex flex-col gap-2",
 			children: [e.heading != null && /* @__PURE__ */ L("span", {
 				className: n,
 				children: e.heading
-			}), e.runs.map((e, t) => /* @__PURE__ */ L($x, {
+			}), e.runs.map((e, t) => /* @__PURE__ */ L(eS, {
 				run: e,
 				contentClassName: r
 			}, t))]
 		}, t))
 	});
-}, tS = {
+}, nS = {
 	"tag--FREE": "_tag--FREE_roky1_1",
 	"tag--FEATURED": "_tag--FEATURED_roky1_6",
 	"tag--BY_REQUEST": "_tag--BY_REQUEST_roky1_11",
@@ -27507,21 +27526,21 @@ var Ex = {
 	progressTrack: "_progressTrack_roky1_27",
 	progressFill: "_progressFill_roky1_31",
 	resetLabel: "_resetLabel_roky1_35"
-}, nS = {
+}, rS = {
 	[Pe.Free]: "Free",
 	[Pe.Featured]: "Featured",
 	[Pe.ByRequest]: "By request",
 	[Pe.Beta]: "Beta",
 	[Pe.Deprecated]: "Deprecated"
-}, rS = ({ summary: e, dailyLimitLabel: t = "Daily limit", tagClassName: n = "dial-tiny-text", limitLabelClassName: r = "dial-caption-text", limitResetClassName: i = "dial-tiny-text" }) => {
+}, iS = ({ summary: e, dailyLimitLabel: t = "Daily limit", tagClassName: n = "dial-tiny-text", limitLabelClassName: r = "dial-caption-text", limitResetClassName: i = "dial-tiny-text" }) => {
 	let { tag: a, dailyLimit: o } = e;
 	return /* @__PURE__ */ R("div", {
 		className: "flex flex-col gap-3",
 		children: [a != null && a !== Pe.Featured && /* @__PURE__ */ L("div", {
 			className: "flex flex-wrap items-center gap-2",
 			children: /* @__PURE__ */ L(re, {
-				label: nS[a],
-				className: G(tS.tag, tS[`tag--${a}`], n)
+				label: rS[a],
+				className: G(nS.tag, nS[`tag--${a}`], n)
 			})
 		}), o != null && /* @__PURE__ */ R("div", {
 			className: "flex flex-col gap-1.5",
@@ -27531,23 +27550,23 @@ var Ex = {
 					className: r,
 					children: t
 				}), o.resetLabel != null && /* @__PURE__ */ L("span", {
-					className: G(i, tS.resetLabel),
+					className: G(i, nS.resetLabel),
 					children: o.resetLabel
 				})]
 			}), /* @__PURE__ */ L("div", {
-				className: G("h-1.5 overflow-hidden rounded-[3px]", tS.progressTrack),
+				className: G("h-1.5 overflow-hidden rounded-[3px]", nS.progressTrack),
 				role: "progressbar",
 				"aria-valuenow": o.used,
 				"aria-valuemin": 0,
 				"aria-valuemax": o.total,
 				children: /* @__PURE__ */ L("div", {
-					className: G("h-full rounded-[3px] [transition:width_0.3s_ease]", tS.progressFill),
+					className: G("h-full rounded-[3px] [transition:width_0.3s_ease]", nS.progressFill),
 					style: { width: `${Math.min(100, o.used / o.total * 100)}%` }
 				})
 			})]
 		})]
 	});
-}, iS = ({ item: e, texts: t, detailsStyles: n }) => {
+}, aS = ({ item: e, texts: t, detailsStyles: n }) => {
 	let { introCaptionClassName: r = "dial-caption-text" } = n?.typography ?? {};
 	return /* @__PURE__ */ R("div", {
 		className: "flex shrink-0 flex-col gap-5 px-[22px] py-4",
@@ -27555,27 +27574,27 @@ var Ex = {
 			/* @__PURE__ */ R("div", {
 				className: "flex flex-col gap-2.5",
 				children: [/* @__PURE__ */ L("span", {
-					className: G(r, Gx.introCaption),
+					className: G(r, Kx.introCaption),
 					children: t?.introLabel ?? "Intro"
-				}), /* @__PURE__ */ L(eS, {
+				}), /* @__PURE__ */ L(tS, {
 					content: e.intro ?? e.description,
 					detailsStyles: n
 				})]
 			}),
 			e.topics.length > 0 && /* @__PURE__ */ L("div", {
 				className: "flex flex-wrap gap-2",
-				children: e.topics.map((e) => /* @__PURE__ */ L(hx, { label: e }, e))
+				children: e.topics.map((e) => /* @__PURE__ */ L(_x, { label: e }, e))
 			}),
-			e.summary != null && /* @__PURE__ */ L(rS, {
+			e.summary != null && /* @__PURE__ */ L(iS, {
 				summary: e.summary,
 				dailyLimitLabel: t?.dailyLimitLabel ?? "Daily limit"
 			})
 		]
 	});
-}, aS = (e) => !Number.isFinite(e.used) || !Number.isFinite(e.total) ? 0 : Math.min(Math.max(e.used, 0), Math.max(e.total, 0)), oS = (e) => Number.isFinite(e) && e > 0 ? e : 1, sS = ({ used: e, total: t, valueLabel: n }) => n ?? `${e} / ${t}`, cS = ({ total: e }) => Number.isFinite(e) && e > 0, lS = ({ limits: e, labelClassName: t = "dial-small-semi-text", valueClassName: n = "dial-small-text" }) => e == null || e.rows.length === 0 ? null : /* @__PURE__ */ L("ul", {
+}, oS = (e) => !Number.isFinite(e.used) || !Number.isFinite(e.total) ? 0 : Math.min(Math.max(e.used, 0), Math.max(e.total, 0)), sS = (e) => Number.isFinite(e) && e > 0 ? e : 1, cS = ({ used: e, total: t, valueLabel: n }) => n ?? `${e} / ${t}`, lS = ({ total: e }) => Number.isFinite(e) && e > 0, uS = ({ limits: e, labelClassName: t = "dial-small-semi-text", valueClassName: n = "dial-small-text" }) => e == null || e.rows.length === 0 ? null : /* @__PURE__ */ L("ul", {
 	className: "m-0 flex list-none flex-col gap-3 p-0",
 	children: e.rows.map((e) => {
-		let r = sS(e), i = cS(e);
+		let r = cS(e), i = lS(e);
 		return /* @__PURE__ */ R("li", {
 			className: "flex flex-col gap-2 rounded px-3 py-2",
 			children: [/* @__PURE__ */ R("div", {
@@ -27588,19 +27607,19 @@ var Ex = {
 					children: r
 				})]
 			}), i && /* @__PURE__ */ L(N, {
-				value: aS(e),
-				max: oS(e.total),
+				value: oS(e),
+				max: sS(e.total),
 				size: P.Medium,
 				className: "w-full",
 				ariaLabel: e.ariaLabel ?? `${e.label}: ${r}`
 			})]
 		}, e.label);
 	})
-}), uS = ({ sections: e, sectionClassName: t, labelClassName: n, valueClassName: r, valueTrueClassName: i, yesLabel: a, noLabel: o }) => e ? /* @__PURE__ */ L("div", {
+}), dS = ({ sections: e, sectionClassName: t, labelClassName: n, valueClassName: r, valueTrueClassName: i, yesLabel: a, noLabel: o }) => e ? /* @__PURE__ */ L("div", {
 	className: "flex flex-col",
-	children: e.map((e, s) => /* @__PURE__ */ R("div", { children: [s > 0 && /* @__PURE__ */ L("div", { className: G("shrink-0 border-b", Gx.divider) }), /* @__PURE__ */ L("div", {
+	children: e.map((e, s) => /* @__PURE__ */ R("div", { children: [s > 0 && /* @__PURE__ */ L("div", { className: G("shrink-0 border-b", Kx.divider) }), /* @__PURE__ */ L("div", {
 		className: "px-[22px] py-4",
-		children: /* @__PURE__ */ L(Lx, {
+		children: /* @__PURE__ */ L(Rx, {
 			sectionLabel: e.title,
 			values: e.specs,
 			sectionClassName: t,
@@ -27611,7 +27630,7 @@ var Ex = {
 			noLabel: o
 		})
 	})] }, s))
-}) : null, dS = ({ 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, fS = ({ 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,
@@ -27622,13 +27641,13 @@ var Ex = {
 	}));
 	return /* @__PURE__ */ R("div", {
 		className: "flex flex-col gap-6",
-		children: [/* @__PURE__ */ L(Lx, {
+		children: [/* @__PURE__ */ L(Rx, {
 			sectionLabel: t,
 			values: o ?? [],
 			labelClassName: r,
 			valueClassName: i,
 			sectionClassName: a
-		}), /* @__PURE__ */ L(Lx, {
+		}), /* @__PURE__ */ L(Rx, {
 			sectionLabel: n,
 			values: s ?? [],
 			labelClassName: r,
@@ -27636,32 +27655,32 @@ var Ex = {
 			sectionClassName: a
 		})]
 	});
-}, fS = {
+}, pS = {
 	container: "_container_1aye5_1",
 	header: "_header_1aye5_5",
 	cell: "_cell_1aye5_12",
 	evenRow: "_evenRow_1aye5_17"
-}, pS = ({ columns: e, rows: n, columnsTemplate: r, headingClassName: i = "dial-caption-text", cellClassName: a = "dial-tiny-text" }) => {
+}, mS = ({ columns: e, rows: n, columnsTemplate: r, headingClassName: i = "dial-caption-text", cellClassName: a = "dial-tiny-text" }) => {
 	let o = r ?? `repeat(${e.length}, 1fr)`;
 	return /* @__PURE__ */ R("div", {
-		className: G(fS.container, "grid overflow-hidden rounded-[6px]"),
+		className: G(pS.container, "grid overflow-hidden rounded-[6px]"),
 		style: { gridTemplateColumns: o },
 		children: [e.map((e) => /* @__PURE__ */ L("div", {
-			className: G("px-2 py-1 text-start uppercase", i, fS.header),
+			className: G("px-2 py-1 text-start uppercase", i, pS.header),
 			children: e
 		}, e)), n.map((e, n) => /* @__PURE__ */ L(t, { children: e.map((e, t) => /* @__PURE__ */ L("div", {
-			className: G("px-2 py-1.5", a, fS.cell, n % 2 == 1 ? fS.evenRow : void 0),
+			className: G("px-2 py-1.5", a, pS.cell, n % 2 == 1 ? pS.evenRow : void 0),
 			children: e
 		}, t)) }, n))]
 	});
-}, mS = {
+}, hS = {
 	divider: "_divider_1e5ho_1",
 	description: "_description_1e5ho_5",
 	code: "_code_1e5ho_9"
-}, hS = ({ 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__ */ L("div", {
+}, gS = ({ 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__ */ L("div", {
 	className: "flex flex-col",
 	children: e.tools.map((e, a) => /* @__PURE__ */ R("div", {
-		className: G("flex flex-col gap-3 px-[22px] py-4", a > 0 ? mS.divider : void 0),
+		className: G("flex flex-col gap-3 px-[22px] py-4", a > 0 ? hS.divider : void 0),
 		children: [
 			/* @__PURE__ */ R("div", {
 				className: "flex flex-col gap-1",
@@ -27669,11 +27688,11 @@ var Ex = {
 					className: t,
 					children: e.name
 				}), e.description != null && /* @__PURE__ */ L("p", {
-					className: G("m-0", n, mS.description),
+					className: G("m-0", n, hS.description),
 					children: e.description
 				})]
 			}),
-			e.inputParams != null && e.inputParams.length > 0 && /* @__PURE__ */ L(pS, {
+			e.inputParams != null && e.inputParams.length > 0 && /* @__PURE__ */ L(mS, {
 				columns: [
 					"Name",
 					"Type",
@@ -27682,11 +27701,11 @@ var Ex = {
 				columnsTemplate: "1fr 1fr auto",
 				rows: e.inputParams.map((e) => [
 					/* @__PURE__ */ L("code", {
-						className: G("text-inherit border-none bg-transparent p-0", mS.code),
+						className: G("text-inherit border-none bg-transparent p-0", hS.code),
 						children: e.name
 					}, "name"),
 					/* @__PURE__ */ L("code", {
-						className: G("text-inherit border-none bg-transparent p-0", mS.code),
+						className: G("text-inherit border-none bg-transparent p-0", hS.code),
 						children: e.type
 					}, "type"),
 					e.isRequired ? "✓" : "—"
@@ -27694,10 +27713,10 @@ var Ex = {
 				headingClassName: r,
 				cellClassName: i
 			}),
-			e.annotations != null && e.annotations.length > 0 && /* @__PURE__ */ L(pS, {
+			e.annotations != null && e.annotations.length > 0 && /* @__PURE__ */ L(mS, {
 				columns: ["Key", "Value"],
 				rows: e.annotations.map((e) => [/* @__PURE__ */ L("code", {
-					className: G("text-inherit border-none bg-transparent p-0", mS.code),
+					className: G("text-inherit border-none bg-transparent p-0", hS.code),
 					children: e.key
 				}, "key"), e.value]),
 				headingClassName: r,
@@ -27705,7 +27724,7 @@ var Ex = {
 			})
 		]
 	}, e.name))
-}), gS = async () => void 0, _S = [], vS = ({ item: e, isOpen: t, isStarred: n = !1, isDetailsLoading: r = !1, onClose: i, onToggleFavorite: s, onUseInChat: c, isPrimaryActionVisible: u, onShare: f, isPublishVisible: p, getPublishHistory: m, publishFolderItems: h = _S, publishExpandedPaths: g, onPublishExpandedPathsChange: _, publishLoadingPaths: v, hasPublishWriteAccess: x, onPublish: S, onPublishSuccess: C, onCreatePublishFolder: w, publishTexts: T, shareOverlay: E, connectOverlay: D, isConnectVisible: O, onEdit: k, onDelete: ee, onLogin: A, onLogout: j, texts: M, styles: N }) => {
+}), _S = async () => void 0, vS = [], yS = ({ item: e, isOpen: t, isStarred: n = !1, isDetailsLoading: r = !1, onClose: i, onToggleFavorite: s, onUseInChat: c, isPrimaryActionVisible: u, onShare: f, isPublishVisible: p, getPublishHistory: m, publishFolderItems: h = vS, publishExpandedPaths: g, onPublishExpandedPathsChange: _, publishLoadingPaths: v, hasPublishWriteAccess: x, onPublish: S, onPublishSuccess: C, onCreatePublishFolder: w, publishTexts: T, shareOverlay: E, connectOverlay: D, isConnectVisible: O, onEdit: k, onDelete: ee, onLogin: A, onLogout: j, texts: M, styles: N }) => {
 	let { overviewSectionClassName: P = "dial-caption-text", overviewLabelClassName: te = "dial-small-semi-text", overviewValueClassName: ne = "dial-small-text", overviewValueTrueClassName: re = "dial-small-text", credentialsStatusLabelClassName: ie } = N?.typography ?? {}, [I, ae] = d(n), [oe, ce] = d(""), [le, de] = d(!1), [fe, pe] = d([]), [me, he] = d(!1), [ge, _e] = d(!1);
 	o(() => {
 		if (!le || !m) return;
@@ -27730,7 +27749,7 @@ var Ex = {
 		folderItems: h,
 		hasWriteAccess: x,
 		onCreateFolder: w,
-		onPublish: S ?? gS,
+		onPublish: S ?? _S,
 		onPublishSuccess: C
 	}), ve = l(() => Je({
 		hasSelectedFolder: z.selectedFolderPath != null,
@@ -27808,18 +27827,18 @@ var Ex = {
 	]);
 	let Me = M?.overviewYesLabel ?? "Yes", Pe = M?.overviewNoLabel ?? "No", B = M?.ariaLabel ?? "Item details", Fe = M?.closeAriaLabel ?? "Close", Ie = I ? M?.removeFromFavoritesAriaLabel ?? "Remove from favorites" : M?.addToFavoritesAriaLabel ?? "Add to favorites", Le = M?.publishTitle ?? "Publish", Re = M?.backToDetailsAriaLabel ?? "Back";
 	return /* @__PURE__ */ R(se, { children: [/* @__PURE__ */ L("div", {
-		className: G("fixed inset-0 z-40 transition-opacity duration-300", Gx.backdrop, t ? "opacity-100" : "pointer-events-none opacity-0"),
+		className: G("fixed inset-0 z-40 transition-opacity duration-300", Kx.backdrop, t ? "opacity-100" : "pointer-events-none opacity-0"),
 		onClick: i,
 		"aria-hidden": "true"
 	}), /* @__PURE__ */ R("div", {
 		role: "dialog",
 		"aria-modal": "true",
 		"aria-label": B,
-		className: G("fixed inset-y-0 end-0 z-50 flex w-full flex-col overflow-hidden", "desktop:rounded-ts-xl desktop:rounded-bs-xl desktop:w-[540px] desktop:border-s", "transition-transform duration-300", Gx.panel, t ? "translate-x-0" : "translate-x-full rtl:-translate-x-full"),
+		className: G("fixed inset-y-0 end-0 z-50 flex w-full flex-col overflow-hidden", "desktop:rounded-ts-xl desktop:rounded-bs-xl desktop:w-[540px] desktop:border-s", "transition-transform duration-300", Kx.panel, t ? "translate-x-0" : "translate-x-full rtl:-translate-x-full"),
 		children: [
 			/* @__PURE__ */ R("div", {
 				className: "flex shrink-0 items-center gap-2 px-[22px] py-3",
-				children: [le ? /* @__PURE__ */ R(se, { children: [/* @__PURE__ */ L(Bb, {
+				children: [le ? /* @__PURE__ */ R(se, { children: [/* @__PURE__ */ L(Vb, {
 					icon: /* @__PURE__ */ L(ue, { className: "rtl:scale-x-[-1]" }),
 					"aria-label": Re,
 					disabled: z.isSubmitting,
@@ -27827,7 +27846,7 @@ var Ex = {
 				}), /* @__PURE__ */ L("span", {
 					className: "dial-body-semi-text flex-1 text-primary",
 					children: Le
-				})] }) : /* @__PURE__ */ R(se, { children: [/* @__PURE__ */ L("div", { className: "flex-1" }), /* @__PURE__ */ L(px, {
+				})] }) : /* @__PURE__ */ R(se, { children: [/* @__PURE__ */ L("div", { className: "flex-1" }), /* @__PURE__ */ L(hx, {
 					isStarred: I,
 					ariaLabel: Ie,
 					onClick: Ae
@@ -27836,12 +27855,12 @@ var Ex = {
 					ariaLabel: Fe
 				})]
 			}),
-			/* @__PURE__ */ L("div", { className: G("shrink-0", Gx.divider) }),
+			/* @__PURE__ */ L("div", { className: G("shrink-0", Kx.divider) }),
 			/* @__PURE__ */ L("div", {
-				className: G("min-h-0 flex-1 overflow-y-auto", Gx.content),
+				className: G("min-h-0 flex-1 overflow-y-auto", Kx.content),
 				children: le ? /* @__PURE__ */ L("div", {
 					className: "p-[22px]",
-					children: /* @__PURE__ */ L(jx, {
+					children: /* @__PURE__ */ L(Mx, {
 						item: e,
 						history: fe,
 						isHistoryLoading: me,
@@ -27860,7 +27879,7 @@ var Ex = {
 						texts: T
 					})
 				}) : /* @__PURE__ */ R(se, { children: [
-					/* @__PURE__ */ L(Zx, {
+					/* @__PURE__ */ L(Qx, {
 						item: e,
 						onUseInChat: c,
 						isPrimaryActionVisible: u,
@@ -27880,7 +27899,7 @@ var Ex = {
 						texts: M,
 						detailsStyles: N
 					}),
-					ye && /* @__PURE__ */ L(Wx, {
+					ye && /* @__PURE__ */ L(Gx, {
 						item: e,
 						onLogin: A,
 						onLogout: j,
@@ -27896,15 +27915,15 @@ var Ex = {
 						onCancel: Te,
 						onClose: Te
 					}),
-					/* @__PURE__ */ L("div", { className: Gx.divider }),
-					/* @__PURE__ */ L(iS, {
+					/* @__PURE__ */ L("div", { className: Kx.divider }),
+					/* @__PURE__ */ L(aS, {
 						item: e,
 						texts: M,
 						detailsStyles: N
 					}),
 					/* @__PURE__ */ R("div", {
 						className: "flex items-center gap-2 px-[22px]",
-						children: [/* @__PURE__ */ L(Hb, {
+						children: [/* @__PURE__ */ L(Ub, {
 							tabs: je,
 							activeTabId: oe,
 							onTabChange: ce,
@@ -27930,11 +27949,11 @@ var Ex = {
 					/* @__PURE__ */ R("div", {
 						className: G(oe !== Ne.Overview && "px-[22px] py-4"),
 						children: [
-							oe === Ne.About && /* @__PURE__ */ L(eS, {
+							oe === Ne.About && /* @__PURE__ */ L(tS, {
 								content: e.description,
 								detailsStyles: N
 							}),
-							oe === Ne.Overview && /* @__PURE__ */ L(uS, {
+							oe === Ne.Overview && /* @__PURE__ */ L(dS, {
 								sections: e.details?.overview?.sections,
 								sectionClassName: P,
 								labelClassName: te,
@@ -27943,13 +27962,13 @@ var Ex = {
 								yesLabel: Me,
 								noLabel: Pe
 							}),
-							oe === Ne.Pricing && /* @__PURE__ */ L(dS, {
+							oe === Ne.Pricing && /* @__PURE__ */ L(fS, {
 								pricing: e.details?.pricing,
 								pricesSectionLabel: M?.pricingPricesSectionLabel,
 								limitsSectionLabel: M?.pricingLimitsSectionLabel
 							}),
-							oe === Ne.Limits && /* @__PURE__ */ L(lS, { limits: e.details?.limits }),
-							oe === Ne.Api && e.details?.api != null && /* @__PURE__ */ L(Hx, {
+							oe === Ne.Limits && /* @__PURE__ */ L(uS, { limits: e.details?.limits }),
+							oe === Ne.Api && e.details?.api != null && /* @__PURE__ */ L(Ux, {
 								api: e.details.api,
 								resourceSectionLabel: M?.apiResourceSectionLabel,
 								snippetSectionLabel: M?.apiSnippetSectionLabel,
@@ -27959,12 +27978,12 @@ var Ex = {
 								responseSchemaLabel: M?.apiResponseSchemaLabel,
 								copyAriaLabel: M?.copyCodeAriaLabel
 							}),
-							oe === Ne.Tools && /* @__PURE__ */ L(hS, { tools: e.details?.tools })
+							oe === Ne.Tools && /* @__PURE__ */ L(gS, { tools: e.details?.tools })
 						]
 					})
 				] })
 			}),
-			le && /* @__PURE__ */ L(Sx, {
+			le && /* @__PURE__ */ L(Cx, {
 				version: e.version,
 				hasExistingPublicationInFolder: z.hasExistingPublicationInFolder,
 				isSubmitDisabled: ve.isSubmitDisabled,
@@ -27975,7 +27994,7 @@ var Ex = {
 			})
 		]
 	})] });
-}, yS = {
+}, bS = {
 	pageNav: "_pageNav_1b9kr_1",
 	navBtn: "_navBtn_1b9kr_6",
 	pageCounter: "_pageCounter_1b9kr_23",
@@ -27988,7 +28007,7 @@ var Ex = {
 	favFadeIn: "_favFadeIn_1b9kr_1",
 	cardLeaving: "_cardLeaving_1b9kr_64",
 	cardFadeOut: "_cardFadeOut_1b9kr_1"
-}, bS = ({ item: e, initialIsStarred: t = !0, onToggle: n, onClick: r, nameClassName: i, versionClassName: o, lastUsedClassName: s, query: c, addToFavoritesAriaLabel: l = "Add to favorites", removeFromFavoritesAriaLabel: u = "Remove from favorites", isSelected: f = !1, credentialsBadgeLoggedOutLabel: p }) => {
+}, xS = ({ item: e, initialIsStarred: t = !0, onToggle: n, onClick: r, nameClassName: i, versionClassName: o, lastUsedClassName: s, query: c, addToFavoritesAriaLabel: l = "Add to favorites", removeFromFavoritesAriaLabel: u = "Remove from favorites", isSelected: f = !1, credentialsBadgeLoggedOutLabel: p }) => {
 	let [h, g] = d(t), [_, v] = d(!1), y = (t) => {
 		t.stopPropagation();
 		let r = !h;
@@ -28005,7 +28024,7 @@ var Ex = {
 		role: b == null ? void 0 : "button",
 		tabIndex: b == null ? void 0 : 0,
 		"aria-label": e.name,
-		className: G("relative box-border flex min-w-0 cursor-pointer items-start gap-1", "rounded-[20px] border-2 p-[22px] text-start", yS.card, _ && yS.cardLeaving, f ? "border-accent-primary !bg-accent-primary-alpha" : "border-transparent"),
+		className: G("relative box-border flex min-w-0 cursor-pointer items-start gap-1", "rounded-[20px] border-2 p-[22px] text-start", bS.card, _ && bS.cardLeaving, f ? "border-accent-primary !bg-accent-primary-alpha" : "border-transparent"),
 		onClick: b,
 		onKeyDown: x,
 		onAnimationEnd: _ ? (t) => {
@@ -28019,7 +28038,7 @@ var Ex = {
 			}),
 			/* @__PURE__ */ R("div", {
 				className: "flex min-w-0 flex-1 flex-col items-start gap-1",
-				children: [/* @__PURE__ */ L(ox, {
+				children: [/* @__PURE__ */ L(cx, {
 					icon: e.iconUrl,
 					type: e.type,
 					name: e.name,
@@ -28028,16 +28047,15 @@ var Ex = {
 					size: "lg",
 					query: c,
 					className: "min-w-0 self-stretch",
-					typeColor: Zb[e.type],
 					nameClassName: i,
 					versionClassName: o,
 					lastUsedClassName: s
-				}), /* @__PURE__ */ L(sx, {
+				}), /* @__PURE__ */ L(lx, {
 					credentials: e.credentials,
 					loggedOutLabel: p
 				})]
 			}),
-			/* @__PURE__ */ L(px, {
+			/* @__PURE__ */ L(hx, {
 				isStarred: h,
 				size: I.Small,
 				onClick: y,
@@ -28046,7 +28064,7 @@ var Ex = {
 			})
 		]
 	});
-}, xS = 2, SS = (e) => {
+}, SS = 2, CS = (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 {
@@ -28055,8 +28073,8 @@ var Ex = {
 	} catch {
 		return new DOMRect(t.x + n, t.y + r, t.width, t.height);
 	}
-}, CS = ({ items: e, totalCount: t, title: n = "Your Favorites", onToggleFavorite: r, onItemClick: i, styles: a, isLeaving: s, onExitComplete: f, prevPageAriaLabel: p = "Previous page", nextPageAriaLabel: m = "Next page", addToFavoritesAriaLabel: h, removeFromFavoritesAriaLabel: g, selectedItemId: _, credentialsBadgeLoggedOutLabel: v }) => {
-	let y = a?.typography?.titleClassName ?? "dial-body-semi-text text-primary", b = a?.typography?.countClassName ?? "dial-tiny-semi-text text-secondary", x = { "--cat-favorites-border": a?.colors?.border }, S = l(() => [...e].sort((e, t) => (new Date(t.updatedAt || "").getTime() ?? 0) - (new Date(e.updatedAt || "").getTime() ?? 0)), [e]), [C, w] = d(1), T = qe(), E = T * xS, D = (C - 1) * E, O = l(() => S.slice(D, D + E), [
+}, wS = ({ items: e, totalCount: t, title: n = "Your Favorites", onToggleFavorite: r, onItemClick: i, styles: a, isLeaving: s, onExitComplete: f, prevPageAriaLabel: p = "Previous page", nextPageAriaLabel: m = "Next page", addToFavoritesAriaLabel: h, removeFromFavoritesAriaLabel: g, selectedItemId: _, credentialsBadgeLoggedOutLabel: v }) => {
+	let y = a?.typography?.titleClassName ?? "dial-body-semi-text text-primary", b = a?.typography?.countClassName ?? "dial-tiny-semi-text text-secondary", x = { "--cat-favorites-border": a?.colors?.border }, S = l(() => [...e].sort((e, t) => (new Date(t.updatedAt || "").getTime() ?? 0) - (new Date(e.updatedAt || "").getTime() ?? 0)), [e]), [C, w] = d(1), T = qe(), E = T * SS, D = (C - 1) * E, O = l(() => S.slice(D, D + E), [
 		S,
 		D,
 		E
@@ -28089,7 +28107,7 @@ var Ex = {
 		ie.current = C, I.current = T;
 		let n = M.current.querySelectorAll("[data-card-id]"), r = /* @__PURE__ */ new Map();
 		if (n.forEach((e) => {
-			r.set(e.dataset.cardId, SS(e));
+			r.set(e.dataset.cardId, CS(e));
 		}), !e && !t) {
 			let e = j.current, t = ae.current, i = 0;
 			if (e) {
@@ -28145,7 +28163,7 @@ var Ex = {
 		ref: A,
 		children: /* @__PURE__ */ R("section", {
 			ref: j,
-			className: G("flex flex-shrink-0 flex-col gap-4 pb-2 pt-2", yS.section, s && yS.sectionLeaving),
+			className: G("flex flex-shrink-0 flex-col gap-4 pb-2 pt-2", bS.section, s && bS.sectionLeaving),
 			style: {
 				...x,
 				minHeight: F
@@ -28153,26 +28171,26 @@ var Ex = {
 			onAnimationEnd: (e) => {
 				e.target === j.current && s && f?.();
 			},
-			children: [/* @__PURE__ */ L(Dx, {
+			children: [/* @__PURE__ */ L(Ox, {
 				title: n,
 				postfix: ee,
 				titleClassName: y,
 				postfixClassName: b,
 				trailing: k > 1 ? /* @__PURE__ */ R("div", {
-					className: G("inline-flex items-center gap-[2px] rounded-full px-[6px] py-[3px]", yS.pageNav),
+					className: G("inline-flex items-center gap-[2px] rounded-full px-[6px] py-[3px]", bS.pageNav),
 					children: [
 						/* @__PURE__ */ L("button", {
 							"aria-label": p,
 							disabled: C === 1,
 							onClick: () => w((e) => e - 1),
-							className: G("flex size-[22px] cursor-pointer items-center justify-center rounded-full border-none bg-transparent", yS.navBtn),
+							className: G("flex size-[22px] cursor-pointer items-center justify-center rounded-full border-none bg-transparent", bS.navBtn),
 							children: /* @__PURE__ */ L(ue, {
 								size: 14,
 								className: "rtl:scale-x-[-1]"
 							})
 						}),
 						/* @__PURE__ */ R("span", {
-							className: G("min-w-[32px] select-none px-1 text-center", yS.pageCounter),
+							className: G("min-w-[32px] select-none px-1 text-center", bS.pageCounter),
 							children: [
 								C,
 								" / ",
@@ -28183,7 +28201,7 @@ var Ex = {
 							"aria-label": m,
 							disabled: C === k,
 							onClick: () => w((e) => e + 1),
-							className: G("flex size-[22px] cursor-pointer items-center justify-center rounded-full border-none bg-transparent", yS.navBtn),
+							className: G("flex size-[22px] cursor-pointer items-center justify-center rounded-full border-none bg-transparent", bS.navBtn),
 							children: /* @__PURE__ */ L(de, {
 								size: 14,
 								className: "rtl:scale-x-[-1]"
@@ -28193,12 +28211,12 @@ var Ex = {
 				}) : void 0
 			}), /* @__PURE__ */ L("div", {
 				ref: M,
-				className: G("grid content-start gap-5", yS.gridPage),
+				className: G("grid content-start gap-5", bS.gridPage),
 				style: {
 					gridTemplateColumns: `repeat(${T}, minmax(0, 1fr))`,
 					minHeight: N
 				},
-				children: O.map((e) => /* @__PURE__ */ L(bS, {
+				children: O.map((e) => /* @__PURE__ */ L(xS, {
 					item: e,
 					onToggle: r,
 					onClick: i,
@@ -28210,78 +28228,45 @@ var Ex = {
 			})]
 		})
 	});
-}, wS = {
-	model: "_model_et6cv_1",
-	application: "_application_et6cv_6",
-	agent: "_agent_et6cv_11",
-	skill: "_skill_et6cv_16",
-	toolset: "_toolset_et6cv_21",
-	guardrail: "_guardrail_et6cv_26",
-	mcp: "_mcp_et6cv_31",
-	fallback: "_fallback_et6cv_36"
 }, TS = {
-	[B.Model]: wS.model,
-	[B.Application]: wS.application,
-	[B.Agent]: wS.agent,
-	[B.Toolset]: wS.toolset,
-	[B.Guardrail]: wS.guardrail,
-	[B.Skill]: wS.skill,
-	[B.Mcp]: wS.mcp
-}, ES = ({ type: e, className: t = "dial-caption-text" }) => /* @__PURE__ */ L("span", {
-	className: G("inline-flex items-center rounded-full px-[7px] py-[2px] leading-[1.4]", "uppercase tracking-[0.06em]", t, TS[e] ?? wS.fallback),
-	children: e
-}), DS = ({ data: e }) => e ? /* @__PURE__ */ L("div", {
-	className: "flex h-full items-center",
-	children: /* @__PURE__ */ L(ES, { type: e.type })
-}) : null, OS = ({ data: e, context: t }) => !e || e.folder.length === 0 ? null : /* @__PURE__ */ L(dx, {
-	segments: e.folder,
-	labelClassName: t?.typography?.folderClassName,
-	leafClassName: t?.typography?.folderLastSegmentClassName
-}), kS = {
-	secondaryText: "_secondaryText_1lje3_1",
-	listContainer: "_listContainer_1lje3_5",
-	starFilledIcon: "_starFilledIcon_1lje3_16",
-	selectedRow: "_selectedRow_1lje3_20"
-}, AS = [
+	listContainer: "_listContainer_n69ms_1",
+	gridClip: "_gridClip_n69ms_6",
+	favHeader: "_favHeader_n69ms_43",
+	starFilledIcon: "_starFilledIcon_n69ms_47",
+	starToggleOff: "_starToggleOff_n69ms_51",
+	selectedRow: "_selectedRow_n69ms_64"
+}, ES = [
 	{
 		headerName: "Name",
-		flex: 4,
+		flex: 1,
+		minWidth: 220,
 		field: "name",
 		filter: !1,
 		cellRenderer: ({ data: e, context: t }) => {
-			let n = t?.searchQuery ?? "", r = t?.typography, i = r?.nameClassName ?? "dial-h3-text", a = r?.versionClassName ?? "dial-tiny-text", o = r?.descriptionClassName ?? "dial-small-text", s = e != null && e.id === t?.selectedItemId;
+			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__ */ R("div", {
-				className: "flex h-full items-center gap-2.5",
+				className: "flex h-full min-w-0 items-center gap-2.5",
 				children: [
 					/* @__PURE__ */ L(dr, {
 						src: e.iconUrl,
-						size: 48,
-						initialsName: e.name
+						size: 36,
+						initialsName: e.name,
+						styles: { badgeClassName: "rounded-[10px]" }
 					}),
-					/* @__PURE__ */ R("div", {
-						className: "flex min-w-0 flex-col gap-0.5",
-						children: [/* @__PURE__ */ L(Dx, {
-							title: e.name,
-							postfix: e.version,
-							postfixClassName: a,
-							query: n,
-							titleClassName: i,
-							className: "items-baseline gap-1.5",
-							trailing: s ? /* @__PURE__ */ L(ce, {
-								size: m.SM,
-								className: "shrink-0 text-accent-primary",
-								"aria-hidden": !0
-							}) : void 0
-						}), /* @__PURE__ */ L("p", {
-							className: G(o, kS.secondaryText),
-							children: /* @__PURE__ */ L(hr, {
-								text: e.description,
-								query: n,
-								maxLines: 2
-							})
-						})]
+					/* @__PURE__ */ L(Ox, {
+						title: e.name,
+						postfix: e.version,
+						postfixClassName: a,
+						query: n,
+						titleClassName: i,
+						className: "min-w-0 items-baseline gap-1.5",
+						trailing: o ? /* @__PURE__ */ L(ce, {
+							size: m.SM,
+							className: "shrink-0 text-accent-primary",
+							"aria-hidden": !0
+						}) : void 0
 					}),
-					/* @__PURE__ */ L(sx, {
+					/* @__PURE__ */ L(lx, {
 						credentials: e.credentials,
 						loggedOutLabel: t?.credentialsBadgeLoggedOutLabel,
 						className: "ms-2 shrink-0"
@@ -28293,124 +28278,134 @@ var Ex = {
 	},
 	{
 		headerName: "Type",
-		flex: 2,
+		width: 110,
 		field: "type",
 		filter: !1,
 		sortable: !1,
-		cellRenderer: DS,
+		cellRenderer: ({ data: e }) => e ? /* @__PURE__ */ L("div", {
+			className: "flex h-full items-center",
+			children: /* @__PURE__ */ L(ox, { type: e.type })
+		}) : null,
 		valueGetter: (e) => e.data?.type
 	},
 	{
 		headerName: "Folder",
 		field: "folder",
-		flex: 3,
+		width: 170,
 		filter: !1,
-		cellRenderer: OS,
+		cellRenderer: ({ data: e, context: t }) => !e || e.folder.length === 0 ? null : /* @__PURE__ */ L(px, {
+			segments: e.folder,
+			labelClassName: t?.typography?.folderClassName,
+			leafClassName: t?.typography?.folderLastSegmentClassName
+		}),
 		valueGetter: (e) => e.data?.folder
 	},
 	{
 		headerName: "Tags",
 		field: "topics",
-		flex: 2,
+		width: 230,
 		filter: !1,
 		sortable: !1,
-		cellRenderer: ({ data: e }) => e ? /* @__PURE__ */ L("div", {
-			className: "flex h-full flex-wrap items-center gap-1",
-			children: e.topics.map((e) => /* @__PURE__ */ L(hx, { label: e }, e))
-		}) : null,
+		cellRenderer: ({ data: e }) => !e || e.topics.length === 0 ? null : /* @__PURE__ */ L("div", {
+			className: "flex h-full items-center",
+			children: /* @__PURE__ */ L(vx, { topics: e.topics })
+		}),
 		valueGetter: (e) => e.data?.topics
 	},
 	{
-		headerName: "",
+		headerName: "Favorite",
 		field: "isStarred",
 		width: 72,
-		flex: void 0,
 		filter: !1,
 		sortable: !1,
 		resizable: !1,
+		headerClass: TS.favHeader,
 		cellRenderer: ({ data: e, context: t }) => {
 			let [n, r] = d(e?.isStarred ?? !1);
 			return e ? /* @__PURE__ */ L("div", {
-				className: "flex h-full items-center justify-center pe-4",
-				children: /* @__PURE__ */ L(px, {
+				className: "flex h-full items-center justify-end pe-4",
+				children: /* @__PURE__ */ L(hx, {
 					isStarred: n,
 					onClick: (i) => {
 						i.stopPropagation();
 						let a = !n;
 						r(a), t?.onToggleFavorite?.(e.id, a);
-					}
+					},
+					className: n ? void 0 : TS.starToggleOff
 				})
 			}) : null;
 		}
 	}
-], jS = 50, MS = (e) => {
+], DS = 50, OS = (e) => {
 	if (!e || e === document.body) return null;
 	let { overflow: t, overflowY: n } = getComputedStyle(e);
-	return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : MS(e.parentElement);
-}, NS = ({ items: e, query: t = "", ariaLabel: n = "Catalog", emptyStateTitle: r, styles: i, onToggleFavorite: a, onItemClick: s, stickyHeaderTop: c, selectedItemId: f, credentialsBadgeLoggedOutLabel: p }) => {
-	let m = i?.typography ?? {}, h = i?.colors, g = {
-		"--cat-list-name-text": h?.nameText,
-		"--cat-list-secondary-text": h?.secondaryText,
+	return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : OS(e.parentElement);
+}, kS = ({ items: e, query: t = "", ariaLabel: n = "Catalog", emptyStateTitle: r, styles: i, onToggleFavorite: a, onItemClick: s, stickyHeaderTop: c, selectedItemId: f, credentialsBadgeLoggedOutLabel: p }) => {
+	let m = i?.typography ?? {}, h = {
+		"--cat-list-name-text": i?.colors?.nameText,
 		...c == null ? {} : { "--list-header-sticky-top": `${c}px` }
-	}, _ = u(null), v = u(null), [y, b] = d(() => Math.min(e.length, jS)), x = u(e);
+	}, g = u(null), _ = u(null), [v, y] = d(() => Math.min(e.length, DS)), b = u(e);
 	o(() => {
-		x.current !== e && (x.current = e, b(Math.min(e.length, jS)));
+		b.current !== e && (b.current = e, y(Math.min(e.length, DS)));
 	}, [e]), o(() => {
-		let t = v.current;
+		let t = _.current;
 		if (!t) return;
-		let n = MS(t.parentElement);
+		let n = OS(t.parentElement);
 		if (!n) return;
 		let r = () => {
 			let r = n.getBoundingClientRect(), i = t.getBoundingClientRect();
-			i.top < r.bottom && i.bottom > r.top && b((t) => Math.min(e.length, t + jS));
+			i.top < r.bottom && i.bottom > r.top && y((t) => Math.min(e.length, t + DS));
 		};
 		return n.addEventListener("scroll", r, { passive: !0 }), r(), () => n.removeEventListener("scroll", r);
 	}, [e.length]);
-	let S = l(() => e.slice(0, y), [e, y]);
+	let x = l(() => e.slice(0, v), [e, v]);
 	return o(() => {
-		_.current?.refreshCells({ force: !0 });
+		g.current?.refreshCells({ force: !0 });
 	}, [t]), o(() => {
-		_.current?.redrawRows();
-	}, [f]), /* @__PURE__ */ R("div", {
-		style: g,
-		className: oe("w-full px-4", kS.listContainer),
-		children: [/* @__PURE__ */ L(D, {
-			columnDefs: AS,
-			rowData: S,
-			getRowId: (e) => e.id,
-			alternateOddRowColors: !0,
-			onGridApiChange: (e) => {
-				_.current = e;
-			},
-			emptyStateTitle: r,
-			additionalGridOptions: {
-				rowHeight: 90,
-				domLayout: "autoHeight",
-				defaultColDef: {
-					filter: !1,
-					floatingFilter: !1
+		g.current?.redrawRows();
+	}, [f]), /* @__PURE__ */ L("div", {
+		style: h,
+		className: oe("w-full rounded-xl border", TS.listContainer),
+		children: /* @__PURE__ */ R("div", {
+			className: oe("rounded-xl", TS.gridClip),
+			children: [/* @__PURE__ */ L(D, {
+				columnDefs: ES,
+				rowData: x,
+				getRowId: (e) => e.id,
+				withoutHeaderBorders: !0,
+				onGridApiChange: (e) => {
+					g.current = e;
 				},
-				context: {
-					searchQuery: t,
-					typography: m,
-					onToggleFavorite: a,
-					selectedItemId: f,
-					credentialsBadgeLoggedOutLabel: p
+				emptyStateTitle: r,
+				additionalGridOptions: {
+					rowHeight: 60,
+					domLayout: "autoHeight",
+					defaultColDef: {
+						filter: !1,
+						floatingFilter: !1
+					},
+					context: {
+						searchQuery: t,
+						typography: m,
+						onToggleFavorite: a,
+						selectedItemId: f,
+						credentialsBadgeLoggedOutLabel: p
+					},
+					onCellClicked: s ? (e) => {
+						e.column.getColDef().field !== "isStarred" && e.data && s(e.data);
+					} : void 0,
+					rowClass: s ? "cursor-pointer" : void 0,
+					getRowClass: (e) => e.data?.id === f ? TS.selectedRow : void 0
 				},
-				onCellClicked: s ? (e) => {
-					e.column.getColDef().field !== "isStarred" && e.data && s(e.data);
-				} : void 0,
-				rowClass: s ? "cursor-pointer" : void 0,
-				getRowClass: (e) => e.data?.id === f ? kS.selectedRow : void 0
-			},
-			ariaLabel: n
-		}), y < e.length && /* @__PURE__ */ L("div", {
-			ref: v,
-			className: "h-2",
-			"aria-hidden": !0
-		})]
+				ariaLabel: n
+			}), v < e.length && /* @__PURE__ */ L("div", {
+				ref: _,
+				className: "h-2",
+				"aria-hidden": !0
+			})]
+		})
 	});
-}, PS = {
+}, AS = {
 	filterBtn: "_filterBtn_6kwgr_5",
 	filterBtnActive: "_filterBtnActive_6kwgr_21",
 	filterBtnOpen: "_filterBtnOpen_6kwgr_25",
@@ -28426,14 +28421,14 @@ var Ex = {
 	divider: "_divider_6kwgr_117",
 	sectionLabel: "_sectionLabel_6kwgr_123",
 	footer: "_footer_6kwgr_131"
-}, FS = (e, t, n, r, i) => {
+}, jS = (e, t, n, r, i) => {
 	let a = e.size > 0;
 	return n && a ? `${r} · ${e.size}` : n ? r : a ? He(e, t, i) : i;
-}, IS = (e, t) => {
+}, MS = (e, t) => {
 	let n = new Set(t);
 	return n.has(e) ? n.delete(e) : n.add(e), n;
-}, LS = ({ checked: e, onChange: t, values: n, isMyAppsActive: r, onMyAppsChange: i, myAppsLabel: s = "My", topicsLabel: c = "Topics", defaultLabel: f = "From", clearLabel: p = "Clear", applyLabel: h = "Apply" }) => {
-	let g = (r ?? !1) || e.size > 0, [_, v] = d(!1), y = l(() => n == null ? [] : [...n].sort(), [n]), b = FS(e, n, r, s, f), [S, C] = d(() => new Set(e)), [w, T] = d(r ?? !1);
+}, NS = ({ checked: e, onChange: t, values: n, isMyAppsActive: r, onMyAppsChange: i, myAppsLabel: s = "My", topicsLabel: c = "Topics", defaultLabel: f = "From", clearLabel: p = "Clear", applyLabel: h = "Apply" }) => {
+	let g = (r ?? !1) || e.size > 0, [_, v] = d(!1), y = l(() => n == null ? [] : [...n].sort(), [n]), b = jS(e, n, r, s, f), [S, C] = d(() => new Set(e)), [w, T] = d(r ?? !1);
 	o(() => {
 		_ && (C(new Set(e)), T(r ?? !1));
 	}, [
@@ -28476,7 +28471,7 @@ var Ex = {
 			role: "menu",
 			"aria-label": f,
 			tabIndex: -1,
-			className: G("min-w-[360px] rounded-xl p-[6px]", PS.overlay),
+			className: G("min-w-[360px] rounded-xl p-[6px]", AS.overlay),
 			onKeyDown: N,
 			children: [
 				/* @__PURE__ */ R("div", {
@@ -28486,32 +28481,32 @@ var Ex = {
 					ref: (e) => {
 						k.current[0] = e;
 					},
-					className: G("flex cursor-pointer select-none items-center gap-3 rounded-lg px-[10px] py-[9px] outline-none", PS.row, w && PS.rowChecked),
+					className: G("flex cursor-pointer select-none items-center gap-3 rounded-lg px-[10px] py-[9px] outline-none", AS.row, w && AS.rowChecked),
 					onClick: () => T(!w),
 					onKeyDown: P(() => T(!w)),
 					children: [/* @__PURE__ */ L("span", {
-						className: G("flex size-5 shrink-0 items-center justify-center rounded-[6px]", PS.checkbox, w && PS.checkboxChecked),
+						className: G("flex size-5 shrink-0 items-center justify-center rounded-[6px]", AS.checkbox, w && AS.checkboxChecked),
 						"aria-hidden": !0
 					}), /* @__PURE__ */ L("span", {
-						className: PS.rowLabel,
+						className: AS.rowLabel,
 						children: s
 					})]
 				}),
 				y.length > 0 && /* @__PURE__ */ R(se, { children: [
 					/* @__PURE__ */ L("div", {
 						role: "separator",
-						className: G("my-1 h-px", PS.divider),
+						className: G("my-1 h-px", AS.divider),
 						"aria-hidden": !0
 					}),
 					/* @__PURE__ */ L("div", {
-						className: G("px-[10px] pb-1 pt-[10px] uppercase tracking-[0.06em]", PS.sectionLabel),
+						className: G("px-[10px] pb-1 pt-[10px] uppercase tracking-[0.06em]", AS.sectionLabel),
 						"aria-hidden": !0,
 						children: c
 					}),
 					/* @__PURE__ */ L("div", {
 						className: "flex max-h-[220px] flex-col gap-1 overflow-y-auto",
 						children: y.map((e, t) => {
-							let n = S.has(e), r = t + 1, i = () => C(IS(e, S));
+							let n = S.has(e), r = t + 1, i = () => C(MS(e, S));
 							return /* @__PURE__ */ R("div", {
 								role: "menuitemcheckbox",
 								"aria-checked": n,
@@ -28519,14 +28514,14 @@ var Ex = {
 								ref: (e) => {
 									k.current[r] = e;
 								},
-								className: G("flex cursor-pointer select-none items-center gap-3 rounded-lg px-[10px] py-[9px] outline-none", PS.row, n && PS.rowChecked),
+								className: G("flex cursor-pointer select-none items-center gap-3 rounded-lg px-[10px] py-[9px] outline-none", AS.row, n && AS.rowChecked),
 								onClick: i,
 								onKeyDown: P(i),
 								children: [/* @__PURE__ */ L("span", {
-									className: G("flex size-5 shrink-0 items-center justify-center rounded-[6px]", PS.checkbox, n && PS.checkboxChecked),
+									className: G("flex size-5 shrink-0 items-center justify-center rounded-[6px]", AS.checkbox, n && AS.checkboxChecked),
 									"aria-hidden": !0
 								}), /* @__PURE__ */ L("span", {
-									className: PS.rowLabel,
+									className: AS.rowLabel,
 									children: e
 								})]
 							}, e);
@@ -28534,14 +28529,14 @@ var Ex = {
 					})
 				] }),
 				/* @__PURE__ */ R("div", {
-					className: G("mt-1 flex items-center px-1 py-3", PS.footer),
+					className: G("mt-1 flex items-center px-1 py-3", AS.footer),
 					onKeyDown: (e) => {
 						(e.key === "ArrowUp" || e.key === "ArrowDown") && e.stopPropagation();
 					},
-					children: [/* @__PURE__ */ L(Kb, {
+					children: [/* @__PURE__ */ L(qb, {
 						label: p,
 						onClick: te
-					}), /* @__PURE__ */ L(Wb, {
+					}), /* @__PURE__ */ L(Gb, {
 						label: h,
 						className: "ms-auto",
 						onClick: F
@@ -28555,30 +28550,30 @@ var Ex = {
 			"aria-haspopup": "menu",
 			"aria-expanded": _,
 			onKeyDown: M,
-			className: G("flex h-[50px] shrink-0 cursor-pointer items-center gap-[7px] whitespace-nowrap rounded-xl px-[18px]", PS.filterBtn, g && PS.filterBtnActive, _ && PS.filterBtnOpen),
+			className: G("flex h-[50px] shrink-0 cursor-pointer items-center gap-[7px] whitespace-nowrap rounded-xl px-[18px]", AS.filterBtn, g && AS.filterBtnActive, _ && AS.filterBtnOpen),
 			children: [
 				/* @__PURE__ */ L(me, {
 					size: m.SM,
 					strokeWidth: 1.8,
-					className: G("shrink-0", PS.filterBtnFunnel),
+					className: G("shrink-0", AS.filterBtnFunnel),
 					"aria-hidden": !0
 				}),
 				/* @__PURE__ */ L("span", {
-					className: PS.filterBtnLabel,
+					className: AS.filterBtnLabel,
 					children: b
 				}),
 				/* @__PURE__ */ L(le, {
 					size: 14,
 					strokeWidth: 2.2,
-					className: G("shrink-0 transition-transform duration-150", PS.filterBtnChevron, _ && "rotate-180"),
+					className: G("shrink-0 transition-transform duration-150", AS.filterBtnChevron, _ && "rotate-180"),
 					"aria-hidden": !0
 				})
 			]
 		})
 	});
-}, RS = ({ value: e, onChange: t, placeholder: n = "Search", ariaLabel: r, className: i, clearLabel: a }) => /* @__PURE__ */ L("div", {
+}, PS = ({ value: e, onChange: t, placeholder: n = "Search", ariaLabel: r, className: i, clearLabel: a }) => /* @__PURE__ */ L("div", {
 	className: "flex-1",
-	children: /* @__PURE__ */ L(zb, {
+	children: /* @__PURE__ */ L(Bb, {
 		value: e,
 		onChange: t,
 		labels: {
@@ -28594,13 +28589,13 @@ var Ex = {
 			clearButtonClassName: "size-11 desktop:size-auto"
 		}
 	})
-}), zS = ({ totalCount: e, viewMode: t, onViewModeChange: n, title: r = "Browse", styles: i, query: a, onQueryChange: o, searchPlaceholder: s, gridViewLabel: c = "Grid view", listViewLabel: l = "List view", sortKey: u, onSortChange: d, sortOptions: f, filters: p, onFiltersChange: h, filterValues: g, isMyAppsActive: _, onMyAppsChange: v, filterFromLabel: y, filterMyAppsLabel: b, filterTopicsLabel: S }) => {
+}), FS = ({ totalCount: e, viewMode: t, onViewModeChange: n, title: r = "Browse", styles: i, query: a, onQueryChange: o, searchPlaceholder: s, gridViewLabel: c = "Grid view", listViewLabel: l = "List view", sortKey: u, onSortChange: d, sortOptions: f, filters: p, onFiltersChange: h, filterValues: g, isMyAppsActive: _, onMyAppsChange: v, filterFromLabel: y, filterMyAppsLabel: b, filterTopicsLabel: S }) => {
 	let C = i?.typography?.titleClassName ?? "dial-body-semi-text", w = i?.typography?.countClassName ?? "dial-tiny-semi-text", T = f?.find((e) => e.value === u)?.label ?? "";
 	return /* @__PURE__ */ R("div", {
 		className: "flex flex-col gap-3",
 		children: [/* @__PURE__ */ R("div", {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ L(Dx, {
+			children: [/* @__PURE__ */ L(Ox, {
 				title: r,
 				postfix: e,
 				titleClassName: C,
@@ -28643,7 +28638,7 @@ var Ex = {
 						}),
 						onClick: () => d?.(e.value)
 					})),
-					children: /* @__PURE__ */ L(Kb, {
+					children: /* @__PURE__ */ L(qb, {
 						label: T,
 						iconAfter: /* @__PURE__ */ L(le, {
 							size: m.SM,
@@ -28654,12 +28649,12 @@ var Ex = {
 			})]
 		}), /* @__PURE__ */ R("div", {
 			className: "mb-5 flex items-center gap-3",
-			children: [/* @__PURE__ */ L(RS, {
+			children: [/* @__PURE__ */ L(PS, {
 				value: a,
 				onChange: o,
 				placeholder: s,
 				className: "flex-1"
-			}), /* @__PURE__ */ L(LS, {
+			}), /* @__PURE__ */ L(NS, {
 				checked: p ?? /* @__PURE__ */ new Set(),
 				onChange: h ?? (() => void 0),
 				values: g,
@@ -28671,12 +28666,12 @@ var Ex = {
 			})]
 		})]
 	});
-}, BS = {
+}, IS = {
 	section: "_section_qj3lh_1",
 	icon: "_icon_qj3lh_5",
 	divider: "_divider_qj3lh_9",
 	clearAll: "_clearAll_qj3lh_13"
-}, VS = ({ 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, sortKey: m, onSortChange: h, sortOptions: g, ..._ }) => {
+}, LS = ({ 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, sortKey: m, onSortChange: h, sortOptions: g, ..._ }) => {
 	let v = {
 		"--cat-browse-bg": r?.colors?.background,
 		"--cat-browse-title-text": r?.colors?.titleText,
@@ -28686,9 +28681,9 @@ var Ex = {
 		"--cat-browse-clear-all": r?.colors?.clearAll
 	};
 	return /* @__PURE__ */ L("section", {
-		className: G("flex-shrink-0 px-4", BS.section),
+		className: G("flex-shrink-0 px-4", IS.section),
 		style: v,
-		children: /* @__PURE__ */ L(zS, {
+		children: /* @__PURE__ */ L(FS, {
 			styles: r,
 			query: e,
 			onQueryChange: t,
@@ -28709,13 +28704,13 @@ var Ex = {
 			..._
 		})
 	});
-}, HS = {
+}, RS = {
 	root: "_root_1jtp2_1",
 	heading: "_heading_1jtp2_5",
 	headingTitle: "_headingTitle_1jtp2_9",
 	tabsRow: "_tabsRow_1jtp2_13",
 	activeTab: "_activeTab_1jtp2_17"
-}, US = {
+}, zS = {
 	splitDivider: "_splitDivider_1efwg_1",
 	chevron: "_chevron_1efwg_10",
 	chevronOpen: "_chevronOpen_1efwg_14",
@@ -28727,7 +28722,7 @@ var Ex = {
 	itemText: "_itemText_1efwg_71",
 	itemLabel: "_itemLabel_1efwg_78",
 	itemDescription: "_itemDescription_1efwg_82"
-}, WS = ({ label: e, options: t, onClick: n }) => {
+}, BS = ({ label: e, options: t, onClick: n }) => {
 	let [r, i] = d(!1), o = u(null), s = u([]), c = a(() => {
 		o.current?.querySelector("button")?.focus();
 	}, []), l = a((e) => {
@@ -28751,11 +28746,11 @@ var Ex = {
 			matchReferenceWidth: !1,
 			placement: "bottom-end",
 			outsideClosable: !0,
-			listClassName: US.dropdownWrapper,
+			listClassName: zS.dropdownWrapper,
 			renderOverlay: () => /* @__PURE__ */ L("div", {
 				role: "menu",
 				"aria-label": e,
-				className: US.menu,
+				className: zS.menu,
 				onKeyDown: h,
 				children: t.map((e, t) => /* @__PURE__ */ R("button", {
 					ref: (e) => {
@@ -28763,7 +28758,7 @@ var Ex = {
 					},
 					role: "menuitem",
 					tabIndex: -1,
-					className: US.item,
+					className: zS.item,
 					onClick: () => {
 						e.onClick(), l(!1);
 					},
@@ -28771,44 +28766,44 @@ var Ex = {
 						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), e.onClick(), l(!1));
 					},
 					children: [e.icon && /* @__PURE__ */ L("div", {
-						className: G(US.itemIcon, e.iconContainerClassName),
+						className: G(zS.itemIcon, e.iconContainerClassName),
 						children: e.icon
 					}), /* @__PURE__ */ R("div", {
-						className: US.itemText,
+						className: zS.itemText,
 						children: [/* @__PURE__ */ L("span", {
-							className: G(US.itemLabel, "dial-small-semi-text"),
+							className: G(zS.itemLabel, "dial-small-semi-text"),
 							children: e.label
 						}), e.description && /* @__PURE__ */ L("span", {
-							className: G(US.itemDescription, "dial-tiny-text"),
+							className: G(zS.itemDescription, "dial-tiny-text"),
 							children: e.description
 						})]
 					})]
 				}, String(t)))
 			}),
-			children: /* @__PURE__ */ L(Wb, {
+			children: /* @__PURE__ */ L(Gb, {
 				label: e,
 				iconBefore: /* @__PURE__ */ L(we, { size: m.SM }),
 				iconAfter: /* @__PURE__ */ R("span", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ L("span", { className: US.splitDivider }), /* @__PURE__ */ L(le, {
+					children: [/* @__PURE__ */ L("span", { className: zS.splitDivider }), /* @__PURE__ */ L(le, {
 						size: m.SM,
-						className: G(US.chevron, r && US.chevronOpen)
+						className: G(zS.chevron, r && zS.chevronOpen)
 					})]
 				}),
-				className: US.gradientBtn,
+				className: zS.gradientBtn,
 				"aria-haspopup": "menu",
 				"aria-expanded": r,
 				onKeyDown: p
 			})
 		})
-	}) : /* @__PURE__ */ L(Wb, {
+	}) : /* @__PURE__ */ L(Gb, {
 		label: e,
 		iconBefore: /* @__PURE__ */ L(we, { size: m.SM }),
 		onClick: n,
-		className: US.gradientBtn
+		className: zS.gradientBtn
 	});
-}, GS = ({ items: e, favorites: t, titles: n, onToggleFavorite: r, onUseInChat: i, isPrimaryActionVisible: s, onShare: c, isPublishVisible: f, getPublishHistory: p, publishFolderItems: m, publishExpandedPaths: h, onPublishExpandedPathsChange: g, publishLoadingPaths: _, hasPublishWriteAccess: v, onPublish: y, onPublishSuccess: b, onCreatePublishFolder: x, publishTexts: S, shareOverlay: C, connectOverlay: w, isConnectVisible: T, onFetchDetails: E, onEdit: D, onDelete: O, onLogin: k, onLogout: ee, onCreateClick: A, createOptions: j, hideCreateButton: M = !1, hidePageTitle: N = !1, selectedItemId: P, onCardClick: F, isLoading: te, styles: re, detailsTexts: ie, initialDetailsItemId: I }) => {
-	let { typography: ae } = re ?? {}, oe = ex(re), se = n?.pageTitle ?? "Catalog", ce = n?.createLabel ?? "Create", le = n?.favoritesTitle ?? "Your favorites", ue = n?.browseTitle ?? "Browse", de = n?.searchPlaceholder ?? "Search models, tools, agents…", fe = n?.noResultsTitle ?? ((e) => `No results for "${e}"`), pe = n?.featuredLabel ?? "Featured", me = n?.gridViewLabel ?? "Grid view", he = n?.listViewLabel ?? "List view", ge = n?.ariaLabel ?? "Catalog", _e = [
+}, VS = ({ items: e, favorites: t, titles: n, onToggleFavorite: r, onUseInChat: i, isPrimaryActionVisible: s, onShare: c, isPublishVisible: f, getPublishHistory: p, publishFolderItems: m, publishExpandedPaths: h, onPublishExpandedPathsChange: g, publishLoadingPaths: _, hasPublishWriteAccess: v, onPublish: y, onPublishSuccess: b, onCreatePublishFolder: x, publishTexts: S, shareOverlay: C, connectOverlay: w, isConnectVisible: T, onFetchDetails: E, onEdit: D, onDelete: O, onLogin: k, onLogout: ee, onCreateClick: A, createOptions: j, hideCreateButton: M = !1, hidePageTitle: N = !1, selectedItemId: P, onCardClick: F, isLoading: te, styles: re, detailsTexts: ie, initialDetailsItemId: I }) => {
+	let { typography: ae } = re ?? {}, oe = tx(re), se = n?.pageTitle ?? "Catalog", ce = n?.createLabel ?? "Create", le = n?.favoritesTitle ?? "Your favorites", ue = n?.browseTitle ?? "Browse", de = n?.searchPlaceholder ?? "Search models, tools, agents…", fe = n?.noResultsTitle ?? ((e) => `No results for "${e}"`), pe = n?.featuredLabel ?? "Featured", me = n?.gridViewLabel ?? "Grid view", he = n?.listViewLabel ?? "List view", ge = n?.ariaLabel ?? "Catalog", _e = [
 		{
 			value: Fe.RecentlyUpdated,
 			label: n?.sortRecentlyUpdatedLabel ?? "Recently Updated"
@@ -28821,7 +28816,7 @@ var Ex = {
 			value: Fe.NameAZ,
 			label: n?.sortNameAZLabel ?? "Name A-Z"
 		}
-	], [z, ve] = d(""), [ye, be] = d(Be.Grid), [xe, Se] = d(!1), [Ce, we] = d(Fe.RecentlyUpdated), [Te, Ee] = d(/* @__PURE__ */ new Set()), [De, Oe] = d(!1), ke = l(() => e.filter((e) => !e.isHidden), [e]), Ae = l(() => new Set(ke.flatMap((e) => e.topics)), [ke]), je = l(() => Xb(ke, n?.tabLabels), [ke, n?.tabLabels]), Me = je[0]?.id ?? "", [Ne, Pe] = d(Me);
+	], [z, ve] = d(""), [ye, be] = d(Be.Grid), [xe, Se] = d(!1), [Ce, we] = d(Fe.RecentlyUpdated), [Te, Ee] = d(/* @__PURE__ */ new Set()), [De, Oe] = d(!1), ke = l(() => e.filter((e) => !e.isHidden), [e]), Ae = l(() => new Set(ke.flatMap((e) => e.topics)), [ke]), je = l(() => Zb(ke, n?.tabLabels), [ke, n?.tabLabels]), Me = je[0]?.id ?? "", [Ne, Pe] = d(Me);
 	o(() => {
 		Pe((e) => e || Me);
 	}, [Me]);
@@ -28891,17 +28886,17 @@ var Ex = {
 		children: /* @__PURE__ */ L(ne, {})
 	}) : /* @__PURE__ */ R("section", {
 		"aria-label": ge,
-		className: G("flex size-full min-h-0 flex-1 flex-col", HS.root),
+		className: G("flex size-full min-h-0 flex-1 flex-col", RS.root),
 		style: oe,
 		children: [
 			(!N || !M) && /* @__PURE__ */ L("div", {
-				className: G("shrink-0", HS.heading),
+				className: G("shrink-0", RS.heading),
 				children: /* @__PURE__ */ R("div", {
 					className: "flex h-[64px] w-full items-center justify-between px-8",
 					children: [!N && /* @__PURE__ */ L("h1", {
-						className: G(ae?.pageHeadingFontClassName ?? "dial-display2-text", HS.headingTitle),
+						className: G(ae?.pageHeadingFontClassName ?? "dial-display2-text", RS.headingTitle),
 						children: se
-					}), !M && /* @__PURE__ */ L(WS, {
+					}), !M && /* @__PURE__ */ L(BS, {
 						label: ce,
 						options: j,
 						onClick: A
@@ -28913,7 +28908,7 @@ var Ex = {
 				children: [
 					B && /* @__PURE__ */ L("div", {
 						className: "w-full px-8",
-						children: /* @__PURE__ */ L(CS, {
+						children: /* @__PURE__ */ L(wS, {
 							items: t,
 							totalCount: t.length,
 							title: le,
@@ -28927,7 +28922,7 @@ var Ex = {
 					}),
 					/* @__PURE__ */ L("div", {
 						className: "w-full px-4 pt-6",
-						children: /* @__PURE__ */ L(VS, {
+						children: /* @__PURE__ */ L(LS, {
 							totalCount: st.length,
 							viewMode: ye,
 							onViewModeChange: ut,
@@ -28952,7 +28947,7 @@ var Ex = {
 					}),
 					je.length > 0 && /* @__PURE__ */ L("div", {
 						className: "px-8",
-						children: /* @__PURE__ */ L(Hb, {
+						children: /* @__PURE__ */ L(Ub, {
 							tabs: je.map((e) => ({
 								id: e.id,
 								label: typeof e.label == "string" ? e.label : String(e.label),
@@ -28972,7 +28967,7 @@ var Ex = {
 						className: "mx-auto min-h-full w-full max-w-[1180px] px-8 pt-6",
 						children: [/* @__PURE__ */ L("div", {
 							className: G("pb-8", ye !== Be.Grid && "hidden"),
-							children: /* @__PURE__ */ L(bx, {
+							children: /* @__PURE__ */ L(xx, {
 								items: ct,
 								query: z,
 								onToggleFavorite: r,
@@ -28982,7 +28977,7 @@ var Ex = {
 							})
 						}), xe && /* @__PURE__ */ L("div", {
 							className: G("pb-8", ye !== Be.List && "hidden"),
-							children: /* @__PURE__ */ L(NS, {
+							children: /* @__PURE__ */ L(kS, {
 								items: ct,
 								query: z,
 								ariaLabel: ge,
@@ -28997,7 +28992,7 @@ var Ex = {
 					})
 				]
 			}),
-			rt != null && /* @__PURE__ */ L(vS, {
+			rt != null && /* @__PURE__ */ L(yS, {
 				item: rt,
 				isOpen: Ve,
 				isStarred: lt,
@@ -29029,12 +29024,12 @@ var Ex = {
 			})
 		]
 	});
-}, KS = {
+}, HS = {
 	backdrop: "_backdrop_4t085_1",
 	panel: "_panel_4t085_5",
 	divider: "_divider_4t085_10",
 	content: "_content_4t085_14"
-}, qS = ({ isOpen: e, item: t, resource: n, history: r, isHistoryLoading: i = !1, hasHistoryError: a = !1, folderItems: s, selectedFolderPath: c, onSelectedFolderPathChange: d, onCreateFolder: f, expandedPaths: p, onExpandedPathsChange: m, loadingPaths: h, hasExistingPublicationInFolder: g, hasWriteAccess: _, isSubmitting: v, hasSubmitError: b = !1, allowReplace: x = !0, onClose: S, returnFocusRef: C, onSubmit: w, panelTexts: T, footerTexts: E, texts: D = {} }) => {
+}, US = ({ isOpen: e, item: t, resource: n, history: r, isHistoryLoading: i = !1, hasHistoryError: a = !1, folderItems: s, selectedFolderPath: c, onSelectedFolderPathChange: d, onCreateFolder: f, expandedPaths: p, onExpandedPathsChange: m, loadingPaths: h, hasExistingPublicationInFolder: g, hasWriteAccess: _, isSubmitting: v, hasSubmitError: b = !1, allowReplace: x = !0, onClose: S, returnFocusRef: C, onSubmit: w, panelTexts: T, footerTexts: E, texts: D = {} }) => {
 	let O = u(null), { title: k = "Publish", ariaLabel: ee = "Publish", closeAriaLabel: A = "Close" } = D, j = l(() => Je({
 		hasSelectedFolder: c != null,
 		hasExistingPublicationInFolder: g,
@@ -29066,7 +29061,7 @@ var Ex = {
 			document.removeEventListener("keydown", t);
 		};
 	}, [e, S]), /* @__PURE__ */ R(se, { children: [/* @__PURE__ */ L("div", {
-		className: G("fixed inset-0 z-[55] transition-opacity duration-300", KS.backdrop, e ? "opacity-100" : "pointer-events-none opacity-0"),
+		className: G("fixed inset-0 z-[55] transition-opacity duration-300", HS.backdrop, e ? "opacity-100" : "pointer-events-none opacity-0"),
 		onClick: S,
 		"aria-hidden": "true"
 	}), /* @__PURE__ */ R("div", {
@@ -29077,7 +29072,7 @@ var Ex = {
 		"aria-hidden": !e,
 		inert: !e,
 		tabIndex: -1,
-		className: G("fixed inset-y-0 end-0 z-[60] 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", KS.panel, e ? "translate-x-0" : "translate-x-full rtl:-translate-x-full"),
+		className: G("fixed inset-y-0 end-0 z-[60] 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", HS.panel, e ? "translate-x-0" : "translate-x-full rtl:-translate-x-full"),
 		children: [
 			/* @__PURE__ */ R("div", {
 				className: "flex shrink-0 items-center gap-2 px-[22px] py-3",
@@ -29097,12 +29092,12 @@ var Ex = {
 					})
 				]
 			}),
-			/* @__PURE__ */ L("div", { className: G("shrink-0", KS.divider) }),
+			/* @__PURE__ */ L("div", { className: G("shrink-0", HS.divider) }),
 			/* @__PURE__ */ L("div", {
-				className: G("min-h-0 flex-1 overflow-y-auto", KS.content),
+				className: G("min-h-0 flex-1 overflow-y-auto", HS.content),
 				children: /* @__PURE__ */ L("div", {
 					className: "p-[22px]",
-					children: /* @__PURE__ */ L(jx, {
+					children: /* @__PURE__ */ L(Mx, {
 						item: t,
 						resource: n,
 						history: r,
@@ -29124,7 +29119,7 @@ var Ex = {
 					})
 				})
 			}),
-			/* @__PURE__ */ L(Sx, {
+			/* @__PURE__ */ L(Cx, {
 				version: t?.version ?? n?.version,
 				hasExistingPublicationInFolder: g,
 				isSubmitDisabled: j.isSubmitDisabled,
@@ -29137,4 +29132,4 @@ var Ex = {
 	})] });
 };
 //#endregion
-export { vx as Card, bx as CardGrid, yx as CardRowRenderer, GS as Catalog, Ne as CatalogDetailsTab, B as CatalogEntityType, Fe as CatalogSortKey, Be as CatalogViewMode, Me as CodeLanguage, Le as CredentialStatus, sx as CredentialsBadge, ze as CredentialsBadgeState, Re as CredentialsLevel, V as CredentialsUiState, ES as EntityBadge, Pe as EntityTag, bS as FavoriteCard, CS as Favorites, LS as Filter, dx as FolderPath, NS as ListView, Ve as PublishCalloutKind, kx as PublishFoldersTree, Sx as PublishFooter, Ax as PublishHistoryList, jx as PublishPanel, qS as StandalonePublishPanel, VS as Toolbar, Ie as ToolsetAuthenticationType, hx as TopicTag, tt as collectFolderKeys, Je as derivePublishState, Ge as filterCatalogItems, et as filterFolderTree, Xe as formatPublishedDate, lt as getCredentialsBadgeState, ct as getCredentialsUiState, ut as getSignedInLevel, Ke as sortCatalogItems, qe as useFavColumns, $e as usePublishFlow, rx as useScrollVirtualizer };
+export { yx as Card, xx as CardGrid, bx as CardRowRenderer, VS as Catalog, Ne as CatalogDetailsTab, B as CatalogEntityType, Fe as CatalogSortKey, Be as CatalogViewMode, Me as CodeLanguage, Le as CredentialStatus, lx as CredentialsBadge, ze as CredentialsBadgeState, Re as CredentialsLevel, V as CredentialsUiState, Pe as EntityTag, ox as EntityTypeLabel, xS as FavoriteCard, wS as Favorites, NS as Filter, px as FolderPath, kS as ListView, Ve as PublishCalloutKind, Ax as PublishFoldersTree, Cx as PublishFooter, jx as PublishHistoryList, Mx as PublishPanel, US as StandalonePublishPanel, LS as Toolbar, Ie as ToolsetAuthenticationType, _x as TopicTag, tt as collectFolderKeys, Je as derivePublishState, Ge as filterCatalogItems, et as filterFolderTree, Xe as formatPublishedDate, lt as getCredentialsBadgeState, ct as getCredentialsUiState, ut as getSignedInLevel, Ke as sortCatalogItems, qe as useFavColumns, $e as usePublishFlow, ix as useScrollVirtualizer };