@burdenoff/website-sdk 2026.710.1 → 2026.716.2

package/dist/index.mjs

@@ -6240,7 +6240,11 @@ function TypeBadge({ type }) {
   return /* @__PURE__ */ 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 priceLabel = formatPrice2(
+    product.price,
+    product.currency,
+    product.pricingModel
+  );
   const inner = /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
       /* @__PURE__ */ jsx("div", { className: "w-12 h-12 rounded-lg bg-muted flex-shrink-0 overflow-hidden", children: product.icon ? /* @__PURE__ */ jsx(
@@ -6251,11 +6255,48 @@ function ProductCard({ product, onClick, href }) {
           "aria-hidden": "true",
           className: "w-full h-full object-cover"
         }
-      ) : /* @__PURE__ */ jsx("div", { className: "w-full h-full flex items-center justify-center bg-gradient-to-br from-primary/15 to-primary/5", children: /* @__PURE__ */ 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__ */ jsx("polygon", { points: "16,4 28,10 16,16 4,10", className: "fill-primary/30", stroke: "currentColor", strokeWidth: "0.6", strokeOpacity: "0.35" }),
-        /* @__PURE__ */ jsx("polygon", { points: "4,10 16,16 16,28 4,22", className: "fill-primary/15", stroke: "currentColor", strokeWidth: "0.6", strokeOpacity: "0.35" }),
-        /* @__PURE__ */ jsx("polygon", { points: "28,10 16,16 16,28 28,22", className: "fill-primary/20", stroke: "currentColor", strokeWidth: "0.6", strokeOpacity: "0.35" })
-      ] }) }) }),
+      ) : /* @__PURE__ */ jsx("div", { className: "w-full h-full flex items-center justify-center bg-gradient-to-br from-primary/15 to-primary/5", children: /* @__PURE__ */ 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__ */ jsx(
+              "polygon",
+              {
+                points: "16,4 28,10 16,16 4,10",
+                className: "fill-primary/30",
+                stroke: "currentColor",
+                strokeWidth: "0.6",
+                strokeOpacity: "0.35"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "polygon",
+              {
+                points: "4,10 16,16 16,28 4,22",
+                className: "fill-primary/15",
+                stroke: "currentColor",
+                strokeWidth: "0.6",
+                strokeOpacity: "0.35"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "polygon",
+              {
+                points: "28,10 16,16 16,28 28,22",
+                className: "fill-primary/20",
+                stroke: "currentColor",
+                strokeWidth: "0.6",
+                strokeOpacity: "0.35"
+              }
+            )
+          ]
+        }
+      ) }) }),
       /* @__PURE__ */ jsx(TypeBadge, { type: product.type })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
