@burdenoff/website-sdk 2026.709.2 → 2026.710.1

package/dist/index.js

@@ -4093,7 +4093,7 @@ function LaunchCountdown({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: cn("inline-flex flex-col gap-3", className),
+      className: cn("flex flex-col items-center gap-3", className),
       role: "timer",
       "aria-label": launchLabel ?? (hasLaunched ? launchedMessage : `Countdown to launch`),
       children: [
@@ -6224,6 +6224,1292 @@ function ContractsPage(props) {
     }) }) })
   ] });
 }
+function formatPrice2(price, currency, pricingModel) {
+  if (pricingModel === "FREE" || !price || price === 0) return "Free";
+  const curr = currency || "USD";
+  try {
+    return new Intl.NumberFormat("en-US", {
+      style: "currency",
+      currency: curr
+    }).format(price);
+  } catch {
+    return `${curr} ${price.toFixed(2)}`;
+  }
+}
+function formatDownloads(n) {
+  if (!n) return "0";
+  if (n >= 1e6) return `${(n / 1e6).toFixed(1)}M`;
+  if (n >= 1e3) return `${(n / 1e3).toFixed(1)}K`;
+  return n.toString();
+}
+function StarRating({ rating }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex items-center gap-0.5", children: [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      viewBox: "0 0 12 12",
+      className: `w-3 h-3 ${star <= Math.round(rating) ? "text-amber-400 fill-current" : "text-muted-foreground/30 fill-current"}`,
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 1l1.545 3.09L11 4.59l-2.5 2.41.59 3.41L6 8.79l-3.09 1.61L3.5 7 1 4.59l3.455-.5L6 1z" })
+    },
+    star
+  )) });
+}
+function TypeBadge({ type }) {
+  const labels = {
+    APP: "App",
+    NODE: "Node",
+    WORKFLOW: "Workflow",
+    TEMPLATE: "Template",
+    INTEGRATION: "Integration",
+    EXTENSION: "Extension",
+    THEME: "Theme"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block text-xs px-2 py-0.5 rounded-full bg-primary/10 text-primary font-medium", children: labels[type] ?? type });
+}
+function ProductCard({ product, onClick, href }) {
+  const priceLabel = formatPrice2(product.price, product.currency, product.pricingModel);
+  const inner = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group bg-card border border-border rounded-xl p-4 flex flex-col gap-3 transition-all duration-200 hover:shadow-md hover:border-primary/30 cursor-pointer h-full", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 h-12 rounded-lg bg-muted flex-shrink-0 overflow-hidden", children: product.icon ? /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: product.icon,
+          alt: "",
+          "aria-hidden": "true",
+          className: "w-full h-full object-cover"
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center bg-gradient-to-br from-primary/15 to-primary/5", children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 32 32", className: "w-8 h-8", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "16,4 28,10 16,16 4,10", className: "fill-primary/30", stroke: "currentColor", strokeWidth: "0.6", strokeOpacity: "0.35" }),
+        /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "4,10 16,16 16,28 4,22", className: "fill-primary/15", stroke: "currentColor", strokeWidth: "0.6", strokeOpacity: "0.35" }),
+        /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "28,10 16,16 16,28 28,22", className: "fill-primary/20", stroke: "currentColor", strokeWidth: "0.6", strokeOpacity: "0.35" })
+      ] }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(TypeBadge, { type: product.type })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-foreground text-sm leading-snug line-clamp-1 group-hover:text-primary transition-colors", children: product.name }),
+      product.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-xs mt-1 line-clamp-2 leading-relaxed", children: product.description })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5", children: product.rating != null && product.rating > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(StarRating, { rating: product.rating }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: product.rating.toFixed(1) })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: "No reviews yet" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: `text-xs font-semibold ${priceLabel === "Free" ? "text-emerald-500" : "text-foreground"}`,
+          children: priceLabel
+        }
+      )
+    ] })
+  ] });
+  if (href) {
+    return /* @__PURE__ */ jsxRuntime.jsx("a", { href, onClick, className: "block h-full no-underline", children: inner });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: "block w-full text-left h-full",
+      children: inner
+    }
+  );
+}
+
+// src/store/queries.ts
+var STORE_PRODUCT_FIELDS = `
+  fragment StoreProductFields on StoreProduct {
+    id name slug type subType nature status pricingModel
+    price currency description icon bannerUrl screenshots
+    category tags featured downloads viewCount rating reviewCount
+    publisherId authorName license compatibleProducts
+  }
+`;
+var HOME_GROUPED_PRODUCTS_QUERY = `
+  ${STORE_PRODUCT_FIELDS}
+  query HomeGroupedProducts($compatibleWith: String) {
+    homeGroupedProducts(compatibleWith: $compatibleWith) {
+      featured      { ...StoreProductFields }
+      mostDownloaded { ...StoreProductFields }
+      recentlyAdded  { ...StoreProductFields }
+      freeItems      { ...StoreProductFields }
+    }
+  }
+`;
+var BROWSE_STORE_QUERY = `
+  ${STORE_PRODUCT_FIELDS}
+  query BrowseStore($input: BrowseStoreInput!) {
+    browseStore(input: $input) {
+      products { ...StoreProductFields }
+      totalCount
+      hasMore
+      nextCursor
+      facets {
+        types        { value count }
+        categories   { value count }
+        pricingModels { value count }
+        priceRange   { min max }
+      }
+    }
+  }
+`;
+var STORE_PRODUCT_DETAILS_QUERY = `
+  ${STORE_PRODUCT_FIELDS}
+  query StoreProductDetails($input: StoreProductDetailsInput!) {
+    storeProductDetails(input: $input) {
+      product { ...StoreProductFields longDescription videoUrls minPlatformVersion }
+      publisher { id name email websiteUrl logoUrl bio isVerified tier }
+      reviews { id rating title comment verifiedPurchase helpful createdAt }
+      reviewsCount
+      relatedProducts { ...StoreProductFields }
+      ratingDistribution { fiveStars fourStars threeStars twoStars oneStar }
+    }
+  }
+`;
+var CATEGORIES_QUERY = `
+  query Categories {
+    categories {
+      id name slug description icon parentId
+    }
+  }
+`;
+function dedupAcross(lists) {
+  const seen = /* @__PURE__ */ new Set();
+  return lists.map((list) => {
+    const out = [];
+    for (const p of list) {
+      if (!seen.has(p.id)) {
+        seen.add(p.id);
+        out.push(p);
+      }
+    }
+    return out;
+  });
+}
+function FeaturedHeroCard({
+  product,
+  onNavigate
+}) {
+  const priceLabel = formatPrice2(product.price, product.currency, product.pricingModel);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: () => onNavigate(`/store/${product.slug}`),
+      className: "group w-full text-left h-full rounded-2xl border border-border bg-card overflow-hidden hover:border-primary/40 transition-all duration-300 hover:shadow-xl hover:shadow-primary/10 flex flex-col",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative h-44 sm:h-52 bg-gradient-to-br from-primary/20 via-primary/8 to-background overflow-hidden flex-shrink-0", children: [
+          product.bannerUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: product.bannerUrl, alt: "", "aria-hidden": "true", className: "w-full h-full object-cover" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "absolute inset-0 w-full h-full opacity-[0.07]", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("pattern", { id: "fg-hero-grid", width: "36", height: "36", patternUnits: "userSpaceOnUse", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M 36 0 L 0 0 0 36", fill: "none", stroke: "currentColor", strokeWidth: "1" }) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "100%", height: "100%", fill: "url(#fg-hero-grid)" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 64 64", className: "w-20 h-20 opacity-25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "32,8 56,20 32,32 8,20", className: "fill-primary/40", stroke: "currentColor", strokeWidth: "1", strokeOpacity: "0.5" }),
+              /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "8,20 32,32 32,56 8,44", className: "fill-primary/20", stroke: "currentColor", strokeWidth: "1", strokeOpacity: "0.5" }),
+              /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "56,20 32,32 32,56 56,44", className: "fill-primary/30", stroke: "currentColor", strokeWidth: "1", strokeOpacity: "0.5" })
+            ] }) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute top-3 left-3 text-xs font-semibold px-2.5 py-1 rounded-full bg-primary text-primary-foreground shadow-sm", children: "Featured" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-4 left-4 w-14 h-14 rounded-xl shadow-lg overflow-hidden border-2 border-background", children: product.icon ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: product.icon, alt: "", "aria-hidden": "true", className: "w-full h-full object-cover" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full bg-gradient-to-br from-primary/25 to-primary/10 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 32 32", className: "w-8 h-8", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "16,4 28,10 16,16 4,10", className: "fill-primary/40", stroke: "currentColor", strokeWidth: "0.6", strokeOpacity: "0.4" }),
+            /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "4,10 16,16 16,28 4,22", className: "fill-primary/20", stroke: "currentColor", strokeWidth: "0.6", strokeOpacity: "0.4" }),
+            /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "28,10 16,16 16,28 28,22", className: "fill-primary/30", stroke: "currentColor", strokeWidth: "0.6", strokeOpacity: "0.4" })
+          ] }) }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-5 flex flex-col flex-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-3 mb-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-bold text-foreground group-hover:text-primary transition-colors line-clamp-1", children: product.name }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-sm font-bold flex-shrink-0 ${priceLabel === "Free" ? "text-emerald-500" : "text-foreground"}`, children: priceLabel })
+          ] }),
+          product.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground line-clamp-2 leading-relaxed flex-1", children: product.description }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs px-2 py-0.5 rounded-full bg-primary/10 text-primary font-medium", children: product.type }),
+            product.authorName && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground truncate", children: [
+              "by ",
+              product.authorName
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function ScrollRow({
+  products,
+  onProductClick
+}) {
+  const ref = React.useRef(null);
+  function scroll(dir) {
+    ref.current?.scrollBy({ left: dir === "r" ? 272 : -272, behavior: "smooth" });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative group/row", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => scroll("l"),
+        "aria-label": "Scroll left",
+        className: "absolute left-0 top-1/2 -translate-y-1/2 -translate-x-4 z-10 w-8 h-8 rounded-full bg-background border border-border shadow-md items-center justify-center text-muted-foreground hover:text-primary hover:border-primary/40 transition-all hidden sm:flex opacity-0 group-hover/row:opacity-100",
+        children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 16 16", className: "w-4 h-4", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 3L6 8l4 5" }) })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: "flex gap-3 overflow-x-auto pb-1 snap-x snap-mandatory",
+        style: { scrollbarWidth: "none", msOverflowStyle: "none" },
+        children: products.map((product) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 w-56 snap-start", children: /* @__PURE__ */ jsxRuntime.jsx(ProductCard, { product, onClick: () => onProductClick(product) }) }, product.id))
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => scroll("r"),
+        "aria-label": "Scroll right",
+        className: "absolute right-0 top-1/2 -translate-y-1/2 translate-x-4 z-10 w-8 h-8 rounded-full bg-background border border-border shadow-md items-center justify-center text-muted-foreground hover:text-primary hover:border-primary/40 transition-all hidden sm:flex opacity-0 group-hover/row:opacity-100",
+        children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 16 16", className: "w-4 h-4", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 3l4 5-4 5" }) })
+      }
+    )
+  ] });
+}
+function SectionHead({
+  title,
+  hint,
+  browseHref,
+  onNavigate
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end justify-between mb-5 gap-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-bold text-foreground", children: title }),
+      hint && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mt-0.5", children: hint })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => onNavigate(browseHref),
+        className: "text-sm text-primary hover:underline font-medium flex-shrink-0 underline-offset-2",
+        children: "See all \u2192"
+      }
+    )
+  ] });
+}
+var TYPE_FILTERS = [
+  { type: "NODE", label: "Nodes" },
+  { type: "WORKFLOW", label: "Workflows" },
+  { type: "TEMPLATE", label: "Templates" },
+  { type: "INTEGRATION", label: "Integrations" },
+  { type: "APP", label: "Apps" },
+  { type: "EXTENSION", label: "Extensions" }
+];
+function TypeFilters({
+  browsePath,
+  onNavigate
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2 justify-center", children: TYPE_FILTERS.map((f) => /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      onClick: () => onNavigate(`${browsePath}?type=${f.type}`),
+      className: "px-4 py-1.5 rounded-full border border-border bg-background text-sm text-foreground hover:border-primary/50 hover:bg-primary/5 hover:text-primary transition-all duration-200",
+      children: f.label
+    },
+    f.type
+  )) });
+}
+function HeroCardSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl border border-border bg-card overflow-hidden animate-pulse h-full", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-44 sm:h-52 bg-muted" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-5 space-y-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-5 bg-muted rounded w-1/2" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 bg-muted rounded w-3/4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 bg-muted rounded w-5/6" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-5 bg-muted rounded w-16 mt-2" })
+    ] })
+  ] });
+}
+function GridCardSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-border bg-card p-4 h-36 animate-pulse", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3 mb-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 h-12 rounded-lg bg-muted flex-shrink-0" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-2 pt-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 bg-muted rounded w-3/4" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 bg-muted rounded w-1/2" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 bg-muted rounded w-full mb-2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 bg-muted rounded w-5/6" })
+  ] });
+}
+function ScrollCardSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-shrink-0 w-56 rounded-xl border border-border bg-card p-4 h-36 animate-pulse", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3 mb-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 h-12 rounded-lg bg-muted flex-shrink-0" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-2 pt-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 bg-muted rounded w-3/4" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 bg-muted rounded w-1/2" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 bg-muted rounded w-full mb-2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 bg-muted rounded w-5/6" })
+  ] });
+}
+function StoreHomePage({
+  compatibleWith,
+  appLoginUrl,
+  onNavigate,
+  productName,
+  heroTitle,
+  heroSubtitle,
+  browsePath = "/store/browse",
+  seoTitle,
+  seoDescription,
+  seoKeywords
+}) {
+  const client = useWebSDK();
+  const [grouped, setGrouped] = React.useState(null);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  React.useEffect(() => {
+    let cancelled = false;
+    async function load() {
+      setLoading(true);
+      try {
+        const res = await client.query(
+          HOME_GROUPED_PRODUCTS_QUERY,
+          { compatibleWith: compatibleWith ?? null }
+        );
+        if (cancelled) return;
+        if (res.errors?.length) throw new Error(res.errors[0].message);
+        if (!res.data?.homeGroupedProducts) throw new Error("No data");
+        setGrouped(res.data.homeGroupedProducts);
+        setError(null);
+      } catch {
+        if (!cancelled) setError("Failed to load store. Please try again.");
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    }
+    load();
+    return () => {
+      cancelled = true;
+    };
+  }, [client, compatibleWith]);
+  function navigate(path) {
+    if (onNavigate) {
+      onNavigate(path);
+      return;
+    }
+    window.location.href = path;
+  }
+  function handleProductClick(product) {
+    navigate(`/store/${product.slug}`);
+  }
+  const deduped = grouped ? dedupAcross([grouped.featured, grouped.mostDownloaded, grouped.freeItems]) : [[], [], []];
+  const featuredItems = deduped[0] ?? [];
+  const popularItems = deduped[1] ?? [];
+  const freeItems = deduped[2] ?? [];
+  const resolvedTitle = heroTitle ?? `${productName ? `${productName} ` : ""}Store`;
+  const resolvedSubtitle = heroSubtitle ?? "Discover workflows, nodes, integrations, and templates built by the community.";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PageHead,
+      {
+        title: seoTitle ?? `Store${productName ? ` \u2013 ${productName}` : ""}`,
+        description: seoDescription ?? resolvedSubtitle,
+        keywords: seoKeywords,
+        productName
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "relative overflow-hidden pt-14 pb-12 sm:pt-20 sm:pb-16", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-gradient-to-b from-background via-primary/[0.06] to-background pointer-events-none", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "absolute inset-0 w-full h-full opacity-[0.035] pointer-events-none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("pattern", { id: "store-home-grid", width: "40", height: "40", patternUnits: "userSpaceOnUse", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M 40 0 L 0 0 0 40", fill: "none", stroke: "currentColor", strokeWidth: "1" }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "100%", height: "100%", fill: "url(#store-home-grid)" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -top-16 left-1/3 w-80 h-80 rounded-full bg-primary/10 blur-3xl pointer-events-none", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-8 right-1/4 w-56 h-56 rounded-full bg-primary/8 blur-2xl pointer-events-none", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center gap-2 px-3 py-1 rounded-full border border-primary/30 bg-primary/10 text-xs font-semibold text-primary mb-5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-primary flex-shrink-0", "aria-hidden": "true" }),
+          "Community Marketplace"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-4xl sm:text-5xl md:text-6xl font-extrabold tracking-tight text-foreground mb-4 leading-[1.08]", children: resolvedTitle }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg text-muted-foreground max-w-2xl mx-auto mb-8 leading-relaxed", children: resolvedSubtitle }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "form",
+          {
+            className: "max-w-xl mx-auto flex gap-2 mb-7",
+            onSubmit: (e) => {
+              e.preventDefault();
+              const q = new FormData(e.currentTarget).get("q");
+              navigate(q.trim() ? `${browsePath}?q=${encodeURIComponent(q.trim())}` : browsePath);
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  name: "q",
+                  type: "search",
+                  placeholder: "Search nodes, workflows, templates\u2026",
+                  className: "flex-1 h-12 rounded-xl border border-border bg-background px-4 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/40 shadow-sm"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "submit",
+                  className: "h-12 px-6 rounded-xl bg-primary text-primary-foreground text-sm font-semibold hover:opacity-90 transition-opacity shadow-sm",
+                  children: "Search"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(TypeFilters, { browsePath, onNavigate: navigate })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-20 space-y-14 pt-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          SectionHead,
+          {
+            title: "Featured",
+            hint: "Hand-picked highlights from the community",
+            browseHref: `${browsePath}?featured=true`,
+            onNavigate: navigate
+          }
+        ),
+        loading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-[1fr_2fr] gap-4 items-start", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(HeroCardSkeleton, {}),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [...Array(4)].map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(GridCardSkeleton, {}, i)) })
+        ] }) : error ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "py-16 text-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mb-4", children: error }),
+          /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => window.location.reload(), className: "text-sm text-primary hover:underline", children: "Retry" })
+        ] }) : featuredItems.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-[1fr_2fr] gap-4 items-start", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(FeaturedHeroCard, { product: featuredItems[0], onNavigate: navigate }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: featuredItems.slice(1, 5).map((product) => /* @__PURE__ */ jsxRuntime.jsx(
+            ProductCard,
+            {
+              product,
+              onClick: () => handleProductClick(product)
+            },
+            product.id
+          )) })
+        ] }) : null
+      ] }),
+      (loading || popularItems.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          SectionHead,
+          {
+            title: "Most Popular",
+            hint: "Top downloads across the community",
+            browseHref: `${browsePath}?sortBy=DOWNLOADS`,
+            onNavigate: navigate
+          }
+        ),
+        loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-3 overflow-hidden", children: [...Array(5)].map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(ScrollCardSkeleton, {}, i)) }) : /* @__PURE__ */ jsxRuntime.jsx(ScrollRow, { products: popularItems, onProductClick: handleProductClick })
+      ] }),
+      (loading || freeItems.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          SectionHead,
+          {
+            title: "Free to Use",
+            hint: "Zero cost, full power \u2014 community-contributed freebies",
+            browseHref: `${browsePath}?pricingModel=FREE`,
+            onNavigate: navigate
+          }
+        ),
+        loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: [...Array(6)].map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(GridCardSkeleton, {}, i)) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: freeItems.slice(0, 6).map((product) => /* @__PURE__ */ jsxRuntime.jsx(
+          ProductCard,
+          {
+            product,
+            onClick: () => handleProductClick(product)
+          },
+          product.id
+        )) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "relative overflow-hidden border-t border-border", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-gradient-to-br from-primary/8 via-background to-primary/5 pointer-events-none", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-80 h-40 rounded-full bg-primary/12 blur-3xl pointer-events-none", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative max-w-2xl mx-auto px-4 py-16 text-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center gap-2 px-3 py-1 rounded-full border border-primary/30 bg-primary/10 text-xs font-semibold text-primary mb-5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-primary flex-shrink-0", "aria-hidden": "true" }),
+          "Become a publisher"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl sm:text-3xl font-bold text-foreground mb-3", children: "Built something useful?" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-muted-foreground mb-8 max-w-lg mx-auto leading-relaxed", children: [
+          "Share your workflows, nodes, and integrations with ",
+          productName ?? "the",
+          " community. Earn from your work or contribute for free."
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col sm:flex-row gap-3 justify-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              href: appLoginUrl,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "inline-flex items-center justify-center h-11 px-7 rounded-lg bg-primary text-primary-foreground text-sm font-semibold hover:opacity-90 transition-opacity",
+              children: "Submit to Store"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => navigate(browsePath),
+              className: "inline-flex items-center justify-center h-11 px-7 rounded-lg border border-border bg-background text-sm font-medium text-foreground hover:border-primary/40 hover:bg-primary/5 transition-all",
+              children: "Browse the store"
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+var SORT_OPTIONS = [
+  { value: "RELEVANCE", label: "Relevance" },
+  { value: "NEWEST", label: "Newest" },
+  { value: "DOWNLOADS", label: "Most Downloaded" },
+  { value: "RATING", label: "Top Rated" },
+  { value: "PRICE_LOW", label: "Price: Low to High" },
+  { value: "PRICE_HIGH", label: "Price: High to Low" },
+  { value: "NAME_ASC", label: "Name A\u2013Z" }
+];
+var TYPE_OPTIONS = [
+  { value: "", label: "All types" },
+  { value: "APP", label: "Apps" },
+  { value: "NODE", label: "Nodes" },
+  { value: "WORKFLOW", label: "Workflows" },
+  { value: "TEMPLATE", label: "Templates" },
+  { value: "INTEGRATION", label: "Integrations" },
+  { value: "EXTENSION", label: "Extensions" },
+  { value: "THEME", label: "Themes" }
+];
+var PRICING_OPTIONS = [
+  { value: "", label: "All pricing" },
+  { value: "FREE", label: "Free" },
+  { value: "ONE_TIME", label: "Paid (one-time)" },
+  { value: "SUBSCRIPTION", label: "Subscription" }
+];
+function parseUrlParams() {
+  if (typeof window === "undefined")
+    return { q: "", type: "", pricingModel: "", category: "", sortBy: "RELEVANCE", featured: false };
+  const p = new URLSearchParams(window.location.search);
+  return {
+    q: p.get("q") ?? "",
+    type: p.get("type") ?? "",
+    pricingModel: p.get("pricingModel") ?? "",
+    category: p.get("category") ?? "",
+    sortBy: p.get("sortBy") ?? (p.get("q") ? "RELEVANCE" : "NEWEST"),
+    featured: p.get("featured") === "true"
+  };
+}
+function FacetList({
+  title,
+  facets,
+  selected,
+  onSelect
+}) {
+  if (facets.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-2", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-1", children: facets.map((f) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => onSelect(selected === f.value ? "" : f.value),
+        className: `w-full text-left text-sm px-2 py-1 rounded flex items-center justify-between gap-2 transition-colors ${selected === f.value ? "bg-primary/10 text-primary font-medium" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"}`,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: f.value }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs opacity-60 flex-shrink-0", children: f.count })
+        ]
+      }
+    ) }, f.value)) })
+  ] });
+}
+function StoreBrowsePage({
+  compatibleWith,
+  onNavigate,
+  productName,
+  seoTitle,
+  seoDescription
+}) {
+  const client = useWebSDK();
+  const initial = parseUrlParams();
+  const [search, setSearch] = React.useState(initial.q);
+  const [inputValue, setInputValue] = React.useState(initial.q);
+  const [type, setType] = React.useState(initial.type);
+  const [pricingModel, setPricingModel] = React.useState(initial.pricingModel);
+  const [category, setCategory] = React.useState(initial.category);
+  const [sortBy, setSortBy] = React.useState(initial.sortBy);
+  const [featured, setFeatured] = React.useState(initial.featured);
+  const [offset, setOffset] = React.useState(0);
+  const [result, setResult] = React.useState(null);
+  const [allProducts, setAllProducts] = React.useState([]);
+  const [categories, setCategories] = React.useState([]);
+  const [loading, setLoading] = React.useState(true);
+  const [loadingMore, setLoadingMore] = React.useState(false);
+  const [filtersOpen, setFiltersOpen] = React.useState(false);
+  const searchRef = React.useRef(null);
+  const PAGE_SIZE = 24;
+  React.useEffect(() => {
+    client.query(CATEGORIES_QUERY, {}).then((r) => {
+      if (r.data?.categories) setCategories(r.data.categories);
+    }).catch(() => {
+    });
+  }, [client]);
+  React.useEffect(() => {
+    let cancelled = false;
+    setOffset(0);
+    setLoading(true);
+    setAllProducts([]);
+    client.query(BROWSE_STORE_QUERY, {
+      input: {
+        filter: {
+          search: search || void 0,
+          type: type || void 0,
+          pricingModel: pricingModel || void 0,
+          category: category || void 0,
+          compatibleWith: compatibleWith ?? void 0,
+          featured: featured || void 0
+        },
+        sortBy,
+        pagination: { limit: PAGE_SIZE, offset: 0 }
+      }
+    }).then((r) => {
+      if (cancelled) return;
+      if (r.data?.browseStore) {
+        setResult(r.data.browseStore);
+        setAllProducts(r.data.browseStore.products);
+      }
+    }).catch(() => {
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [client, search, type, pricingModel, category, sortBy, compatibleWith, featured]);
+  function loadMore() {
+    const nextOffset = offset + PAGE_SIZE;
+    setLoadingMore(true);
+    client.query(BROWSE_STORE_QUERY, {
+      input: {
+        filter: {
+          search: search || void 0,
+          type: type || void 0,
+          pricingModel: pricingModel || void 0,
+          category: category || void 0,
+          compatibleWith: compatibleWith ?? void 0,
+          featured: featured || void 0
+        },
+        sortBy,
+        pagination: { limit: PAGE_SIZE, offset: nextOffset }
+      }
+    }).then((r) => {
+      if (r.data?.browseStore) {
+        setResult(r.data.browseStore);
+        setAllProducts((prev) => [...prev, ...r.data.browseStore.products]);
+        setOffset(nextOffset);
+      }
+    }).catch(() => {
+    }).finally(() => setLoadingMore(false));
+  }
+  function navigate(path) {
+    if (onNavigate) {
+      onNavigate(path);
+      return;
+    }
+    window.location.href = path;
+  }
+  function handleSearchSubmit(e) {
+    e.preventDefault();
+    setSearch(inputValue);
+    setSortBy(inputValue ? "RELEVANCE" : "NEWEST");
+  }
+  function resetFilters() {
+    setSearch("");
+    setInputValue("");
+    setType("");
+    setPricingModel("");
+    setCategory("");
+    setSortBy("NEWEST");
+    setFeatured(false);
+    searchRef.current?.focus();
+  }
+  const hasActiveFilters = !!(search || type || pricingModel || category || featured);
+  const facetTypes = result?.facets?.types ?? [];
+  const facetCategories = result?.facets?.categories ?? [];
+  const sidebarContent = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-2", children: "Type" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: TYPE_OPTIONS.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setType(opt.value),
+          className: `w-full text-left text-sm px-2 py-1.5 rounded transition-colors ${type === opt.value ? "bg-primary/10 text-primary font-medium" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"}`,
+          children: opt.label
+        },
+        opt.value
+      )) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-2", children: "Pricing" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: PRICING_OPTIONS.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setPricingModel(opt.value),
+          className: `w-full text-left text-sm px-2 py-1.5 rounded transition-colors ${pricingModel === opt.value ? "bg-primary/10 text-primary font-medium" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"}`,
+          children: opt.label
+        },
+        opt.value
+      )) })
+    ] }),
+    (facetCategories.length > 0 || categories.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-2", children: "Category" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setCategory(""),
+            className: `w-full text-left text-sm px-2 py-1.5 rounded transition-colors ${!category ? "bg-primary/10 text-primary font-medium" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"}`,
+            children: "All categories"
+          }
+        ),
+        (facetCategories.length > 0 ? facetCategories : categories.slice(0, 12).map((c) => ({ value: c.slug, count: 0 }))).map((f) => {
+          const cat = categories.find((c) => c.slug === f.value);
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => setCategory(category === f.value ? "" : f.value),
+              className: `w-full text-left text-sm px-2 py-1.5 rounded flex items-center justify-between gap-2 transition-colors ${category === f.value ? "bg-primary/10 text-primary font-medium" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"}`,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: cat?.name ?? f.value }),
+                f.count > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs opacity-60 flex-shrink-0", children: f.count })
+              ]
+            },
+            f.value
+          );
+        })
+      ] })
+    ] }),
+    facetTypes.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      FacetList,
+      {
+        title: "Available types",
+        facets: facetTypes,
+        selected: type,
+        onSelect: setType
+      }
+    ),
+    hasActiveFilters && /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: resetFilters,
+        className: "text-sm text-muted-foreground hover:text-foreground underline",
+        children: "Clear all filters"
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PageHead,
+      {
+        title: seoTitle ?? `Browse Store${productName ? ` \u2013 ${productName}` : ""}`,
+        description: seoDescription ?? "Browse all apps, workflows, nodes, and templates.",
+        productName
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col sm:flex-row gap-3 mb-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "flex-1 flex gap-2", onSubmit: handleSearchSubmit, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              ref: searchRef,
+              type: "search",
+              value: inputValue,
+              onChange: (e) => setInputValue(e.target.value),
+              placeholder: "Search\u2026",
+              className: "flex-1 h-10 rounded-lg border border-border bg-background px-4 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/50"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "submit",
+              className: "h-10 px-5 rounded-lg bg-primary text-primary-foreground text-sm font-medium hover:opacity-90 transition-opacity",
+              children: "Search"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "select",
+            {
+              value: sortBy,
+              onChange: (e) => setSortBy(e.target.value),
+              className: "h-10 rounded-lg border border-border bg-background px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-primary/50",
+              children: SORT_OPTIONS.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.value, children: o.label }, o.value))
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => setFiltersOpen(!filtersOpen),
+              className: "lg:hidden h-10 px-4 rounded-lg border border-border bg-background text-sm text-foreground hover:bg-muted/50 transition-colors",
+              children: [
+                "Filters ",
+                hasActiveFilters && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: "\u2022" })
+              ]
+            }
+          )
+        ] })
+      ] }),
+      filtersOpen && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:hidden mb-6 p-4 border border-border rounded-xl bg-card", children: sidebarContent }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-8", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("aside", { className: "hidden lg:block w-52 flex-shrink-0", children: sidebarContent }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-4 flex-wrap", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: loading ? "Loading\u2026" : `${result?.totalCount ?? 0} results` }),
+            hasActiveFilters && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-1.5", children: [
+              search && /* @__PURE__ */ jsxRuntime.jsx(Chip, { label: `"${search}"`, onRemove: () => {
+                setSearch("");
+                setInputValue("");
+              } }),
+              type && /* @__PURE__ */ jsxRuntime.jsx(Chip, { label: type, onRemove: () => setType("") }),
+              pricingModel && /* @__PURE__ */ jsxRuntime.jsx(Chip, { label: pricingModel, onRemove: () => setPricingModel("") }),
+              category && /* @__PURE__ */ jsxRuntime.jsx(Chip, { label: category, onRemove: () => setCategory("") }),
+              featured && /* @__PURE__ */ jsxRuntime.jsx(Chip, { label: "Featured", onRemove: () => setFeatured(false) })
+            ] })
+          ] }),
+          loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-4", children: [...Array(12)].map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "bg-card border border-border rounded-xl p-4 h-36 animate-pulse"
+            },
+            i
+          )) }) : allProducts.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "py-20 text-center", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-muted-foreground mb-4", children: [
+              "No results found",
+              search ? ` for "${search}"` : "",
+              "."
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: resetFilters,
+                className: "text-sm text-primary hover:underline",
+                children: "Clear filters"
+              }
+            )
+          ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-4", children: allProducts.map((product) => /* @__PURE__ */ jsxRuntime.jsx(
+              ProductCard,
+              {
+                product,
+                onClick: () => navigate(`/store/${product.slug}`)
+              },
+              product.id
+            )) }),
+            result?.hasMore && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-8 text-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: loadMore,
+                disabled: loadingMore,
+                className: "h-10 px-8 rounded-lg border border-border text-sm font-medium text-foreground hover:bg-muted/50 transition-colors disabled:opacity-50",
+                children: loadingMore ? "Loading\u2026" : "Load more"
+              }
+            ) })
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function Chip({ label, onRemove }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 text-xs bg-primary/10 text-primary rounded-full px-2.5 py-0.5 font-medium", children: [
+    label,
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: onRemove, "aria-label": `Remove ${label}`, className: "hover:opacity-70", children: "\xD7" })
+  ] });
+}
+var ANIM_STYLES = `
+@keyframes sdFadeUp {
+  from { opacity: 0; transform: translateY(16px); }
+  to   { opacity: 1; transform: translateY(0); }
+}
+@keyframes sdFadeIn {
+  from { opacity: 0; }
+  to   { opacity: 1; }
+}
+@keyframes sdScaleIn {
+  from { opacity: 0; transform: scale(0.94); }
+  to   { opacity: 1; transform: scale(1); }
+}
+@keyframes sdGlowPulse {
+  0%, 100% { opacity: 0.35; }
+  50%       { opacity: 0.65; }
+}
+@media (prefers-reduced-motion: reduce) {
+  .sd-fu, .sd-fi, .sd-si { animation: none !important; opacity: 1 !important; transform: none !important; }
+  .sd-gp { animation: none !important; }
+}
+.sd-fu { animation: sdFadeUp   0.55s cubic-bezier(0.16,1,0.3,1) both; }
+.sd-fi { animation: sdFadeIn   0.45s ease-out both; }
+.sd-si { animation: sdScaleIn  0.45s cubic-bezier(0.16,1,0.3,1) both; }
+.sd-gp { animation: sdGlowPulse 3s ease-in-out infinite; }
+.sd-d1 { animation-delay:  60ms; }
+.sd-d2 { animation-delay: 120ms; }
+.sd-d3 { animation-delay: 180ms; }
+.sd-d4 { animation-delay: 240ms; }
+.sd-d5 { animation-delay: 320ms; }
+.sd-d6 { animation-delay: 400ms; }
+`;
+function RatingBar({ label, count, total }) {
+  const pct = total > 0 ? Math.round(count / total * 100) : 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-12 text-right shrink-0", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 h-1.5 bg-muted rounded-full overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "h-full bg-amber-400 rounded-full transition-all duration-700",
+        style: { width: `${pct}%` }
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-6 shrink-0", children: count })
+  ] });
+}
+function IconBlock({ src }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-shrink-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sd-gp absolute -inset-1.5 rounded-2xl bg-primary/30 blur-md pointer-events-none", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sd-si relative w-20 h-20 rounded-2xl overflow-hidden shadow-lg ring-1 ring-border", children: src ? /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt: "", "aria-hidden": true, className: "w-full h-full object-cover" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full bg-gradient-to-br from-primary/25 to-primary/8 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 40 40", className: "w-10 h-10", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "20,4 34,11 20,18 6,11", className: "fill-primary/40", stroke: "currentColor", strokeWidth: "0.6", strokeOpacity: "0.4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "6,11 20,18 20,34 6,27", className: "fill-primary/20", stroke: "currentColor", strokeWidth: "0.6", strokeOpacity: "0.4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "34,11 20,18 20,34 34,27", className: "fill-primary/30", stroke: "currentColor", strokeWidth: "0.6", strokeOpacity: "0.4" })
+    ] }) }) })
+  ] });
+}
+function StoreProductDetailPage({
+  slug,
+  id,
+  appLoginUrl,
+  onNavigate,
+  productName
+}) {
+  const client = useWebSDK();
+  const [details, setDetails] = React.useState(null);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const [activeScreenshot, setActiveScreenshot] = React.useState(0);
+  const [screenshotKey, setScreenshotKey] = React.useState(0);
+  React.useEffect(() => {
+    if (!slug && !id) {
+      setError("Product not found.");
+      setLoading(false);
+      return;
+    }
+    let cancelled = false;
+    setLoading(true);
+    client.query(STORE_PRODUCT_DETAILS_QUERY, {
+      input: { slug: slug ?? void 0, id: id ?? void 0 }
+    }).then((r) => {
+      if (cancelled) return;
+      if (r.errors?.length) throw new Error(r.errors[0].message);
+      if (!r.data?.storeProductDetails) throw new Error("Not found");
+      setDetails(r.data.storeProductDetails);
+    }).catch(() => {
+      if (!cancelled) setError("Product not found or unavailable.");
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [client, slug, id]);
+  function navigate(path) {
+    if (onNavigate) {
+      onNavigate(path);
+      return;
+    }
+    window.location.href = path;
+  }
+  function switchScreenshot(i) {
+    setActiveScreenshot(i);
+    setScreenshotKey((k) => k + 1);
+  }
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 animate-pulse", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded w-40 mb-8" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-6 mb-8", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-20 h-20 rounded-2xl bg-muted flex-shrink-0" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-3 pt-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 bg-muted rounded w-1/3" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded w-1/2" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded w-1/4" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-56 bg-muted rounded-xl mb-8" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: [...Array(5)].map((_, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded" }, i)) })
+    ] });
+  }
+  if (error || !details) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mb-4", children: error ?? "Product not found." }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => navigate("/store"), className: "text-sm text-primary hover:underline", children: "Back to Store" })
+    ] });
+  }
+  const { product, publisher, reviews, reviewsCount, relatedProducts, ratingDistribution } = details;
+  const priceLabel = formatPrice2(product.price, product.currency, product.pricingModel);
+  const screenshots = product.screenshots ?? [];
+  const totalRatings = ratingDistribution ? ratingDistribution.fiveStars + ratingDistribution.fourStars + ratingDistribution.threeStars + ratingDistribution.twoStars + ratingDistribution.oneStar : 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: ANIM_STYLES } }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PageHead,
+      {
+        title: `${product.name}${productName ? ` \u2013 ${productName} Store` : " \u2013 Store"}`,
+        description: product.description ?? void 0,
+        productName
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative overflow-hidden", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-gradient-to-b from-primary/[0.07] via-background to-background pointer-events-none", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "absolute inset-0 w-full h-full opacity-[0.04] pointer-events-none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("pattern", { id: "sd-grid", width: "40", height: "40", patternUnits: "userSpaceOnUse", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M 40 0 L 0 0 0 40", fill: "none", stroke: "currentColor", strokeWidth: "1" }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "100%", height: "100%", fill: "url(#sd-grid)" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -top-12 -left-12 w-72 h-72 rounded-full bg-primary/10 blur-3xl pointer-events-none", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-6 pb-8", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: "sd-fi text-sm text-muted-foreground mb-6 flex items-center gap-1.5 flex-wrap", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => navigate("/store"), className: "hover:text-primary transition-colors", children: "Store" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "\u203A" }),
+          product.category && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => navigate(`/store/browse?category=${product.category}`),
+                className: "hover:text-primary transition-colors",
+                children: product.category
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "\u203A" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground font-medium", children: product.name })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-5 items-start", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(IconBlock, { src: product.icon, name: product.name }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sd-fu flex items-start gap-2 flex-wrap mb-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl sm:text-3xl font-bold text-foreground leading-tight", children: product.name }),
+              /* @__PURE__ */ jsxRuntime.jsx(TypeBadge, { type: product.type })
+            ] }),
+            product.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "sd-fu sd-d1 text-muted-foreground text-sm mb-2 leading-relaxed", children: product.description }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sd-fu sd-d2 flex items-center gap-3 text-sm text-muted-foreground flex-wrap", children: [
+              product.rating != null && product.rating > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(StarRating, { rating: product.rating }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-foreground", children: product.rating.toFixed(1) }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                  "(",
+                  reviewsCount ?? 0,
+                  ")"
+                ] })
+              ] }),
+              product.downloads != null && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                formatDownloads(product.downloads),
+                " downloads"
+              ] }),
+              product.authorName && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                "by ",
+                product.authorName
+              ] }),
+              product.license && /* @__PURE__ */ jsxRuntime.jsx("span", { children: product.license })
+            ] })
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid lg:grid-cols-[1fr_300px] gap-8", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sd-fu sd-d3 lg:hidden mb-6 p-4 rounded-xl border border-border bg-card flex items-center gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xl font-bold text-foreground", children: priceLabel }),
+            product.pricingModel === "SUBSCRIPTION" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground", children: "per month" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              href: appLoginUrl,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "flex-1 h-11 rounded-lg bg-primary text-primary-foreground text-sm font-semibold flex items-center justify-center hover:opacity-90 transition-opacity",
+              children: priceLabel === "Free" ? "Install Free" : `Get for ${priceLabel}`
+            }
+          )
+        ] }),
+        screenshots.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sd-fu sd-d3 mb-8", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl overflow-hidden bg-muted aspect-video mb-3 shadow-md", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              src: screenshots[activeScreenshot],
+              alt: `Screenshot ${activeScreenshot + 1}`,
+              className: "sd-fi w-full h-full object-cover"
+            },
+            screenshotKey
+          ) }),
+          screenshots.length > 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2 overflow-x-auto pb-1", children: screenshots.map((src, i) => /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => switchScreenshot(i),
+              className: `w-20 h-14 rounded-lg overflow-hidden flex-shrink-0 border-2 transition-all duration-200 ${i === activeScreenshot ? "border-primary shadow-sm shadow-primary/20" : "border-transparent opacity-50 hover:opacity-80"}`,
+              children: /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt: `Thumbnail ${i + 1}`, className: "w-full h-full object-cover" })
+            },
+            i
+          )) })
+        ] }),
+        product.longDescription && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sd-fu sd-d4 mb-8", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-bold text-foreground mb-3", children: "About" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "prose prose-sm max-w-none text-muted-foreground leading-relaxed whitespace-pre-line", children: product.longDescription })
+        ] }),
+        publisher && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sd-fu sd-d5 mb-8 p-4 rounded-xl border border-border bg-card hover:border-primary/30 transition-colors duration-300", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm font-semibold text-foreground mb-3", children: "Publisher" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+            publisher.logoUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: publisher.logoUrl, alt: publisher.name, className: "w-10 h-10 rounded-full object-cover" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center text-primary text-sm font-bold", children: publisher.name.charAt(0).toUpperCase() }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-foreground text-sm", children: publisher.name }),
+                publisher.isVerified && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-primary font-medium", children: "\u2713 Verified" })
+              ] }),
+              publisher.bio && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-0.5 line-clamp-2", children: publisher.bio })
+            ] })
+          ] })
+        ] }),
+        (reviews?.length ?? 0) > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sd-fu sd-d5 mb-8", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-lg font-bold text-foreground mb-4", children: [
+            "Reviews (",
+            reviewsCount ?? reviews.length,
+            ")"
+          ] }),
+          ratingDistribution && totalRatings > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sd-si flex gap-6 mb-5 p-4 rounded-xl border border-border bg-card", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-4xl font-bold text-foreground tabular-nums", children: product.rating?.toFixed(1) ?? "\u2014" }),
+              product.rating != null && /* @__PURE__ */ jsxRuntime.jsx(StarRating, { rating: product.rating }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-muted-foreground mt-1", children: [
+                totalRatings,
+                " ratings"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-1.5 pt-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(RatingBar, { label: "5 \u2605", count: ratingDistribution.fiveStars, total: totalRatings }),
+              /* @__PURE__ */ jsxRuntime.jsx(RatingBar, { label: "4 \u2605", count: ratingDistribution.fourStars, total: totalRatings }),
+              /* @__PURE__ */ jsxRuntime.jsx(RatingBar, { label: "3 \u2605", count: ratingDistribution.threeStars, total: totalRatings }),
+              /* @__PURE__ */ jsxRuntime.jsx(RatingBar, { label: "2 \u2605", count: ratingDistribution.twoStars, total: totalRatings }),
+              /* @__PURE__ */ jsxRuntime.jsx(RatingBar, { label: "1 \u2605", count: ratingDistribution.oneStar, total: totalRatings })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: reviews.slice(0, 5).map((review, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "sd-fu p-4 rounded-xl border border-border bg-card hover:border-primary/20 transition-colors duration-200",
+              style: { animationDelay: `${(idx + 5) * 60}ms` },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2 mb-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(StarRating, { rating: review.rating }),
+                  review.verifiedPurchase && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-emerald-500 font-medium", children: "Verified" })
+                ] }),
+                review.title && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-sm text-foreground mb-1", children: review.title }),
+                review.comment && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground leading-relaxed", children: review.comment }),
+                review.createdAt && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-2", children: new Date(review.createdAt).toLocaleDateString("en-US", {
+                  year: "numeric",
+                  month: "short",
+                  day: "numeric"
+                }) })
+              ]
+            },
+            review.id
+          )) })
+        ] }),
+        (relatedProducts?.length ?? 0) > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sd-fu sd-d6", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-bold text-foreground mb-4", children: "Related" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: relatedProducts.slice(0, 6).map((p) => /* @__PURE__ */ jsxRuntime.jsx(
+            ProductCard,
+            {
+              product: p,
+              onClick: () => navigate(`/store/${p.slug}`)
+            },
+            p.id
+          )) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("aside", { className: "lg:sticky lg:top-24 self-start", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sd-fu sd-d4 bg-card border border-border rounded-xl p-5 space-y-4 hover:border-primary/30 transition-colors duration-300 hover:shadow-lg hover:shadow-primary/5", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: `text-3xl font-extrabold ${priceLabel === "Free" ? "text-emerald-500" : "text-foreground"}`, children: priceLabel }),
+          product.pricingModel === "SUBSCRIPTION" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground", children: "per month" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: appLoginUrl,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "flex items-center justify-center w-full h-11 rounded-lg bg-primary text-primary-foreground text-sm font-semibold hover:opacity-90 active:scale-[0.98] transition-all duration-150",
+            children: priceLabel === "Free" ? "Install Free" : `Get for ${priceLabel}`
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground text-center", children: "Login required to install" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t border-border pt-4 space-y-2 text-xs text-muted-foreground", children: [
+          product.type && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Type" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground font-medium", children: product.type })
+          ] }),
+          product.category && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Category" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground font-medium", children: product.category })
+          ] }),
+          product.license && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "License" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground font-medium", children: product.license })
+          ] }),
+          product.minPlatformVersion && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Requires" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-foreground font-medium", children: [
+              "v",
+              product.minPlatformVersion,
+              "+"
+            ] })
+          ] }),
+          product.downloads != null && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Downloads" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground font-medium", children: formatDownloads(product.downloads) })
+          ] })
+        ] }),
+        (product.tags?.length ?? 0) > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1.5 pt-1", children: product.tags.map((tag) => /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: "text-xs px-2 py-0.5 rounded-full bg-primary/10 text-primary font-medium",
+            children: tag
+          },
+          tag
+        )) })
+      ] }) })
+    ] }) })
+  ] });
+}
 
 // src/data/products.ts
 var ECOSYSTEM_PRODUCTS = [
@@ -6423,12 +7709,18 @@ exports.PressKitPage = PressKitPage;
 exports.PricingPage = PricingPage;
 exports.PricingSection = PricingSection;
 exports.ProblemsSolvedSection = ProblemsSolvedSection;
+exports.ProductCard = ProductCard;
 exports.ProductProvider = ProductProvider;
 exports.ResourceLinks = ResourceLinks;
 exports.RybbitAnalytics = RybbitAnalytics;
 exports.Select = Select;
 exports.SocialLinks = SocialLinks;
+exports.StarRating = StarRating;
+exports.StoreBrowsePage = StoreBrowsePage;
+exports.StoreHomePage = StoreHomePage;
+exports.StoreProductDetailPage = StoreProductDetailPage;
 exports.Textarea = Textarea;
+exports.TypeBadge = TypeBadge;
 exports.UnsubscribePage = UnsubscribePage;
 exports.WaitlistForm = WaitlistForm;
 exports.WaitlistPage = WaitlistPage;
@@ -6438,6 +7730,8 @@ exports.WebsiteSwitcher = WebsiteSwitcher;
 exports.buttonVariants = buttonVariants;
 exports.cn = cn;
 exports.detectElectronPlatform = detectElectronPlatform;
+exports.formatDownloads = formatDownloads;
+exports.formatPrice = formatPrice2;
 exports.useContentPage = useContentPage;
 exports.useContentPages = useContentPages;
 exports.useProduct = useProduct;