@burdenoff/microfe-store 2026.510.113

package/dist/pages/MarketplaceHomePage.js

@@ -0,0 +1,1118 @@
+import { useStore as e } from "../providers/StoreProvider.js";
+import { useCart as t } from "../hooks/useCart.js";
+import { CartDrawer as n } from "../components/cart/CartDrawer.js";
+import { useBrowseStoreWithContext as r, useHomeGroupedProducts as i } from "../hooks/useStoreGraphQL.js";
+import { PricingModel as a, ProductNature as ee, StoreSortBy as o } from "../generated/global-types.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 y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { useNavigate as ve } from "react-router-dom";
+import { useDebounce as ye } from "@burdenoff/fe-libs/shared/hooks";
+import { useEventBus as be } from "@burdenoff/fe-libs/shared/events";
+//#region src/pages/MarketplaceHomePage.tsx
+var xe = (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)",
+	WORKFLOW: "var(--color-status-warning-bg)",
+	NODE: "var(--color-status-error-bg)",
+	WIDGET: "var(--color-accent-purple)",
+	VIBEMODULE: "var(--color-accent-blue)",
+	DASHBOARD: "var(--color-accent-blue)",
+	PARSER: "var(--color-status-warning-bg)",
+	DATASINK: "var(--color-status-success-bg)",
+	APP: "var(--color-accent-indigo)",
+	TEMPLATE: "var(--color-accent-teal)",
+	INTEGRATION: "var(--color-status-warning-bg)",
+	EXTENSION: "var(--color-accent-purple)",
+	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 = {
+	BOTAPP: l,
+	AGENT: d,
+	CONSOLE: m,
+	WORKFLOW: p,
+	NODE: u,
+	WIDGET: h,
+	VIBEMODULE: h,
+	DASHBOARD: m,
+	PARSER: ue,
+	DATASINK: ce,
+	APP: u,
+	TEMPLATE: m,
+	INTEGRATION: p,
+	EXTENSION: h,
+	THEME: h,
+	PLUGIN: h,
+	COMPONENT: u
+}, E = ({ type: e, className: t, style: n }) => /* @__PURE__ */ b(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", {
+		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",
+		children: [
+			e.featured && /* @__PURE__ */ x("div", {
+				className: "absolute right-4 top-4 flex items-center gap-1 rounded-full bg-status-warning-bg-subtle px-2 py-1 text-xs font-medium text-status-warning-text",
+				children: [/* @__PURE__ */ b(g, { className: "h-3 w-3" }), "Featured"]
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "flex items-start gap-4",
+				children: [/* @__PURE__ */ b("div", {
+					className: "flex h-16 w-16 flex-shrink-0 items-center justify-center rounded-2xl",
+					style: { backgroundColor: w(e.type) },
+					children: e.icon ? /* @__PURE__ */ b("img", {
+						src: e.icon,
+						alt: e.name,
+						className: "h-10 w-10 rounded-lg object-cover"
+					}) : /* @__PURE__ */ b(E, {
+						type: e.type,
+						className: "h-10 w-10",
+						style: { color: r }
+					})
+				}), /* @__PURE__ */ x("div", {
+					className: "flex-1 overflow-hidden",
+					children: [/* @__PURE__ */ b("h3", {
+						className: "truncate text-lg font-semibold text-text-primary group-hover:text-text-link",
+						children: e.name
+					}), /* @__PURE__ */ x("p", {
+						className: "flex items-center gap-2 text-sm text-text-muted",
+						children: [/* @__PURE__ */ b(E, {
+							type: e.type,
+							className: "h-3.5 w-3.5"
+						}), e.category || e.type]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ b("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", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ x("span", {
+						className: "flex items-center gap-1 text-sm text-text-muted",
+						children: [/* @__PURE__ */ b(_, { className: "h-4 w-4 fill-current text-status-warning-text" }), (e.rating ?? 0).toFixed(1)]
+					}), /* @__PURE__ */ x("span", {
+						className: "flex items-center gap-1 text-sm text-text-muted",
+						children: [/* @__PURE__ */ b(le, { className: "h-4 w-4" }), xe(e.downloads)]
+					})]
+				}), /* @__PURE__ */ b("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", {
+		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__ */ b("div", {
+				className: "flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-xl",
+				style: { backgroundColor: w(e.type) },
+				children: e.icon ? /* @__PURE__ */ b("img", {
+					src: e.icon,
+					alt: e.name,
+					className: "h-8 w-8 rounded-lg object-cover"
+				}) : /* @__PURE__ */ b(E, {
+					type: e.type,
+					className: "h-8 w-8",
+					style: { color: r }
+				})
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "flex-1 overflow-hidden",
+				children: [/* @__PURE__ */ b("h4", {
+					className: "truncate font-medium text-text-primary group-hover:text-text-link",
+					children: e.name
+				}), /* @__PURE__ */ x("p", {
+					className: "truncate text-xs text-text-muted",
+					children: [
+						e.category || e.type,
+						" · ",
+						(e.rating ?? 0).toFixed(1),
+						" ★"
+					]
+				})]
+			}),
+			/* @__PURE__ */ b("span", {
+				className: "text-xs font-medium text-text-muted",
+				children: S(e)
+			})
+		]
+	}) : /* @__PURE__ */ x("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__ */ x("div", {
+				className: "flex items-start gap-3",
+				children: [/* @__PURE__ */ b("div", {
+					className: "flex h-14 w-14 flex-shrink-0 items-center justify-center rounded-xl",
+					style: { backgroundColor: w(e.type) },
+					children: e.icon ? /* @__PURE__ */ b("img", {
+						src: e.icon,
+						alt: e.name,
+						className: "h-9 w-9 rounded-lg object-cover"
+					}) : /* @__PURE__ */ b(E, {
+						type: e.type,
+						className: "h-9 w-9",
+						style: { color: r }
+					})
+				}), /* @__PURE__ */ x("div", {
+					className: "flex-1 overflow-hidden",
+					children: [/* @__PURE__ */ b("h4", {
+						className: "truncate font-semibold text-text-primary group-hover:text-text-link",
+						children: e.name
+					}), /* @__PURE__ */ x("p", {
+						className: "flex items-center gap-1.5 text-xs text-text-muted",
+						children: [/* @__PURE__ */ b(E, {
+							type: e.type,
+							className: "h-3 w-3"
+						}), e.category || e.type]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ b("p", {
+				className: "mt-3 line-clamp-2 text-sm text-text-muted",
+				children: e.description || "No description available"
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "mt-3 flex items-center justify-between",
+				children: [/* @__PURE__ */ x("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ x("span", {
+							className: "flex items-center gap-0.5 text-xs text-text-muted",
+							children: [/* @__PURE__ */ b(_, { className: "h-3.5 w-3.5 fill-current text-status-warning-text" }), (e.rating ?? 0).toFixed(1)]
+						}),
+						/* @__PURE__ */ b("span", {
+							className: "text-xs text-text-muted",
+							children: "·"
+						}),
+						/* @__PURE__ */ x("span", {
+							className: "text-xs text-text-muted",
+							children: [xe(e.downloads), " downloads"]
+						})
+					]
+				}), /* @__PURE__ */ b("span", {
+					className: "text-xs font-semibold text-text-link",
+					children: S(e)
+				})]
+			})
+		]
+	});
+}, O = ({ icon: e, title: t, subtitle: n, onViewAll: r }) => /* @__PURE__ */ x("div", {
+	className: "mb-4 flex items-center justify-between",
+	children: [/* @__PURE__ */ x("div", {
+		className: "flex items-center gap-3",
+		children: [/* @__PURE__ */ b("div", {
+			className: "flex h-10 w-10 items-center justify-center rounded-xl bg-action-primary-bg/10",
+			children: /* @__PURE__ */ b(e, { className: "h-5 w-5 text-text-link" })
+		}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h2", {
+			className: "text-lg font-semibold text-text-primary",
+			children: t
+		}), n && /* @__PURE__ */ b("p", {
+			className: "text-sm text-text-muted",
+			children: n
+		})] })]
+	}), r && /* @__PURE__ */ x("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(oe, { className: "h-4 w-4" })]
+	})]
+}), Se = ({ typeId: e, name: t, count: n, active: r, onClick: i }) => /* @__PURE__ */ x("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, {
+			type: e,
+			className: "h-4 w-4"
+		}),
+		t,
+		/* @__PURE__ */ b("span", {
+			className: `rounded-full px-1.5 py-0.5 text-xs ${r ? "bg-bg-surface/20" : "bg-bg-sunken"}`,
+			children: n
+		})
+	]
+}), Ce = ({ featuredProducts: e, onProductClick: t }) => {
+	let [n, r] = c(0), i = e[n] || e[0];
+	if (!i) return null;
+	let a = C(i.type);
+	return /* @__PURE__ */ x("div", {
+		className: "relative overflow-hidden rounded-2xl bg-gradient-to-r from-bg-surface via-bg-sunken to-bg-surface p-8",
+		children: [
+			/* @__PURE__ */ b("div", {
+				className: "absolute inset-0 opacity-10",
+				style: { background: `linear-gradient(135deg, ${a} 0%, transparent 50%)` }
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "relative z-10 flex items-center gap-8",
+				children: [/* @__PURE__ */ x("div", {
+					className: "flex-1",
+					children: [
+						/* @__PURE__ */ x("div", {
+							className: "mb-4 flex items-center gap-2",
+							children: [/* @__PURE__ */ x("span", {
+								className: "flex items-center gap-1 rounded-full bg-status-warning-bg-subtle px-3 py-1 text-xs font-semibold text-status-warning-text",
+								children: [/* @__PURE__ */ b(g, { className: "h-3 w-3" }), "Featured App"]
+							}), /* @__PURE__ */ b("span", {
+								className: "rounded-full bg-action-primary-bg/10 px-3 py-1 text-xs font-medium text-text-link",
+								children: i.category || i.type
+							})]
+						}),
+						/* @__PURE__ */ b("h1", {
+							className: "mb-3 text-3xl font-bold text-text-primary",
+							children: i.name
+						}),
+						/* @__PURE__ */ b("p", {
+							className: "mb-6 max-w-xl text-text-muted",
+							children: i.description || "No description available"
+						}),
+						/* @__PURE__ */ x("div", {
+							className: "mb-6 flex items-center gap-4",
+							children: [/* @__PURE__ */ x("span", {
+								className: "flex items-center gap-1 text-sm",
+								children: [
+									/* @__PURE__ */ b(_, { className: "h-5 w-5 fill-current text-status-warning-text" }),
+									/* @__PURE__ */ b("span", {
+										className: "font-semibold text-text-primary",
+										children: (i.rating ?? 0).toFixed(1)
+									}),
+									/* @__PURE__ */ x("span", {
+										className: "text-text-muted",
+										children: [
+											"(",
+											i.reviewCount,
+											" reviews)"
+										]
+									})
+								]
+							}), /* @__PURE__ */ x("span", {
+								className: "flex items-center gap-1 text-sm text-text-muted",
+								children: [
+									/* @__PURE__ */ b(le, { className: "h-4 w-4" }),
+									i.downloads.toLocaleString(),
+									" downloads"
+								]
+							})]
+						}),
+						/* @__PURE__ */ b("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"
+						})
+					]
+				}), /* @__PURE__ */ b("div", {
+					className: "hidden flex-shrink-0 lg:block",
+					children: /* @__PURE__ */ b("div", {
+						className: "flex h-48 w-48 items-center justify-center rounded-3xl shadow-lg",
+						style: { backgroundColor: w(i.type) },
+						children: i.icon ? /* @__PURE__ */ b("img", {
+							src: i.icon,
+							alt: i.name,
+							className: "h-32 w-32 rounded-2xl object-cover"
+						}) : /* @__PURE__ */ b(E, {
+							type: i.type,
+							className: "h-32 w-32",
+							style: { color: a }
+						})
+					})
+				})]
+			}),
+			e.length > 1 && /* @__PURE__ */ b("div", {
+				className: "relative z-10 mt-6 flex gap-2",
+				children: e.map((e, t) => /* @__PURE__ */ b("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}`
+				}, e.id))
+			})
+		]
+	});
+}, 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", {
+		className: "flex items-start gap-4",
+		children: [/* @__PURE__ */ b("div", { className: "h-16 w-16 rounded-2xl bg-bg-sunken" }), /* @__PURE__ */ x("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" })]
+		})]
+	}), /* @__PURE__ */ x("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" })]
+	})]
+}) : e === "compact" ? /* @__PURE__ */ x("div", {
+	className: "flex animate-pulse items-center gap-3 p-3",
+	children: [/* @__PURE__ */ b("div", { className: "h-12 w-12 rounded-xl bg-bg-sunken" }), /* @__PURE__ */ x("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" })]
+	})]
+}) : /* @__PURE__ */ x("div", {
+	className: "animate-pulse rounded-xl border border-border-default bg-bg-surface p-4",
+	children: [/* @__PURE__ */ x("div", {
+		className: "flex items-start gap-3",
+		children: [/* @__PURE__ */ b("div", { className: "h-14 w-14 rounded-xl bg-bg-sunken" }), /* @__PURE__ */ x("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" })]
+		})]
+	}), /* @__PURE__ */ x("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" })]
+	})]
+}), A = () => /* @__PURE__ */ x("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", {
+		className: "flex items-center gap-8",
+		children: [/* @__PURE__ */ x("div", {
+			className: "flex-1 space-y-4",
+			children: [
+				/* @__PURE__ */ x("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" })]
+				}),
+				/* @__PURE__ */ b("div", { className: "h-9 w-3/4 rounded bg-bg-sunken" }),
+				/* @__PURE__ */ x("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" })]
+				}),
+				/* @__PURE__ */ x("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" })]
+				}),
+				/* @__PURE__ */ b("div", { className: "h-12 w-36 rounded-lg bg-bg-sunken" })
+			]
+		}), /* @__PURE__ */ b("div", { className: "hidden h-48 w-48 rounded-3xl bg-bg-sunken lg:block" })]
+	}), /* @__PURE__ */ b("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))
+	})]
+}), j = [
+	100,
+	120,
+	90,
+	110,
+	130,
+	95,
+	115,
+	105
+], M = () => /* @__PURE__ */ x("div", {
+	className: "space-y-4",
+	children: [/* @__PURE__ */ b("div", { className: "h-6 w-32 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ b("div", {
+		className: "flex flex-wrap gap-2",
+		children: j.map((e, t) => /* @__PURE__ */ b("div", {
+			className: "h-9 animate-pulse rounded-full bg-bg-sunken",
+			style: { width: `${e}px` }
+		}, t))
+	})]
+}), N = () => /* @__PURE__ */ x("div", {
+	className: "mb-4 flex items-center justify-between",
+	children: [/* @__PURE__ */ x("div", {
+		className: "flex items-center gap-3",
+		children: [/* @__PURE__ */ b("div", { className: "h-10 w-10 animate-pulse rounded-xl bg-bg-sunken" }), /* @__PURE__ */ x("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" })]
+		})]
+	}), /* @__PURE__ */ b("div", { className: "h-4 w-16 animate-pulse rounded bg-bg-sunken" })]
+}), we = () => /* @__PURE__ */ x("div", {
+	className: "mx-auto max-w-7xl space-y-8 px-6 py-6",
+	children: [
+		/* @__PURE__ */ b(A, {}),
+		/* @__PURE__ */ b(M, {}),
+		/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b(N, {}), /* @__PURE__ */ b("div", {
+			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+			children: [...[
+				,
+				,
+				,
+				,
+				,
+				,
+			]].map((e, t) => /* @__PURE__ */ b(k, {}, t))
+		})] }),
+		/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b(N, {}), /* @__PURE__ */ b("div", {
+			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+			children: [...[
+				,
+				,
+				,
+				,
+				,
+				,
+			]].map((e, t) => /* @__PURE__ */ b(k, {}, t))
+		})] }),
+		/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b(N, {}), /* @__PURE__ */ b("div", {
+			className: "grid grid-cols-2 gap-2 sm:grid-cols-3 lg:grid-cols-6",
+			children: [...[
+				,
+				,
+				,
+				,
+				,
+				,
+			]].map((e, t) => /* @__PURE__ */ b(k, { variant: "compact" }, t))
+		})] })
+	]
+}), P = ({ label: e, value: t, options: n, onChange: r }) => {
+	let i = re();
+	return /* @__PURE__ */ x("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", {
+				className: "sr-only",
+				children: e
+			}),
+			/* @__PURE__ */ x("span", {
+				className: "text-text-muted",
+				children: [e, ":"]
+			}),
+			/* @__PURE__ */ b("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", {
+					value: e.value,
+					children: e.label
+				}, e.value))
+			}),
+			/* @__PURE__ */ b(f, { className: "pointer-events-none absolute right-3 h-4 w-4 text-text-muted" })
+		]
+	});
+}, F = () => {
+	let l = ve(), { basePath: d } = e(), { t: f } = ie(), oe = re(), ce = be(), { cartOpen: le, closeCart: ue, itemCount: p, cartItems: m, subtotal: h, tax: xe, 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 = ye(T, 1500), Me = [
+		{
+			value: "all",
+			label: "All Prices"
+		},
+		{
+			value: "free",
+			label: "Free"
+		},
+		{
+			value: "paid",
+			label: "Paid (One-time)"
+		},
+		{
+			value: "subscription",
+			label: "Subscription"
+		}
+	], Ne = [
+		{
+			value: "any",
+			label: "Any Rating"
+		},
+		{
+			value: "3",
+			label: "3+ Stars"
+		},
+		{
+			value: "3.5",
+			label: "3.5+ Stars"
+		},
+		{
+			value: "4",
+			label: "4+ Stars"
+		},
+		{
+			value: "4.5",
+			label: "4.5+ Stars"
+		}
+	], Pe = [
+		{
+			value: "all",
+			label: "All Types"
+		},
+		{
+			value: "digital",
+			label: "Digital"
+		},
+		{
+			value: "physical",
+			label: "Physical"
+		}
+	], Fe = [
+		{
+			value: "relevance",
+			label: "Relevance"
+		},
+		{
+			value: "rating",
+			label: "Highest Rated"
+		},
+		{
+			value: "downloads",
+			label: "Most Downloads"
+		},
+		{
+			value: "newest",
+			label: "Newest First"
+		},
+		{
+			value: "price-low",
+			label: "Price: Low to High"
+		},
+		{
+			value: "price-high",
+			label: "Price: High to Low"
+		},
+		{
+			value: "name-asc",
+			label: "Name A-Z"
+		}
+	], Ie = (e) => ({
+		relevance: o.Relevance,
+		rating: o.Rating,
+		downloads: o.Downloads,
+		newest: o.Newest,
+		"price-low": o.PriceLow,
+		"price-high": o.PriceHigh,
+		"name-asc": o.NameAsc
+	})[e], Le = (e) => {
+		if (e !== "all") return {
+			free: a.Free,
+			paid: a.PaidOnetime,
+			subscription: a.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(() => {
+		let e = {
+			sortBy: Ie(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" ? ee.Digital : ee.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);
+		}
+		return e;
+	}, [
+		V,
+		k,
+		L,
+		I,
+		j,
+		N,
+		z,
+		R,
+		B,
+		H
+	]), { featured: W, mostDownloaded: G, recentlyAdded: K, freeItems: q, loading: Ve, error: He, refetch: Ue } = i({ skip: H }), { products: We, totalCount: J, facets: Y, loading: X, error: Ge, refetch: Ke } = r(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", {
+			query: V,
+			resultCount: J
+		});
+	}, [V, X]);
+	let Q = te((e) => {
+		l(`${d}/marketplace/product/${e.id}`);
+	}, [l, d]), Xe = () => {
+		ue(), l(`${d}/cart`);
+	}, $ = s(() => [...new Map([
+		...W,
+		...G,
+		...K,
+		...q
+	].map((e) => [e.id, e])).values()], [
+		W,
+		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)], [
+		Y,
+		$,
+		J
+	]), Qe = s(() => Y?.categories && Y.categories.length > 0 ? [{
+		value: "all",
+		label: "All Categories"
+	}, ...Y.categories.map((e) => ({
+		value: e.value,
+		label: e.value
+	}))] : [{
+		value: "all",
+		label: "All Categories"
+	}, ...Array.from(new Set($.map((e) => e.category).filter(Boolean))).map((e) => ({
+		value: e,
+		label: e
+	})).sort((e, t) => e.label.localeCompare(t.label))], [Y, $]), $e = s(() => Y?.licenses && Y.licenses.length > 0 ? [{
+		value: "all",
+		label: "All Licenses"
+	}, ...Y.licenses.map((e) => ({
+		value: e.value,
+		label: e.value
+	}))] : [{
+		value: "all",
+		label: "All Licenses"
+	}], [Y]);
+	return /* @__PURE__ */ x("div", {
+		className: "flex h-full flex-col",
+		children: [
+			/* @__PURE__ */ x("header", {
+				className: "border-b border-border-default bg-bg-surface px-6 py-4",
+				children: [
+					/* @__PURE__ */ x("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("h1", {
+							className: "text-2xl font-bold text-text-primary",
+							children: ["App ", f("pages.marketplace.title", { defaultValue: "Marketplace" })]
+						}), /* @__PURE__ */ b("p", {
+							className: "text-sm text-text-muted",
+							children: f("pages.marketplace.subtitle", { defaultValue: "Discover apps, workflows, and integrations for your workspace" })
+						})] }), /* @__PURE__ */ x("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: "h-5 w-5" }),
+								f("pages.marketplace.cart", { defaultValue: "Cart" }),
+								p > 0 && /* @__PURE__ */ b("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",
+									children: p
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ x("div", {
+						className: "mt-4",
+						children: [/* @__PURE__ */ x("div", {
+							className: "relative",
+							children: [
+								/* @__PURE__ */ b("label", {
+									htmlFor: oe,
+									className: "sr-only",
+									children: f("pages.marketplace.search.label", { defaultValue: "Search marketplace products" })
+								}),
+								/* @__PURE__ */ b(me, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 text-text-muted" }),
+								/* @__PURE__ */ b("input", {
+									id: oe,
+									"aria-label": f("pages.marketplace.search.label", { defaultValue: "Search marketplace products" }),
+									type: "text",
+									value: T,
+									onChange: (e) => E(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", {
+									type: "button",
+									onClick: () => E(""),
+									"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(v, {
+										className: "h-4 w-4",
+										"aria-hidden": "true"
+									})
+								})
+							]
+						}), T.trim() && /* @__PURE__ */ b("div", {
+							"aria-live": "polite",
+							className: "mt-2 flex items-center gap-2 text-sm text-text-muted",
+							children: Re || X ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(pe, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ b("span", { children: f("pages.marketplace.search.searching", { defaultValue: "Searching..." }) })] }) : /* @__PURE__ */ x("span", { children: [
+								J,
+								" result",
+								J === 1 ? "" : "s",
+								" for “",
+								V,
+								"”"
+							] })
+						})]
+					}),
+					/* @__PURE__ */ x("div", {
+						className: "mt-4 flex flex-wrap items-center gap-3",
+						children: [
+							/* @__PURE__ */ x("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"}`,
+								children: [
+									/* @__PURE__ */ b(ge, { className: "h-4 w-4" }),
+									f("pages.marketplace.filters", { defaultValue: "Filters" }),
+									U > 0 && /* @__PURE__ */ b("span", {
+										className: "flex h-5 w-5 items-center justify-center rounded-full bg-action-primary-bg text-xs text-action-primary-text",
+										children: U
+									})
+								]
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "flex flex-wrap items-center gap-2",
+								children: [
+									/* @__PURE__ */ x("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: "h-3.5 w-3.5" }), "Free"]
+									}),
+									/* @__PURE__ */ x("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(_, { className: "h-3.5 w-3.5" }), "4+ Stars"]
+									}),
+									/* @__PURE__ */ x("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__ */ b(g, { className: "h-3.5 w-3.5" }), "Featured"]
+									})
+								]
+							}),
+							H && /* @__PURE__ */ x("button", {
+								onClick: ze,
+								className: "cursor-pointer flex items-center gap-1 text-sm text-text-muted transition-colors hover:text-text-primary",
+								children: [/* @__PURE__ */ b(v, { className: "h-4 w-4" }), "Clear all"]
+							}),
+							/* @__PURE__ */ b("div", {
+								className: "ml-auto",
+								children: /* @__PURE__ */ b(P, {
+									label: "Sort",
+									value: B,
+									options: Fe,
+									onChange: (e) => ke(e)
+								})
+							})
+						]
+					}),
+					Ae && /* @__PURE__ */ x("div", {
+						className: "mt-4 rounded-lg border border-border-default bg-bg-surface p-4",
+						children: [/* @__PURE__ */ x("div", {
+							className: "flex flex-wrap items-start gap-6",
+							children: [
+								/* @__PURE__ */ x("div", {
+									className: "flex flex-col gap-2",
+									children: [/* @__PURE__ */ b("span", {
+										className: "text-xs font-medium uppercase tracking-wider text-text-muted",
+										children: "Pricing"
+									}), /* @__PURE__ */ b(P, {
+										label: "Price",
+										value: j,
+										options: Me,
+										onChange: (e) => M(e)
+									})]
+								}),
+								/* @__PURE__ */ x("div", {
+									className: "flex flex-col gap-2",
+									children: [/* @__PURE__ */ b("span", {
+										className: "text-xs font-medium uppercase tracking-wider text-text-muted",
+										children: "Min Rating"
+									}), /* @__PURE__ */ b(P, {
+										label: "Rating",
+										value: N,
+										options: Ne,
+										onChange: (e) => F(e)
+									})]
+								}),
+								Qe.length > 1 && /* @__PURE__ */ x("div", {
+									className: "flex flex-col gap-2",
+									children: [/* @__PURE__ */ b("span", {
+										className: "text-xs font-medium uppercase tracking-wider text-text-muted",
+										children: "Category"
+									}), /* @__PURE__ */ b(P, {
+										label: "Category",
+										value: L,
+										options: Qe,
+										onChange: Ee
+									})]
+								}),
+								/* @__PURE__ */ x("div", {
+									className: "flex flex-col gap-2",
+									children: [/* @__PURE__ */ b("span", {
+										className: "text-xs font-medium uppercase tracking-wider text-text-muted",
+										children: "Nature"
+									}), /* @__PURE__ */ b(P, {
+										label: "Nature",
+										value: I,
+										options: Pe,
+										onChange: (e) => Te(e)
+									})]
+								}),
+								$e.length > 1 && /* @__PURE__ */ x("div", {
+									className: "flex flex-col gap-2",
+									children: [/* @__PURE__ */ b("span", {
+										className: "text-xs font-medium uppercase tracking-wider text-text-muted",
+										children: "License"
+									}), /* @__PURE__ */ b(P, {
+										label: "License",
+										value: R,
+										options: $e,
+										onChange: De
+									})]
+								})
+							]
+						}), U > 0 && /* @__PURE__ */ x("div", {
+							className: "mt-4 flex flex-wrap items-center gap-2 border-t border-border-default pt-4",
+							children: [
+								/* @__PURE__ */ b("span", {
+									className: "text-xs font-medium text-text-muted",
+									children: "Active filters:"
+								}),
+								k !== "all" && /* @__PURE__ */ x("button", {
+									onClick: () => A("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", {
+											className: "text-text-muted",
+											children: "Type:"
+										}),
+										" ",
+										k,
+										/* @__PURE__ */ b(v, { className: "h-3 w-3" })
+									]
+								}),
+								j !== "all" && /* @__PURE__ */ x("button", {
+									onClick: () => M("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", {
+											className: "text-text-muted",
+											children: "Price:"
+										}),
+										" ",
+										Me.find((e) => e.value === j)?.label,
+										/* @__PURE__ */ b(v, { className: "h-3 w-3" })
+									]
+								}),
+								N !== "any" && /* @__PURE__ */ x("button", {
+									onClick: () => F("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", {
+											className: "text-text-muted",
+											children: "Rating:"
+										}),
+										" ",
+										Ne.find((e) => e.value === N)?.label,
+										/* @__PURE__ */ b(v, { className: "h-3 w-3" })
+									]
+								}),
+								L !== "all" && /* @__PURE__ */ x("button", {
+									onClick: () => Ee("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", {
+											className: "text-text-muted",
+											children: "Category:"
+										}),
+										" ",
+										L,
+										/* @__PURE__ */ b(v, { className: "h-3 w-3" })
+									]
+								}),
+								I !== "all" && /* @__PURE__ */ x("button", {
+									onClick: () => Te("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", {
+											className: "text-text-muted",
+											children: "Nature:"
+										}),
+										" ",
+										Pe.find((e) => e.value === I)?.label,
+										/* @__PURE__ */ b(v, { className: "h-3 w-3" })
+									]
+								}),
+								R !== "all" && /* @__PURE__ */ x("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__ */ b("span", {
+											className: "text-text-muted",
+											children: "License:"
+										}),
+										" ",
+										$e.find((e) => e.value === R)?.label,
+										/* @__PURE__ */ b(v, { className: "h-3 w-3" })
+									]
+								}),
+								z && /* @__PURE__ */ x("button", {
+									onClick: () => Oe(!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(g, { className: "h-3 w-3" }),
+										"Featured Only",
+										/* @__PURE__ */ b(v, { className: "h-3 w-3" })
+									]
+								})
+							]
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ b("main", {
+				className: "flex-1 overflow-y-auto",
+				children: /* @__PURE__ */ x("div", {
+					className: "mx-auto max-w-7xl space-y-8 px-6 py-6",
+					children: [
+						Z && /* @__PURE__ */ x("div", {
+							role: "alert",
+							className: "flex flex-col items-center justify-center rounded-xl border border-status-error-border bg-status-error-bg-subtle p-8 text-center",
+							children: [
+								/* @__PURE__ */ b(ae, { className: "mb-4 h-12 w-12 text-status-error-text" }),
+								/* @__PURE__ */ b("h3", {
+									className: "mb-2 text-lg font-semibold text-status-error-text-emphasis",
+									children: "Failed to load marketplace"
+								}),
+								/* @__PURE__ */ b("p", {
+									className: "mb-4 text-sm text-status-error-text",
+									children: Z.message || "An error occurred while fetching products"
+								}),
+								/* @__PURE__ */ b("button", {
+									onClick: () => Je(),
+									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__ */ b(we, {}),
+						!qe && !Z && /* @__PURE__ */ x(y, { children: [
+							!H && k === "all" && W.length > 0 && /* @__PURE__ */ b(Ce, {
+								featuredProducts: W,
+								onProductClick: Q
+							}),
+							Ze.length > 1 && /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h2", {
+								className: "mb-4 text-lg font-semibold text-text-primary",
+								children: "Browse by Type"
+							}), /* @__PURE__ */ b("div", {
+								className: "flex flex-wrap gap-2",
+								children: Ze.map((e) => /* @__PURE__ */ b(Se, {
+									typeId: e.id,
+									name: e.name,
+									count: e.count,
+									active: k === e.id,
+									onClick: () => A(e.id)
+								}, e.id))
+							})] }),
+							H && /* @__PURE__ */ x("section", { children: [/* @__PURE__ */ b(O, {
+								icon: de,
+								title: V ? "Search Results" : "Filtered Results",
+								subtitle: `${J} app${J === 1 ? "" : "s"} found`
+							}), Ye.length > 0 ? /* @__PURE__ */ b("div", {
+								className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+								children: Ye.map((e) => /* @__PURE__ */ b(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 h-12 w-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", {
+										onClick: ze,
+										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(y, { children: [
+								G.length > 0 && /* @__PURE__ */ x("section", { children: [/* @__PURE__ */ b(O, {
+									icon: _e,
+									title: "Most Downloaded",
+									subtitle: "Top picks by our community"
+								}), /* @__PURE__ */ b("div", {
+									className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+									children: G.slice(0, 6).map((e) => /* @__PURE__ */ b(D, {
+										product: e,
+										onClick: () => Q(e)
+									}, e.id))
+								})] }),
+								K.length > 0 && /* @__PURE__ */ x("section", { children: [/* @__PURE__ */ b(O, {
+									icon: se,
+									title: "New Releases",
+									subtitle: "Recently published apps"
+								}), /* @__PURE__ */ b("div", {
+									className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+									children: K.slice(0, 6).map((e) => /* @__PURE__ */ b(D, {
+										product: e,
+										onClick: () => Q(e)
+									}, e.id))
+								})] }),
+								q.length > 0 && /* @__PURE__ */ x("section", { children: [/* @__PURE__ */ b(O, {
+									icon: fe,
+									title: "Free Apps",
+									subtitle: "No cost, full functionality"
+								}), /* @__PURE__ */ b("div", {
+									className: "grid grid-cols-2 gap-2 sm:grid-cols-3 lg:grid-cols-6",
+									children: q.slice(0, 6).map((e) => /* @__PURE__ */ b(D, {
+										product: e,
+										onClick: () => Q(e),
+										variant: "compact"
+									}, e.id))
+								})] }),
+								$.length > 0 && /* @__PURE__ */ x("section", { children: [/* @__PURE__ */ b(O, {
+									icon: u,
+									title: "All Apps",
+									subtitle: `${$.length} apps available`
+								}), /* @__PURE__ */ b("div", {
+									className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+									children: $.map((e) => /* @__PURE__ */ b(D, {
+										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 h-16 w-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."
+									})
+								]
+							})
+						] })
+					]
+				})
+			}),
+			/* @__PURE__ */ b(n, {
+				isOpen: le,
+				onClose: ue,
+				onCheckout: Xe,
+				cartItems: m,
+				itemCount: p,
+				subtotal: h,
+				tax: xe,
+				total: S,
+				updateQuantity: C,
+				removeProduct: w
+			})
+		]
+	});
+};
+//#endregion
+export { F as MarketplaceHomePage };
+
+//# sourceMappingURL=MarketplaceHomePage.js.map