@@ -6364,7 +6405,11 @@ function FeaturedHeroCard({
   product,
   onNavigate
 }) {
-  const priceLabel = formatPrice2(product.price, product.currency, product.pricingModel);
+  const priceLabel = formatPrice2(
+    product.price,
+    product.currency,
+    product.pricingModel
+  );
   return /* @__PURE__ */ jsxs(
     "button",
     {
@@ -6373,28 +6418,155 @@ function FeaturedHeroCard({
       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__ */ 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__ */ jsx("img", { src: product.bannerUrl, alt: "", "aria-hidden": "true", className: "w-full h-full object-cover" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ 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__ */ jsx("defs", { children: /* @__PURE__ */ jsx("pattern", { id: "fg-hero-grid", width: "36", height: "36", patternUnits: "userSpaceOnUse", children: /* @__PURE__ */ jsx("path", { d: "M 36 0 L 0 0 0 36", fill: "none", stroke: "currentColor", strokeWidth: "1" }) }) }),
-              /* @__PURE__ */ jsx("rect", { width: "100%", height: "100%", fill: "url(#fg-hero-grid)" })
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center", "aria-hidden": "true", children: /* @__PURE__ */ 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__ */ jsx("polygon", { points: "32,8 56,20 32,32 8,20", className: "fill-primary/40", stroke: "currentColor", strokeWidth: "1", strokeOpacity: "0.5" }),
-              /* @__PURE__ */ jsx("polygon", { points: "8,20 32,32 32,56 8,44", className: "fill-primary/20", stroke: "currentColor", strokeWidth: "1", strokeOpacity: "0.5" }),
-              /* @__PURE__ */ jsx("polygon", { points: "56,20 32,32 32,56 56,44", className: "fill-primary/30", stroke: "currentColor", strokeWidth: "1", strokeOpacity: "0.5" })
-            ] }) })
+          product.bannerUrl ? /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: product.bannerUrl,
+              alt: "",
+              "aria-hidden": "true",
+              className: "w-full h-full object-cover"
+            }
+          ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ 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__ */ jsx("defs", { children: /* @__PURE__ */ jsx(
+                    "pattern",
+                    {
+                      id: "fg-hero-grid",
+                      width: "36",
+                      height: "36",
+                      patternUnits: "userSpaceOnUse",
+                      children: /* @__PURE__ */ jsx(
+                        "path",
+                        {
+                          d: "M 36 0 L 0 0 0 36",
+                          fill: "none",
+                          stroke: "currentColor",
+                          strokeWidth: "1"
+                        }
+                      )
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx("rect", { width: "100%", height: "100%", fill: "url(#fg-hero-grid)" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "absolute inset-0 flex items-center justify-center",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ 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__ */ jsx(
+                        "polygon",
+                        {
+                          points: "32,8 56,20 32,32 8,20",
+                          className: "fill-primary/40",
+                          stroke: "currentColor",
+                          strokeWidth: "1",
+                          strokeOpacity: "0.5"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        "polygon",
+                        {
+                          points: "8,20 32,32 32,56 8,44",
+                          className: "fill-primary/20",
+                          stroke: "currentColor",
+                          strokeWidth: "1",
+                          strokeOpacity: "0.5"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        "polygon",
+                        {
+                          points: "56,20 32,32 32,56 56,44",
+                          className: "fill-primary/30",
+                          stroke: "currentColor",
+                          strokeWidth: "1",
+                          strokeOpacity: "0.5"
+                        }
+                      )
+                    ]
+                  }
+                )
+              }
+            )
           ] }),
           /* @__PURE__ */ 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__ */ 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__ */ jsx("img", { src: product.icon, alt: "", "aria-hidden": "true", className: "w-full h-full object-cover" }) : /* @__PURE__ */ jsx("div", { className: "w-full h-full bg-gradient-to-br from-primary/25 to-primary/10 flex items-center justify-center", children: /* @__PURE__ */ 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__ */ jsx("polygon", { points: "16,4 28,10 16,16 4,10", className: "fill-primary/40", stroke: "currentColor", strokeWidth: "0.6", strokeOpacity: "0.4" }),
-            /* @__PURE__ */ jsx("polygon", { points: "4,10 16,16 16,28 4,22", className: "fill-primary/20", stroke: "currentColor", strokeWidth: "0.6", strokeOpacity: "0.4" }),
-            /* @__PURE__ */ jsx("polygon", { points: "28,10 16,16 16,28 28,22", className: "fill-primary/30", stroke: "currentColor", strokeWidth: "0.6", strokeOpacity: "0.4" })
-          ] }) }) })
+          /* @__PURE__ */ 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__ */ jsx(
+            "img",
+            {
+              src: product.icon,
+              alt: "",
+              "aria-hidden": "true",
+              className: "w-full h-full object-cover"
+            }
+          ) : /* @__PURE__ */ jsx("div", { className: "w-full h-full bg-gradient-to-br from-primary/25 to-primary/10 flex items-center justify-center", children: /* @__PURE__ */ 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__ */ jsx(
+                  "polygon",
+                  {
+                    points: "16,4 28,10 16,16 4,10",
+                    className: "fill-primary/40",
+                    stroke: "currentColor",
+                    strokeWidth: "0.6",
+                    strokeOpacity: "0.4"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "polygon",
+                  {
+                    points: "4,10 16,16 16,28 4,22",
+                    className: "fill-primary/20",
+                    stroke: "currentColor",
+                    strokeWidth: "0.6",
+                    strokeOpacity: "0.4"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "polygon",
+                  {
+                    points: "28,10 16,16 16,28 28,22",
+                    className: "fill-primary/30",
+                    stroke: "currentColor",
+                    strokeWidth: "0.6",
+                    strokeOpacity: "0.4"
+                  }
+                )
+              ]
+            }
+          ) }) })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "p-5 flex flex-col flex-1", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3 mb-2", children: [
             /* @__PURE__ */ jsx("h3", { className: "text-base font-bold text-foreground group-hover:text-primary transition-colors line-clamp-1", children: product.name }),
