@burdenoff/website-sdk 2026.716.2 → 2026.716.3

package/dist/index.js

@@ -6266,11 +6266,7 @@ function TypeBadge({ type }) {
   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 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(
@@ -6281,48 +6277,11 @@ function ProductCard({ product, onClick, href }) {
           "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("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: [
@@ -6431,11 +6390,7 @@ function FeaturedHeroCard({
   product,
   onNavigate
 }) {
-  const priceLabel = formatPrice2(
-    product.price,
-    product.currency,
-    product.pricingModel
-  );
+  const priceLabel = formatPrice2(product.price, product.currency, product.pricingModel);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
     {
@@ -6444,155 +6399,28 @@ 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__ */ 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"
-                        }
-                      )
-                    ]
-                  }
-                )
-              }
-            )
+          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.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
-              }
-            )
+            /* @__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: [
@@ -6613,10 +6441,7 @@ function ScrollRow({
 }) {
   const ref = React.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__ */ jsxRuntime.jsxs("div", { className: "relative group/row", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -6626,19 +6451,7 @@ 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__ */ 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" })
-          }
-        )
+        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(
@@ -6647,13 +6460,7 @@ 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__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 w-56 snap-start", children: /* @__PURE__ */ jsxRuntime.jsx(
-          ProductCard,
-          {
-            product,
-            onClick: () => onProductClick(product)
-          }
-        ) }, product.id))
+        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(
@@ -6663,19 +6470,7 @@ 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__ */ 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" })
-          }
-        )
+        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" }) })
       }
     )
   ] });
