@burdenoff/microfe-store 2026.625.2 → 2026.625.3

package/dist/pages/MarketplaceHomePage.js

@@ -5,13 +5,14 @@ import { PricingModel as i, ProductNature as a, StoreSortBy as o } from "../gene
 import { CartDrawer as ee } from "../components/cart/CartDrawer.js";
 import { useCallback as te, useEffect as ne, useId as re, useMemo as s, useRef as ie, useState as c } from "react";
 import { useI18n as ae } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-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 { 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 de, Filter as fe, Gift as pe, GitBranch as p, LayoutDashboard as m, Loader2 as me, Puzzle as h, Search as he, ShoppingCart as ge, SlidersHorizontal as _e, Sparkles as g, Star as _, TrendingUp as ve, X as v } from "lucide-react";
+import { Fragment as ye, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { useNavigate as be } from "react-router-dom";
+import { AuroraBackground as xe, GlassCard as Se, GradientText as Ce, IllustratedEmptyState 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 x = (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)",
@@ -32,108 +33,108 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 })[e] || "var(--color-text-muted)", w = (e) => `color-mix(in srgb, ${C(e)}, transparent 85%)`, T = {
 	BOTAPP: l,
 	AGENT: d,
-	CONSOLE: h,
-	WORKFLOW: m,
+	CONSOLE: m,
+	WORKFLOW: p,
 	NODE: u,
-	WIDGET: g,
-	VIBEMODULE: g,
-	DASHBOARD: h,
-	PARSER: p,
+	WIDGET: h,
+	VIBEMODULE: h,
+	DASHBOARD: m,
+	PARSER: de,
 	DATASINK: le,
 	APP: u,
-	TEMPLATE: h,
-	INTEGRATION: m,
-	EXTENSION: g,
-	THEME: g,
-	PLUGIN: g,
+	TEMPLATE: m,
+	INTEGRATION: p,
+	EXTENSION: h,
+	THEME: h,
+	PLUGIN: h,
 	COMPONENT: u
-}, E = ({ type: e, className: t, style: n }) => /* @__PURE__ */ b(T[e] || u, {
+}, E = ({ type: e, className: t, style: n }) => /* @__PURE__ */ y(T[e] || u, {
 	className: t,
 	style: n
 }), D = ({ product: e, onClick: t, variant: n = "default" }) => {
 	let r = C(e.type);
-	return n === "featured" ? /* @__PURE__ */ x("button", {
+	return n === "featured" ? /* @__PURE__ */ b("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", {
+			e.featured && /* @__PURE__ */ b("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",
-				children: [/* @__PURE__ */ b(_, { className: "size-3" }), "Featured"]
+				children: [/* @__PURE__ */ y(g, { className: "size-3" }), "Featured"]
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ b("div", {
 				className: "flex items-start gap-4",
-				children: [/* @__PURE__ */ b("div", {
+				children: [/* @__PURE__ */ y("div", {
 					className: "flex size-16 flex-shrink-0 items-center justify-center rounded-2xl",
 					style: { backgroundColor: w(e.type) },
-					children: e.icon ? /* @__PURE__ */ b("img", {
+					children: e.icon ? /* @__PURE__ */ y("img", {
 						src: e.icon,
 						alt: e.name,
 						className: "size-10 rounded-lg object-cover"
-					}) : /* @__PURE__ */ b(E, {
+					}) : /* @__PURE__ */ y(E, {
 						type: e.type,
 						className: "size-10",
 						style: { color: r }
 					})
-				}), /* @__PURE__ */ x("div", {
+				}), /* @__PURE__ */ b("div", {
 					className: "flex-1 overflow-hidden",
-					children: [/* @__PURE__ */ b("h3", {
+					children: [/* @__PURE__ */ y("h3", {
 						className: "truncate text-lg font-semibold text-text-primary group-hover:text-text-link",
 						children: e.name
-					}), /* @__PURE__ */ x("p", {
+					}), /* @__PURE__ */ b("p", {
 						className: "flex items-center gap-2 text-sm text-text-muted",
-						children: [/* @__PURE__ */ b(E, {
+						children: [/* @__PURE__ */ y(E, {
 							type: e.type,
 							className: "size-3.5"
 						}), e.category || e.type]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ b("p", {
+			/* @__PURE__ */ y("p", {
 				className: "mt-4 line-clamp-2 flex-1 text-sm text-text-muted",
 				children: e.description || "No description available"
 			}),
-			/* @__PURE__ */ x("div", {
-				className: "mt-4 flex items-center justify-between border-t border-border-default pt-4",
-				children: [/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ b("div", {
+				className: "mt-4 flex items-center justify-between border-t border-border-seam pt-4",
+				children: [/* @__PURE__ */ b("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ x("span", {
+					children: [/* @__PURE__ */ b("span", {
 						className: "flex items-center gap-1 text-sm text-text-muted",
-						children: [/* @__PURE__ */ b(v, { className: "size-4 fill-current text-status-warning-text" }), (e.rating ?? 0).toFixed(1)]
-					}), /* @__PURE__ */ x("span", {
+						children: [/* @__PURE__ */ y(_, { className: "size-4 fill-current text-status-warning-text" }), (e.rating ?? 0).toFixed(1)]
+					}), /* @__PURE__ */ b("span", {
 						className: "flex items-center gap-1 text-sm text-text-muted",
-						children: [/* @__PURE__ */ b(ue, { className: "size-4" }), Se(e.downloads)]
+						children: [/* @__PURE__ */ y(ue, { className: "size-4" }), x(e.downloads)]
 					})]
-				}), /* @__PURE__ */ b("span", {
+				}), /* @__PURE__ */ y("span", {
 					className: "rounded-full bg-action-primary-bg/10 px-3 py-1 text-sm font-medium text-text-link",
 					children: S(e)
 				})]
 			})
 		]
-	}) : n === "compact" ? /* @__PURE__ */ x("button", {
+	}) : n === "compact" ? /* @__PURE__ */ b("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", {
+			/* @__PURE__ */ y("div", {
 				className: "flex size-12 flex-shrink-0 items-center justify-center rounded-xl",
 				style: { backgroundColor: w(e.type) },
-				children: e.icon ? /* @__PURE__ */ b("img", {
+				children: e.icon ? /* @__PURE__ */ y("img", {
 					src: e.icon,
 					alt: e.name,
 					className: "size-8 rounded-lg object-cover"
-				}) : /* @__PURE__ */ b(E, {
+				}) : /* @__PURE__ */ y(E, {
 					type: e.type,
 					className: "size-8",
 					style: { color: r }
 				})
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ b("div", {
 				className: "flex-1 overflow-hidden",
-				children: [/* @__PURE__ */ b("h4", {
+				children: [/* @__PURE__ */ y("h4", {
 					className: "truncate font-medium text-text-primary group-hover:text-text-link",
 					children: e.name
-				}), /* @__PURE__ */ x("p", {
+				}), /* @__PURE__ */ b("p", {
 					className: "truncate text-xs text-text-muted",
 					children: [
 						e.category || e.type,
@@ -143,154 +144,156 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 					]
 				})]
 			}),
-			/* @__PURE__ */ b("span", {
+			/* @__PURE__ */ y("span", {
 				className: "text-xs font-medium text-text-muted",
 				children: S(e)
 			})
 		]
-	}) : /* @__PURE__ */ x("button", {
+	}) : /* @__PURE__ */ b("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", {
+			/* @__PURE__ */ b("div", {
 				className: "flex items-start gap-3",
-				children: [/* @__PURE__ */ b("div", {
+				children: [/* @__PURE__ */ y("div", {
 					className: "flex size-14 flex-shrink-0 items-center justify-center rounded-xl",
 					style: { backgroundColor: w(e.type) },
-					children: e.icon ? /* @__PURE__ */ b("img", {
+					children: e.icon ? /* @__PURE__ */ y("img", {
 						src: e.icon,
 						alt: e.name,
 						className: "size-9 rounded-lg object-cover"
-					}) : /* @__PURE__ */ b(E, {
+					}) : /* @__PURE__ */ y(E, {
 						type: e.type,
 						className: "size-9",
 						style: { color: r }
 					})
-				}), /* @__PURE__ */ x("div", {
+				}), /* @__PURE__ */ b("div", {
 					className: "flex-1 overflow-hidden",
-					children: [/* @__PURE__ */ b("h4", {
+					children: [/* @__PURE__ */ y("h4", {
 						className: "truncate font-semibold text-text-primary group-hover:text-text-link",
 						children: e.name
-					}), /* @__PURE__ */ x("p", {
+					}), /* @__PURE__ */ b("p", {
 						className: "flex items-center gap-1.5 text-xs text-text-muted",
-						children: [/* @__PURE__ */ b(E, {
+						children: [/* @__PURE__ */ y(E, {
 							type: e.type,
 							className: "size-3"
 						}), e.category || e.type]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ b("p", {
+			/* @__PURE__ */ y("p", {
 				className: "mt-3 line-clamp-2 text-sm text-text-muted",
 				children: e.description || "No description available"
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ b("div", {
 				className: "mt-3 flex items-center justify-between",
-				children: [/* @__PURE__ */ x("div", {
+				children: [/* @__PURE__ */ b("div", {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ x("span", {
+						/* @__PURE__ */ b("span", {
 							className: "flex items-center gap-0.5 text-xs text-text-muted",
-							children: [/* @__PURE__ */ b(v, { className: "size-3.5 fill-current text-status-warning-text" }), (e.rating ?? 0).toFixed(1)]
+							children: [/* @__PURE__ */ y(_, { className: "size-3.5 fill-current text-status-warning-text" }), (e.rating ?? 0).toFixed(1)]
 						}),
-						/* @__PURE__ */ b("span", {
+						/* @__PURE__ */ y("span", {
 							className: "text-xs text-text-muted",
 							children: "·"
 						}),
-						/* @__PURE__ */ x("span", {
+						/* @__PURE__ */ b("span", {
 							className: "text-xs text-text-muted",
-							children: [Se(e.downloads), " downloads"]
+							children: [x(e.downloads), " downloads"]
 						})
 					]
-				}), /* @__PURE__ */ b("span", {
+				}), /* @__PURE__ */ y("span", {
 					className: "text-xs font-semibold text-text-link",
 					children: S(e)
 				})]
 			})
 		]
 	});
-}, O = ({ icon: e, title: t, subtitle: n, onViewAll: r }) => /* @__PURE__ */ x("div", {
+}, O = ({ icon: e, title: t, subtitle: n, onViewAll: r }) => /* @__PURE__ */ b("div", {
 	className: "mb-4 flex items-center justify-between",
-	children: [/* @__PURE__ */ x("div", {
+	children: [/* @__PURE__ */ b("div", {
 		className: "flex items-center gap-3",
-		children: [/* @__PURE__ */ b("div", {
+		children: [/* @__PURE__ */ y("div", {
 			className: "flex size-10 items-center justify-center rounded-xl bg-action-primary-bg/10",
-			children: /* @__PURE__ */ b(e, { className: "size-5 text-text-link" })
-		}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h2", {
+			children: /* @__PURE__ */ y(e, { className: "size-5 text-text-link" })
+		}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h2", {
 			className: "text-lg font-semibold text-text-primary",
 			children: t
-		}), n && /* @__PURE__ */ b("p", {
+		}), n && /* @__PURE__ */ y("p", {
 			className: "text-sm text-text-muted",
 			children: n
 		})] })]
-	}), r && /* @__PURE__ */ x("button", {
+	}), r && /* @__PURE__ */ b("button", {
 		type: "button",
 		onClick: r,
 		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" })]
+		children: ["View all", /* @__PURE__ */ y(se, { className: "size-4" })]
 	})]
-}), Ce = ({ typeId: e, name: t, count: n, active: r, onClick: i }) => /* @__PURE__ */ x("button", {
+}), De = ({ typeId: e, name: t, count: n, active: r, onClick: i }) => /* @__PURE__ */ b("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"}`,
 	children: [
-		/* @__PURE__ */ b(E, {
+		/* @__PURE__ */ y(E, {
 			type: e,
 			className: "size-4"
 		}),
 		t,
-		/* @__PURE__ */ b("span", {
+		/* @__PURE__ */ y("span", {
 			className: `rounded-full px-1.5 py-0.5 text-xs ${r ? "bg-bg-surface/20" : "bg-bg-sunken"}`,
 			children: n
 		})
 	]
-}), we = ({ featuredProducts: e, onProductClick: t, dataTour: n }) => {
+}), Oe = ({ 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__ */ b(Se, {
+		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", {
+			/* @__PURE__ */ y("div", {
 				className: "absolute inset-0 opacity-10",
 				style: { background: `linear-gradient(135deg, ${o} 0%, transparent 50%)` }
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ b("div", {
 				className: "relative z-10 flex items-center gap-8",
-				children: [/* @__PURE__ */ x("div", {
+				children: [/* @__PURE__ */ b("div", {
 					className: "flex-1",
 					children: [
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ b("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",
-								children: [/* @__PURE__ */ b(_, { className: "size-3" }), "Featured App"]
-							}), /* @__PURE__ */ b("span", {
+							children: [/* @__PURE__ */ b("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 motion-safe:animate-vc-glow-pulse",
+								children: [/* @__PURE__ */ y(g, { className: "size-3" }), "Featured App"]
+							}), /* @__PURE__ */ y("span", {
 								className: "rounded-full bg-action-primary-bg/10 px-3 py-1 text-xs font-medium text-text-link",
 								children: a.category || a.type
 							})]
 						}),
-						/* @__PURE__ */ b("h1", {
+						/* @__PURE__ */ y("h1", {
 							className: "mb-3 text-3xl font-bold text-text-primary",
 							children: a.name
 						}),
-						/* @__PURE__ */ b("p", {
+						/* @__PURE__ */ y("p", {
 							className: "mb-6 max-w-xl text-text-muted",
 							children: a.description || "No description available"
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ b("div", {
 							className: "mb-6 flex items-center gap-4",
-							children: [/* @__PURE__ */ x("span", {
+							children: [/* @__PURE__ */ b("span", {
 								className: "flex items-center gap-1 text-sm",
 								children: [
-									/* @__PURE__ */ b(v, { className: "size-5 fill-current text-status-warning-text" }),
-									/* @__PURE__ */ b("span", {
+									/* @__PURE__ */ y(_, { className: "size-5 fill-current text-status-warning-text" }),
+									/* @__PURE__ */ y("span", {
 										className: "font-semibold text-text-primary",
 										children: (a.rating ?? 0).toFixed(1)
 									}),
-									/* @__PURE__ */ x("span", {
+									/* @__PURE__ */ b("span", {
 										className: "text-text-muted",
 										children: [
 											"(",
@@ -299,32 +302,32 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 										]
 									})
 								]
-							}), /* @__PURE__ */ x("span", {
+							}), /* @__PURE__ */ b("span", {
 								className: "flex items-center gap-1 text-sm text-text-muted",
 								children: [
-									/* @__PURE__ */ b(ue, { className: "size-4" }),
+									/* @__PURE__ */ y(ue, { className: "size-4" }),
 									a.downloads.toLocaleString(),
 									" downloads"
 								]
 							})]
 						}),
-						/* @__PURE__ */ b("button", {
+						/* @__PURE__ */ y("button", {
 							type: "button",
 							onClick: () => t(a),
 							className: "cursor-pointer rounded-lg bg-action-primary-bg px-6 py-3 font-semibold text-action-primary-text transition-opacity hover:opacity-90",
 							children: "View Details"
 						})
 					]
-				}), /* @__PURE__ */ b("div", {
+				}), /* @__PURE__ */ y("div", {
 					className: "hidden flex-shrink-0 lg:block",
-					children: /* @__PURE__ */ b("div", {
+					children: /* @__PURE__ */ y("div", {
 						className: "flex size-48 items-center justify-center rounded-3xl shadow-lg",
 						style: { backgroundColor: w(a.type) },
-						children: a.icon ? /* @__PURE__ */ b("img", {
+						children: a.icon ? /* @__PURE__ */ y("img", {
 							src: a.icon,
 							alt: a.name,
 							className: "size-32 rounded-2xl object-cover"
-						}) : /* @__PURE__ */ b(E, {
+						}) : /* @__PURE__ */ y(E, {
 							type: a.type,
 							className: "size-32",
 							style: { color: o }
@@ -332,9 +335,9 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 					})
 				})]
 			}),
-			e.length > 1 && /* @__PURE__ */ b("div", {
+			e.length > 1 && /* @__PURE__ */ y("div", {
 				className: "relative z-10 mt-6 flex gap-2",
-				children: e.map((e, t) => /* @__PURE__ */ b("button", {
+				children: e.map((e, t) => /* @__PURE__ */ y("button", {
 					type: "button",
 					onClick: () => i(t),
 					className: `h-2 w-8 rounded-full transition-all ${t === r ? "bg-action-primary-bg" : "bg-border-default hover:bg-action-primary-border"}`,
@@ -343,66 +346,66 @@ 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",
-	children: [/* @__PURE__ */ x("div", {
+}, k = ({ variant: e = "default" }) => e === "featured" ? /* @__PURE__ */ b("div", {
+	className: "h-full animate-pulse rounded-2xl border border-border-seam bg-bg-surface p-6",
+	children: [/* @__PURE__ */ b("div", {
 		className: "flex items-start gap-4",
-		children: [/* @__PURE__ */ b("div", { className: "size-16 rounded-2xl bg-bg-sunken" }), /* @__PURE__ */ x("div", {
+		children: [/* @__PURE__ */ y("div", { className: "size-16 rounded-2xl bg-bg-sunken" }), /* @__PURE__ */ b("div", {
 			className: "flex-1 space-y-2",
-			children: [/* @__PURE__ */ b("div", { className: "h-5 w-3/4 rounded bg-bg-sunken" }), /* @__PURE__ */ b("div", { className: "h-4 w-1/2 rounded bg-bg-sunken" })]
+			children: [/* @__PURE__ */ y("div", { className: "h-5 w-3/4 rounded bg-bg-sunken" }), /* @__PURE__ */ y("div", { className: "h-4 w-1/2 rounded bg-bg-sunken" })]
 		})]
-	}), /* @__PURE__ */ x("div", {
+	}), /* @__PURE__ */ b("div", {
 		className: "mt-4 space-y-2",
-		children: [/* @__PURE__ */ b("div", { className: "h-4 w-full rounded bg-bg-sunken" }), /* @__PURE__ */ b("div", { className: "h-4 w-2/3 rounded bg-bg-sunken" })]
+		children: [/* @__PURE__ */ y("div", { className: "h-4 w-full rounded bg-bg-sunken" }), /* @__PURE__ */ y("div", { className: "h-4 w-2/3 rounded bg-bg-sunken" })]
 	})]
-}) : e === "compact" ? /* @__PURE__ */ x("div", {
+}) : e === "compact" ? /* @__PURE__ */ b("div", {
 	className: "flex animate-pulse items-center gap-3 p-3",
-	children: [/* @__PURE__ */ b("div", { className: "size-12 rounded-xl bg-bg-sunken" }), /* @__PURE__ */ x("div", {
+	children: [/* @__PURE__ */ y("div", { className: "size-12 rounded-xl bg-bg-sunken" }), /* @__PURE__ */ b("div", {
 		className: "flex-1 space-y-2",
-		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" })]
+		children: [/* @__PURE__ */ y("div", { className: "h-4 w-3/4 rounded bg-bg-sunken" }), /* @__PURE__ */ y("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",
-	children: [/* @__PURE__ */ x("div", {
+}) : /* @__PURE__ */ b("div", {
+	className: "animate-pulse rounded-xl border border-border-seam bg-bg-surface p-4",
+	children: [/* @__PURE__ */ b("div", {
 		className: "flex items-start gap-3",
-		children: [/* @__PURE__ */ b("div", { className: "size-14 rounded-xl bg-bg-sunken" }), /* @__PURE__ */ x("div", {
+		children: [/* @__PURE__ */ y("div", { className: "size-14 rounded-xl bg-bg-sunken" }), /* @__PURE__ */ b("div", {
 			className: "flex-1 space-y-2",
-			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" })]
+			children: [/* @__PURE__ */ y("div", { className: "h-4 w-3/4 rounded bg-bg-sunken" }), /* @__PURE__ */ y("div", { className: "h-3 w-1/2 rounded bg-bg-sunken" })]
 		})]
-	}), /* @__PURE__ */ x("div", {
+	}), /* @__PURE__ */ b("div", {
 		className: "mt-3 space-y-2",
-		children: [/* @__PURE__ */ b("div", { className: "h-3 w-full rounded bg-bg-sunken" }), /* @__PURE__ */ b("div", { className: "h-3 w-2/3 rounded bg-bg-sunken" })]
+		children: [/* @__PURE__ */ y("div", { className: "h-3 w-full rounded bg-bg-sunken" }), /* @__PURE__ */ y("div", { className: "h-3 w-2/3 rounded bg-bg-sunken" })]
 	})]
-}), A = () => /* @__PURE__ */ x("div", {
+}), A = () => /* @__PURE__ */ b("div", {
 	className: "animate-pulse rounded-2xl bg-gradient-to-r from-bg-surface via-bg-sunken to-bg-surface p-8",
-	children: [/* @__PURE__ */ x("div", {
+	children: [/* @__PURE__ */ b("div", {
 		className: "flex items-center gap-8",
-		children: [/* @__PURE__ */ x("div", {
+		children: [/* @__PURE__ */ b("div", {
 			className: "flex-1 space-y-4",
 			children: [
-				/* @__PURE__ */ x("div", {
+				/* @__PURE__ */ b("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ b("div", { className: "h-6 w-24 rounded-full bg-bg-sunken" }), /* @__PURE__ */ b("div", { className: "h-6 w-20 rounded-full bg-bg-sunken" })]
+					children: [/* @__PURE__ */ y("div", { className: "h-6 w-24 rounded-full bg-bg-sunken" }), /* @__PURE__ */ y("div", { className: "h-6 w-20 rounded-full bg-bg-sunken" })]
 				}),
-				/* @__PURE__ */ b("div", { className: "h-9 w-3/4 rounded bg-bg-sunken" }),
-				/* @__PURE__ */ x("div", {
+				/* @__PURE__ */ y("div", { className: "h-9 w-3/4 rounded bg-bg-sunken" }),
+				/* @__PURE__ */ b("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ b("div", { className: "h-4 w-full rounded bg-bg-sunken" }), /* @__PURE__ */ b("div", { className: "h-4 w-5/6 rounded bg-bg-sunken" })]
+					children: [/* @__PURE__ */ y("div", { className: "h-4 w-full rounded bg-bg-sunken" }), /* @__PURE__ */ y("div", { className: "h-4 w-5/6 rounded bg-bg-sunken" })]
 				}),
-				/* @__PURE__ */ x("div", {
+				/* @__PURE__ */ b("div", {
 					className: "flex gap-4",
-					children: [/* @__PURE__ */ b("div", { className: "h-5 w-24 rounded bg-bg-sunken" }), /* @__PURE__ */ b("div", { className: "h-5 w-32 rounded bg-bg-sunken" })]
+					children: [/* @__PURE__ */ y("div", { className: "h-5 w-24 rounded bg-bg-sunken" }), /* @__PURE__ */ y("div", { className: "h-5 w-32 rounded bg-bg-sunken" })]
 				}),
-				/* @__PURE__ */ b("div", { className: "h-12 w-36 rounded-lg bg-bg-sunken" })
+				/* @__PURE__ */ y("div", { className: "h-12 w-36 rounded-lg bg-bg-sunken" })
 			]
-		}), /* @__PURE__ */ b("div", { className: "hidden size-48 rounded-3xl bg-bg-sunken lg:block" })]
-	}), /* @__PURE__ */ b("div", {
+		}), /* @__PURE__ */ y("div", { className: "hidden size-48 rounded-3xl bg-bg-sunken lg:block" })]
+	}), /* @__PURE__ */ y("div", {
 		className: "mt-6 flex gap-2",
 		children: [...[
 			,
 			,
 			,
-		]].map((e, t) => /* @__PURE__ */ b("div", { className: "h-2 w-8 rounded-full bg-bg-sunken" }, t))
+		]].map((e, t) => /* @__PURE__ */ y("div", { className: "h-2 w-8 rounded-full bg-bg-sunken" }, t))
 	})]
 }), j = [
 	100,
@@ -413,30 +416,30 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 	95,
 	115,
 	105
-], M = () => /* @__PURE__ */ x("div", {
+], M = () => /* @__PURE__ */ b("div", {
 	className: "space-y-4",
-	children: [/* @__PURE__ */ b("div", { className: "h-6 w-32 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ b("div", {
+	children: [/* @__PURE__ */ y("div", { className: "h-6 w-32 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ y("div", {
 		className: "flex flex-wrap gap-2",
-		children: j.map((e, t) => /* @__PURE__ */ b("div", {
+		children: j.map((e, t) => /* @__PURE__ */ y("div", {
 			className: "h-9 animate-pulse rounded-full bg-bg-sunken",
 			style: { width: `${e}px` }
 		}, t))
 	})]
-}), N = () => /* @__PURE__ */ x("div", {
+}), N = () => /* @__PURE__ */ b("div", {
 	className: "mb-4 flex items-center justify-between",
-	children: [/* @__PURE__ */ x("div", {
+	children: [/* @__PURE__ */ b("div", {
 		className: "flex items-center gap-3",
-		children: [/* @__PURE__ */ b("div", { className: "size-10 animate-pulse rounded-xl bg-bg-sunken" }), /* @__PURE__ */ x("div", {
+		children: [/* @__PURE__ */ y("div", { className: "size-10 animate-pulse rounded-xl bg-bg-sunken" }), /* @__PURE__ */ b("div", {
 			className: "space-y-1",
-			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" })]
+			children: [/* @__PURE__ */ y("div", { className: "h-5 w-40 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ y("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", {
+	}), /* @__PURE__ */ y("div", { className: "h-4 w-16 animate-pulse rounded bg-bg-sunken" })]
+}), ke = () => /* @__PURE__ */ b("div", {
 	className: "mx-auto max-w-7xl space-y-8 p-6",
 	children: [
-		/* @__PURE__ */ b(A, {}),
-		/* @__PURE__ */ b(M, {}),
-		/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b(N, {}), /* @__PURE__ */ b("div", {
+		/* @__PURE__ */ y(A, {}),
+		/* @__PURE__ */ y(M, {}),
+		/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y(N, {}), /* @__PURE__ */ y("div", {
 			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
 			children: [...[
 				,
@@ -445,9 +448,9 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 				,
 				,
 				,
-			]].map((e, t) => /* @__PURE__ */ b(k, {}, t))
+			]].map((e, t) => /* @__PURE__ */ y(k, {}, t))
 		})] }),
-		/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b(N, {}), /* @__PURE__ */ b("div", {
+		/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y(N, {}), /* @__PURE__ */ y("div", {
 			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
 			children: [...[
 				,
@@ -456,9 +459,9 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 				,
 				,
 				,
-			]].map((e, t) => /* @__PURE__ */ b(k, {}, t))
+			]].map((e, t) => /* @__PURE__ */ y(k, {}, t))
 		})] }),
-		/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b(N, {}), /* @__PURE__ */ b("div", {
+		/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y(N, {}), /* @__PURE__ */ y("div", {
 			className: "grid grid-cols-2 gap-2 sm:grid-cols-3 lg:grid-cols-6",
 			children: [...[
 				,
@@ -467,39 +470,39 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 				,
 				,
 				,
-			]].map((e, t) => /* @__PURE__ */ b(k, { variant: "compact" }, t))
+			]].map((e, t) => /* @__PURE__ */ y(k, { variant: "compact" }, t))
 		})] })
 	]
 }), P = ({ label: e, value: t, options: n, onChange: r }) => {
 	let i = re();
-	return /* @__PURE__ */ x("label", {
+	return /* @__PURE__ */ b("label", {
 		htmlFor: i,
 		className: "relative inline-flex items-center gap-2 rounded-lg border border-border-default bg-bg-surface px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken focus-within:border-action-primary-border focus-within:ring-2 focus-within:ring-action-primary-border/20",
 		children: [
-			/* @__PURE__ */ b("span", {
+			/* @__PURE__ */ y("span", {
 				className: "sr-only",
 				children: e
 			}),
-			/* @__PURE__ */ x("span", {
+			/* @__PURE__ */ b("span", {
 				className: "text-text-muted",
 				children: [e, ":"]
 			}),
-			/* @__PURE__ */ b("select", {
+			/* @__PURE__ */ y("select", {
 				id: i,
 				"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",
-				children: n.map((e) => /* @__PURE__ */ b("option", {
+				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__ */ y("option", {
 					value: e.value,
 					children: e.label
 				}, e.value))
 			}),
-			/* @__PURE__ */ b(f, { className: "pointer-events-none absolute right-3 size-4 text-text-muted" })
+			/* @__PURE__ */ y(f, { className: "pointer-events-none absolute right-3 size-4 text-text-muted" })
 		]
 	});
 }, 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 = be(), { basePath: d } = e(), { t: f } = ae(), se = re(), le = Te(), { cartOpen: ue, closeCart: de, itemCount: p, cartItems: m, subtotal: h, tax: Se, total: x, updateQuantity: S, removeProduct: C } = t(), [w, T] = c(""), [E, k] = c("all"), [A, j] = c("all"), [M, N] = c("any"), [F, I] = c("all"), [L, Ae] = c("all"), [R, je] = c("all"), [z, Me] = c(!1), [B, Ne] = c("relevance"), [Pe, Fe] = c(!1), V = Ee(w, 1500), Ie = [
 		{
 			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 = [
+	], Le = [
 		{
 			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 = [
+	], Re = [
 		{
 			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 = [
+	], ze = [
 		{
 			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) => ({
+	], Be = (e) => ({
 		relevance: o.Relevance,
 		rating: o.Rating,
 		downloads: o.Downloads,
@@ -587,49 +590,49 @@ 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], Ve = (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(() => {
+	}, H = V.trim() !== "" || A !== "all" || M !== "any" || F !== "all" || L !== "all" || R !== "all" || z || E !== "all" || B !== "relevance", He = w.trim() !== "" && w !== V, Ue = () => {
+		T(""), j("all"), N("any"), I("all"), Ae("all"), je("all"), Me(!1), Ne("relevance"), k("all");
+	}, U = (A === "all" ? 0 : 1) + (M === "any" ? 0 : 1) + (F === "all" ? 0 : 1) + (L === "all" ? 0 : 1) + (R === "all" ? 0 : 1) + +!!z + (E === "all" ? 0 : 1), We = s(() => {
 		let e = {
-			sortBy: Le(B),
+			sortBy: Be(B),
 			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);
+			e.filter = {}, V.trim() && (e.filter.search = V.trim()), E !== "all" && (e.filter.type = E), L !== "all" && (e.filter.category = L), F !== "all" && (e.filter.nature = F === "digital" ? a.Digital : a.Physical);
+			let t = Ve(A);
+			t && (e.filter.pricingModel = t), M !== "any" && (e.filter.minRating = parseFloat(M)), z && (e.filter.featured = !0), R !== "all" && (e.filter.license = R);
 		}
 		return e;
 	}, [
 		V,
-		k,
+		E,
 		L,
-		I,
-		j,
-		N,
+		F,
+		A,
+		M,
 		z,
 		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", {
+	]), { featured: W, mostDownloaded: G, recentlyAdded: K, freeItems: q, loading: Ge, error: Ke, refetch: qe } = r({ skip: H }), { products: Je, totalCount: J, facets: Y, loading: X, error: Ye, refetch: Xe } = n(H ? We : {}, { skip: !H }), Ze = H ? X : Ge, Z = H ? Ye : Ke, Qe = H ? Xe : qe, $e = H ? Je : [], et = ie(J);
+	et.current = J;
+	let tt = ie(le);
+	tt.current = le, ne(() => {
+		!V.trim() || X || tt.current.emit("store.marketplace.searched", {
 			query: V,
-			resultCount: Ze.current
+			resultCount: et.current
 		});
 	}, [V, X]);
 	let Q = te((e) => {
 		l(`${d}/marketplace/product/${e.id}`);
-	}, [l, d]), $e = () => {
-		p(), l(`${d}/cart`);
+	}, [l, d]), nt = () => {
+		de(), l(`${d}/cart`);
 	}, $ = s(() => [...new Map([
 		...W,
 		...G,
@@ -640,7 +643,7 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 		G,
 		K,
 		q
-	]), et = s(() => {
+	]), rt = s(() => {
 		if (Y?.types && Y.types.length > 0) return [{
 			id: "all",
 			name: "All Apps",
@@ -664,7 +667,7 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 		Y,
 		$,
 		J
-	]), tt = s(() => Y?.categories && Y.categories.length > 0 ? [{
+	]), it = s(() => Y?.categories && Y.categories.length > 0 ? [{
 		value: "all",
 		label: "All Categories"
 	}, ...Y.categories.map((e) => ({
@@ -676,7 +679,7 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 	}, ...Array.from(new Set($.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))], [Y, $]), at = s(() => Y?.licenses && Y.licenses.length > 0 ? [{
 		value: "all",
 		label: "All Licenses"
 	}, ...Y.licenses.map((e) => ({
@@ -686,71 +689,76 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 		value: "all",
 		label: "All Licenses"
 	}], [Y]);
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ b("div", {
 		className: "flex h-full flex-col",
 		children: [
-			/* @__PURE__ */ x("header", {
-				className: "border-b border-border-default bg-bg-surface px-6 py-4",
+			/* @__PURE__ */ b("header", {
+				className: "relative overflow-hidden border-b border-border-seam bg-bg-surface px-6 py-4",
 				children: [
-					/* @__PURE__ */ x("div", {
+					/* @__PURE__ */ y(xe, { intensity: "subtle" }),
+					/* @__PURE__ */ b("div", {
 						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("h1", {
+						children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("h1", {
 							className: "text-2xl font-bold text-text-primary",
-							children: ["App ", f("pages.marketplace.title", { defaultValue: "Marketplace" })]
-						}), /* @__PURE__ */ b("p", {
+							children: [
+								"App",
+								" ",
+								/* @__PURE__ */ y(Ce, { children: f("pages.marketplace.title", { defaultValue: "Marketplace" }) })
+							]
+						}), /* @__PURE__ */ y("p", {
 							className: "text-sm text-text-muted",
 							children: f("pages.marketplace.subtitle", { defaultValue: "Discover apps, workflows, and integrations for your workspace" })
-						})] }), /* @__PURE__ */ x("button", {
+						})] }), /* @__PURE__ */ b("button", {
 							type: "button",
 							"data-tour": "store-marketplace-cart-button",
 							onClick: () => l(`${d}/cart`),
 							className: "cursor-pointer relative flex items-center gap-2 rounded-lg border border-border-default bg-bg-surface px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
 							children: [
-								/* @__PURE__ */ b(he, { className: "size-5" }),
+								/* @__PURE__ */ y(ge, { className: "size-5" }),
 								f("pages.marketplace.cart", { defaultValue: "Cart" }),
-								m > 0 && /* @__PURE__ */ b("span", {
+								p > 0 && /* @__PURE__ */ y("span", {
 									className: "absolute -right-2 -top-2 flex size-5 items-center justify-center rounded-full bg-action-primary-bg text-xs font-bold text-action-primary-text",
-									children: m
+									children: p
 								})
 							]
 						})]
 					}),
-					/* @__PURE__ */ x("div", {
+					/* @__PURE__ */ b("div", {
 						className: "mt-4",
-						children: [/* @__PURE__ */ x("div", {
+						children: [/* @__PURE__ */ b("div", {
 							className: "relative",
 							children: [
-								/* @__PURE__ */ b("label", {
+								/* @__PURE__ */ y("label", {
 									htmlFor: se,
 									className: "sr-only",
 									children: f("pages.marketplace.search.label", { defaultValue: "Search marketplace products" })
 								}),
-								/* @__PURE__ */ b(me, { className: "absolute left-4 top-1/2 size-5 -translate-y-1/2 text-text-muted" }),
-								/* @__PURE__ */ b("input", {
+								/* @__PURE__ */ y(he, { className: "absolute left-4 top-1/2 size-5 -translate-y-1/2 text-text-muted" }),
+								/* @__PURE__ */ y("input", {
 									id: se,
 									"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__ */ y("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, {
+									children: /* @__PURE__ */ y(v, {
 										className: "size-4",
 										"aria-hidden": "true"
 									})
 								})
 							]
-						}), T.trim() && /* @__PURE__ */ b("div", {
+						}), w.trim() && /* @__PURE__ */ y("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: [
+							children: He || X ? /* @__PURE__ */ b(ye, { children: [/* @__PURE__ */ y(me, { className: "size-4 animate-spin" }), /* @__PURE__ */ y("span", { children: f("pages.marketplace.search.searching", { defaultValue: "Searching..." }) })] }) : /* @__PURE__ */ b("span", { children: [
 								J,
 								" result",
 								J === 1 ? "" : "s",
@@ -760,251 +768,251 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 							] })
 						})]
 					}),
-					/* @__PURE__ */ x("div", {
+					/* @__PURE__ */ b("div", {
 						className: "mt-4 flex flex-wrap items-center gap-3",
 						children: [
-							/* @__PURE__ */ x("button", {
+							/* @__PURE__ */ b("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: () => Fe(!Pe),
+								className: `cursor-pointer flex items-center gap-2 rounded-lg border px-3 py-2 text-sm font-medium transition-colors ${Pe || 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"}`,
 								children: [
-									/* @__PURE__ */ b(ge, { className: "size-4" }),
+									/* @__PURE__ */ y(_e, { className: "size-4" }),
 									f("pages.marketplace.filters", { defaultValue: "Filters" }),
-									U > 0 && /* @__PURE__ */ b("span", {
+									U > 0 && /* @__PURE__ */ y("span", {
 										className: "flex size-5 items-center justify-center rounded-full bg-action-primary-bg text-xs text-action-primary-text",
 										children: U
 									})
 								]
 							}),
-							/* @__PURE__ */ x("div", {
+							/* @__PURE__ */ b("div", {
 								className: "flex flex-wrap items-center gap-2",
 								"data-tour": "store-marketplace-quick-filters",
 								children: [
-									/* @__PURE__ */ x("button", {
+									/* @__PURE__ */ b("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"}`,
-										children: [/* @__PURE__ */ b(fe, { className: "size-3.5" }), "Free"]
+										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__ */ y(pe, { className: "size-3.5" }), "Free"]
 									}),
-									/* @__PURE__ */ x("button", {
+									/* @__PURE__ */ b("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"}`,
-										children: [/* @__PURE__ */ b(v, { className: "size-3.5" }), "4+ Stars"]
+										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__ */ y(_, { className: "size-3.5" }), "4+ Stars"]
 									}),
-									/* @__PURE__ */ x("button", {
+									/* @__PURE__ */ b("button", {
 										type: "button",
-										onClick: () => ke(!z),
+										onClick: () => Me(!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"}`,
-										children: [/* @__PURE__ */ b(_, { className: "size-3.5" }), "Featured"]
+										children: [/* @__PURE__ */ y(g, { className: "size-3.5" }), "Featured"]
 									})
 								]
 							}),
-							H && /* @__PURE__ */ x("button", {
+							H && /* @__PURE__ */ b("button", {
 								type: "button",
-								onClick: Be,
+								onClick: Ue,
 								className: "cursor-pointer flex items-center gap-1 text-sm text-text-muted transition-colors hover:text-text-primary",
-								children: [/* @__PURE__ */ b(y, {
+								children: [/* @__PURE__ */ y(v, {
 									className: "size-4",
 									"aria-hidden": "true"
 								}), "Clear all"]
 							}),
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ y("div", {
 								className: "ml-auto",
 								"data-tour": "store-marketplace-section-sort",
-								children: /* @__PURE__ */ b(P, {
+								children: /* @__PURE__ */ y(P, {
 									label: "Sort",
 									value: B,
-									options: Ie,
-									onChange: (e) => Ae(e)
+									options: ze,
+									onChange: (e) => Ne(e)
 								})
 							})
 						]
 					}),
-					je && /* @__PURE__ */ x("div", {
-						className: "mt-4 rounded-lg border border-border-default bg-bg-surface p-4",
-						children: [/* @__PURE__ */ x("div", {
+					Pe && /* @__PURE__ */ b("div", {
+						className: "mt-4 rounded-lg border border-border-seam bg-bg-surface p-4",
+						children: [/* @__PURE__ */ b("div", {
 							className: "flex flex-wrap items-start gap-6",
 							children: [
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ b("div", {
 									className: "flex flex-col gap-2",
-									children: [/* @__PURE__ */ b("span", {
+									children: [/* @__PURE__ */ y("span", {
 										className: "text-xs font-medium uppercase tracking-wider text-text-muted",
 										children: "Pricing"
-									}), /* @__PURE__ */ b(P, {
+									}), /* @__PURE__ */ y(P, {
 										label: "Price",
-										value: j,
-										options: Ne,
-										onChange: (e) => M(e)
+										value: A,
+										options: Ie,
+										onChange: (e) => j(e)
 									})]
 								}),
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ b("div", {
 									className: "flex flex-col gap-2",
-									children: [/* @__PURE__ */ b("span", {
+									children: [/* @__PURE__ */ y("span", {
 										className: "text-xs font-medium uppercase tracking-wider text-text-muted",
 										children: "Min Rating"
-									}), /* @__PURE__ */ b(P, {
+									}), /* @__PURE__ */ y(P, {
 										label: "Rating",
-										value: N,
-										options: Pe,
-										onChange: (e) => F(e)
+										value: M,
+										options: Le,
+										onChange: (e) => N(e)
 									})]
 								}),
-								tt.length > 1 && /* @__PURE__ */ x("div", {
+								it.length > 1 && /* @__PURE__ */ b("div", {
 									className: "flex flex-col gap-2",
-									children: [/* @__PURE__ */ b("span", {
+									children: [/* @__PURE__ */ y("span", {
 										className: "text-xs font-medium uppercase tracking-wider text-text-muted",
 										children: "Category"
-									}), /* @__PURE__ */ b(P, {
+									}), /* @__PURE__ */ y(P, {
 										label: "Category",
 										value: L,
-										options: tt,
-										onChange: De
+										options: it,
+										onChange: Ae
 									})]
 								}),
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ b("div", {
 									className: "flex flex-col gap-2",
-									children: [/* @__PURE__ */ b("span", {
+									children: [/* @__PURE__ */ y("span", {
 										className: "text-xs font-medium uppercase tracking-wider text-text-muted",
 										children: "Nature"
-									}), /* @__PURE__ */ b(P, {
+									}), /* @__PURE__ */ y(P, {
 										label: "Nature",
-										value: I,
-										options: Fe,
-										onChange: (e) => Ee(e)
+										value: F,
+										options: Re,
+										onChange: (e) => I(e)
 									})]
 								}),
-								nt.length > 1 && /* @__PURE__ */ x("div", {
+								at.length > 1 && /* @__PURE__ */ b("div", {
 									className: "flex flex-col gap-2",
-									children: [/* @__PURE__ */ b("span", {
+									children: [/* @__PURE__ */ y("span", {
 										className: "text-xs font-medium uppercase tracking-wider text-text-muted",
 										children: "License"
-									}), /* @__PURE__ */ b(P, {
+									}), /* @__PURE__ */ y(P, {
 										label: "License",
 										value: R,
-										options: nt,
-										onChange: Oe
+										options: at,
+										onChange: je
 									})]
 								})
 							]
-						}), U > 0 && /* @__PURE__ */ x("div", {
+						}), U > 0 && /* @__PURE__ */ b("div", {
 							className: "mt-4 flex flex-wrap items-center gap-2 border-t border-border-default pt-4",
 							children: [
-								/* @__PURE__ */ b("span", {
+								/* @__PURE__ */ y("span", {
 									className: "text-xs font-medium text-text-muted",
 									children: "Active filters:"
 								}),
-								k !== "all" && /* @__PURE__ */ x("button", {
+								E !== "all" && /* @__PURE__ */ b("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", {
+										/* @__PURE__ */ y("span", {
 											className: "text-text-muted",
 											children: "Type:"
 										}),
 										" ",
-										k,
-										/* @__PURE__ */ b(y, {
+										E,
+										/* @__PURE__ */ y(v, {
 											className: "size-3",
 											"aria-hidden": "true"
 										})
 									]
 								}),
-								j !== "all" && /* @__PURE__ */ x("button", {
+								A !== "all" && /* @__PURE__ */ b("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", {
+										/* @__PURE__ */ y("span", {
 											className: "text-text-muted",
 											children: "Price:"
 										}),
 										" ",
-										Ne.find((e) => e.value === j)?.label,
-										/* @__PURE__ */ b(y, {
+										Ie.find((e) => e.value === A)?.label,
+										/* @__PURE__ */ y(v, {
 											className: "size-3",
 											"aria-hidden": "true"
 										})
 									]
 								}),
-								N !== "any" && /* @__PURE__ */ x("button", {
+								M !== "any" && /* @__PURE__ */ b("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", {
+										/* @__PURE__ */ y("span", {
 											className: "text-text-muted",
 											children: "Rating:"
 										}),
 										" ",
-										Pe.find((e) => e.value === N)?.label,
-										/* @__PURE__ */ b(y, {
+										Le.find((e) => e.value === M)?.label,
+										/* @__PURE__ */ y(v, {
 											className: "size-3",
 											"aria-hidden": "true"
 										})
 									]
 								}),
-								L !== "all" && /* @__PURE__ */ x("button", {
+								L !== "all" && /* @__PURE__ */ b("button", {
 									type: "button",
-									onClick: () => De("all"),
+									onClick: () => Ae("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", {
+										/* @__PURE__ */ y("span", {
 											className: "text-text-muted",
 											children: "Category:"
 										}),
 										" ",
 										L,
-										/* @__PURE__ */ b(y, {
+										/* @__PURE__ */ y(v, {
 											className: "size-3",
 											"aria-hidden": "true"
 										})
 									]
 								}),
-								I !== "all" && /* @__PURE__ */ x("button", {
+								F !== "all" && /* @__PURE__ */ b("button", {
 									type: "button",
-									onClick: () => Ee("all"),
+									onClick: () => I("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", {
+										/* @__PURE__ */ y("span", {
 											className: "text-text-muted",
 											children: "Nature:"
 										}),
 										" ",
-										Fe.find((e) => e.value === I)?.label,
-										/* @__PURE__ */ b(y, {
+										Re.find((e) => e.value === F)?.label,
+										/* @__PURE__ */ y(v, {
 											className: "size-3",
 											"aria-hidden": "true"
 										})
 									]
 								}),
-								R !== "all" && /* @__PURE__ */ x("button", {
+								R !== "all" && /* @__PURE__ */ b("button", {
 									type: "button",
-									onClick: () => Oe("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", {
+										/* @__PURE__ */ y("span", {
 											className: "text-text-muted",
 											children: "License:"
 										}),
 										" ",
-										nt.find((e) => e.value === R)?.label,
-										/* @__PURE__ */ b(y, {
+										at.find((e) => e.value === R)?.label,
+										/* @__PURE__ */ y(v, {
 											className: "size-3",
 											"aria-hidden": "true"
 										})
 									]
 								}),
-								z && /* @__PURE__ */ x("button", {
+								z && /* @__PURE__ */ b("button", {
 									type: "button",
-									onClick: () => ke(!1),
+									onClick: () => Me(!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" }),
+										/* @__PURE__ */ y(g, { className: "size-3" }),
 										"Featured Only",
-										/* @__PURE__ */ b(y, {
+										/* @__PURE__ */ y(v, {
 											className: "size-3",
 											"aria-hidden": "true"
 										})
@@ -1015,161 +1023,143 @@ var Se = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
 					})
 				]
 			}),
-			/* @__PURE__ */ b("main", {
+			/* @__PURE__ */ y("main", {
 				className: "flex-1 overflow-y-auto",
-				children: /* @__PURE__ */ x("div", {
+				children: /* @__PURE__ */ b("div", {
 					className: "mx-auto max-w-7xl space-y-8 p-6",
 					children: [
-						Z && /* @__PURE__ */ x("div", {
+						Z && /* @__PURE__ */ b("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: [
-								/* @__PURE__ */ b(oe, { className: "mb-4 size-12 text-status-error-text" }),
-								/* @__PURE__ */ b("h3", {
+								/* @__PURE__ */ y(oe, { className: "mb-4 size-12 text-status-error-text" }),
+								/* @__PURE__ */ y("h3", {
 									className: "mb-2 text-lg font-semibold text-status-error-text-emphasis",
 									children: "Failed to load marketplace"
 								}),
-								/* @__PURE__ */ b("p", {
+								/* @__PURE__ */ y("p", {
 									className: "mb-4 text-sm text-status-error-text",
 									children: Z.message || "An error occurred while fetching products"
 								}),
-								/* @__PURE__ */ b("button", {
+								/* @__PURE__ */ y("button", {
 									type: "button",
-									onClick: () => Ye(),
+									onClick: () => Qe(),
 									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, {
+						Ze && !Z && /* @__PURE__ */ y(ke, {}),
+						!Ze && !Z && /* @__PURE__ */ b(ye, { children: [
+							!H && E === "all" && W.length > 0 && /* @__PURE__ */ y(Oe, {
 								dataTour: "store-marketplace-hero-section",
 								featuredProducts: W,
 								onProductClick: Q
 							}),
-							et.length > 1 && /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h2", {
+							rt.length > 1 && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h2", {
 								className: "mb-4 text-lg font-semibold text-text-primary",
 								children: "Browse by Type"
-							}), /* @__PURE__ */ b("div", {
+							}), /* @__PURE__ */ y("div", {
 								className: "flex flex-wrap gap-2",
 								"data-tour": "store-marketplace-type-categories",
-								children: et.map((e) => /* @__PURE__ */ b(Ce, {
+								children: rt.map((e) => /* @__PURE__ */ y(De, {
 									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, {
-								icon: de,
+							H && /* @__PURE__ */ b("section", { children: [/* @__PURE__ */ y(O, {
+								icon: fe,
 								title: V ? "Search Results" : "Filtered Results",
 								subtitle: `${J} app${J === 1 ? "" : "s"} found`
-							}), Xe.length > 0 ? /* @__PURE__ */ b("div", {
+							}), $e.length > 0 ? /* @__PURE__ */ y("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: $e.map((e) => /* @__PURE__ */ y(D, {
 									product: e,
 									onClick: () => Q(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__ */ y(we, {
+								illustration: "empty-search",
+								title: "No apps match your filters",
+								description: "Try adjusting your filter criteria or clearing filters to see more results.",
+								action: /* @__PURE__ */ y("button", {
+									type: "button",
+									onClick: Ue,
+									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, {
-									icon: _e,
+							!H && E === "all" && /* @__PURE__ */ b(ye, { children: [
+								G.length > 0 && /* @__PURE__ */ b("section", { children: [/* @__PURE__ */ y(O, {
+									icon: ve,
 									title: "Most Downloaded",
 									subtitle: "Top picks by our community"
-								}), /* @__PURE__ */ b("div", {
+								}), /* @__PURE__ */ y("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: G.slice(0, 6).map((e) => /* @__PURE__ */ y(D, {
 										product: e,
 										onClick: () => Q(e)
 									}, e.id))
 								})] }),
-								K.length > 0 && /* @__PURE__ */ x("section", { children: [/* @__PURE__ */ b(O, {
+								K.length > 0 && /* @__PURE__ */ b("section", { children: [/* @__PURE__ */ y(O, {
 									icon: ce,
 									title: "New Releases",
 									subtitle: "Recently published apps"
-								}), /* @__PURE__ */ b("div", {
+								}), /* @__PURE__ */ y("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: K.slice(0, 6).map((e) => /* @__PURE__ */ y(D, {
 										product: e,
 										onClick: () => Q(e)
 									}, e.id))
 								})] }),
-								q.length > 0 && /* @__PURE__ */ x("section", { children: [/* @__PURE__ */ b(O, {
-									icon: fe,
+								q.length > 0 && /* @__PURE__ */ b("section", { children: [/* @__PURE__ */ y(O, {
+									icon: pe,
 									title: "Free Apps",
 									subtitle: "No cost, full functionality"
-								}), /* @__PURE__ */ b("div", {
+								}), /* @__PURE__ */ y("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: q.slice(0, 6).map((e) => /* @__PURE__ */ y(D, {
 										product: e,
 										onClick: () => Q(e),
 										variant: "compact"
 									}, e.id))
 								})] }),
-								$.length > 0 && /* @__PURE__ */ x("section", { children: [/* @__PURE__ */ b(O, {
+								$.length > 0 && /* @__PURE__ */ b("section", { children: [/* @__PURE__ */ y(O, {
 									icon: u,
 									title: "All Apps",
 									subtitle: `${$.length} apps available`
-								}), /* @__PURE__ */ b("div", {
+								}), /* @__PURE__ */ y("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
-									children: $.map((e) => /* @__PURE__ */ b(D, {
+									children: $.map((e) => /* @__PURE__ */ y(D, {
 										product: e,
 										onClick: () => Q(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."
-									})
-								]
+							$.length === 0 && /* @__PURE__ */ y(we, {
+								illustration: "onboarding",
+								title: "No apps available yet",
+								description: "The marketplace is empty. Check back soon for new apps, workflows, and integrations."
 							})
 						] })
 					]
 				})
 			}),
-			/* @__PURE__ */ b(ee, {
+			/* @__PURE__ */ y(ee, {
 				isOpen: ue,
-				onClose: p,
-				onCheckout: $e,
-				cartItems: h,
-				itemCount: m,
-				subtotal: g,
+				onClose: de,
+				onCheckout: nt,
+				cartItems: m,
+				itemCount: p,
+				subtotal: h,
 				tax: Se,
-				total: S,
-				updateQuantity: C,
-				removeProduct: w
+				total: x,
+				updateQuantity: S,
+				removeProduct: C
 			})
 		]
 	});