-            /* @__PURE__ */ jsx("span", { className: `text-sm font-bold flex-shrink-0 ${priceLabel === "Free" ? "text-emerald-500" : "text-foreground"}`, children: priceLabel })
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: `text-sm font-bold flex-shrink-0 ${priceLabel === "Free" ? "text-emerald-500" : "text-foreground"}`,
+                children: priceLabel
+              }
+            )
           ] }),
           product.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground line-clamp-2 leading-relaxed flex-1", children: product.description }),
           /* @__PURE__ */ jsxs("div", { className: "mt-3 flex items-center gap-2", children: [
@@ -6415,7 +6587,10 @@ function ScrollRow({
 }) {
   const ref = useRef(null);
   function scroll(dir) {
-    ref.current?.scrollBy({ left: dir === "r" ? 272 : -272, behavior: "smooth" });
+    ref.current?.scrollBy({
+      left: dir === "r" ? 272 : -272,
+      behavior: "smooth"
+    });
   }
   return /* @__PURE__ */ jsxs("div", { className: "relative group/row", children: [
     /* @__PURE__ */ jsx(
@@ -6425,7 +6600,19 @@ function ScrollRow({
         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__ */ 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__ */ jsx("path", { d: "M10 3L6 8l4 5" }) })
+        children: /* @__PURE__ */ 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__ */ jsx("path", { d: "M10 3L6 8l4 5" })
+          }
+        )
       }
     ),
     /* @__PURE__ */ jsx(
@@ -6434,7 +6621,13 @@ function ScrollRow({
         ref,
         className: "flex gap-3 overflow-x-auto pb-1 snap-x snap-mandatory",
         style: { scrollbarWidth: "none", msOverflowStyle: "none" },
-        children: products.map((product) => /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 w-56 snap-start", children: /* @__PURE__ */ jsx(ProductCard, { product, onClick: () => onProductClick(product) }) }, product.id))
+        children: products.map((product) => /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 w-56 snap-start", children: /* @__PURE__ */ jsx(
+          ProductCard,
+          {
+            product,
+            onClick: () => onProductClick(product)
+          }
+        ) }, product.id))
       }
     ),
     /* @__PURE__ */ jsx(
@@ -6444,7 +6637,19 @@ function ScrollRow({
         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__ */ 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__ */ jsx("path", { d: "M6 3l4 5-4 5" }) })
+        children: /* @__PURE__ */ 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__ */ jsx("path", { d: "M6 3l4 5-4 5" })
+          }
+        )
       }
     )
   ] });