@@ -6778,8 +6573,10 @@ function StoreHomePage({
   const [grouped, setGrouped] = React.useState(null);
   const [loading, setLoading] = React.useState(true);
   const [error, setError] = React.useState(null);
+  const [retryKey, setRetryKey] = React.useState(0);
   React.useEffect(() => {
     let cancelled = false;
+    let autoRetryTimer = null;
     async function load() {
       setLoading(true);
       try {
@@ -6793,7 +6590,15 @@ function StoreHomePage({
         setGrouped(res.data.homeGroupedProducts);
         setError(null);
       } catch {
-        if (!cancelled) setError("Failed to load store. Please try again.");
+        if (!cancelled) {
+          if (retryKey < 1) {
+            autoRetryTimer = setTimeout(() => {
+              if (!cancelled) setRetryKey(1);
+            }, 2e3);
+          } else {
+            setError("Failed to load store. Please try again.");
+          }
+        }
       } finally {
         if (!cancelled) setLoading(false);
       }
@@ -6801,8 +6606,9 @@ function StoreHomePage({
     load();
     return () => {
       cancelled = true;
+      if (autoRetryTimer) clearTimeout(autoRetryTimer);
     };
-  }, [client, compatibleWith]);
+  }, [client, compatibleWith, retryKey]);
   function navigate(path) {
     if (onNavigate) {
       onNavigate(path);
@@ -6830,65 +6636,16 @@ function StoreHomePage({
       }
     ),
     /* @__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.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"
-            }
-          ),
+          /* @__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 }),
@@ -6900,9 +6657,7 @@ 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__ */ jsxRuntime.jsx(
@@ -6944,23 +6699,9 @@ function StoreHomePage({
           /* @__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"
-            }
-          )
+          /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => setRetryKey((k) => k + 1), 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(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,
             {
@@ -6981,13 +6722,7 @@ function StoreHomePage({
             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 ? /* @__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(
@@ -7010,35 +6745,16 @@ function StoreHomePage({
       ] })
     ] }),
     /* @__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.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"
-            }
-          ),
+          /* @__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",
-          " ",
+          "Share your workflows, nodes, and integrations with ",
           productName ?? "the",
           " community. Earn from your work or contribute for free."
         ] }),
@@ -7094,14 +6810,7 @@ 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") ?? "",
@@ -7153,9 +6862,7 @@ function StoreBrowsePage({
   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 [allProducts, setAllProducts] = React.useState([]);
   const [categories, setCategories] = React.useState([]);
   const [loading, setLoading] = React.useState(true);
   const [loadingMore, setLoadingMore] = React.useState(false);
@@ -7199,16 +6906,7 @@ 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);
@@ -7384,8 +7082,7 @@ 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__ */ jsxRuntime.jsx("span", { className: "text-primary", children: "\u2022" })
               ]
             }
@@ -7399,32 +7096,14 @@ function StoreBrowsePage({
           /* @__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("");
-                  }
-                }
-              ),
+              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("")
-                }
-              ),
+              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)
-                }
-              )
+              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(
@@ -7476,97 +7155,9 @@ function StoreBrowsePage({
 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"
-      }
-    )
+    /* @__PURE__ */ jsxRuntime.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 = React.useRef(null);
-  const [status, setStatus] = React.useState("loading");
-  const [interactive, setInteractive] = React.useState(!clickToInteract);
-  const resolvedTheme = React.useMemo(() => theme ?? detectTheme(), [theme]);
-  const src = React.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]);
-  React.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__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: `relative w-full overflow-hidden rounded-xl border border-border bg-muted ${className ?? ""}`,
-      style: { aspectRatio: "16 / 9" },
-      children: [
-        status === "loading" && /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: "absolute inset-0 animate-pulse bg-muted",
-            "aria-hidden": "true"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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); }
@@ -7599,11 +7190,50 @@ var ANIM_STYLES = `
 .sd-d5 { animation-delay: 320ms; }
 .sd-d6 { animation-delay: 400ms; }
 `;
-function RatingBar({
-  label,
-  count,
-  total
-}) {
+function mdInline(text) {
+  const parts = text.split(/(\*\*[^*]+\*\*)/g);
+  if (parts.length === 1) return text;
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: parts.map(
+    (part, i) => part.startsWith("**") && part.endsWith("**") ? /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "font-semibold text-foreground", children: part.slice(2, -2) }, i) : part || null
+  ) });
+}
+function MdAbout({ content }) {
+  let key = 0;
+  const nodes = [];
+  let listItems = [];
+  const flushList = () => {
+    if (!listItems.length) return;
+    nodes.push(
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "list-disc list-inside space-y-0.5 my-2", children: listItems.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "text-sm leading-relaxed", children: mdInline(item) }, i)) }, key++)
+    );
+    listItems = [];
+  };
+  for (const line of content.split("\n")) {
+    if (!line.trim()) {
+      flushList();
+      continue;
+    }
+    const hm = line.match(/^(#{1,3})\s+(.*)/);
+    if (hm) {
+      flushList();
+      nodes.push(
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-foreground mt-4 first:mt-0 text-sm", children: mdInline(hm[2]) }, key++)
+      );
+      continue;
+    }
+    if (/^[-*]\s/.test(line)) {
+      listItems.push(line.replace(/^[-*]\s+/, ""));
+      continue;
+    }
+    flushList();
+    nodes.push(
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-relaxed mb-1", children: mdInline(line) }, key++)
+    );
+  }
+  flushList();
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: nodes });
+}
+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 }),
@@ -7619,63 +7249,12 @@ function RatingBar({
 }
 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"
-            }
-          )
-        ]
-      }
-    ) }) })
+    /* @__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({
@@ -7691,7 +7270,6 @@ function StoreProductDetailPage({
   const [error, setError] = React.useState(null);
   const [activeScreenshot, setActiveScreenshot] = React.useState(0);
   const [screenshotKey, setScreenshotKey] = React.useState(0);
-  const [embedFailed, setEmbedFailed] = React.useState(false);
   React.useEffect(() => {
     if (!slug && !id) {
       setError("Product not found.");
@@ -7745,30 +7323,11 @@ function StoreProductDetailPage({
   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"
-        }
-      )
+      /* @__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 { 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: [
@@ -7782,60 +7341,15 @@ function StoreProductDetailPage({
       }
     ),
     /* @__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.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("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(
@@ -7901,14 +7415,6 @@ function StoreProductDetailPage({
             }
           )
         ] }),
-        product.type === "WORKFLOW" && !embedFailed && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sd-fu sd-d3 mb-8", children: /* @__PURE__ */ jsxRuntime.jsx(
-          WorkflowEmbed,
-          {
-            appUrl: appLoginUrl,
-            productId: product.id,
-            onError: () => setEmbedFailed(true)
-          }
-        ) }),
         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",
@@ -7925,33 +7431,19 @@ 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__ */ jsxRuntime.jsx(
-                "img",
-                {
-                  src,
-                  alt: `Thumbnail ${i + 1}`,
-                  className: "w-full h-full object-cover"
-                }
-              )
+              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 })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(MdAbout, { content: 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() }),
+            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 }),
@@ -7977,46 +7469,11 @@ function StoreProductDetailPage({
               ] })
             ] }),
             /* @__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(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(
@@ -8031,14 +7488,11 @@ function StoreProductDetailPage({
                 ] }),
                 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.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
@@ -8058,13 +7512,7 @@ function StoreProductDetailPage({
       ] }),
       /* @__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
-            }
-          ),
+          /* @__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(