@burdenoff/website-sdk 2026.716.3 → 2026.719.2

package/dist/index.js

@@ -3943,6 +3943,10 @@ function ResourceLinks({
 function normalizeSearch(value) {
   return value.toLowerCase().trim();
 }
+function resolveWebsiteProductLogo(product) {
+  if (product.logoUrl) return product.logoUrl;
+  return `${product.websiteUrl.replace(/\/+$/, "")}/logo-icon.png`;
+}
 function filterProducts(products, query) {
   const normalized = normalizeSearch(query);
   if (!normalized) return products;
@@ -3957,6 +3961,9 @@ function WebsiteSwitcher({
 }) {
   const [open, setOpen] = React.useState(false);
   const [query, setQuery] = React.useState("");
+  const [failedLogos, setFailedLogos] = React.useState(
+    () => /* @__PURE__ */ new Set()
+  );
   const filtered = React.useMemo(
     () => filterProducts(products, query),
     [products, query]
@@ -4035,15 +4042,21 @@ function WebsiteSwitcher({
                 "text-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground"
               ),
               children: [
-                product.logoUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+                failedLogos.has(product.slug) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center rounded bg-primary/10 text-[10px] font-bold text-primary", children: product.name.charAt(0) }) : /* @__PURE__ */ jsxRuntime.jsx(
                   "img",
                   {
-                    src: product.logoUrl,
+                    src: resolveWebsiteProductLogo(product),
                     alt: "",
                     "aria-hidden": "true",
-                    className: "h-5 w-5 shrink-0 rounded object-contain"
+                    loading: "lazy",
+                    className: "h-5 w-5 shrink-0 rounded object-contain",
+                    onError: () => setFailedLogos((prev) => {
+                      const next = new Set(prev);
+                      next.add(product.slug);
+                      return next;
+                    })
                   }
-                ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center rounded bg-primary/10 text-[10px] font-bold text-primary", children: product.name.charAt(0) }),
+                ),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: product.name })
               ]
             }
@@ -6266,7 +6279,11 @@ 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(
@@ -6277,11 +6294,48 @@ 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: [
@@ -6390,7 +6444,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__ */ jsxRuntime.jsxs(
     "button",
     {
@@ -6399,28 +6457,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__ */ 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: [
@@ -6441,7 +6626,10 @@ 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(
@@ -6451,7 +6639,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__ */ 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(
@@ -6460,7 +6660,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__ */ 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(
@@ -6470,7 +6676,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__ */ 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" })
+          }
+        )
       }
     )
   ] });
@@ -6573,10 +6791,8 @@ 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 {
@@ -6590,15 +6806,7 @@ function StoreHomePage({
         setGrouped(res.data.homeGroupedProducts);
         setError(null);
       } catch {
-        if (!cancelled) {
-          if (retryKey < 1) {
-            autoRetryTimer = setTimeout(() => {
-              if (!cancelled) setRetryKey(1);
-            }, 2e3);
-          } else {
-            setError("Failed to load store. Please try again.");
-          }
-        }
+        if (!cancelled) setError("Failed to load store. Please try again.");
       } finally {
         if (!cancelled) setLoading(false);
       }
@@ -6606,9 +6814,8 @@ function StoreHomePage({
     load();
     return () => {
       cancelled = true;
-      if (autoRetryTimer) clearTimeout(autoRetryTimer);
     };
-  }, [client, compatibleWith, retryKey]);
+  }, [client, compatibleWith]);
   function navigate(path) {
     if (onNavigate) {
       onNavigate(path);
@@ -6636,16 +6843,65 @@ 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 }),
@@ -6657,7 +6913,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__ */ jsxRuntime.jsx(
@@ -6699,9 +6957,23 @@ 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: () => setRetryKey((k) => k + 1), className: "text-sm text-primary hover:underline", children: "Retry" })
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => window.location.reload(),
+              className: "text-sm text-primary hover:underline",
+              children: "Retry"
+            }
+          )
         ] }) : featuredItems.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-[1fr_2fr] gap-4 items-start", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(FeaturedHeroCard, { product: featuredItems[0], onNavigate: navigate }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            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,
             {
@@ -6722,7 +6994,13 @@ 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(
@@ -6745,16 +7023,35 @@ 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."
         ] }),
@@ -6810,7 +7107,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") ?? "",
@@ -6862,7 +7166,9 @@ 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);
@@ -6906,7 +7212,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);
@@ -7082,7 +7397,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__ */ jsxRuntime.jsx("span", { className: "text-primary", children: "\u2022" })
               ]
             }
@@ -7096,14 +7412,32 @@ 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(
@@ -7155,9 +7489,97 @@ 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); }
@@ -7190,50 +7612,11 @@ var ANIM_STYLES = `
 .sd-d5 { animation-delay: 320ms; }
 .sd-d6 { animation-delay: 400ms; }
 `;
-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 }) {
+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 }),
@@ -7249,12 +7632,63 @@ function RatingBar({ label, count, total }) {
 }
 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({
@@ -7270,6 +7704,7 @@ 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.");
@@ -7323,11 +7758,30 @@ 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: [
@@ -7341,15 +7795,60 @@ 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(
@@ -7415,6 +7914,14 @@ 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",
@@ -7431,19 +7938,33 @@ 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: "text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(MdAbout, { content: product.longDescription }) })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "prose prose-sm max-w-none text-muted-foreground leading-relaxed whitespace-pre-line", children: product.longDescription })
         ] }),
         publisher && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sd-fu sd-d5 mb-8 p-4 rounded-xl border border-border bg-card hover:border-primary/30 transition-colors duration-300", children: [
           /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm font-semibold text-foreground mb-3", children: "Publisher" }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-            publisher.logoUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: publisher.logoUrl, alt: publisher.name, className: "w-10 h-10 rounded-full object-cover" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center text-primary text-sm font-bold", children: publisher.name.charAt(0).toUpperCase() }),
+            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 }),
@@ -7469,11 +7990,46 @@ 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(
@@ -7488,11 +8044,14 @@ 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
@@ -7512,7 +8071,13 @@ 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(