@@ -6599,16 +6804,65 @@ function StoreHomePage({
       }
     ),
     /* @__PURE__ */ jsxs("section", { className: "relative overflow-hidden pt-14 pb-12 sm:pt-20 sm:pb-16", children: [
-      /* @__PURE__ */ 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__ */ 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__ */ jsx("defs", { children: /* @__PURE__ */ jsx("pattern", { id: "store-home-grid", width: "40", height: "40", patternUnits: "userSpaceOnUse", children: /* @__PURE__ */ jsx("path", { d: "M 40 0 L 0 0 0 40", fill: "none", stroke: "currentColor", strokeWidth: "1" }) }) }),
-        /* @__PURE__ */ jsx("rect", { width: "100%", height: "100%", fill: "url(#store-home-grid)" })
-      ] }),
-      /* @__PURE__ */ 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__ */ 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__ */ 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__ */ 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__ */ jsx("defs", { children: /* @__PURE__ */ jsx(
+              "pattern",
+              {
+                id: "store-home-grid",
+                width: "40",
+                height: "40",
+                patternUnits: "userSpaceOnUse",
+                children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: "M 40 0 L 0 0 0 40",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "1"
+                  }
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx("rect", { width: "100%", height: "100%", fill: "url(#store-home-grid)" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ 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__ */ 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__ */ jsxs("div", { className: "relative max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center", children: [
         /* @__PURE__ */ 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__ */ jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-primary flex-shrink-0", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "w-1.5 h-1.5 rounded-full bg-primary flex-shrink-0",
+              "aria-hidden": "true"
+            }
+          ),
           "Community Marketplace"
         ] }),
         /* @__PURE__ */ jsx("h1", { className: "text-4xl sm:text-5xl md:text-6xl font-extrabold tracking-tight text-foreground mb-4 leading-[1.08]", children: resolvedTitle }),
@@ -6620,7 +6874,9 @@ function StoreHomePage({
             onSubmit: (e) => {
               e.preventDefault();
               const q = new FormData(e.currentTarget).get("q");
-              navigate(q.trim() ? `${browsePath}?q=${encodeURIComponent(q.trim())}` : browsePath);
+              navigate(
+                q.trim() ? `${browsePath}?q=${encodeURIComponent(q.trim())}` : browsePath
+              );
             },
             children: [
               /* @__PURE__ */ jsx(
@@ -6662,9 +6918,23 @@ function StoreHomePage({
           /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [...Array(4)].map((_, i) => /* @__PURE__ */ jsx(GridCardSkeleton, {}, i)) })
         ] }) : error ? /* @__PURE__ */ jsxs("div", { className: "py-16 text-center", children: [
           /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-4", children: error }),
-          /* @__PURE__ */ jsx("button", { type: "button", onClick: () => window.location.reload(), className: "text-sm text-primary hover:underline", children: "Retry" })
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => window.location.reload(),
+              className: "text-sm text-primary hover:underline",
+              children: "Retry"
+            }
+          )
         ] }) : featuredItems.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-[1fr_2fr] gap-4 items-start", children: [
-          /* @__PURE__ */ jsx(FeaturedHeroCard, { product: featuredItems[0], onNavigate: navigate }),
+          /* @__PURE__ */ jsx(
+            FeaturedHeroCard,
+            {
+              product: featuredItems[0],
+              onNavigate: navigate
+            }
+          ),
           /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: featuredItems.slice(1, 5).map((product) => /* @__PURE__ */ jsx(
             ProductCard,
             {
@@ -6685,7 +6955,13 @@ function StoreHomePage({
             onNavigate: navigate
           }
         ),
-        loading ? /* @__PURE__ */ jsx("div", { className: "flex gap-3 overflow-hidden", children: [...Array(5)].map((_, i) => /* @__PURE__ */ jsx(ScrollCardSkeleton, {}, i)) }) : /* @__PURE__ */ jsx(ScrollRow, { products: popularItems, onProductClick: handleProductClick })
+        loading ? /* @__PURE__ */ jsx("div", { className: "flex gap-3 overflow-hidden", children: [...Array(5)].map((_, i) => /* @__PURE__ */ jsx(ScrollCardSkeleton, {}, i)) }) : /* @__PURE__ */ jsx(
+          ScrollRow,
+          {
+            products: popularItems,
+            onProductClick: handleProductClick
+          }
+        )
       ] }),
       (loading || freeItems.length > 0) && /* @__PURE__ */ jsxs("section", { children: [
         /* @__PURE__ */ jsx(
@@ -6708,16 +6984,35 @@ function StoreHomePage({
       ] })
     ] }),
     /* @__PURE__ */ jsxs("section", { className: "relative overflow-hidden border-t border-border", children: [
-      /* @__PURE__ */ 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__ */ 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__ */ 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__ */ 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__ */ jsxs("div", { className: "relative max-w-2xl mx-auto px-4 py-16 text-center", children: [
         /* @__PURE__ */ 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__ */ jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-primary flex-shrink-0", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "w-1.5 h-1.5 rounded-full bg-primary flex-shrink-0",
+              "aria-hidden": "true"
+            }
+          ),
           "Become a publisher"
         ] }),
         /* @__PURE__ */ jsx("h2", { className: "text-2xl sm:text-3xl font-bold text-foreground mb-3", children: "Built something useful?" }),
         /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground mb-8 max-w-lg mx-auto leading-relaxed", children: [
-          "Share your workflows, nodes, and integrations with ",
+          "Share your workflows, nodes, and integrations with",
+          " ",
           productName ?? "the",
           " community. Earn from your work or contribute for free."
         ] }),
