@burdenoff/microfe-store 2026.625.5 → 2026.626.2

package/dist/pages/MarketplaceHomePage.js

@@ -8,10 +8,11 @@ import { useI18n as ae } from "@burdenoff/fe-libs/shared/providers/shell/I18nPro
 import { AlertCircle as oe, Bot as l, Box as u, Brain as d, ChevronDown as f, ChevronRight as se, Clock as ce, Database as le, Download as ue, FileCode2 as p, Filter as de, Gift as fe, GitBranch as m, LayoutDashboard as h, Loader2 as pe, Puzzle as g, Search as me, ShoppingCart as he, SlidersHorizontal as ge, Sparkles as _, Star as v, TrendingUp as _e, X as y } from "lucide-react";
 import { Fragment as ve, jsx as b, jsxs as x } from "react/jsx-runtime";
 import { useNavigate as ye } from "react-router-dom";
-import { useEventBus as be } from "@burdenoff/fe-libs/shared/events";
-import { useDebounce as xe } from "@burdenoff/fe-libs/shared/hooks";
+import { AuroraBackground as be, GlassCard as xe, GradientText as Se, IllustratedEmptyState as Ce, PagePurpose as we } from "@burdenoff/fe-libs/ui";
+import { useEventBus as Te } from "@burdenoff/fe-libs/shared/events";
+import { useDebounce as Ee } from "@burdenoff/fe-libs/shared/hooks";
 //#region src/pages/MarketplaceHomePage.tsx
