@burdenoff/microfe-store 2026.525.2 → 2026.527.1

package/dist/pages/MarketplaceHomePage.js

@@ -3,15 +3,15 @@ import { useCart as t } from "../hooks/useCart.js";
 import { useBrowseStoreWithContext as n, useHomeGroupedProducts as r } from "../hooks/useStoreGraphQL.js";
 import { PricingModel as i, ProductNature as a, StoreSortBy as o } from "../generated/global-types.js";
 import { CartDrawer as ee } from "../components/cart/CartDrawer.js";
-import { useCallback as te, useEffect as ne, useId as re, useMemo as s, useState as c } from "react";
-import { useI18n as ie } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as ae, Bot as l, Box as u, Brain as d, ChevronDown as f, ChevronRight as oe, Clock as se, Database as ce, Download as le, FileCode2 as ue, Filter as de, Gift as fe, GitBranch as p, LayoutDashboard as m, Loader2 as pe, Puzzle as h, Search as me, ShoppingCart as he, SlidersHorizontal as ge, Sparkles as g, Star as _, TrendingUp as _e, X as v } from "lucide-react";
-import { Fragment as ve, jsx as y, jsxs as b } 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 { 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 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 { useEventBus as xe } from "@burdenoff/fe-libs/shared/events";
+import { useDebounce as Se } from "@burdenoff/fe-libs/shared/hooks";
 //#region src/pages/MarketplaceHomePage.tsx
-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) => ({
+var Ce = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).toFixed(1)}K` : e.toString(), x = (e) => e.pricingModel === "FREE" || e.price === 0 ? "Free" : `$${e.price}`, S = (e) => ({
 	BOTAPP: "var(--color-accent-blue)",
 	AGENT: "var(--color-accent-purple)",
 	CONSOLE: "var(--color-accent-teal)",
@@ -29,7 +29,7 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 	THEME: "var(--color-accent-purple)",
 	PLUGIN: "var(--color-status-success-bg)",
 	COMPONENT: "var(--color-accent-blue)"
-})[e] || "var(--color-text-muted)", w = (e) => `color-mix(in srgb, ${C(e)}, transparent 85%)`, T = {
+})[e] || "var(--color-text-muted)", C = (e) => `color-mix(in srgb, ${S(e)}, transparent 85%)`, w = {
 	BOTAPP: l,
 	AGENT: d,
 	CONSOLE: m,
@@ -38,8 +38,8 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 	WIDGET: h,
 	VIBEMODULE: h,
 	DASHBOARD: m,
-	PARSER: ue,
-	DATASINK: ce,
+	PARSER: de,
+	DATASINK: le,
 	APP: u,
 	TEMPLATE: m,
 	INTEGRATION: p,
@@ -47,31 +47,32 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 	THEME: h,
 	PLUGIN: h,
 	COMPONENT: u
-}, E = ({ type: e, className: t, style: n }) => /* @__PURE__ */ y(T[e] || u, {
+}, T = ({ type: e, className: t, style: n }) => /* @__PURE__ */ y(w[e] || u, {
 	className: t,
 	style: n
-}), D = ({ product: e, onClick: t, variant: n = "default" }) => {
-	let r = C(e.type);
+}), E = ({ product: e, onClick: t, variant: n = "default" }) => {
+	let r = S(e.type);
 	return n === "featured" ? /* @__PURE__ */ b("button", {
+		type: "button",
 		onClick: t,
-		className: "group relative flex h-full w-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-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",
 		children: [
 			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__ */ y(g, { className: "h-3 w-3" }), "Featured"]
+				children: [/* @__PURE__ */ y(g, { className: "size-3" }), "Featured"]
 			}),
 			/* @__PURE__ */ b("div", {
 				className: "flex items-start gap-4",
 				children: [/* @__PURE__ */ y("div", {
-					className: "flex h-16 w-16 flex-shrink-0 items-center justify-center rounded-2xl",
-					style: { backgroundColor: w(e.type) },
+					className: "flex size-16 flex-shrink-0 items-center justify-center rounded-2xl",
+					style: { backgroundColor: C(e.type) },
 					children: e.icon ? /* @__PURE__ */ y("img", {
 						src: e.icon,
 						alt: e.name,
-						className: "h-10 w-10 rounded-lg object-cover"
-					}) : /* @__PURE__ */ y(E, {
+						className: "size-10 rounded-lg object-cover"
+					}) : /* @__PURE__ */ y(T, {
 						type: e.type,
-						className: "h-10 w-10",
+						className: "size-10",
 						style: { color: r }
 					})
 				}), /* @__PURE__ */ b("div", {
@@ -81,9 +82,9 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 						children: e.name
 					}), /* @__PURE__ */ b("p", {
 						className: "flex items-center gap-2 text-sm text-text-muted",
-						children: [/* @__PURE__ */ y(E, {
+						children: [/* @__PURE__ */ y(T, {
 							type: e.type,
-							className: "h-3.5 w-3.5"
+							className: "size-3.5"
 						}), e.category || e.type]
 					})]
 				})]
@@ -98,31 +99,32 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 					className: "flex items-center gap-3",
 					children: [/* @__PURE__ */ b("span", {
 						className: "flex items-center gap-1 text-sm text-text-muted",
-						children: [/* @__PURE__ */ y(_, { className: "h-4 w-4 fill-current text-status-warning-text" }), (e.rating ?? 0).toFixed(1)]
+						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__ */ y(le, { className: "h-4 w-4" }), x(e.downloads)]
+						children: [/* @__PURE__ */ y(ue, { className: "size-4" }), Ce(e.downloads)]
 					})]
 				}), /* @__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)
+					children: x(e)
 				})]
 			})
 		]
 	}) : 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",
 		children: [
 			/* @__PURE__ */ y("div", {
-				className: "flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-xl",
-				style: { backgroundColor: w(e.type) },
+				className: "flex size-12 flex-shrink-0 items-center justify-center rounded-xl",
+				style: { backgroundColor: C(e.type) },
 				children: e.icon ? /* @__PURE__ */ y("img", {
 					src: e.icon,
 					alt: e.name,
-					className: "h-8 w-8 rounded-lg object-cover"
-				}) : /* @__PURE__ */ y(E, {
+					className: "size-8 rounded-lg object-cover"
+				}) : /* @__PURE__ */ y(T, {
 					type: e.type,
-					className: "h-8 w-8",
+					className: "size-8",
 					style: { color: r }
 				})
 			}),
@@ -143,25 +145,26 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 			}),
 			/* @__PURE__ */ y("span", {
 				className: "text-xs font-medium text-text-muted",
-				children: S(e)
+				children: x(e)
 			})
 		]
 	}) : /* @__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",
 		children: [
 			/* @__PURE__ */ b("div", {
 				className: "flex items-start gap-3",
 				children: [/* @__PURE__ */ y("div", {
-					className: "flex h-14 w-14 flex-shrink-0 items-center justify-center rounded-xl",
-					style: { backgroundColor: w(e.type) },
+					className: "flex size-14 flex-shrink-0 items-center justify-center rounded-xl",
+					style: { backgroundColor: C(e.type) },
 					children: e.icon ? /* @__PURE__ */ y("img", {
 						src: e.icon,
 						alt: e.name,
-						className: "h-9 w-9 rounded-lg object-cover"
-					}) : /* @__PURE__ */ y(E, {
+						className: "size-9 rounded-lg object-cover"
+					}) : /* @__PURE__ */ y(T, {
 						type: e.type,
-						className: "h-9 w-9",
+						className: "size-9",
 						style: { color: r }
 					})
 				}), /* @__PURE__ */ b("div", {
@@ -171,9 +174,9 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 						children: e.name
 					}), /* @__PURE__ */ b("p", {
 						className: "flex items-center gap-1.5 text-xs text-text-muted",
-						children: [/* @__PURE__ */ y(E, {
+						children: [/* @__PURE__ */ y(T, {
 							type: e.type,
-							className: "h-3 w-3"
+							className: "size-3"
 						}), e.category || e.type]
 					})]
 				})]
@@ -189,7 +192,7 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 					children: [
 						/* @__PURE__ */ b("span", {
 							className: "flex items-center gap-0.5 text-xs text-text-muted",
-							children: [/* @__PURE__ */ y(_, { className: "h-3.5 w-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__ */ y("span", {
 							className: "text-xs text-text-muted",
@@ -197,23 +200,23 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 						}),
 						/* @__PURE__ */ b("span", {
 							className: "text-xs text-text-muted",
-							children: [x(e.downloads), " downloads"]
+							children: [Ce(e.downloads), " downloads"]
 						})
 					]
 				}), /* @__PURE__ */ y("span", {
 					className: "text-xs font-semibold text-text-link",
-					children: S(e)
+					children: x(e)
 				})]
 			})
 		]
 	});
-}, O = ({ icon: e, title: t, subtitle: n, onViewAll: r }) => /* @__PURE__ */ b("div", {
+}, D = ({ icon: e, title: t, subtitle: n, onViewAll: r }) => /* @__PURE__ */ b("div", {
 	className: "mb-4 flex items-center justify-between",
 	children: [/* @__PURE__ */ b("div", {
 		className: "flex items-center gap-3",
 		children: [/* @__PURE__ */ y("div", {
-			className: "flex h-10 w-10 items-center justify-center rounded-xl bg-action-primary-bg/10",
-			children: /* @__PURE__ */ y(e, { className: "h-5 w-5 text-text-link" })
+			className: "flex size-10 items-center justify-center rounded-xl bg-action-primary-bg/10",
+			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
@@ -222,17 +225,19 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 			children: n
 		})] })]
 	}), 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__ */ y(oe, { className: "h-4 w-4" })]
+		children: ["View all", /* @__PURE__ */ y(se, { className: "size-4" })]
 	})]
-}), Se = ({ typeId: e, name: t, count: n, active: r, onClick: i }) => /* @__PURE__ */ b("button", {
+}), we = ({ 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__ */ y(E, {
+		/* @__PURE__ */ y(T, {
 			type: e,
-			className: "h-4 w-4"
+			className: "size-4"
 		}),
 		t,
 		/* @__PURE__ */ y("span", {
@@ -240,10 +245,10 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 			children: n
 		})
 	]
-}), Ce = ({ featuredProducts: e, onProductClick: t }) => {
+}), Te = ({ featuredProducts: e, onProductClick: t }) => {
 	let [n, r] = c(0), i = e[n] || e[0];
 	if (!i) return null;
-	let a = C(i.type);
+	let a = S(i.type);
 	return /* @__PURE__ */ b("div", {
 		className: "relative overflow-hidden rounded-2xl bg-gradient-to-r from-bg-surface via-bg-sunken to-bg-surface p-8",
 		children: [
@@ -260,7 +265,7 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 							className: "mb-4 flex items-center gap-2",
 							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",
-								children: [/* @__PURE__ */ y(g, { className: "h-3 w-3" }), "Featured App"]
+								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: i.category || i.type
@@ -279,7 +284,7 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 							children: [/* @__PURE__ */ b("span", {
 								className: "flex items-center gap-1 text-sm",
 								children: [
-									/* @__PURE__ */ y(_, { className: "h-5 w-5 fill-current text-status-warning-text" }),
+									/* @__PURE__ */ y(_, { className: "size-5 fill-current text-status-warning-text" }),
 									/* @__PURE__ */ y("span", {
 										className: "font-semibold text-text-primary",
 										children: (i.rating ?? 0).toFixed(1)
@@ -296,13 +301,14 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 							}), /* @__PURE__ */ b("span", {
 								className: "flex items-center gap-1 text-sm text-text-muted",
 								children: [
-									/* @__PURE__ */ y(le, { className: "h-4 w-4" }),
+									/* @__PURE__ */ y(ue, { className: "size-4" }),
 									i.downloads.toLocaleString(),
 									" downloads"
 								]
 							})]
 						}),
 						/* @__PURE__ */ y("button", {
+							type: "button",
 							onClick: () => t(i),
 							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"
@@ -311,15 +317,15 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 				}), /* @__PURE__ */ y("div", {
 					className: "hidden flex-shrink-0 lg:block",
 					children: /* @__PURE__ */ y("div", {
-						className: "flex h-48 w-48 items-center justify-center rounded-3xl shadow-lg",
-						style: { backgroundColor: w(i.type) },
+						className: "flex size-48 items-center justify-center rounded-3xl shadow-lg",
+						style: { backgroundColor: C(i.type) },
 						children: i.icon ? /* @__PURE__ */ y("img", {
 							src: i.icon,
 							alt: i.name,
-							className: "h-32 w-32 rounded-2xl object-cover"
-						}) : /* @__PURE__ */ y(E, {
+							className: "size-32 rounded-2xl object-cover"
+						}) : /* @__PURE__ */ y(T, {
 							type: i.type,
-							className: "h-32 w-32",
+							className: "size-32",
 							style: { color: a }
 						})
 					})
@@ -328,6 +334,7 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 			e.length > 1 && /* @__PURE__ */ y("div", {
 				className: "relative z-10 mt-6 flex gap-2",
 				children: e.map((e, t) => /* @__PURE__ */ y("button", {
+					type: "button",
 					onClick: () => r(t),
 					className: `h-2 w-8 rounded-full transition-all ${t === n ? "bg-action-primary-bg" : "bg-border-default hover:bg-action-primary-border"}`,
 					"aria-label": `View ${e.name}`
@@ -335,11 +342,11 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 			})
 		]
 	});
-}, k = ({ variant: e = "default" }) => e === "featured" ? /* @__PURE__ */ b("div", {
+}, O = ({ variant: e = "default" }) => e === "featured" ? /* @__PURE__ */ b("div", {
 	className: "h-full animate-pulse rounded-2xl border border-border-default bg-bg-surface p-6",
 	children: [/* @__PURE__ */ b("div", {
 		className: "flex items-start gap-4",
-		children: [/* @__PURE__ */ y("div", { className: "h-16 w-16 rounded-2xl bg-bg-sunken" }), /* @__PURE__ */ b("div", {
+		children: [/* @__PURE__ */ y("div", { className: "size-16 rounded-2xl bg-bg-sunken" }), /* @__PURE__ */ b("div", {
 			className: "flex-1 space-y-2",
 			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" })]
 		})]
@@ -349,7 +356,7 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 	})]
 }) : e === "compact" ? /* @__PURE__ */ b("div", {
 	className: "flex animate-pulse items-center gap-3 p-3",
-	children: [/* @__PURE__ */ y("div", { className: "h-12 w-12 rounded-xl bg-bg-sunken" }), /* @__PURE__ */ b("div", {
+	children: [/* @__PURE__ */ y("div", { className: "size-12 rounded-xl bg-bg-sunken" }), /* @__PURE__ */ b("div", {
 		className: "flex-1 space-y-2",
 		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" })]
 	})]
@@ -357,7 +364,7 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 	className: "animate-pulse rounded-xl border border-border-default bg-bg-surface p-4",
 	children: [/* @__PURE__ */ b("div", {
 		className: "flex items-start gap-3",
-		children: [/* @__PURE__ */ y("div", { className: "h-14 w-14 rounded-xl bg-bg-sunken" }), /* @__PURE__ */ b("div", {
+		children: [/* @__PURE__ */ y("div", { className: "size-14 rounded-xl bg-bg-sunken" }), /* @__PURE__ */ b("div", {
 			className: "flex-1 space-y-2",
 			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" })]
 		})]
@@ -365,7 +372,7 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 		className: "mt-3 space-y-2",
 		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__ */ b("div", {
+}), k = () => /* @__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__ */ b("div", {
 		className: "flex items-center gap-8",
@@ -387,7 +394,7 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 				}),
 				/* @__PURE__ */ y("div", { className: "h-12 w-36 rounded-lg bg-bg-sunken" })
 			]
-		}), /* @__PURE__ */ y("div", { className: "hidden h-48 w-48 rounded-3xl bg-bg-sunken lg:block" })]
+		}), /* @__PURE__ */ y("div", { className: "hidden size-48 rounded-3xl bg-bg-sunken lg:block" })]
 	}), /* @__PURE__ */ y("div", {
 		className: "mt-6 flex gap-2",
 		children: [...[
@@ -396,7 +403,7 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 			,
 		]].map((e, t) => /* @__PURE__ */ y("div", { className: "h-2 w-8 rounded-full bg-bg-sunken" }, t))
 	})]
-}), j = [
+}), A = [
 	100,
 	120,
 	90,
@@ -405,30 +412,30 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 	95,
 	115,
 	105
-], M = () => /* @__PURE__ */ b("div", {
+], j = () => /* @__PURE__ */ b("div", {
 	className: "space-y-4",
 	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__ */ y("div", {
+		children: A.map((e, t) => /* @__PURE__ */ y("div", {
 			className: "h-9 animate-pulse rounded-full bg-bg-sunken",
 			style: { width: `${e}px` }
 		}, t))
 	})]
-}), N = () => /* @__PURE__ */ b("div", {
+}), M = () => /* @__PURE__ */ b("div", {
 	className: "mb-4 flex items-center justify-between",
 	children: [/* @__PURE__ */ b("div", {
 		className: "flex items-center gap-3",
-		children: [/* @__PURE__ */ y("div", { className: "h-10 w-10 animate-pulse rounded-xl bg-bg-sunken" }), /* @__PURE__ */ b("div", {
+		children: [/* @__PURE__ */ y("div", { className: "size-10 animate-pulse rounded-xl bg-bg-sunken" }), /* @__PURE__ */ b("div", {
 			className: "space-y-1",
 			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__ */ y("div", { className: "h-4 w-16 animate-pulse rounded bg-bg-sunken" })]
-}), we = () => /* @__PURE__ */ b("div", {
-	className: "mx-auto max-w-7xl space-y-8 px-6 py-6",
+}), Ee = () => /* @__PURE__ */ b("div", {
+	className: "mx-auto max-w-7xl space-y-8 p-6",
 	children: [
-		/* @__PURE__ */ y(A, {}),
-		/* @__PURE__ */ y(M, {}),
-		/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y(N, {}), /* @__PURE__ */ y("div", {
+		/* @__PURE__ */ y(k, {}),
+		/* @__PURE__ */ y(j, {}),
+		/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y(M, {}), /* @__PURE__ */ y("div", {
 			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
 			children: [...[
 				,
@@ -437,9 +444,9 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 				,
 				,
 				,
-			]].map((e, t) => /* @__PURE__ */ y(k, {}, t))
+			]].map((e, t) => /* @__PURE__ */ y(O, {}, t))
 		})] }),
-		/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y(N, {}), /* @__PURE__ */ y("div", {
+		/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y(M, {}), /* @__PURE__ */ y("div", {
 			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
 			children: [...[
 				,
@@ -448,9 +455,9 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 				,
 				,
 				,
-			]].map((e, t) => /* @__PURE__ */ y(k, {}, t))
+			]].map((e, t) => /* @__PURE__ */ y(O, {}, t))
 		})] }),
-		/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y(N, {}), /* @__PURE__ */ y("div", {
+		/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y(M, {}), /* @__PURE__ */ y("div", {
 			className: "grid grid-cols-2 gap-2 sm:grid-cols-3 lg:grid-cols-6",
 			children: [...[
 				,
@@ -459,10 +466,10 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 				,
 				,
 				,
-			]].map((e, t) => /* @__PURE__ */ y(k, { variant: "compact" }, t))
+			]].map((e, t) => /* @__PURE__ */ y(O, { variant: "compact" }, t))
 		})] })
 	]
-}), P = ({ label: e, value: t, options: n, onChange: r }) => {
+}), N = ({ label: e, value: t, options: n, onChange: r }) => {
 	let i = re();
 	return /* @__PURE__ */ b("label", {
 		htmlFor: i,
@@ -487,11 +494,11 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 					children: e.label
 				}, e.value))
 			}),
-			/* @__PURE__ */ y(f, { className: "pointer-events-none absolute right-3 h-4 w-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 } = ie(), oe = re(), ce = be(), { cartOpen: le, closeCart: ue, itemCount: p, cartItems: m, subtotal: h, tax: x, total: S, updateQuantity: C, removeProduct: w } = t(), [T, E] = c(""), [k, A] = c("all"), [j, M] = c("all"), [N, F] = c("any"), [I, Te] = c("all"), [L, Ee] = c("all"), [R, De] = c("all"), [z, Oe] = c(!1), [B, ke] = c("relevance"), [Ae, je] = c(!1), V = xe(T, 1500), Me = [
+}, P = () => {
+	let l = be(), { basePath: d } = e(), { t: f } = ae(), se = re(), le = xe(), { cartOpen: ue, closeCart: de, itemCount: p, cartItems: m, subtotal: h, tax: Ce, total: x, updateQuantity: S, removeProduct: C } = t(), [w, T] = c(""), [O, k] = c("all"), [A, j] = c("all"), [M, P] = c("any"), [F, De] = c("all"), [I, Oe] = c("all"), [L, ke] = c("all"), [R, Ae] = c(!1), [z, je] = c("relevance"), [B, Me] = c(!1), V = Se(w, 1500), Ne = [
 		{
 			value: "all",
 			label: "All Prices"
@@ -508,7 +515,7 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 			value: "subscription",
 			label: "Subscription"
 		}
-	], Ne = [
+	], Pe = [
 		{
 			value: "any",
 			label: "Any Rating"
@@ -529,7 +536,7 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 			value: "4.5",
 			label: "4.5+ Stars"
 		}
-	], Pe = [
+	], Fe = [
 		{
 			value: "all",
 			label: "All Types"
@@ -542,7 +549,7 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 			value: "physical",
 			label: "Physical"
 		}
-	], Fe = [
+	], Ie = [
 		{
 			value: "relevance",
 			label: "Relevance"
@@ -571,7 +578,7 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 			value: "name-asc",
 			label: "Name A-Z"
 		}
-	], Ie = (e) => ({
+	], Le = (e) => ({
 		relevance: o.Relevance,
 		rating: o.Rating,
 		downloads: o.Downloads,
@@ -579,47 +586,49 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 		"price-low": o.PriceLow,
 		"price-high": o.PriceHigh,
 		"name-asc": o.NameAsc
-	})[e], Le = (e) => {
+	})[e], Re = (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", Re = T.trim() !== "" && T !== V, ze = () => {
-		E(""), M("all"), F("any"), Te("all"), Ee("all"), De("all"), Oe(!1), ke("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), Be = s(() => {
+	}, H = V.trim() !== "" || A !== "all" || M !== "any" || F !== "all" || I !== "all" || L !== "all" || R || O !== "all" || z !== "relevance", ze = w.trim() !== "" && w !== V, Be = () => {
+		T(""), j("all"), P("any"), De("all"), Oe("all"), ke("all"), Ae(!1), je("relevance"), k("all");
+	}, U = (A === "all" ? 0 : 1) + (M === "any" ? 0 : 1) + (F === "all" ? 0 : 1) + (I === "all" ? 0 : 1) + (L === "all" ? 0 : 1) + +!!R + (O === "all" ? 0 : 1), Ve = s(() => {
 		let e = {
-			sortBy: Ie(B),
+			sortBy: Le(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 = Le(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()), O !== "all" && (e.filter.type = O), I !== "all" && (e.filter.category = I), F !== "all" && (e.filter.nature = F === "digital" ? a.Digital : a.Physical);
+			let t = Re(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,
+		O,
 		I,
-		j,
-		N,
-		z,
+		F,
+		A,
+		M,
 		R,
-		B,
+		L,
+		z,
 		H
-	]), { featured: W, mostDownloaded: G, recentlyAdded: K, freeItems: q, loading: Ve, error: He, refetch: Ue } = r({ skip: H }), { products: We, totalCount: J, facets: Y, loading: X, error: Ge, refetch: Ke } = n(H ? Be : {}, { skip: !H }), qe = H ? X : Ve, Z = H ? Ge : He, Je = H ? Ke : Ue, Ye = H ? We : [];
-	ne(() => {
-		!V.trim() || X || ce.emit("store.marketplace.searched", {
+	]), { 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: J
+			resultCount: Ze.current
 		});
 	}, [V, X]);
 	let Q = te((e) => {
 		l(`${d}/marketplace/product/${e.id}`);
-	}, [l, d]), Xe = () => {
-		ue(), l(`${d}/cart`);
+	}, [l, d]), $e = () => {
+		de(), l(`${d}/cart`);
 	}, $ = s(() => [...new Map([
 		...W,
 		...G,
@@ -630,27 +639,31 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 		G,
 		K,
 		q
-	]), Ze = s(() => Y?.types && Y.types.length > 0 ? [{
-		id: "all",
-		name: "All Apps",
-		count: J
-	}, ...Y.types.map((e) => ({
-		id: e.value,
-		name: e.value.charAt(0) + e.value.slice(1).toLowerCase().replace(/_/g, " "),
-		count: e.count
-	}))] : [{
-		id: "all",
-		name: "All Apps",
-		count: $.length
-	}, ...Array.from(new Set($.map((e) => e.type))).map((e) => ({
-		id: e,
-		name: e.charAt(0) + e.slice(1).toLowerCase().replace(/_/g, " "),
-		count: $.filter((t) => t.type === e).length
-	})).filter((e) => e.count > 0).sort((e, t) => t.count - e.count)], [
+	]), et = s(() => {
+		if (Y?.types && Y.types.length > 0) return [{
+			id: "all",
+			name: "All Apps",
+			count: J
+		}, ...Y.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 ? [{
+			id: e,
+			name: e.charAt(0) + e.slice(1).toLowerCase().replace(/_/g, " "),
+			count: t
+		}] : []).sort((e, t) => t.count - e.count);
+		return [{
+			id: "all",
+			name: "All Apps",
+			count: $.length
+		}, ...t];
+	}, [
 		Y,
 		$,
 		J
-	]), Qe = s(() => Y?.categories && Y.categories.length > 0 ? [{
+	]), tt = s(() => Y?.categories && Y.categories.length > 0 ? [{
 		value: "all",
 		label: "All Categories"
 	}, ...Y.categories.map((e) => ({
@@ -659,10 +672,10 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 	}))] : [{
 		value: "all",
 		label: "All Categories"
-	}, ...Array.from(new Set($.map((e) => e.category).filter(Boolean))).map((e) => ({
+	}, ...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, $]), $e = s(() => Y?.licenses && Y.licenses.length > 0 ? [{
+	})).sort((e, t) => e.label.localeCompare(t.label))], [Y, $]), nt = s(() => Y?.licenses && Y.licenses.length > 0 ? [{
 		value: "all",
 		label: "All Licenses"
 	}, ...Y.licenses.map((e) => ({
@@ -687,13 +700,14 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 							className: "text-sm text-text-muted",
 							children: f("pages.marketplace.subtitle", { defaultValue: "Discover apps, workflows, and integrations for your workspace" })
 						})] }), /* @__PURE__ */ b("button", {
+							type: "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__ */ y(he, { className: "h-5 w-5" }),
+								/* @__PURE__ */ y(ge, { className: "size-5" }),
 								f("pages.marketplace.cart", { defaultValue: "Cart" }),
 								p > 0 && /* @__PURE__ */ y("span", {
-									className: "absolute -right-2 -top-2 flex h-5 w-5 items-center justify-center rounded-full bg-action-primary-bg text-xs font-bold text-action-primary-text",
+									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: p
 								})
 							]
@@ -705,35 +719,35 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 							className: "relative",
 							children: [
 								/* @__PURE__ */ y("label", {
-									htmlFor: oe,
+									htmlFor: se,
 									className: "sr-only",
 									children: f("pages.marketplace.search.label", { defaultValue: "Search marketplace products" })
 								}),
-								/* @__PURE__ */ y(me, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 text-text-muted" }),
+								/* @__PURE__ */ y(he, { className: "absolute left-4 top-1/2 size-5 -translate-y-1/2 text-text-muted" }),
 								/* @__PURE__ */ y("input", {
-									id: oe,
+									id: se,
 									"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__ */ y("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__ */ y(v, {
-										className: "h-4 w-4",
+										className: "size-4",
 										"aria-hidden": "true"
 									})
 								})
 							]
-						}), T.trim() && /* @__PURE__ */ y("div", {
+						}), w.trim() && /* @__PURE__ */ y("div", {
 							"aria-live": "polite",
 							className: "mt-2 flex items-center gap-2 text-sm text-text-muted",
-							children: Re || X ? /* @__PURE__ */ b(ve, { children: [/* @__PURE__ */ y(pe, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ y("span", { children: f("pages.marketplace.search.searching", { defaultValue: "Searching..." }) })] }) : /* @__PURE__ */ b("span", { children: [
+							children: ze || 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",
@@ -747,13 +761,14 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 						className: "mt-4 flex flex-wrap items-center gap-3",
 						children: [
 							/* @__PURE__ */ b("button", {
-								onClick: () => je(!Ae),
-								className: `cursor-pointer flex items-center gap-2 rounded-lg border px-3 py-2 text-sm font-medium transition-colors ${Ae || 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"}`,
+								type: "button",
+								onClick: () => Me(!B),
+								className: `cursor-pointer flex items-center gap-2 rounded-lg border px-3 py-2 text-sm font-medium transition-colors ${B || 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__ */ y(ge, { className: "h-4 w-4" }),
+									/* @__PURE__ */ y(_e, { className: "size-4" }),
 									f("pages.marketplace.filters", { defaultValue: "Filters" }),
 									U > 0 && /* @__PURE__ */ y("span", {
-										className: "flex h-5 w-5 items-center justify-center rounded-full bg-action-primary-bg text-xs text-action-primary-text",
+										className: "flex size-5 items-center justify-center rounded-full bg-action-primary-bg text-xs text-action-primary-text",
 										children: U
 									})
 								]
@@ -762,42 +777,46 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 								className: "flex flex-wrap items-center gap-2",
 								children: [
 									/* @__PURE__ */ b("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__ */ y(fe, { className: "h-3.5 w-3.5" }), "Free"]
+										type: "button",
+										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__ */ b("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__ */ y(_, { className: "h-3.5 w-3.5" }), "4+ Stars"]
+										type: "button",
+										onClick: () => P(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__ */ b("button", {
-										onClick: () => Oe(!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__ */ y(g, { className: "h-3.5 w-3.5" }), "Featured"]
+										type: "button",
+										onClick: () => Ae(!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__ */ y(g, { className: "size-3.5" }), "Featured"]
 									})
 								]
 							}),
 							H && /* @__PURE__ */ b("button", {
-								onClick: ze,
+								type: "button",
+								onClick: Be,
 								className: "cursor-pointer flex items-center gap-1 text-sm text-text-muted transition-colors hover:text-text-primary",
 								children: [/* @__PURE__ */ y(v, {
-									className: "h-4 w-4",
+									className: "size-4",
 									"aria-hidden": "true"
 								}), "Clear all"]
 							}),
 							/* @__PURE__ */ y("div", {
 								className: "ml-auto",
-								children: /* @__PURE__ */ y(P, {
+								children: /* @__PURE__ */ y(N, {
 									label: "Sort",
-									value: B,
-									options: Fe,
-									onChange: (e) => ke(e)
+									value: z,
+									options: Ie,
+									onChange: (e) => je(e)
 								})
 							})
 						]
 					}),
-					Ae && /* @__PURE__ */ b("div", {
+					B && /* @__PURE__ */ b("div", {
 						className: "mt-4 rounded-lg border border-border-default bg-bg-surface p-4",
 						children: [/* @__PURE__ */ b("div", {
 							className: "flex flex-wrap items-start gap-6",
@@ -807,11 +826,11 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 									children: [/* @__PURE__ */ y("span", {
 										className: "text-xs font-medium uppercase tracking-wider text-text-muted",
 										children: "Pricing"
-									}), /* @__PURE__ */ y(P, {
+									}), /* @__PURE__ */ y(N, {
 										label: "Price",
-										value: j,
-										options: Me,
-										onChange: (e) => M(e)
+										value: A,
+										options: Ne,
+										onChange: (e) => j(e)
 									})]
 								}),
 								/* @__PURE__ */ b("div", {
@@ -819,23 +838,23 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 									children: [/* @__PURE__ */ y("span", {
 										className: "text-xs font-medium uppercase tracking-wider text-text-muted",
 										children: "Min Rating"
-									}), /* @__PURE__ */ y(P, {
+									}), /* @__PURE__ */ y(N, {
 										label: "Rating",
-										value: N,
-										options: Ne,
-										onChange: (e) => F(e)
+										value: M,
+										options: Pe,
+										onChange: (e) => P(e)
 									})]
 								}),
-								Qe.length > 1 && /* @__PURE__ */ b("div", {
+								tt.length > 1 && /* @__PURE__ */ b("div", {
 									className: "flex flex-col gap-2",
 									children: [/* @__PURE__ */ y("span", {
 										className: "text-xs font-medium uppercase tracking-wider text-text-muted",
 										children: "Category"
-									}), /* @__PURE__ */ y(P, {
+									}), /* @__PURE__ */ y(N, {
 										label: "Category",
-										value: L,
-										options: Qe,
-										onChange: Ee
+										value: I,
+										options: tt,
+										onChange: Oe
 									})]
 								}),
 								/* @__PURE__ */ b("div", {
@@ -843,23 +862,23 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 									children: [/* @__PURE__ */ y("span", {
 										className: "text-xs font-medium uppercase tracking-wider text-text-muted",
 										children: "Nature"
-									}), /* @__PURE__ */ y(P, {
+									}), /* @__PURE__ */ y(N, {
 										label: "Nature",
-										value: I,
-										options: Pe,
-										onChange: (e) => Te(e)
+										value: F,
+										options: Fe,
+										onChange: (e) => De(e)
 									})]
 								}),
-								$e.length > 1 && /* @__PURE__ */ b("div", {
+								nt.length > 1 && /* @__PURE__ */ b("div", {
 									className: "flex flex-col gap-2",
 									children: [/* @__PURE__ */ y("span", {
 										className: "text-xs font-medium uppercase tracking-wider text-text-muted",
 										children: "License"
-									}), /* @__PURE__ */ y(P, {
+									}), /* @__PURE__ */ y(N, {
 										label: "License",
-										value: R,
-										options: $e,
-										onChange: De
+										value: L,
+										options: nt,
+										onChange: ke
 									})]
 								})
 							]
@@ -870,8 +889,9 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 									className: "text-xs font-medium text-text-muted",
 									children: "Active filters:"
 								}),
-								k !== "all" && /* @__PURE__ */ b("button", {
-									onClick: () => A("all"),
+								O !== "all" && /* @__PURE__ */ b("button", {
+									type: "button",
+									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__ */ y("span", {
@@ -879,15 +899,16 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 											children: "Type:"
 										}),
 										" ",
-										k,
+										O,
 										/* @__PURE__ */ y(v, {
-											className: "h-3 w-3",
+											className: "size-3",
 											"aria-hidden": "true"
 										})
 									]
 								}),
-								j !== "all" && /* @__PURE__ */ b("button", {
-									onClick: () => M("all"),
+								A !== "all" && /* @__PURE__ */ b("button", {
+									type: "button",
+									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__ */ y("span", {
@@ -895,15 +916,16 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 											children: "Price:"
 										}),
 										" ",
-										Me.find((e) => e.value === j)?.label,
+										Ne.find((e) => e.value === A)?.label,
 										/* @__PURE__ */ y(v, {
-											className: "h-3 w-3",
+											className: "size-3",
 											"aria-hidden": "true"
 										})
 									]
 								}),
-								N !== "any" && /* @__PURE__ */ b("button", {
-									onClick: () => F("any"),
+								M !== "any" && /* @__PURE__ */ b("button", {
+									type: "button",
+									onClick: () => P("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__ */ y("span", {
@@ -911,15 +933,16 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 											children: "Rating:"
 										}),
 										" ",
-										Ne.find((e) => e.value === N)?.label,
+										Pe.find((e) => e.value === M)?.label,
 										/* @__PURE__ */ y(v, {
-											className: "h-3 w-3",
+											className: "size-3",
 											"aria-hidden": "true"
 										})
 									]
 								}),
-								L !== "all" && /* @__PURE__ */ b("button", {
-									onClick: () => Ee("all"),
+								I !== "all" && /* @__PURE__ */ b("button", {
+									type: "button",
+									onClick: () => Oe("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__ */ y("span", {
@@ -927,15 +950,16 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 											children: "Category:"
 										}),
 										" ",
-										L,
+										I,
 										/* @__PURE__ */ y(v, {
-											className: "h-3 w-3",
+											className: "size-3",
 											"aria-hidden": "true"
 										})
 									]
 								}),
-								I !== "all" && /* @__PURE__ */ b("button", {
-									onClick: () => Te("all"),
+								F !== "all" && /* @__PURE__ */ b("button", {
+									type: "button",
+									onClick: () => De("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__ */ y("span", {
@@ -943,15 +967,16 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 											children: "Nature:"
 										}),
 										" ",
-										Pe.find((e) => e.value === I)?.label,
+										Fe.find((e) => e.value === F)?.label,
 										/* @__PURE__ */ y(v, {
-											className: "h-3 w-3",
+											className: "size-3",
 											"aria-hidden": "true"
 										})
 									]
 								}),
-								R !== "all" && /* @__PURE__ */ b("button", {
-									onClick: () => De("all"),
+								L !== "all" && /* @__PURE__ */ b("button", {
+									type: "button",
+									onClick: () => ke("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__ */ y("span", {
@@ -959,21 +984,22 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 											children: "License:"
 										}),
 										" ",
-										$e.find((e) => e.value === R)?.label,
+										nt.find((e) => e.value === L)?.label,
 										/* @__PURE__ */ y(v, {
-											className: "h-3 w-3",
+											className: "size-3",
 											"aria-hidden": "true"
 										})
 									]
 								}),
-								z && /* @__PURE__ */ b("button", {
-									onClick: () => Oe(!1),
+								R && /* @__PURE__ */ b("button", {
+									type: "button",
+									onClick: () => Ae(!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__ */ y(g, { className: "h-3 w-3" }),
+										/* @__PURE__ */ y(g, { className: "size-3" }),
 										"Featured Only",
 										/* @__PURE__ */ y(v, {
-											className: "h-3 w-3",
+											className: "size-3",
 											"aria-hidden": "true"
 										})
 									]
@@ -986,13 +1012,13 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 			/* @__PURE__ */ y("main", {
 				className: "flex-1 overflow-y-auto",
 				children: /* @__PURE__ */ b("div", {
-					className: "mx-auto max-w-7xl space-y-8 px-6 py-6",
+					className: "mx-auto max-w-7xl space-y-8 p-6",
 					children: [
 						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__ */ y(ae, { className: "mb-4 h-12 w-12 text-status-error-text" }),
+								/* @__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"
@@ -1002,45 +1028,46 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 									children: Z.message || "An error occurred while fetching products"
 								}),
 								/* @__PURE__ */ y("button", {
-									onClick: () => Je(),
+									type: "button",
+									onClick: () => Ye(),
 									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"
 								})
 							]
 						}),
-						qe && !Z && /* @__PURE__ */ y(we, {}),
-						!qe && !Z && /* @__PURE__ */ b(ve, { children: [
-							!H && k === "all" && W.length > 0 && /* @__PURE__ */ y(Ce, {
+						Je && !Z && /* @__PURE__ */ y(Ee, {}),
+						!Je && !Z && /* @__PURE__ */ b(ye, { children: [
+							!H && O === "all" && W.length > 0 && /* @__PURE__ */ y(Te, {
 								featuredProducts: W,
 								onProductClick: Q
 							}),
-							Ze.length > 1 && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h2", {
+							et.length > 1 && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h2", {
 								className: "mb-4 text-lg font-semibold text-text-primary",
 								children: "Browse by Type"
 							}), /* @__PURE__ */ y("div", {
 								className: "flex flex-wrap gap-2",
-								children: Ze.map((e) => /* @__PURE__ */ y(Se, {
+								children: et.map((e) => /* @__PURE__ */ y(we, {
 									typeId: e.id,
 									name: e.name,
 									count: e.count,
-									active: k === e.id,
-									onClick: () => A(e.id)
+									active: O === e.id,
+									onClick: () => k(e.id)
 								}, e.id))
 							})] }),
-							H && /* @__PURE__ */ b("section", { children: [/* @__PURE__ */ y(O, {
-								icon: de,
+							H && /* @__PURE__ */ b("section", { children: [/* @__PURE__ */ y(D, {
+								icon: fe,
 								title: V ? "Search Results" : "Filtered Results",
 								subtitle: `${J} app${J === 1 ? "" : "s"} found`
-							}), Ye.length > 0 ? /* @__PURE__ */ y("div", {
+							}), Xe.length > 0 ? /* @__PURE__ */ y("div", {
 								className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
-								children: Ye.map((e) => /* @__PURE__ */ y(D, {
+								children: Xe.map((e) => /* @__PURE__ */ y(E, {
 									product: e,
 									onClick: () => Q(e)
 								}, e.id))
 							}) : /* @__PURE__ */ b("div", {
 								className: "flex flex-col items-center justify-center rounded-xl border border-border-default bg-bg-surface p-8 text-center",
 								children: [
-									/* @__PURE__ */ y(de, { className: "mb-4 h-12 w-12 text-text-muted" }),
+									/* @__PURE__ */ y(fe, { className: "mb-4 size-12 text-text-muted" }),
 									/* @__PURE__ */ y("h3", {
 										className: "mb-2 text-lg font-semibold text-text-primary",
 										children: "No apps match your filters"
@@ -1050,54 +1077,55 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 										children: "Try adjusting your filter criteria or clearing filters to see more results."
 									}),
 									/* @__PURE__ */ y("button", {
-										onClick: ze,
+										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"
 									})
 								]
 							})] }),
-							!H && k === "all" && /* @__PURE__ */ b(ve, { children: [
-								G.length > 0 && /* @__PURE__ */ b("section", { children: [/* @__PURE__ */ y(O, {
-									icon: _e,
+							!H && O === "all" && /* @__PURE__ */ b(ye, { children: [
+								G.length > 0 && /* @__PURE__ */ b("section", { children: [/* @__PURE__ */ y(D, {
+									icon: ve,
 									title: "Most Downloaded",
 									subtitle: "Top picks by our community"
 								}), /* @__PURE__ */ y("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-									children: G.slice(0, 6).map((e) => /* @__PURE__ */ y(D, {
+									children: G.slice(0, 6).map((e) => /* @__PURE__ */ y(E, {
 										product: e,
 										onClick: () => Q(e)
 									}, e.id))
 								})] }),
-								K.length > 0 && /* @__PURE__ */ b("section", { children: [/* @__PURE__ */ y(O, {
-									icon: se,
+								K.length > 0 && /* @__PURE__ */ b("section", { children: [/* @__PURE__ */ y(D, {
+									icon: ce,
 									title: "New Releases",
 									subtitle: "Recently published apps"
 								}), /* @__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__ */ y(D, {
+									children: K.slice(0, 6).map((e) => /* @__PURE__ */ y(E, {
 										product: e,
 										onClick: () => Q(e)
 									}, e.id))
 								})] }),
-								q.length > 0 && /* @__PURE__ */ b("section", { children: [/* @__PURE__ */ y(O, {
-									icon: fe,
+								q.length > 0 && /* @__PURE__ */ b("section", { children: [/* @__PURE__ */ y(D, {
+									icon: pe,
 									title: "Free Apps",
 									subtitle: "No cost, full functionality"
 								}), /* @__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__ */ y(D, {
+									children: q.slice(0, 6).map((e) => /* @__PURE__ */ y(E, {
 										product: e,
 										onClick: () => Q(e),
 										variant: "compact"
 									}, e.id))
 								})] }),
-								$.length > 0 && /* @__PURE__ */ b("section", { children: [/* @__PURE__ */ y(O, {
+								$.length > 0 && /* @__PURE__ */ b("section", { children: [/* @__PURE__ */ y(D, {
 									icon: u,
 									title: "All Apps",
 									subtitle: `${$.length} apps available`
 								}), /* @__PURE__ */ y("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
-									children: $.map((e) => /* @__PURE__ */ y(D, {
+									children: $.map((e) => /* @__PURE__ */ y(E, {
 										product: e,
 										onClick: () => Q(e)
 									}, e.id))
@@ -1106,7 +1134,7 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 							$.length === 0 && /* @__PURE__ */ b("div", {
 								className: "flex flex-col items-center justify-center rounded-xl border border-border-default bg-bg-surface p-12 text-center",
 								children: [
-									/* @__PURE__ */ y(u, { className: "mb-4 h-16 w-16 text-text-muted" }),
+									/* @__PURE__ */ y(u, { className: "mb-4 size-16 text-text-muted" }),
 									/* @__PURE__ */ y("h3", {
 										className: "mb-2 text-xl font-semibold text-text-primary",
 										children: "No apps available yet"
@@ -1122,21 +1150,21 @@ var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).t
 				})
 			}),
 			/* @__PURE__ */ y(ee, {
-				isOpen: le,
-				onClose: ue,
-				onCheckout: Xe,
+				isOpen: ue,
+				onClose: de,
+				onCheckout: $e,
 				cartItems: m,
 				itemCount: p,
 				subtotal: h,
-				tax: x,
-				total: S,
-				updateQuantity: C,
-				removeProduct: w
+				tax: Ce,
+				total: x,
+				updateQuantity: S,
+				removeProduct: C
 			})
 		]
 	});
 };
 //#endregion
-export { F as MarketplaceHomePage };
+export { P as MarketplaceHomePage };
 
 //# sourceMappingURL=MarketplaceHomePage.js.map