@@ -6773,7 +7068,14 @@ var PRICING_OPTIONS = [
 ];
 function parseUrlParams() {
   if (typeof window === "undefined")
-    return { q: "", type: "", pricingModel: "", category: "", sortBy: "RELEVANCE", featured: false };
+    return {
+      q: "",
+      type: "",
+      pricingModel: "",
+      category: "",
+      sortBy: "RELEVANCE",
+      featured: false
+    };
   const p = new URLSearchParams(window.location.search);
   return {
     q: p.get("q") ?? "",
@@ -6825,7 +7127,9 @@ function StoreBrowsePage({
   const [featured, setFeatured] = useState(initial.featured);
   const [offset, setOffset] = useState(0);
   const [result, setResult] = useState(null);
-  const [allProducts, setAllProducts] = useState([]);
+  const [allProducts, setAllProducts] = useState(
+    []
+  );
   const [categories, setCategories] = useState([]);
   const [loading, setLoading] = useState(true);
   const [loadingMore, setLoadingMore] = useState(false);
@@ -6869,7 +7173,16 @@ function StoreBrowsePage({
     return () => {
       cancelled = true;
     };
-  }, [client, search, type, pricingModel, category, sortBy, compatibleWith, featured]);
+  }, [
+    client,
+    search,
+    type,
+    pricingModel,
+    category,
+    sortBy,
+    compatibleWith,
+    featured
+  ]);
   function loadMore() {
     const nextOffset = offset + PAGE_SIZE;
     setLoadingMore(true);
@@ -7045,7 +7358,8 @@ function StoreBrowsePage({
               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 ",
+                "Filters",
+                " ",
                 hasActiveFilters && /* @__PURE__ */ jsx("span", { className: "text-primary", children: "\u2022" })
               ]
             }
@@ -7059,14 +7373,32 @@ function StoreBrowsePage({
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-4 flex-wrap", children: [
             /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: loading ? "Loading\u2026" : `${result?.totalCount ?? 0} results` }),
             hasActiveFilters && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1.5", children: [
-              search && /* @__PURE__ */ jsx(Chip, { label: `"${search}"`, onRemove: () => {
-                setSearch("");
-                setInputValue("");
-              } }),
+              search && /* @__PURE__ */ jsx(
+                Chip,
+                {
+                  label: `"${search}"`,
+                  onRemove: () => {
+                    setSearch("");
+                    setInputValue("");
+                  }
+                }
+              ),
               type && /* @__PURE__ */ jsx(Chip, { label: type, onRemove: () => setType("") }),
-              pricingModel && /* @__PURE__ */ jsx(Chip, { label: pricingModel, onRemove: () => setPricingModel("") }),
+              pricingModel && /* @__PURE__ */ jsx(
+                Chip,
+                {
+                  label: pricingModel,
+                  onRemove: () => setPricingModel("")
+                }
+              ),
               category && /* @__PURE__ */ jsx(Chip, { label: category, onRemove: () => setCategory("") }),
-              featured && /* @__PURE__ */ jsx(Chip, { label: "Featured", onRemove: () => setFeatured(false) })
+              featured && /* @__PURE__ */ jsx(
+                Chip,
+                {
+                  label: "Featured",
+                  onRemove: () => setFeatured(false)
+                }
+              )
             ] })
           ] }),
           loading ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-4", children: [...Array(12)].map((_, i) => /* @__PURE__ */ jsx(
@@ -7118,9 +7450,97 @@ function StoreBrowsePage({
 function Chip({ label, onRemove }) {
   return /* @__PURE__ */ 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__ */ jsx("button", { type: "button", onClick: onRemove, "aria-label": `Remove ${label}`, className: "hover:opacity-70", children: "\xD7" })
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onRemove,
+        "aria-label": `Remove ${label}`,
+        className: "hover:opacity-70",
+        children: "\xD7"
+      }
+    )
   ] });
 }