-var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).toFixed(1)}K` : e.toString(), S = (e) => e.pricingModel === "FREE" || e.price === 0 ? "Free" : `$${e.price}`, C = (e) => ({
+var De = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).toFixed(1)}K` : e.toString(), S = (e) => e.pricingModel === "FREE" || e.price === 0 ? "Free" : `$${e.price}`, C = (e) => ({
 	BOTAPP: "var(--color-accent-blue)",
 	AGENT: "var(--color-accent-purple)",
 	CONSOLE: "var(--color-accent-teal)",
@@ -55,7 +56,7 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 	return n === "featured" ? /* @__PURE__ */ x("button", {
 		type: "button",
 		onClick: t,
-		className: "group relative flex size-full cursor-pointer flex-col overflow-hidden rounded-2xl border border-border-default bg-gradient-to-br from-bg-surface to-bg-sunken p-6 text-left transition-all hover:border-action-primary-border hover:shadow-lg",
+		className: "group relative flex size-full cursor-pointer flex-col overflow-hidden rounded-2xl border border-border-seam bg-gradient-to-br from-bg-surface to-bg-sunken p-6 text-left shadow-elevation-1 transition-[box-shadow,border-color,color] hover:border-border-strong hover:shadow-[var(--shadow-pop)]",
 		children: [
 			e.featured && /* @__PURE__ */ x("div", {
 				className: "absolute right-4 top-4 flex items-center gap-1 rounded-full bg-status-warning-bg-subtle px-2 py-1 text-xs font-medium text-status-warning-text",
@@ -94,7 +95,7 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 				children: e.description || "No description available"
 			}),
 			/* @__PURE__ */ x("div", {
-				className: "mt-4 flex items-center justify-between border-t border-border-default pt-4",
+				className: "mt-4 flex items-center justify-between border-t border-border-seam pt-4",
 				children: [/* @__PURE__ */ x("div", {
 					className: "flex items-center gap-3",
 					children: [/* @__PURE__ */ x("span", {
@@ -102,7 +103,7 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 						children: [/* @__PURE__ */ b(v, { className: "size-4 fill-current text-status-warning-text" }), (e.rating ?? 0).toFixed(1)]
 					}), /* @__PURE__ */ x("span", {
 						className: "flex items-center gap-1 text-sm text-text-muted",
-						children: [/* @__PURE__ */ b(ue, { className: "size-4" }), Se(e.downloads)]
+						children: [/* @__PURE__ */ b(ue, { className: "size-4" }), De(e.downloads)]
 					})]
 				}), /* @__PURE__ */ b("span", {
 					className: "rounded-full bg-action-primary-bg/10 px-3 py-1 text-sm font-medium text-text-link",
@@ -113,7 +114,7 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 	}) : n === "compact" ? /* @__PURE__ */ x("button", {
 		type: "button",
 		onClick: t,
-		className: "group flex cursor-pointer items-center gap-3 rounded-xl border border-transparent p-3 text-left transition-all hover:border-border-default hover:bg-bg-surface",
+		className: "group flex cursor-pointer items-center gap-3 rounded-xl border border-transparent p-3 text-left transition-[background-color,border-color] hover:border-border-seam hover:bg-bg-surface",
 		children: [
 			/* @__PURE__ */ b("div", {
 				className: "flex size-12 flex-shrink-0 items-center justify-center rounded-xl",
@@ -151,7 +152,7 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 	}) : /* @__PURE__ */ x("button", {
 		type: "button",
 		onClick: t,
-		className: "group flex cursor-pointer flex-col overflow-hidden rounded-xl border border-border-default bg-bg-surface p-4 text-left transition-all hover:border-action-primary-border hover:shadow-md",
+		className: "group flex cursor-pointer flex-col overflow-hidden rounded-xl border border-border-seam bg-bg-surface p-4 text-left shadow-elevation-1 transition-[box-shadow,border-color,color] hover:border-border-strong hover:shadow-[var(--shadow-pop)]",
 		children: [
 			/* @__PURE__ */ x("div", {
 				className: "flex items-start gap-3",
@@ -200,7 +201,7 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 						}),
 						/* @__PURE__ */ x("span", {
 							className: "text-xs text-text-muted",
-							children: [Se(e.downloads), " downloads"]
+							children: [De(e.downloads), " downloads"]
 						})
 					]
 				}), /* @__PURE__ */ b("span", {
@@ -230,7 +231,7 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 		className: "cursor-pointer flex items-center gap-1 text-sm font-medium text-text-link hover:underline",
 		children: ["View all", /* @__PURE__ */ b(se, { className: "size-4" })]
 	})]
-}), Ce = ({ typeId: e, name: t, count: n, active: r, onClick: i }) => /* @__PURE__ */ x("button", {
+}), Oe = ({ typeId: e, name: t, count: n, active: r, onClick: i }) => /* @__PURE__ */ x("button", {
 	type: "button",
 	onClick: i,
 	className: `flex cursor-pointer items-center gap-2 rounded-full px-4 py-2 text-sm font-medium transition-all ${r ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-surface text-text-primary hover:bg-bg-sunken"}`,
@@ -245,13 +246,15 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 			children: n
 		})
 	]
-}), we = ({ featuredProducts: e, onProductClick: t, dataTour: n }) => {
+}), ke = ({ featuredProducts: e, onProductClick: t, dataTour: n }) => {
 	let [r, i] = c(0), a = e[r] || e[0];
 	if (!a) return null;
 	let o = C(a.type);
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ x(xe, {
+		treatment: "glass",
+		glow: !0,
 		"data-tour": n,
-		className: "relative overflow-hidden rounded-2xl bg-gradient-to-r from-bg-surface via-bg-sunken to-bg-surface p-8",
+		className: "relative overflow-hidden rounded-2xl p-8",
 		children: [
 			/* @__PURE__ */ b("div", {
 				className: "absolute inset-0 opacity-10",
@@ -265,7 +268,7 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 						/* @__PURE__ */ x("div", {
 							className: "mb-4 flex items-center gap-2",
 							children: [/* @__PURE__ */ x("span", {
-								className: "flex items-center gap-1 rounded-full bg-status-warning-bg-subtle px-3 py-1 text-xs font-semibold text-status-warning-text",
+								className: "flex items-center gap-1 rounded-full bg-status-warning-bg-subtle px-3 py-1 text-xs font-semibold text-status-warning-text motion-safe:animate-vc-glow-pulse",
 								children: [/* @__PURE__ */ b(_, { className: "size-3" }), "Featured App"]
 							}), /* @__PURE__ */ b("span", {
 								className: "rounded-full bg-action-primary-bg/10 px-3 py-1 text-xs font-medium text-text-link",
@@ -344,7 +347,7 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 		]
 	});
 }, k = ({ variant: e = "default" }) => e === "featured" ? /* @__PURE__ */ x("div", {
-	className: "h-full animate-pulse rounded-2xl border border-border-default bg-bg-surface p-6",
+	className: "h-full animate-pulse rounded-2xl border border-border-seam bg-bg-surface p-6",
 	children: [/* @__PURE__ */ x("div", {
 		className: "flex items-start gap-4",
 		children: [/* @__PURE__ */ b("div", { className: "size-16 rounded-2xl bg-bg-sunken" }), /* @__PURE__ */ x("div", {
@@ -362,7 +365,7 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 		children: [/* @__PURE__ */ b("div", { className: "h-4 w-3/4 rounded bg-bg-sunken" }), /* @__PURE__ */ b("div", { className: "h-3 w-1/2 rounded bg-bg-sunken" })]
 	})]
 }) : /* @__PURE__ */ x("div", {
-	className: "animate-pulse rounded-xl border border-border-default bg-bg-surface p-4",
+	className: "animate-pulse rounded-xl border border-border-seam bg-bg-surface p-4",
 	children: [/* @__PURE__ */ x("div", {
 		className: "flex items-start gap-3",
 		children: [/* @__PURE__ */ b("div", { className: "size-14 rounded-xl bg-bg-sunken" }), /* @__PURE__ */ x("div", {
@@ -431,7 +434,7 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 			children: [/* @__PURE__ */ b("div", { className: "h-5 w-40 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ b("div", { className: "h-4 w-32 animate-pulse rounded bg-bg-sunken" })]
 		})]
 	}), /* @__PURE__ */ b("div", { className: "h-4 w-16 animate-pulse rounded bg-bg-sunken" })]
-}), Te = () => /* @__PURE__ */ x("div", {
+}), Ae = () => /* @__PURE__ */ x("div", {
 	className: "mx-auto max-w-7xl space-y-8 p-6",
 	children: [
 		/* @__PURE__ */ b(A, {}),
@@ -489,7 +492,7 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 				"aria-label": e,
 				value: t,
 				onChange: (e) => r(e.target.value),
-				className: "min-w-[8rem] appearance-none bg-transparent pr-6 text-sm font-medium text-text-primary focus:outline-none",
+				className: "min-w-[8rem] appearance-none bg-transparent pr-6 text-sm font-medium text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
 				children: n.map((e) => /* @__PURE__ */ b("option", {
 					value: e.value,
 					children: e.label
@@ -499,7 +502,7 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 		]
 	});
 }, F = () => {
-	let l = ye(), { basePath: d } = e(), { t: f } = ae(), se = re(), le = be(), { cartOpen: ue, closeCart: p, itemCount: m, cartItems: h, subtotal: g, tax: Se, total: S, updateQuantity: C, removeProduct: w } = t(), [T, E] = c(""), [k, A] = c("all"), [j, M] = c("all"), [N, F] = c("any"), [I, Ee] = c("all"), [L, De] = c("all"), [R, Oe] = c("all"), [z, ke] = c(!1), [B, Ae] = c("relevance"), [je, Me] = c(!1), V = xe(T, 1500), Ne = [
+	let l = ye(), { basePath: d } = e(), { t: f } = ae(), se = re(), le = Te(), { cartOpen: ue, closeCart: p, itemCount: m, cartItems: h, subtotal: g, tax: xe, total: De, updateQuantity: S, removeProduct: C } = t(), [w, T] = c(""), [E, k] = c("all"), [A, j] = c("all"), [M, N] = c("any"), [F, je] = c("all"), [I, Me] = c("all"), [L, Ne] = c("all"), [R, Pe] = c(!1), [z, Fe] = c("relevance"), [Ie, Le] = c(!1), B = Ee(w, 1500), Re = [
 		{
 			value: "all",
 			label: "All Prices"
@@ -516,7 +519,7 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 			value: "subscription",
 			label: "Subscription"
 		}
-	], Pe = [
+	], ze = [
 		{
 			value: "any",
 			label: "Any Rating"
@@ -537,7 +540,7 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 			value: "4.5",
 			label: "4.5+ Stars"
 		}
-	], Fe = [
+	], Be = [
 		{
 			value: "all",
 			label: "All Types"
@@ -550,7 +553,7 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 			value: "physical",
 			label: "Physical"
 		}
-	], Ie = [
+	], Ve = [
 		{
 			value: "relevance",
 			label: "Relevance"
@@ -579,7 +582,7 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 			value: "name-asc",
 			label: "Name A-Z"
 		}
-	], Le = (e) => ({
+	], He = (e) => ({
 		relevance: o.Relevance,
 		rating: o.Rating,
 		downloads: o.Downloads,
@@ -587,70 +590,70 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 		"price-low": o.PriceLow,
 		"price-high": o.PriceHigh,
 		"name-asc": o.NameAsc
-	})[e], Re = (e) => {
+	})[e], Ue = (e) => {
 		if (e !== "all") return {
 			free: i.Free,
 			paid: i.PaidOnetime,
 			subscription: i.Subscription
 		}[e];
-	}, H = V.trim() !== "" || j !== "all" || N !== "any" || I !== "all" || L !== "all" || R !== "all" || z || k !== "all" || B !== "relevance", ze = T.trim() !== "" && T !== V, Be = () => {
-		E(""), M("all"), F("any"), Ee("all"), De("all"), Oe("all"), ke(!1), Ae("relevance"), A("all");
-	}, U = (j === "all" ? 0 : 1) + (N === "any" ? 0 : 1) + (I === "all" ? 0 : 1) + (L === "all" ? 0 : 1) + (R === "all" ? 0 : 1) + +!!z + (k === "all" ? 0 : 1), Ve = s(() => {
+	}, V = B.trim() !== "" || A !== "all" || M !== "any" || F !== "all" || I !== "all" || L !== "all" || R || E !== "all" || z !== "relevance", We = w.trim() !== "" && w !== B, Ge = () => {
+		T(""), j("all"), N("any"), je("all"), Me("all"), Ne("all"), Pe(!1), Fe("relevance"), k("all");
+	}, H = (A === "all" ? 0 : 1) + (M === "any" ? 0 : 1) + (F === "all" ? 0 : 1) + (I === "all" ? 0 : 1) + (L === "all" ? 0 : 1) + +!!R + (E === "all" ? 0 : 1), Ke = s(() => {
 		let e = {
-			sortBy: Le(B),
+			sortBy: He(z),
 			pagination: { limit: 50 }
 		};
-		if (H) {
-			e.filter = {}, V.trim() && (e.filter.search = V.trim()), k !== "all" && (e.filter.type = k), L !== "all" && (e.filter.category = L), I !== "all" && (e.filter.nature = I === "digital" ? a.Digital : a.Physical);
-			let t = Re(j);
-			t && (e.filter.pricingModel = t), N !== "any" && (e.filter.minRating = parseFloat(N)), z && (e.filter.featured = !0), R !== "all" && (e.filter.license = R);
+		if (V) {
+			e.filter = {}, B.trim() && (e.filter.search = B.trim()), E !== "all" && (e.filter.type = E), I !== "all" && (e.filter.category = I), F !== "all" && (e.filter.nature = F === "digital" ? a.Digital : a.Physical);
+			let t = Ue(A);
+			t && (e.filter.pricingModel = t), M !== "any" && (e.filter.minRating = parseFloat(M)), R && (e.filter.featured = !0), L !== "all" && (e.filter.license = L);
 		}
 		return e;
 	}, [
-		V,
-		k,
-		L,
+		B,
+		E,
 		I,
-		j,
-		N,
-		z,
+		F,
+		A,
+		M,
 		R,
-		B,
-		H
-	]), { featured: W, mostDownloaded: G, recentlyAdded: K, freeItems: q, loading: He, error: Ue, refetch: We } = r({ skip: H }), { products: Ge, totalCount: J, facets: Y, loading: X, error: Ke, refetch: qe } = n(H ? Ve : {}, { skip: !H }), Je = H ? X : He, Z = H ? Ke : Ue, Ye = H ? qe : We, Xe = H ? Ge : [], Ze = ie(J);
-	Ze.current = J;
-	let Qe = ie(le);
-	Qe.current = le, ne(() => {
-		!V.trim() || X || Qe.current.emit("store.marketplace.searched", {
-			query: V,
-			resultCount: Ze.current
+		L,
+		z,
+		V
+	]), { featured: U, mostDownloaded: W, recentlyAdded: G, freeItems: K, loading: qe, error: Je, refetch: Ye } = r({ skip: V }), { products: Xe, totalCount: q, facets: J, loading: Y, error: Ze, refetch: Qe } = n(V ? Ke : {}, { skip: !V }), $e = V ? Y : qe, X = V ? Ze : Je, et = V ? Qe : Ye, tt = V ? Xe : [], nt = ie(q);
+	nt.current = q;
+	let rt = ie(le);
+	rt.current = le, ne(() => {
+		!B.trim() || Y || rt.current.emit("store.marketplace.searched", {
+			query: B,
+			resultCount: nt.current
 		});
-	}, [V, X]);
-	let Q = te((e) => {
+	}, [B, Y]);
+	let Z = te((e) => {
 		l(`${d}/marketplace/product/${e.id}`);
-	}, [l, d]), $e = () => {
+	}, [l, d]), it = () => {
 		p(), l(`${d}/cart`);
-	}, $ = s(() => [...new Map([
+	}, Q = s(() => [...new Map([
+		...U,
 		...W,
 		...G,
-		...K,
-		...q
+		...K
 	].map((e) => [e.id, e])).values()], [
+		U,
 		W,
 		G,
-		K,
-		q
-	]), et = s(() => {
-		if (Y?.types && Y.types.length > 0) return [{
+		K
+	]), at = s(() => {
+		if (J?.types && J.types.length > 0) return [{
 			id: "all",
 			name: "All Apps",
-			count: J
-		}, ...Y.types.map((e) => ({
+			count: q
+		}, ...J.types.map((e) => ({
 			id: e.value,
 			name: e.value.charAt(0) + e.value.slice(1).toLowerCase().replace(/_/g, " "),
 			count: e.count
 		}))];
-		let e = $.reduce((e, t) => (e.set(t.type, (e.get(t.type) ?? 0) + 1), e), /* @__PURE__ */ new Map()), t = Array.from(e.entries()).flatMap(([e, t]) => t > 0 ? [{
+		let e = Q.reduce((e, t) => (e.set(t.type, (e.get(t.type) ?? 0) + 1), e), /* @__PURE__ */ new Map()), t = Array.from(e.entries()).flatMap(([e, t]) => t > 0 ? [{
 			id: e,
 			name: e.charAt(0) + e.slice(1).toLowerCase().replace(/_/g, " "),
 			count: t
@@ -658,45 +661,50 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 		return [{
 			id: "all",
 			name: "All Apps",
-			count: $.length
+			count: Q.length
 		}, ...t];
 	}, [
-		Y,
-		$,
-		J
-	]), tt = s(() => Y?.categories && Y.categories.length > 0 ? [{
+		J,
+		Q,
+		q
+	]), ot = s(() => J?.categories && J.categories.length > 0 ? [{
 		value: "all",
 		label: "All Categories"
-	}, ...Y.categories.map((e) => ({
+	}, ...J.categories.map((e) => ({
 		value: e.value,
 		label: e.value
 	}))] : [{
 		value: "all",
 		label: "All Categories"
-	}, ...Array.from(new Set($.flatMap((e) => e.category ? [e.category] : []))).map((e) => ({
+	}, ...Array.from(new Set(Q.flatMap((e) => e.category ? [e.category] : []))).map((e) => ({
 		value: e,
 		label: e
-	})).sort((e, t) => e.label.localeCompare(t.label))], [Y, $]), nt = s(() => Y?.licenses && Y.licenses.length > 0 ? [{
+	})).sort((e, t) => e.label.localeCompare(t.label))], [J, Q]), $ = s(() => J?.licenses && J.licenses.length > 0 ? [{
 		value: "all",
 		label: "All Licenses"
-	}, ...Y.licenses.map((e) => ({
+	}, ...J.licenses.map((e) => ({
 		value: e.value,
 		label: e.value
 	}))] : [{
 		value: "all",
 		label: "All Licenses"
-	}], [Y]);
+	}], [J]);
 	return /* @__PURE__ */ x("div", {
 		className: "flex h-full flex-col",
 		children: [
 			/* @__PURE__ */ x("header", {
-				className: "border-b border-border-default bg-bg-surface px-6 py-4",
+				className: "relative overflow-hidden border-b border-border-seam bg-bg-surface px-6 py-4",
 				children: [
+					/* @__PURE__ */ b(be, { intensity: "subtle" }),
 					/* @__PURE__ */ x("div", {
 						className: "flex items-center justify-between",
 						children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("h1", {
 							className: "text-2xl font-bold text-text-primary",
-							children: ["App ", f("pages.marketplace.title", { defaultValue: "Marketplace" })]
+							children: [
+								"App",
+								" ",
+								/* @__PURE__ */ b(Se, { children: f("pages.marketplace.title", { defaultValue: "Marketplace" }) })
+							]
 						}), /* @__PURE__ */ b("p", {
 							className: "text-sm text-text-muted",
 							children: f("pages.marketplace.subtitle", { defaultValue: "Discover apps, workflows, and integrations for your workspace" })
@@ -731,14 +739,14 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 									"data-tour": "store-marketplace-search-input",
 									"aria-label": f("pages.marketplace.search.label", { defaultValue: "Search marketplace products" }),
 									type: "text",
-									value: T,
-									onChange: (e) => E(e.target.value),
+									value: w,
+									onChange: (e) => T(e.target.value),
 									placeholder: f("pages.marketplace.search.placeholder", { defaultValue: "Search apps, workflows, integrations..." }),
 									className: "w-full rounded-xl border border-border-default bg-bg-sunken py-3 pl-12 pr-4 text-text-primary placeholder-text-muted focus:border-action-primary-border focus:bg-bg-surface focus:outline-none focus:ring-2 focus:ring-action-primary-border/20"
 								}),
-								T && /* @__PURE__ */ b("button", {
+								w && /* @__PURE__ */ b("button", {
 									type: "button",
-									onClick: () => E(""),
+									onClick: () => T(""),
 									"aria-label": f("pages.marketplace.search.clear", { defaultValue: "Clear search" }),
 									className: "cursor-pointer absolute right-4 top-1/2 -translate-y-1/2 text-text-muted transition-colors hover:text-text-primary",
 									children: /* @__PURE__ */ b(y, {
@@ -747,15 +755,15 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 									})
 								})
 							]
-						}), T.trim() && /* @__PURE__ */ b("div", {
+						}), w.trim() && /* @__PURE__ */ b("div", {
 							"aria-live": "polite",
 							className: "mt-2 flex items-center gap-2 text-sm text-text-muted",
-							children: ze || X ? /* @__PURE__ */ x(ve, { children: [/* @__PURE__ */ b(pe, { className: "size-4 animate-spin" }), /* @__PURE__ */ b("span", { children: f("pages.marketplace.search.searching", { defaultValue: "Searching..." }) })] }) : /* @__PURE__ */ x("span", { children: [
-								J,
+							children: We || Y ? /* @__PURE__ */ x(ve, { children: [/* @__PURE__ */ b(pe, { className: "size-4 animate-spin" }), /* @__PURE__ */ b("span", { children: f("pages.marketplace.search.searching", { defaultValue: "Searching..." }) })] }) : /* @__PURE__ */ x("span", { children: [
+								q,
 								" result",
-								J === 1 ? "" : "s",
+								q === 1 ? "" : "s",
 								" for “",
-								V,
+								B,
 								"”"
 							] })
 						})]
@@ -766,14 +774,14 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 							/* @__PURE__ */ x("button", {
 								type: "button",
 								"data-tour": "store-marketplace-filters-button",
-								onClick: () => Me(!je),
-								className: `cursor-pointer flex items-center gap-2 rounded-lg border px-3 py-2 text-sm font-medium transition-colors ${je || U > 0 ? "border-action-primary-border bg-action-primary-bg/10 text-text-link" : "border-border-default bg-bg-surface text-text-primary transition-colors hover:bg-bg-sunken"}`,
+								onClick: () => Le(!Ie),
+								className: `cursor-pointer flex items-center gap-2 rounded-lg border px-3 py-2 text-sm font-medium transition-colors ${Ie || H > 0 ? "border-action-primary-border bg-action-primary-bg/10 text-text-link" : "border-border-default bg-bg-surface text-text-primary transition-colors hover:bg-bg-sunken"}`,
 								children: [
 									/* @__PURE__ */ b(ge, { className: "size-4" }),
 									f("pages.marketplace.filters", { defaultValue: "Filters" }),
-									U > 0 && /* @__PURE__ */ b("span", {
+									H > 0 && /* @__PURE__ */ b("span", {
 										className: "flex size-5 items-center justify-center rounded-full bg-action-primary-bg text-xs text-action-primary-text",
-										children: U
+										children: H
 									})
 								]
 							}),
@@ -783,27 +791,27 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 								children: [
 									/* @__PURE__ */ x("button", {
 										type: "button",
-										onClick: () => M(j === "free" ? "all" : "free"),
-										className: `cursor-pointer flex items-center gap-1.5 rounded-full px-3 py-1.5 text-sm font-medium transition-colors ${j === "free" ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-primary transition-colors hover:bg-bg-surface"}`,
+										onClick: () => j(A === "free" ? "all" : "free"),
+										className: `cursor-pointer flex items-center gap-1.5 rounded-full px-3 py-1.5 text-sm font-medium transition-colors ${A === "free" ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-primary transition-colors hover:bg-bg-surface"}`,
 										children: [/* @__PURE__ */ b(fe, { className: "size-3.5" }), "Free"]
 									}),
 									/* @__PURE__ */ x("button", {
 										type: "button",
-										onClick: () => F(N === "4" ? "any" : "4"),
-										className: `cursor-pointer flex items-center gap-1.5 rounded-full px-3 py-1.5 text-sm font-medium transition-colors ${N === "4" ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-primary transition-colors hover:bg-bg-surface"}`,
+										onClick: () => N(M === "4" ? "any" : "4"),
+										className: `cursor-pointer flex items-center gap-1.5 rounded-full px-3 py-1.5 text-sm font-medium transition-colors ${M === "4" ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-primary transition-colors hover:bg-bg-surface"}`,
 										children: [/* @__PURE__ */ b(v, { className: "size-3.5" }), "4+ Stars"]
 									}),
 									/* @__PURE__ */ x("button", {
 										type: "button",
-										onClick: () => ke(!z),
-										className: `cursor-pointer flex items-center gap-1.5 rounded-full px-3 py-1.5 text-sm font-medium transition-colors ${z ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-primary transition-colors hover:bg-bg-surface"}`,
+										onClick: () => Pe(!R),
+										className: `cursor-pointer flex items-center gap-1.5 rounded-full px-3 py-1.5 text-sm font-medium transition-colors ${R ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-primary transition-colors hover:bg-bg-surface"}`,
 										children: [/* @__PURE__ */ b(_, { className: "size-3.5" }), "Featured"]
 									})
 								]
 							}),
-							H && /* @__PURE__ */ x("button", {
+							V && /* @__PURE__ */ x("button", {
 								type: "button",
-								onClick: Be,
+								onClick: Ge,
 								className: "cursor-pointer flex items-center gap-1 text-sm text-text-muted transition-colors hover:text-text-primary",
 								children: [/* @__PURE__ */ b(y, {
 									className: "size-4",
@@ -815,15 +823,15 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 								"data-tour": "store-marketplace-section-sort",
 								children: /* @__PURE__ */ b(P, {
 									label: "Sort",
-									value: B,
-									options: Ie,
-									onChange: (e) => Ae(e)
+									value: z,
+									options: Ve,
+									onChange: (e) => Fe(e)
 								})
 							})
 						]
 					}),
-					je && /* @__PURE__ */ x("div", {
-						className: "mt-4 rounded-lg border border-border-default bg-bg-surface p-4",
+					Ie && /* @__PURE__ */ x("div", {
+						className: "mt-4 rounded-lg border border-border-seam bg-bg-surface p-4",
 						children: [/* @__PURE__ */ x("div", {
 							className: "flex flex-wrap items-start gap-6",
 							children: [
@@ -834,9 +842,9 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 										children: "Pricing"
 									}), /* @__PURE__ */ b(P, {
 										label: "Price",
-										value: j,
-										options: Ne,
-										onChange: (e) => M(e)
+										value: A,
+										options: Re,
+										onChange: (e) => j(e)
 									})]
 								}),
 								/* @__PURE__ */ x("div", {
@@ -846,21 +854,21 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 										children: "Min Rating"
 									}), /* @__PURE__ */ b(P, {
 										label: "Rating",
-										value: N,
-										options: Pe,
-										onChange: (e) => F(e)
+										value: M,
+										options: ze,
+										onChange: (e) => N(e)
 									})]
 								}),
-								tt.length > 1 && /* @__PURE__ */ x("div", {
+								ot.length > 1 && /* @__PURE__ */ x("div", {
 									className: "flex flex-col gap-2",
 									children: [/* @__PURE__ */ b("span", {
 										className: "text-xs font-medium uppercase tracking-wider text-text-muted",
 										children: "Category"
 									}), /* @__PURE__ */ b(P, {
 										label: "Category",
-										value: L,
-										options: tt,
-										onChange: De
+										value: I,
+										options: ot,
+										onChange: Me
 									})]
 								}),
 								/* @__PURE__ */ x("div", {
@@ -870,34 +878,34 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 										children: "Nature"
 									}), /* @__PURE__ */ b(P, {
 										label: "Nature",
-										value: I,
-										options: Fe,
-										onChange: (e) => Ee(e)
+										value: F,
+										options: Be,
+										onChange: (e) => je(e)
 									})]
 								}),
-								nt.length > 1 && /* @__PURE__ */ x("div", {
+								$.length > 1 && /* @__PURE__ */ x("div", {
 									className: "flex flex-col gap-2",
 									children: [/* @__PURE__ */ b("span", {
 										className: "text-xs font-medium uppercase tracking-wider text-text-muted",
 										children: "License"
 									}), /* @__PURE__ */ b(P, {
 										label: "License",
-										value: R,
-										options: nt,
-										onChange: Oe
+										value: L,
+										options: $,
+										onChange: Ne
 									})]
 								})
 							]
-						}), U > 0 && /* @__PURE__ */ x("div", {
+						}), H > 0 && /* @__PURE__ */ x("div", {
 							className: "mt-4 flex flex-wrap items-center gap-2 border-t border-border-default pt-4",
 							children: [
 								/* @__PURE__ */ b("span", {
 									className: "text-xs font-medium text-text-muted",
 									children: "Active filters:"
 								}),
-								k !== "all" && /* @__PURE__ */ x("button", {
+								E !== "all" && /* @__PURE__ */ x("button", {
 									type: "button",
-									onClick: () => A("all"),
+									onClick: () => k("all"),
 									className: "inline-flex cursor-pointer items-center gap-1.5 rounded-full border border-action-primary-border bg-action-primary-bg/5 px-3 py-1.5 text-xs font-medium text-text-link shadow-sm transition-colors hover:bg-action-primary-bg/15",
 									children: [
 										/* @__PURE__ */ b("span", {
@@ -905,16 +913,16 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 											children: "Type:"
 										}),
 										" ",
-										k,
+										E,
 										/* @__PURE__ */ b(y, {
 											className: "size-3",
 											"aria-hidden": "true"
 										})
 									]
 								}),
-								j !== "all" && /* @__PURE__ */ x("button", {
+								A !== "all" && /* @__PURE__ */ x("button", {
 									type: "button",
-									onClick: () => M("all"),
+									onClick: () => j("all"),
 									className: "inline-flex cursor-pointer items-center gap-1.5 rounded-full border border-action-primary-border bg-action-primary-bg/5 px-3 py-1.5 text-xs font-medium text-text-link shadow-sm transition-colors hover:bg-action-primary-bg/15",
 									children: [
 										/* @__PURE__ */ b("span", {
@@ -922,16 +930,16 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 											children: "Price:"
 										}),
 										" ",
-										Ne.find((e) => e.value === j)?.label,
+										Re.find((e) => e.value === A)?.label,
 										/* @__PURE__ */ b(y, {
 											className: "size-3",
 											"aria-hidden": "true"
 										})
 									]
 								}),
-								N !== "any" && /* @__PURE__ */ x("button", {
+								M !== "any" && /* @__PURE__ */ x("button", {
 									type: "button",
-									onClick: () => F("any"),
+									onClick: () => N("any"),
 									className: "inline-flex cursor-pointer items-center gap-1.5 rounded-full border border-action-primary-border bg-action-primary-bg/5 px-3 py-1.5 text-xs font-medium text-text-link shadow-sm transition-colors hover:bg-action-primary-bg/15",
 									children: [
 										/* @__PURE__ */ b("span", {
@@ -939,16 +947,16 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 											children: "Rating:"
 										}),
 										" ",
-										Pe.find((e) => e.value === N)?.label,
+										ze.find((e) => e.value === M)?.label,
 										/* @__PURE__ */ b(y, {
 											className: "size-3",
 											"aria-hidden": "true"
 										})
 									]
 								}),
-								L !== "all" && /* @__PURE__ */ x("button", {
+								I !== "all" && /* @__PURE__ */ x("button", {
 									type: "button",
-									onClick: () => De("all"),
+									onClick: () => Me("all"),
 									className: "inline-flex cursor-pointer items-center gap-1.5 rounded-full border border-action-primary-border bg-action-primary-bg/5 px-3 py-1.5 text-xs font-medium text-text-link shadow-sm transition-colors hover:bg-action-primary-bg/15",
 									children: [
 										/* @__PURE__ */ b("span", {
@@ -956,16 +964,16 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 											children: "Category:"
 										}),
 										" ",
-										L,
+										I,
 										/* @__PURE__ */ b(y, {
 											className: "size-3",
 											"aria-hidden": "true"
 										})
 									]
 								}),
-								I !== "all" && /* @__PURE__ */ x("button", {
+								F !== "all" && /* @__PURE__ */ x("button", {
 									type: "button",
-									onClick: () => Ee("all"),
+									onClick: () => je("all"),
 									className: "inline-flex cursor-pointer items-center gap-1.5 rounded-full border border-action-primary-border bg-action-primary-bg/5 px-3 py-1.5 text-xs font-medium text-text-link shadow-sm transition-colors hover:bg-action-primary-bg/15",
 									children: [
 										/* @__PURE__ */ b("span", {
@@ -973,16 +981,16 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 											children: "Nature:"
 										}),
 										" ",
-										Fe.find((e) => e.value === I)?.label,
+										Be.find((e) => e.value === F)?.label,
 										/* @__PURE__ */ b(y, {
 											className: "size-3",
 											"aria-hidden": "true"
 										})
 									]
 								}),
-								R !== "all" && /* @__PURE__ */ x("button", {
+								L !== "all" && /* @__PURE__ */ x("button", {
 									type: "button",
-									onClick: () => Oe("all"),
+									onClick: () => Ne("all"),
 									className: "inline-flex cursor-pointer items-center gap-1.5 rounded-full border border-action-primary-border bg-action-primary-bg/5 px-3 py-1.5 text-xs font-medium text-text-link shadow-sm transition-colors hover:bg-action-primary-bg/15",
 									children: [
 										/* @__PURE__ */ b("span", {
@@ -990,16 +998,16 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 											children: "License:"
 										}),
 										" ",
-										nt.find((e) => e.value === R)?.label,
+										$.find((e) => e.value === L)?.label,
 										/* @__PURE__ */ b(y, {
 											className: "size-3",
 											"aria-hidden": "true"
 										})
 									]
 								}),
-								z && /* @__PURE__ */ x("button", {
+								R && /* @__PURE__ */ x("button", {
 									type: "button",
-									onClick: () => ke(!1),
+									onClick: () => Pe(!1),
 									className: "inline-flex cursor-pointer items-center gap-1.5 rounded-full border border-action-primary-border bg-action-primary-bg/5 px-3 py-1.5 text-xs font-medium text-text-link shadow-sm transition-colors hover:bg-action-primary-bg/15",
 									children: [
 										/* @__PURE__ */ b(_, { className: "size-3" }),
@@ -1020,7 +1028,8 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 				children: /* @__PURE__ */ x("div", {
 					className: "mx-auto max-w-7xl space-y-8 p-6",
 					children: [
-						Z && /* @__PURE__ */ x("div", {
+						/* @__PURE__ */ b(we, { children: "The marketplace is where you discover and install apps, agents, workflows, nodes and widgets that extend your workspaces. Browse featured and trending picks, filter by type or category, search for something specific, then open any product to view pricing and reviews before adding it to your cart." }),
+						X && /* @__PURE__ */ x("div", {
 							role: "alert",
 							className: "flex flex-col items-center justify-center rounded-xl border border-status-error-border bg-status-error-bg-subtle p-8 text-center",
 							children: [
@@ -1031,129 +1040,111 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 								}),
 								/* @__PURE__ */ b("p", {
 									className: "mb-4 text-sm text-status-error-text",
-									children: Z.message || "An error occurred while fetching products"
+									children: X.message || "An error occurred while fetching products"
 								}),
 								/* @__PURE__ */ b("button", {
 									type: "button",
-									onClick: () => Ye(),
+									onClick: () => et(),
 									className: "cursor-pointer rounded-lg bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text transition-colors hover:bg-status-error-bg-emphasis",
 									children: "Try Again"
 								})
 							]
 						}),
-						Je && !Z && /* @__PURE__ */ b(Te, {}),
-						!Je && !Z && /* @__PURE__ */ x(ve, { children: [
-							!H && k === "all" && W.length > 0 && /* @__PURE__ */ b(we, {
+						$e && !X && /* @__PURE__ */ b(Ae, {}),
+						!$e && !X && /* @__PURE__ */ x(ve, { children: [
+							!V && E === "all" && U.length > 0 && /* @__PURE__ */ b(ke, {
 								dataTour: "store-marketplace-hero-section",
-								featuredProducts: W,
-								onProductClick: Q
+								featuredProducts: U,
+								onProductClick: Z
 							}),
-							et.length > 1 && /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h2", {
+							at.length > 1 && /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h2", {
 								className: "mb-4 text-lg font-semibold text-text-primary",
 								children: "Browse by Type"
 							}), /* @__PURE__ */ b("div", {
 								className: "flex flex-wrap gap-2",
 								"data-tour": "store-marketplace-type-categories",
-								children: et.map((e) => /* @__PURE__ */ b(Ce, {
+								children: at.map((e) => /* @__PURE__ */ b(Oe, {
 									typeId: e.id,
 									name: e.name,
 									count: e.count,
-									active: k === e.id,
-									onClick: () => A(e.id)
+									active: E === e.id,
+									onClick: () => k(e.id)
 								}, e.id))
 							})] }),
-							H && /* @__PURE__ */ x("section", { children: [/* @__PURE__ */ b(O, {
+							V && /* @__PURE__ */ x("section", { children: [/* @__PURE__ */ b(O, {
 								icon: de,
-								title: V ? "Search Results" : "Filtered Results",
-								subtitle: `${J} app${J === 1 ? "" : "s"} found`
-							}), Xe.length > 0 ? /* @__PURE__ */ b("div", {
+								title: B ? "Search Results" : "Filtered Results",
+								subtitle: `${q} app${q === 1 ? "" : "s"} found`
+							}), tt.length > 0 ? /* @__PURE__ */ b("div", {
 								className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 								"data-tour": "store-marketplace-product-grid",
-								children: Xe.map((e) => /* @__PURE__ */ b(D, {
+								children: tt.map((e) => /* @__PURE__ */ b(D, {
 									product: e,
-									onClick: () => Q(e)
+									onClick: () => Z(e)
 								}, e.id))
-							}) : /* @__PURE__ */ x("div", {
-								className: "flex flex-col items-center justify-center rounded-xl border border-border-default bg-bg-surface p-8 text-center",
-								children: [
-									/* @__PURE__ */ b(de, { className: "mb-4 size-12 text-text-muted" }),
-									/* @__PURE__ */ b("h3", {
-										className: "mb-2 text-lg font-semibold text-text-primary",
-										children: "No apps match your filters"
-									}),
-									/* @__PURE__ */ b("p", {
-										className: "mb-4 text-sm text-text-muted",
-										children: "Try adjusting your filter criteria or clearing filters to see more results."
-									}),
-									/* @__PURE__ */ b("button", {
-										type: "button",
-										onClick: Be,
-										className: "cursor-pointer rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-opacity hover:opacity-90",
-										children: "Clear All Filters"
-									})
-								]
+							}) : /* @__PURE__ */ b(Ce, {
+								illustration: "empty-search",
+								title: "No apps match your filters",
+								description: "Try adjusting your filter criteria or clearing filters to see more results.",
+								action: /* @__PURE__ */ b("button", {
+									type: "button",
+									onClick: Ge,
+									className: "cursor-pointer rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-opacity hover:opacity-90",
+									children: "Clear All Filters"
+								})
 							})] }),
-							!H && k === "all" && /* @__PURE__ */ x(ve, { children: [
-								G.length > 0 && /* @__PURE__ */ x("section", { children: [/* @__PURE__ */ b(O, {
+							!V && E === "all" && /* @__PURE__ */ x(ve, { children: [
+								W.length > 0 && /* @__PURE__ */ x("section", { children: [/* @__PURE__ */ b(O, {
 									icon: _e,
 									title: "Most Downloaded",
 									subtitle: "Top picks by our community"
 								}), /* @__PURE__ */ b("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
 									"data-tour": "store-marketplace-most-downloaded",
-									children: G.slice(0, 6).map((e) => /* @__PURE__ */ b(D, {
+									children: W.slice(0, 6).map((e) => /* @__PURE__ */ b(D, {
 										product: e,
-										onClick: () => Q(e)
+										onClick: () => Z(e)
 									}, e.id))
 								})] }),
-								K.length > 0 && /* @__PURE__ */ x("section", { children: [/* @__PURE__ */ b(O, {
+								G.length > 0 && /* @__PURE__ */ x("section", { children: [/* @__PURE__ */ b(O, {
 									icon: ce,
 									title: "New Releases",
 									subtitle: "Recently published apps"
 								}), /* @__PURE__ */ b("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-									children: K.slice(0, 6).map((e) => /* @__PURE__ */ b(D, {
+									children: G.slice(0, 6).map((e) => /* @__PURE__ */ b(D, {
 										product: e,
-										onClick: () => Q(e)
+										onClick: () => Z(e)
 									}, e.id))
 								})] }),
-								q.length > 0 && /* @__PURE__ */ x("section", { children: [/* @__PURE__ */ b(O, {
+								K.length > 0 && /* @__PURE__ */ x("section", { children: [/* @__PURE__ */ b(O, {
 									icon: fe,
 									title: "Free Apps",
 									subtitle: "No cost, full functionality"
 								}), /* @__PURE__ */ b("div", {
 									className: "grid grid-cols-2 gap-2 sm:grid-cols-3 lg:grid-cols-6",
-									children: q.slice(0, 6).map((e) => /* @__PURE__ */ b(D, {
+									children: K.slice(0, 6).map((e) => /* @__PURE__ */ b(D, {
 										product: e,
-										onClick: () => Q(e),
+										onClick: () => Z(e),
 										variant: "compact"
 									}, e.id))
 								})] }),
-								$.length > 0 && /* @__PURE__ */ x("section", { children: [/* @__PURE__ */ b(O, {
+								Q.length > 0 && /* @__PURE__ */ x("section", { children: [/* @__PURE__ */ b(O, {
 									icon: u,
 									title: "All Apps",
-									subtitle: `${$.length} apps available`
+									subtitle: `${Q.length} apps available`
 								}), /* @__PURE__ */ b("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
-									children: $.map((e) => /* @__PURE__ */ b(D, {
+									children: Q.map((e) => /* @__PURE__ */ b(D, {
 										product: e,
-										onClick: () => Q(e)
+										onClick: () => Z(e)
 									}, e.id))
 								})] })
 							] }),
-							$.length === 0 && /* @__PURE__ */ x("div", {
-								className: "flex flex-col items-center justify-center rounded-xl border border-border-default bg-bg-surface p-12 text-center",
-								children: [
-									/* @__PURE__ */ b(u, { className: "mb-4 size-16 text-text-muted" }),
-									/* @__PURE__ */ b("h3", {
-										className: "mb-2 text-xl font-semibold text-text-primary",
-										children: "No apps available yet"
-									}),
-									/* @__PURE__ */ b("p", {
-										className: "max-w-md text-text-muted",
-										children: "The marketplace is empty. Check back soon for new apps, workflows, and integrations."
-									})
-								]
+							Q.length === 0 && /* @__PURE__ */ b(Ce, {
+								illustration: "onboarding",
+								title: "No apps available yet",
+								description: "The marketplace is empty. Check back soon for new apps, workflows, and integrations."
 							})
 						] })
 					]
@@ -1162,14 +1153,14 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 			/* @__PURE__ */ b(ee, {
 				isOpen: ue,
 				onClose: p,
-				onCheckout: $e,
+				onCheckout: it,
 				cartItems: h,
 				itemCount: m,
 				subtotal: g,
-				tax: Se,
-				total: S,
-				updateQuantity: C,
-				removeProduct: w
+				tax: xe,
+				total: De,
+				updateQuantity: S,
+				removeProduct: C
 			})
 		]
 	});