+function detectTheme() {
+  if (typeof document === "undefined") return "light";
+  const root = document.documentElement;
+  return root.classList.contains("dark") || root.getAttribute("data-theme") === "dark" ? "dark" : "light";
+}
+function WorkflowEmbed({
+  appUrl,
+  productId,
+  theme,
+  clickToInteract = true,
+  hideCta = false,
+  className,
+  onError
+}) {
+  const iframeRef = useRef(null);
+  const [status, setStatus] = useState("loading");
+  const [interactive, setInteractive] = useState(!clickToInteract);
+  const resolvedTheme = useMemo(() => theme ?? detectTheme(), [theme]);
+  const src = useMemo(() => {
+    const base = appUrl.replace(/\/+$/, "");
+    const params = new URLSearchParams({
+      productId,
+      theme: resolvedTheme
+    });
+    if (hideCta) params.set("cta", "false");
+    return `${base}/embed/workflow?${params.toString()}`;
+  }, [appUrl, productId, resolvedTheme, hideCta]);
+  useEffect(() => {
+    const handler = (event) => {
+      if (event.source !== iframeRef.current?.contentWindow) return;
+      const data = event.data;
+      if (data?.type === "fluidgrids:embed:loaded") setStatus("loaded");
+      if (data?.type === "fluidgrids:embed:error") {
+        setStatus("error");
+        onError?.(data.message ?? "Failed to load workflow preview");
+      }
+    };
+    window.addEventListener("message", handler);
+    return () => window.removeEventListener("message", handler);
+  }, [onError]);
+  if (status === "error") return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `relative w-full overflow-hidden rounded-xl border border-border bg-muted ${className ?? ""}`,
+      style: { aspectRatio: "16 / 9" },
+      children: [
+        status === "loading" && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "absolute inset-0 animate-pulse bg-muted",
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "iframe",
+          {
+            ref: iframeRef,
+            src,
+            title: "Workflow preview",
+            loading: "lazy",
+            className: "h-full w-full border-0",
+            style: interactive ? void 0 : { pointerEvents: "none" }
+          }
+        ),
+        clickToInteract && !interactive && status === "loaded" && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setInteractive(true),
+            className: "absolute inset-0 flex items-end justify-center bg-transparent pb-4",
+            "aria-label": "Click to explore the workflow",
+            children: /* @__PURE__ */ jsx("span", { className: "rounded-full border border-border bg-background/90 px-4 py-1.5 text-xs font-medium text-foreground shadow-sm backdrop-blur transition-colors hover:bg-background", children: "Click to explore" })
+          }
+        )
+      ]
+    }
+  );
+}
 var ANIM_STYLES = `
 @keyframes sdFadeUp {
   from { opacity: 0; transform: translateY(16px); }
@@ -7153,7 +7573,11 @@ var ANIM_STYLES = `
 .sd-d5 { animation-delay: 320ms; }
 .sd-d6 { animation-delay: 400ms; }
 `;
-function RatingBar({ label, count, total }) {
+function RatingBar({
+  label,
+  count,
+  total
+}) {
   const pct = total > 0 ? Math.round(count / total * 100) : 0;
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
     /* @__PURE__ */ jsx("span", { className: "w-12 text-right shrink-0", children: label }),
@@ -7169,12 +7593,63 @@ function RatingBar({ label, count, total }) {
 }
 function IconBlock({ src }) {
   return /* @__PURE__ */ jsxs("div", { className: "relative flex-shrink-0", children: [
-    /* @__PURE__ */ jsx("div", { className: "sd-gp absolute -inset-1.5 rounded-2xl bg-primary/30 blur-md pointer-events-none", "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx("div", { className: "sd-si relative w-20 h-20 rounded-2xl overflow-hidden shadow-lg ring-1 ring-border", children: src ? /* @__PURE__ */ jsx("img", { src, alt: "", "aria-hidden": true, className: "w-full h-full object-cover" }) : /* @__PURE__ */ jsx("div", { className: "w-full h-full bg-gradient-to-br from-primary/25 to-primary/8 flex items-center justify-center", children: /* @__PURE__ */ 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__ */ jsx("polygon", { points: "20,4 34,11 20,18 6,11", className: "fill-primary/40", stroke: "currentColor", strokeWidth: "0.6", strokeOpacity: "0.4" }),
-      /* @__PURE__ */ jsx("polygon", { points: "6,11 20,18 20,34 6,27", className: "fill-primary/20", stroke: "currentColor", strokeWidth: "0.6", strokeOpacity: "0.4" }),
-      /* @__PURE__ */ jsx("polygon", { points: "34,11 20,18 20,34 34,27", className: "fill-primary/30", stroke: "currentColor", strokeWidth: "0.6", strokeOpacity: "0.4" })
-    ] }) }) })
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "sd-gp absolute -inset-1.5 rounded-2xl bg-primary/30 blur-md pointer-events-none",
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "sd-si relative w-20 h-20 rounded-2xl overflow-hidden shadow-lg ring-1 ring-border", children: src ? /* @__PURE__ */ jsx(
+      "img",
+      {
+        src,
+        alt: "",
+        "aria-hidden": true,
+        className: "w-full h-full object-cover"
+      }
+    ) : /* @__PURE__ */ jsx("div", { className: "w-full h-full bg-gradient-to-br from-primary/25 to-primary/8 flex items-center justify-center", children: /* @__PURE__ */ 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__ */ jsx(
+            "polygon",
+            {
+              points: "20,4 34,11 20,18 6,11",
+              className: "fill-primary/40",
+              stroke: "currentColor",
+              strokeWidth: "0.6",
+              strokeOpacity: "0.4"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "polygon",
+            {
+              points: "6,11 20,18 20,34 6,27",
+              className: "fill-primary/20",
+              stroke: "currentColor",
+              strokeWidth: "0.6",
+              strokeOpacity: "0.4"
+            }
+          ),
+          /* @__PURE__ */ 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({
@@ -7190,6 +7665,7 @@ function StoreProductDetailPage({
   const [error, setError] = useState(null);
   const [activeScreenshot, setActiveScreenshot] = useState(0);
   const [screenshotKey, setScreenshotKey] = useState(0);
+  const [embedFailed, setEmbedFailed] = useState(false);
   useEffect(() => {
     if (!slug && !id) {
       setError("Product not found.");
@@ -7243,11 +7719,30 @@ function StoreProductDetailPage({
   if (error || !details) {
     return /* @__PURE__ */ jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 text-center", children: [
       /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-4", children: error ?? "Product not found." }),
-      /* @__PURE__ */ jsx("button", { type: "button", onClick: () => navigate("/store"), className: "text-sm text-primary hover:underline", children: "Back to Store" })
+      /* @__PURE__ */ 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 {
+    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__ */ jsxs("div", { className: "w-full", children: [
@@ -7261,15 +7756,60 @@ function StoreProductDetailPage({
       }
     ),
     /* @__PURE__ */ jsxs("div", { className: "relative overflow-hidden", children: [
-      /* @__PURE__ */ 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__ */ 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__ */ jsx("defs", { children: /* @__PURE__ */ jsx("pattern", { id: "sd-grid", width: "40", height: "40", patternUnits: "userSpaceOnUse", children: /* @__PURE__ */ jsx("path", { d: "M 40 0 L 0 0 0 40", fill: "none", stroke: "currentColor", strokeWidth: "1" }) }) }),
-        /* @__PURE__ */ jsx("rect", { width: "100%", height: "100%", fill: "url(#sd-grid)" })
-      ] }),
-      /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx("defs", { children: /* @__PURE__ */ jsx(
+              "pattern",
+              {
+                id: "sd-grid",
+                width: "40",
+                height: "40",
+                patternUnits: "userSpaceOnUse",
+                children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: "M 40 0 L 0 0 0 40",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "1"
+                  }
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx("rect", { width: "100%", height: "100%", fill: "url(#sd-grid)" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ 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__ */ jsxs("div", { className: "relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-6 pb-8", children: [
         /* @__PURE__ */ jsxs("nav", { className: "sd-fi text-sm text-muted-foreground mb-6 flex items-center gap-1.5 flex-wrap", children: [
-          /* @__PURE__ */ jsx("button", { type: "button", onClick: () => navigate("/store"), className: "hover:text-primary transition-colors", children: "Store" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => navigate("/store"),
+              className: "hover:text-primary transition-colors",
+              children: "Store"
+            }
+          ),
           /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u203A" }),
           product.category && /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(
@@ -7335,6 +7875,14 @@ function StoreProductDetailPage({
             }
           )
         ] }),
+        product.type === "WORKFLOW" && !embedFailed && /* @__PURE__ */ jsx("div", { className: "sd-fu sd-d3 mb-8", children: /* @__PURE__ */ jsx(
+          WorkflowEmbed,
+          {
+            appUrl: appLoginUrl,
+            productId: product.id,
+            onError: () => setEmbedFailed(true)
+          }
+        ) }),
         screenshots.length > 0 && /* @__PURE__ */ jsxs("div", { className: "sd-fu sd-d3 mb-8", children: [
           /* @__PURE__ */ jsx("div", { className: "rounded-xl overflow-hidden bg-muted aspect-video mb-3 shadow-md", children: /* @__PURE__ */ jsx(
             "img",
@@ -7351,7 +7899,14 @@ function StoreProductDetailPage({
               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__ */ jsx("img", { src, alt: `Thumbnail ${i + 1}`, className: "w-full h-full object-cover" })
+              children: /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src,
+                  alt: `Thumbnail ${i + 1}`,
+                  className: "w-full h-full object-cover"
+                }
+              )
             },
             i
           )) })
@@ -7363,7 +7918,14 @@ function StoreProductDetailPage({
         publisher && /* @__PURE__ */ 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__ */ jsx("h2", { className: "text-sm font-semibold text-foreground mb-3", children: "Publisher" }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-            publisher.logoUrl ? /* @__PURE__ */ jsx("img", { src: publisher.logoUrl, alt: publisher.name, className: "w-10 h-10 rounded-full object-cover" }) : /* @__PURE__ */ 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() }),
+            publisher.logoUrl ? /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: publisher.logoUrl,
+                alt: publisher.name,
+                className: "w-10 h-10 rounded-full object-cover"
+              }
+            ) : /* @__PURE__ */ 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__ */ jsxs("div", { children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
                 /* @__PURE__ */ jsx("span", { className: "font-semibold text-foreground text-sm", children: publisher.name }),
@@ -7389,11 +7951,46 @@ function StoreProductDetailPage({
               ] })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-1.5 pt-1", children: [
-              /* @__PURE__ */ jsx(RatingBar, { label: "5 \u2605", count: ratingDistribution.fiveStars, total: totalRatings }),
-              /* @__PURE__ */ jsx(RatingBar, { label: "4 \u2605", count: ratingDistribution.fourStars, total: totalRatings }),
-              /* @__PURE__ */ jsx(RatingBar, { label: "3 \u2605", count: ratingDistribution.threeStars, total: totalRatings }),
-              /* @__PURE__ */ jsx(RatingBar, { label: "2 \u2605", count: ratingDistribution.twoStars, total: totalRatings }),
-              /* @__PURE__ */ jsx(RatingBar, { label: "1 \u2605", count: ratingDistribution.oneStar, total: totalRatings })
+              /* @__PURE__ */ jsx(
+                RatingBar,
+                {
+                  label: "5 \u2605",
+                  count: ratingDistribution.fiveStars,
+                  total: totalRatings
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                RatingBar,
+                {
+                  label: "4 \u2605",
+                  count: ratingDistribution.fourStars,
+                  total: totalRatings
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                RatingBar,
+                {
+                  label: "3 \u2605",
+                  count: ratingDistribution.threeStars,
+                  total: totalRatings
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                RatingBar,
+                {
+                  label: "2 \u2605",
+                  count: ratingDistribution.twoStars,
+                  total: totalRatings
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                RatingBar,
+                {
+                  label: "1 \u2605",
+                  count: ratingDistribution.oneStar,
+                  total: totalRatings
+                }
+              )
             ] })
           ] }),
           /* @__PURE__ */ jsx("div", { className: "space-y-3", children: reviews.slice(0, 5).map((review, idx) => /* @__PURE__ */ jsxs(
@@ -7408,11 +8005,14 @@ function StoreProductDetailPage({
                 ] }),
                 review.title && /* @__PURE__ */ jsx("p", { className: "font-semibold text-sm text-foreground mb-1", children: review.title }),
                 review.comment && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground leading-relaxed", children: review.comment }),
-                review.createdAt && /* @__PURE__ */ 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.createdAt && /* @__PURE__ */ 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
@@ -7432,7 +8032,13 @@ function StoreProductDetailPage({
       ] }),
       /* @__PURE__ */ jsx("aside", { className: "lg:sticky lg:top-24 self-start", children: /* @__PURE__ */ 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__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("div", { className: `text-3xl font-extrabold ${priceLabel === "Free" ? "text-emerald-500" : "text-foreground"}`, children: priceLabel }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `text-3xl font-extrabold ${priceLabel === "Free" ? "text-emerald-500" : "text-foreground"}`,
+              children: priceLabel
+            }
+          ),
           product.pricingModel === "SUBSCRIPTION" && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "per month" })
         ] }),
         /* @__PURE__ */ jsx(