@burdenoff/website-sdk 2026.709.3 → 2026.716.1

package/dist/store/index.js

@@ -0,0 +1,2110 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var reactHelmetAsync = require('react-helmet-async');
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+function formatPrice(price, currency, pricingModel) {
+  if (pricingModel === "FREE" || !price || price === 0) return "Free";
+  const curr = currency || "USD";
+  try {
+    return new Intl.NumberFormat("en-US", {
+      style: "currency",
+      currency: curr
+    }).format(price);
+  } catch {
+    return `${curr} ${price.toFixed(2)}`;
+  }
+}
+function formatDownloads(n) {
+  if (!n) return "0";
+  if (n >= 1e6) return `${(n / 1e6).toFixed(1)}M`;
+  if (n >= 1e3) return `${(n / 1e3).toFixed(1)}K`;
+  return n.toString();
+}
+function StarRating({ rating }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex items-center gap-0.5", children: [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      viewBox: "0 0 12 12",
+      className: `w-3 h-3 ${star <= Math.round(rating) ? "text-amber-400 fill-current" : "text-muted-foreground/30 fill-current"}`,
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 1l1.545 3.09L11 4.59l-2.5 2.41.59 3.41L6 8.79l-3.09 1.61L3.5 7 1 4.59l3.455-.5L6 1z" })
+    },
+    star
+  )) });
+}
+function TypeBadge({ type }) {
+  const labels = {
+    APP: "App",
+    NODE: "Node",
+    WORKFLOW: "Workflow",
+    TEMPLATE: "Template",
+    INTEGRATION: "Integration",
+    EXTENSION: "Extension",
+    THEME: "Theme"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block text-xs px-2 py-0.5 rounded-full bg-primary/10 text-primary font-medium", children: labels[type] ?? type });
+}
+function ProductCard({ product, onClick, href }) {
+  const priceLabel = formatPrice(
+    product.price,
+    product.currency,
+    product.pricingModel
+  );
+  const inner = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group bg-card border border-border rounded-xl p-4 flex flex-col gap-3 transition-all duration-200 hover:shadow-md hover:border-primary/30 cursor-pointer h-full", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 h-12 rounded-lg bg-muted flex-shrink-0 overflow-hidden", children: product.icon ? /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: product.icon,
+          alt: "",
+          "aria-hidden": "true",
+          className: "w-full h-full object-cover"
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center bg-gradient-to-br from-primary/15 to-primary/5", children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "svg",
+        {
+          viewBox: "0 0 32 32",
+          className: "w-8 h-8",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          "aria-hidden": "true",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "polygon",
+              {
+                points: "16,4 28,10 16,16 4,10",
+                className: "fill-primary/30",
+                stroke: "currentColor",
+                strokeWidth: "0.6",
+                strokeOpacity: "0.35"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "polygon",
+              {
+                points: "4,10 16,16 16,28 4,22",
+                className: "fill-primary/15",
+                stroke: "currentColor",
+                strokeWidth: "0.6",
+                strokeOpacity: "0.35"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "polygon",
+              {
+                points: "28,10 16,16 16,28 28,22",
+                className: "fill-primary/20",
+                stroke: "currentColor",
+                strokeWidth: "0.6",
+                strokeOpacity: "0.35"
+              }
+            )
+          ]
+        }
+      ) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(TypeBadge, { type: product.type })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-foreground text-sm leading-snug line-clamp-1 group-hover:text-primary transition-colors", children: product.name }),
+      product.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-xs mt-1 line-clamp-2 leading-relaxed", children: product.description })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5", children: product.rating != null && product.rating > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(StarRating, { rating: product.rating }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: product.rating.toFixed(1) })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: "No reviews yet" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: `text-xs font-semibold ${priceLabel === "Free" ? "text-emerald-500" : "text-foreground"}`,
+          children: priceLabel
+        }
+      )
+    ] })
+  ] });
+  if (href) {
+    return /* @__PURE__ */ jsxRuntime.jsx("a", { href, onClick, className: "block h-full no-underline", children: inner });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: "block w-full text-left h-full",
+      children: inner
+    }
+  );
+}
+
+// src/store/queries.ts
+var STORE_PRODUCT_FIELDS = `
+  fragment StoreProductFields on StoreProduct {
+    id name slug type subType nature status pricingModel
+    price currency description icon bannerUrl screenshots
+    category tags featured downloads viewCount rating reviewCount
+    publisherId authorName license compatibleProducts
+  }
+`;
+var HOME_GROUPED_PRODUCTS_QUERY = `
+  ${STORE_PRODUCT_FIELDS}
+  query HomeGroupedProducts($compatibleWith: String) {
+    homeGroupedProducts(compatibleWith: $compatibleWith) {
+      featured      { ...StoreProductFields }
+      mostDownloaded { ...StoreProductFields }
+      recentlyAdded  { ...StoreProductFields }
+      freeItems      { ...StoreProductFields }
+    }
+  }
+`;
+var BROWSE_STORE_QUERY = `
+  ${STORE_PRODUCT_FIELDS}
+  query BrowseStore($input: BrowseStoreInput!) {
+    browseStore(input: $input) {
+      products { ...StoreProductFields }
+      totalCount
+      hasMore
+      nextCursor
+      facets {
+        types        { value count }
+        categories   { value count }
+        pricingModels { value count }
+        priceRange   { min max }
+      }
+    }
+  }
+`;
+var STORE_PRODUCT_DETAILS_QUERY = `
+  ${STORE_PRODUCT_FIELDS}
+  query StoreProductDetails($input: StoreProductDetailsInput!) {
+    storeProductDetails(input: $input) {
+      product { ...StoreProductFields longDescription videoUrls minPlatformVersion }
+      publisher { id name email websiteUrl logoUrl bio isVerified tier }
+      reviews { id rating title comment verifiedPurchase helpful createdAt }
+      reviewsCount
+      relatedProducts { ...StoreProductFields }
+      ratingDistribution { fiveStars fourStars threeStars twoStars oneStar }
+    }
+  }
+`;
+var CATEGORIES_QUERY = `
+  query Categories {
+    categories {
+      id name slug description icon parentId
+    }
+  }
+`;
+
+// src/client/security.ts
+var LOOPBACK_HOSTS = /* @__PURE__ */ new Set(["localhost", "127.0.0.1", "::1"]);
+var RESERVED_HEADERS = /* @__PURE__ */ new Set([
+  "authorization",
+  "cookie",
+  "x-actor-id",
+  "x-actor-type",
+  "x-consent-granted-by",
+  "x-consent-scope",
+  "x-consent-granted-at",
+  "x-consent-expires-at"
+]);
+function validateGatewayUrl(value) {
+  let url;
+  try {
+    url = new URL(value);
+  } catch {
+    throw new Error("Gateway URL must be a valid absolute URL");
+  }
+  if (url.protocol === "https:") {
+    return url.toString();
+  }
+  if (url.protocol === "http:" && LOOPBACK_HOSTS.has(url.hostname.toLowerCase())) {
+    return url.toString();
+  }
+  throw new Error("Gateway URL must use HTTPS unless it targets localhost");
+}
+function sanitizeHeaders(headers) {
+  if (!headers) return void 0;
+  return Object.fromEntries(
+    Object.entries(headers).filter(
+      ([key]) => !RESERVED_HEADERS.has(key.toLowerCase())
+    )
+  );
+}
+
+// src/client/graphql-client.ts
+var _WebSDKClient = class _WebSDKClient {
+  constructor(config) {
+    __publicField(this, "config");
+    __publicField(this, "queryCache", /* @__PURE__ */ new Map());
+    __publicField(this, "inflight", /* @__PURE__ */ new Map());
+    this.config = {
+      ...config,
+      gatewayUrl: validateGatewayUrl(config.gatewayUrl),
+      headers: sanitizeHeaders(config.headers)
+    };
+  }
+  getConfig() {
+    return this.config;
+  }
+  /**
+   * Execute a GraphQL query (with deduplication and caching)
+   */
+  async query(query, variables) {
+    const cacheKey = JSON.stringify({ query, variables });
+    const cached = this.queryCache.get(cacheKey);
+    if (cached) {
+      if (Date.now() - cached.ts < _WebSDKClient.CACHE_TTL) {
+        return cached.data;
+      }
+      this.queryCache.delete(cacheKey);
+    }
+    const existing = this.inflight.get(cacheKey);
+    if (existing) {
+      return existing;
+    }
+    const promise = this.request(query, variables).then((result) => {
+      if (result.data && !result.errors?.length) {
+        if (this.queryCache.size >= _WebSDKClient.MAX_CACHE_ENTRIES) {
+          const oldestEntry = this.queryCache.keys().next().value;
+          if (oldestEntry) {
+            this.queryCache.delete(oldestEntry);
+          }
+        }
+        this.queryCache.set(cacheKey, { data: result, ts: Date.now() });
+      }
+      return result;
+    }).finally(() => {
+      this.inflight.delete(cacheKey);
+    });
+    this.inflight.set(cacheKey, promise);
+    return promise;
+  }
+  /**
+   * Execute a GraphQL mutation
+   */
+  async mutate(mutation, variables) {
+    return this.request(mutation, variables);
+  }
+  async request(query, variables) {
+    try {
+      const response = await fetch(this.config.gatewayUrl, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          "x-product-id": this.config.productId,
+          ...this.config.headers
+        },
+        body: JSON.stringify({ query, variables })
+      });
+      if (!response.ok) {
+        console.error(
+          "[WebSDK] GraphQL request failed",
+          response.status,
+          response.statusText
+        );
+        return {
+          errors: [
+            {
+              message: `HTTP ${response.status}: ${response.statusText}`,
+              extensions: { code: `HTTP_${response.status}` }
+            }
+          ]
+        };
+      }
+      return await response.json();
+    } catch (error) {
+      console.error(
+        "[WebSDK] Network error",
+        error instanceof Error ? error.message : "unknown error"
+      );
+      return {
+        errors: [
+          {
+            message: error instanceof Error ? error.message : "Network error",
+            extensions: { code: "NETWORK_ERROR" }
+          }
+        ]
+      };
+    }
+  }
+};
+__publicField(_WebSDKClient, "CACHE_TTL", 5 * 60 * 1e3);
+// 5 minutes
+__publicField(_WebSDKClient, "MAX_CACHE_ENTRIES", 100);
+var WebSDKContext = react.createContext(null);
+function useWebSDK() {
+  const client = react.useContext(WebSDKContext);
+  if (!client) {
+    throw new Error("useWebSDK must be used within a WebSDKProvider");
+  }
+  return client;
+}
+function PageHead({
+  title,
+  description,
+  productName,
+  keywords,
+  image,
+  url,
+  favicon,
+  robots = "index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1",
+  locale = "en_US",
+  twitterHandle,
+  themeColor = "#000000",
+  structuredData,
+  additionalMeta
+}) {
+  const fullTitle = productName && !title.includes(productName) ? `${title} | ${productName}` : title;
+  const fullImageUrl = image && !image.startsWith("http") && url ? `${url.replace(/\/$/, "")}${image}` : image;
+  const structuredDataItems = structuredData ? Array.isArray(structuredData) ? structuredData : [structuredData] : [];
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactHelmetAsync.Helmet, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("title", { children: fullTitle }),
+    /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "title", content: fullTitle }),
+    description && /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "description", content: description }),
+    keywords && /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "keywords", content: keywords }),
+    /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "author", content: "Burdenoff Consultancy Services Pvt Ltd" }),
+    /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "robots", content: robots }),
+    url && /* @__PURE__ */ jsxRuntime.jsx("link", { rel: "canonical", href: url }),
+    favicon && /* @__PURE__ */ jsxRuntime.jsx("link", { rel: "icon", href: favicon }),
+    /* @__PURE__ */ jsxRuntime.jsx("meta", { property: "og:type", content: "website" }),
+    /* @__PURE__ */ jsxRuntime.jsx("meta", { property: "og:title", content: fullTitle }),
+    description && /* @__PURE__ */ jsxRuntime.jsx("meta", { property: "og:description", content: description }),
+    fullImageUrl && /* @__PURE__ */ jsxRuntime.jsx("meta", { property: "og:image", content: fullImageUrl }),
+    url && /* @__PURE__ */ jsxRuntime.jsx("meta", { property: "og:url", content: url }),
+    /* @__PURE__ */ jsxRuntime.jsx("meta", { property: "og:locale", content: locale }),
+    productName && /* @__PURE__ */ jsxRuntime.jsx("meta", { property: "og:site_name", content: productName }),
+    /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "twitter:card", content: "summary_large_image" }),
+    /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "twitter:title", content: fullTitle }),
+    description && /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "twitter:description", content: description }),
+    fullImageUrl && /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "twitter:image", content: fullImageUrl }),
+    twitterHandle && /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "twitter:creator", content: twitterHandle }),
+    /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "theme-color", content: themeColor }),
+    structuredDataItems.map((data, index) => /* @__PURE__ */ jsxRuntime.jsx("script", { type: "application/ld+json", children: JSON.stringify(data) }, `ld-${index}`)),
+    additionalMeta?.map((meta, index) => /* @__PURE__ */ jsxRuntime.jsx(
+      "meta",
+      {
+        ...meta.name ? { name: meta.name } : {},
+        ...meta.property ? { property: meta.property } : {},
+        content: meta.content
+      },
+      `meta-${index}`
+    ))
+  ] });
+}
+function dedupAcross(lists) {
+  const seen = /* @__PURE__ */ new Set();
+  return lists.map((list) => {
+    const out = [];
+    for (const p of list) {
+      if (!seen.has(p.id)) {
+        seen.add(p.id);
+        out.push(p);
+      }
+    }
+    return out;
+  });
+}
+function FeaturedHeroCard({
+  product,
+  onNavigate
+}) {
+  const priceLabel = formatPrice(
+    product.price,
+    product.currency,
+    product.pricingModel
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: () => onNavigate(`/store/${product.slug}`),
+      className: "group w-full text-left h-full rounded-2xl border border-border bg-card overflow-hidden hover:border-primary/40 transition-all duration-300 hover:shadow-xl hover:shadow-primary/10 flex flex-col",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative h-44 sm:h-52 bg-gradient-to-br from-primary/20 via-primary/8 to-background overflow-hidden flex-shrink-0", children: [
+          product.bannerUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              src: product.bannerUrl,
+              alt: "",
+              "aria-hidden": "true",
+              className: "w-full h-full object-cover"
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "svg",
+              {
+                className: "absolute inset-0 w-full h-full opacity-[0.07]",
+                xmlns: "http://www.w3.org/2000/svg",
+                "aria-hidden": "true",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "pattern",
+                    {
+                      id: "fg-hero-grid",
+                      width: "36",
+                      height: "36",
+                      patternUnits: "userSpaceOnUse",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(
+                        "path",
+                        {
+                          d: "M 36 0 L 0 0 0 36",
+                          fill: "none",
+                          stroke: "currentColor",
+                          strokeWidth: "1"
+                        }
+                      )
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "100%", height: "100%", fill: "url(#fg-hero-grid)" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: "absolute inset-0 flex items-center justify-center",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ jsxRuntime.jsxs(
+                  "svg",
+                  {
+                    viewBox: "0 0 64 64",
+                    className: "w-20 h-20 opacity-25",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "polygon",
+                        {
+                          points: "32,8 56,20 32,32 8,20",
+                          className: "fill-primary/40",
+                          stroke: "currentColor",
+                          strokeWidth: "1",
+                          strokeOpacity: "0.5"
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "polygon",
+                        {
+                          points: "8,20 32,32 32,56 8,44",
+                          className: "fill-primary/20",
+                          stroke: "currentColor",
+                          strokeWidth: "1",
+                          strokeOpacity: "0.5"
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "polygon",
+                        {
+                          points: "56,20 32,32 32,56 56,44",
+                          className: "fill-primary/30",
+                          stroke: "currentColor",
+                          strokeWidth: "1",
+                          strokeOpacity: "0.5"
+                        }
+                      )
+                    ]
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute top-3 left-3 text-xs font-semibold px-2.5 py-1 rounded-full bg-primary text-primary-foreground shadow-sm", children: "Featured" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-4 left-4 w-14 h-14 rounded-xl shadow-lg overflow-hidden border-2 border-background", children: product.icon ? /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              src: product.icon,
+              alt: "",
+              "aria-hidden": "true",
+              className: "w-full h-full object-cover"
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full bg-gradient-to-br from-primary/25 to-primary/10 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs(
+            "svg",
+            {
+              viewBox: "0 0 32 32",
+              className: "w-8 h-8",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              "aria-hidden": "true",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "polygon",
+                  {
+                    points: "16,4 28,10 16,16 4,10",
+                    className: "fill-primary/40",
+                    stroke: "currentColor",
+                    strokeWidth: "0.6",
+                    strokeOpacity: "0.4"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "polygon",
+                  {
+                    points: "4,10 16,16 16,28 4,22",
+                    className: "fill-primary/20",
+                    stroke: "currentColor",
+                    strokeWidth: "0.6",
+                    strokeOpacity: "0.4"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "polygon",
+                  {
+                    points: "28,10 16,16 16,28 28,22",
+                    className: "fill-primary/30",
+                    stroke: "currentColor",
+                    strokeWidth: "0.6",
+                    strokeOpacity: "0.4"
+                  }
+                )
+              ]
+            }
+          ) }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-5 flex flex-col flex-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-3 mb-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-bold text-foreground group-hover:text-primary transition-colors line-clamp-1", children: product.name }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: `text-sm font-bold flex-shrink-0 ${priceLabel === "Free" ? "text-emerald-500" : "text-foreground"}`,
+                children: priceLabel
+              }
+            )
+          ] }),
+          product.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground line-clamp-2 leading-relaxed flex-1", children: product.description }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs px-2 py-0.5 rounded-full bg-primary/10 text-primary font-medium", children: product.type }),
+            product.authorName && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground truncate", children: [
+              "by ",
+              product.authorName
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function ScrollRow({
+  products,
+  onProductClick
+}) {
+  const ref = react.useRef(null);
+  function scroll(dir) {
+    ref.current?.scrollBy({
+      left: dir === "r" ? 272 : -272,
+      behavior: "smooth"
+    });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative group/row", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => scroll("l"),
+        "aria-label": "Scroll left",
+        className: "absolute left-0 top-1/2 -translate-y-1/2 -translate-x-4 z-10 w-8 h-8 rounded-full bg-background border border-border shadow-md items-center justify-center text-muted-foreground hover:text-primary hover:border-primary/40 transition-all hidden sm:flex opacity-0 group-hover/row:opacity-100",
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            viewBox: "0 0 16 16",
+            className: "w-4 h-4",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 3L6 8l4 5" })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: "flex gap-3 overflow-x-auto pb-1 snap-x snap-mandatory",
+        style: { scrollbarWidth: "none", msOverflowStyle: "none" },
+        children: products.map((product) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 w-56 snap-start", children: /* @__PURE__ */ jsxRuntime.jsx(
+          ProductCard,
+          {
+            product,
+            onClick: () => onProductClick(product)
+          }
+        ) }, product.id))
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => scroll("r"),
+        "aria-label": "Scroll right",
+        className: "absolute right-0 top-1/2 -translate-y-1/2 translate-x-4 z-10 w-8 h-8 rounded-full bg-background border border-border shadow-md items-center justify-center text-muted-foreground hover:text-primary hover:border-primary/40 transition-all hidden sm:flex opacity-0 group-hover/row:opacity-100",
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            viewBox: "0 0 16 16",
+            className: "w-4 h-4",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 3l4 5-4 5" })
+          }
+        )
+      }
+    )
+  ] });
+}
+function SectionHead({
+  title,
+  hint,
+  browseHref,
+  onNavigate
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end justify-between mb-5 gap-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-bold text-foreground", children: title }),
+      hint && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mt-0.5", children: hint })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => onNavigate(browseHref),
+        className: "text-sm text-primary hover:underline font-medium flex-shrink-0 underline-offset-2",
+        children: "See all \u2192"
+      }
+    )
+  ] });
+}
+var TYPE_FILTERS = [
+  { type: "NODE", label: "Nodes" },
+  { type: "WORKFLOW", label: "Workflows" },
+  { type: "TEMPLATE", label: "Templates" },
+  { type: "INTEGRATION", label: "Integrations" },
+  { type: "APP", label: "Apps" },
+  { type: "EXTENSION", label: "Extensions" }
+];
+function TypeFilters({
+  browsePath,
+  onNavigate
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2 justify-center", children: TYPE_FILTERS.map((f) => /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      onClick: () => onNavigate(`${browsePath}?type=${f.type}`),
+      className: "px-4 py-1.5 rounded-full border border-border bg-background text-sm text-foreground hover:border-primary/50 hover:bg-primary/5 hover:text-primary transition-all duration-200",
+      children: f.label
+    },
+    f.type
+  )) });
+}
+function HeroCardSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl border border-border bg-card overflow-hidden animate-pulse h-full", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-44 sm:h-52 bg-muted" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-5 space-y-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-5 bg-muted rounded w-1/2" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 bg-muted rounded w-3/4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 bg-muted rounded w-5/6" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-5 bg-muted rounded w-16 mt-2" })
+    ] })
+  ] });
+}
+function GridCardSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-border bg-card p-4 h-36 animate-pulse", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3 mb-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 h-12 rounded-lg bg-muted flex-shrink-0" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-2 pt-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 bg-muted rounded w-3/4" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 bg-muted rounded w-1/2" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 bg-muted rounded w-full mb-2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 bg-muted rounded w-5/6" })
+  ] });
+}
+function ScrollCardSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-shrink-0 w-56 rounded-xl border border-border bg-card p-4 h-36 animate-pulse", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3 mb-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 h-12 rounded-lg bg-muted flex-shrink-0" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-2 pt-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 bg-muted rounded w-3/4" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 bg-muted rounded w-1/2" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 bg-muted rounded w-full mb-2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 bg-muted rounded w-5/6" })
+  ] });
+}
+function StoreHomePage({
+  compatibleWith,
+  appLoginUrl,
+  onNavigate,
+  productName,
+  heroTitle,
+  heroSubtitle,
+  browsePath = "/store/browse",
+  seoTitle,
+  seoDescription,
+  seoKeywords
+}) {
+  const client = useWebSDK();
+  const [grouped, setGrouped] = react.useState(null);
+  const [loading, setLoading] = react.useState(true);
+  const [error, setError] = react.useState(null);
+  react.useEffect(() => {
+    let cancelled = false;
+    async function load() {
+      setLoading(true);
+      try {
+        const res = await client.query(
+          HOME_GROUPED_PRODUCTS_QUERY,
+          { compatibleWith: compatibleWith ?? null }
+        );
+        if (cancelled) return;
+        if (res.errors?.length) throw new Error(res.errors[0].message);
+        if (!res.data?.homeGroupedProducts) throw new Error("No data");
+        setGrouped(res.data.homeGroupedProducts);
+        setError(null);
+      } catch {
+        if (!cancelled) setError("Failed to load store. Please try again.");
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    }
+    load();
+    return () => {
+      cancelled = true;
+    };
+  }, [client, compatibleWith]);
+  function navigate(path) {
+    if (onNavigate) {
+      onNavigate(path);
+      return;
+    }
+    window.location.href = path;
+  }
+  function handleProductClick(product) {
+    navigate(`/store/${product.slug}`);
+  }
+  const deduped = grouped ? dedupAcross([grouped.featured, grouped.mostDownloaded, grouped.freeItems]) : [[], [], []];
+  const featuredItems = deduped[0] ?? [];
+  const popularItems = deduped[1] ?? [];
+  const freeItems = deduped[2] ?? [];
+  const resolvedTitle = heroTitle ?? `${productName ? `${productName} ` : ""}Store`;
+  const resolvedSubtitle = heroSubtitle ?? "Discover workflows, nodes, integrations, and templates built by the community.";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PageHead,
+      {
+        title: seoTitle ?? `Store${productName ? ` \u2013 ${productName}` : ""}`,
+        description: seoDescription ?? resolvedSubtitle,
+        keywords: seoKeywords,
+        productName
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "relative overflow-hidden pt-14 pb-12 sm:pt-20 sm:pb-16", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "absolute inset-0 bg-gradient-to-b from-background via-primary/[0.06] to-background pointer-events-none",
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "svg",
+        {
+          className: "absolute inset-0 w-full h-full opacity-[0.035] pointer-events-none",
+          xmlns: "http://www.w3.org/2000/svg",
+          "aria-hidden": "true",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx(
+              "pattern",
+              {
+                id: "store-home-grid",
+                width: "40",
+                height: "40",
+                patternUnits: "userSpaceOnUse",
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    d: "M 40 0 L 0 0 0 40",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "1"
+                  }
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "100%", height: "100%", fill: "url(#store-home-grid)" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "absolute -top-16 left-1/3 w-80 h-80 rounded-full bg-primary/10 blur-3xl pointer-events-none",
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "absolute top-8 right-1/4 w-56 h-56 rounded-full bg-primary/8 blur-2xl pointer-events-none",
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center gap-2 px-3 py-1 rounded-full border border-primary/30 bg-primary/10 text-xs font-semibold text-primary mb-5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: "w-1.5 h-1.5 rounded-full bg-primary flex-shrink-0",
+              "aria-hidden": "true"
+            }
+          ),
+          "Community Marketplace"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-4xl sm:text-5xl md:text-6xl font-extrabold tracking-tight text-foreground mb-4 leading-[1.08]", children: resolvedTitle }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg text-muted-foreground max-w-2xl mx-auto mb-8 leading-relaxed", children: resolvedSubtitle }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "form",
+          {
+            className: "max-w-xl mx-auto flex gap-2 mb-7",
+            onSubmit: (e) => {
+              e.preventDefault();
+              const q = new FormData(e.currentTarget).get("q");
+              navigate(
+                q.trim() ? `${browsePath}?q=${encodeURIComponent(q.trim())}` : browsePath
+              );
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  name: "q",
+                  type: "search",
+                  placeholder: "Search nodes, workflows, templates\u2026",
+                  className: "flex-1 h-12 rounded-xl border border-border bg-background px-4 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/40 shadow-sm"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "submit",
+                  className: "h-12 px-6 rounded-xl bg-primary text-primary-foreground text-sm font-semibold hover:opacity-90 transition-opacity shadow-sm",
+                  children: "Search"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(TypeFilters, { browsePath, onNavigate: navigate })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-20 space-y-14 pt-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          SectionHead,
+          {
+            title: "Featured",
+            hint: "Hand-picked highlights from the community",
+            browseHref: `${browsePath}?featured=true`,
+            onNavigate: navigate
+          }
+        ),
+        loading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-[1fr_2fr] gap-4 items-start", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(HeroCardSkeleton, {}),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [...Array(4)].map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(GridCardSkeleton, {}, i)) })
+        ] }) : error ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "py-16 text-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mb-4", children: error }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => window.location.reload(),
+              className: "text-sm text-primary hover:underline",
+              children: "Retry"
+            }
+          )
+        ] }) : featuredItems.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-[1fr_2fr] gap-4 items-start", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            FeaturedHeroCard,
+            {
+              product: featuredItems[0],
+              onNavigate: navigate
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: featuredItems.slice(1, 5).map((product) => /* @__PURE__ */ jsxRuntime.jsx(
+            ProductCard,
+            {
+              product,
+              onClick: () => handleProductClick(product)
+            },
+            product.id
+          )) })
+        ] }) : null
+      ] }),
+      (loading || popularItems.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          SectionHead,
+          {
+            title: "Most Popular",
+            hint: "Top downloads across the community",
+            browseHref: `${browsePath}?sortBy=DOWNLOADS`,
+            onNavigate: navigate
+          }
+        ),
+        loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-3 overflow-hidden", children: [...Array(5)].map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(ScrollCardSkeleton, {}, i)) }) : /* @__PURE__ */ jsxRuntime.jsx(
+          ScrollRow,
+          {
+            products: popularItems,
+            onProductClick: handleProductClick
+          }
+        )
+      ] }),
+      (loading || freeItems.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          SectionHead,
+          {
+            title: "Free to Use",
+            hint: "Zero cost, full power \u2014 community-contributed freebies",
+            browseHref: `${browsePath}?pricingModel=FREE`,
+            onNavigate: navigate
+          }
+        ),
+        loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: [...Array(6)].map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(GridCardSkeleton, {}, i)) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: freeItems.slice(0, 6).map((product) => /* @__PURE__ */ jsxRuntime.jsx(
+          ProductCard,
+          {
+            product,
+            onClick: () => handleProductClick(product)
+          },
+          product.id
+        )) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "relative overflow-hidden border-t border-border", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "absolute inset-0 bg-gradient-to-br from-primary/8 via-background to-primary/5 pointer-events-none",
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-80 h-40 rounded-full bg-primary/12 blur-3xl pointer-events-none",
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative max-w-2xl mx-auto px-4 py-16 text-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center gap-2 px-3 py-1 rounded-full border border-primary/30 bg-primary/10 text-xs font-semibold text-primary mb-5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: "w-1.5 h-1.5 rounded-full bg-primary flex-shrink-0",
+              "aria-hidden": "true"
+            }
+          ),
+          "Become a publisher"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl sm:text-3xl font-bold text-foreground mb-3", children: "Built something useful?" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-muted-foreground mb-8 max-w-lg mx-auto leading-relaxed", children: [
+          "Share your workflows, nodes, and integrations with",
+          " ",
+          productName ?? "the",
+          " community. Earn from your work or contribute for free."
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col sm:flex-row gap-3 justify-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              href: appLoginUrl,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "inline-flex items-center justify-center h-11 px-7 rounded-lg bg-primary text-primary-foreground text-sm font-semibold hover:opacity-90 transition-opacity",
+              children: "Submit to Store"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => navigate(browsePath),
+              className: "inline-flex items-center justify-center h-11 px-7 rounded-lg border border-border bg-background text-sm font-medium text-foreground hover:border-primary/40 hover:bg-primary/5 transition-all",
+              children: "Browse the store"
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+var SORT_OPTIONS = [
+  { value: "RELEVANCE", label: "Relevance" },
+  { value: "NEWEST", label: "Newest" },
+  { value: "DOWNLOADS", label: "Most Downloaded" },
+  { value: "RATING", label: "Top Rated" },
+  { value: "PRICE_LOW", label: "Price: Low to High" },
+  { value: "PRICE_HIGH", label: "Price: High to Low" },
+  { value: "NAME_ASC", label: "Name A\u2013Z" }
+];
+var TYPE_OPTIONS = [
+  { value: "", label: "All types" },
+  { value: "APP", label: "Apps" },
+  { value: "NODE", label: "Nodes" },
+  { value: "WORKFLOW", label: "Workflows" },
+  { value: "TEMPLATE", label: "Templates" },
+  { value: "INTEGRATION", label: "Integrations" },
+  { value: "EXTENSION", label: "Extensions" },
+  { value: "THEME", label: "Themes" }
+];
+var PRICING_OPTIONS = [
+  { value: "", label: "All pricing" },
+  { value: "FREE", label: "Free" },
+  { value: "ONE_TIME", label: "Paid (one-time)" },
+  { value: "SUBSCRIPTION", label: "Subscription" }
+];
+function parseUrlParams() {
+  if (typeof window === "undefined")
+    return {
+      q: "",
+      type: "",
+      pricingModel: "",
+      category: "",
+      sortBy: "RELEVANCE",
+      featured: false
+    };
+  const p = new URLSearchParams(window.location.search);
+  return {
+    q: p.get("q") ?? "",
+    type: p.get("type") ?? "",
+    pricingModel: p.get("pricingModel") ?? "",
+    category: p.get("category") ?? "",
+    sortBy: p.get("sortBy") ?? (p.get("q") ? "RELEVANCE" : "NEWEST"),
+    featured: p.get("featured") === "true"
+  };
+}
+function FacetList({
+  title,
+  facets,
+  selected,
+  onSelect
+}) {
+  if (facets.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-2", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-1", children: facets.map((f) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => onSelect(selected === f.value ? "" : f.value),
+        className: `w-full text-left text-sm px-2 py-1 rounded flex items-center justify-between gap-2 transition-colors ${selected === f.value ? "bg-primary/10 text-primary font-medium" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"}`,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: f.value }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs opacity-60 flex-shrink-0", children: f.count })
+        ]
+      }
+    ) }, f.value)) })
+  ] });
+}
+function StoreBrowsePage({
+  compatibleWith,
+  onNavigate,
+  productName,
+  seoTitle,
+  seoDescription
+}) {
+  const client = useWebSDK();
+  const initial = parseUrlParams();
+  const [search, setSearch] = react.useState(initial.q);
+  const [inputValue, setInputValue] = react.useState(initial.q);
+  const [type, setType] = react.useState(initial.type);
+  const [pricingModel, setPricingModel] = react.useState(initial.pricingModel);
+  const [category, setCategory] = react.useState(initial.category);
+  const [sortBy, setSortBy] = react.useState(initial.sortBy);
+  const [featured, setFeatured] = react.useState(initial.featured);
+  const [offset, setOffset] = react.useState(0);
+  const [result, setResult] = react.useState(null);
+  const [allProducts, setAllProducts] = react.useState(
+    []
+  );
+  const [categories, setCategories] = react.useState([]);
+  const [loading, setLoading] = react.useState(true);
+  const [loadingMore, setLoadingMore] = react.useState(false);
+  const [filtersOpen, setFiltersOpen] = react.useState(false);
+  const searchRef = react.useRef(null);
+  const PAGE_SIZE = 24;
+  react.useEffect(() => {
+    client.query(CATEGORIES_QUERY, {}).then((r) => {
+      if (r.data?.categories) setCategories(r.data.categories);
+    }).catch(() => {
+    });
+  }, [client]);
+  react.useEffect(() => {
+    let cancelled = false;
+    setOffset(0);
+    setLoading(true);
+    setAllProducts([]);
+    client.query(BROWSE_STORE_QUERY, {
+      input: {
+        filter: {
+          search: search || void 0,
+          type: type || void 0,
+          pricingModel: pricingModel || void 0,
+          category: category || void 0,
+          compatibleWith: compatibleWith ?? void 0,
+          featured: featured || void 0
+        },
+        sortBy,
+        pagination: { limit: PAGE_SIZE, offset: 0 }
+      }
+    }).then((r) => {
+      if (cancelled) return;
+      if (r.data?.browseStore) {
+        setResult(r.data.browseStore);
+        setAllProducts(r.data.browseStore.products);
+      }
+    }).catch(() => {
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [
+    client,
+    search,
+    type,
+    pricingModel,
+    category,
+    sortBy,
+    compatibleWith,
+    featured
+  ]);
+  function loadMore() {
+    const nextOffset = offset + PAGE_SIZE;
+    setLoadingMore(true);
+    client.query(BROWSE_STORE_QUERY, {
+      input: {
+        filter: {
+          search: search || void 0,
+          type: type || void 0,
+          pricingModel: pricingModel || void 0,
+          category: category || void 0,
+          compatibleWith: compatibleWith ?? void 0,
+          featured: featured || void 0
+        },
+        sortBy,
+        pagination: { limit: PAGE_SIZE, offset: nextOffset }
+      }
+    }).then((r) => {
+      if (r.data?.browseStore) {
+        setResult(r.data.browseStore);
+        setAllProducts((prev) => [...prev, ...r.data.browseStore.products]);
+        setOffset(nextOffset);
+      }
+    }).catch(() => {
+    }).finally(() => setLoadingMore(false));
+  }
+  function navigate(path) {
+    if (onNavigate) {
+      onNavigate(path);
+      return;
+    }
+    window.location.href = path;
+  }
+  function handleSearchSubmit(e) {
+    e.preventDefault();
+    setSearch(inputValue);
+    setSortBy(inputValue ? "RELEVANCE" : "NEWEST");
+  }
+  function resetFilters() {
+    setSearch("");
+    setInputValue("");
+    setType("");
+    setPricingModel("");
+    setCategory("");
+    setSortBy("NEWEST");
+    setFeatured(false);
+    searchRef.current?.focus();
+  }
+  const hasActiveFilters = !!(search || type || pricingModel || category || featured);
+  const facetTypes = result?.facets?.types ?? [];
+  const facetCategories = result?.facets?.categories ?? [];
+  const sidebarContent = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-2", children: "Type" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: TYPE_OPTIONS.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setType(opt.value),
+          className: `w-full text-left text-sm px-2 py-1.5 rounded transition-colors ${type === opt.value ? "bg-primary/10 text-primary font-medium" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"}`,
+          children: opt.label
+        },
+        opt.value
+      )) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-2", children: "Pricing" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: PRICING_OPTIONS.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setPricingModel(opt.value),
+          className: `w-full text-left text-sm px-2 py-1.5 rounded transition-colors ${pricingModel === opt.value ? "bg-primary/10 text-primary font-medium" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"}`,
+          children: opt.label
+        },
+        opt.value
+      )) })
+    ] }),
+    (facetCategories.length > 0 || categories.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-2", children: "Category" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setCategory(""),
+            className: `w-full text-left text-sm px-2 py-1.5 rounded transition-colors ${!category ? "bg-primary/10 text-primary font-medium" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"}`,
+            children: "All categories"
+          }
+        ),
+        (facetCategories.length > 0 ? facetCategories : categories.slice(0, 12).map((c) => ({ value: c.slug, count: 0 }))).map((f) => {
+          const cat = categories.find((c) => c.slug === f.value);
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => setCategory(category === f.value ? "" : f.value),
+              className: `w-full text-left text-sm px-2 py-1.5 rounded flex items-center justify-between gap-2 transition-colors ${category === f.value ? "bg-primary/10 text-primary font-medium" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"}`,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: cat?.name ?? f.value }),
+                f.count > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs opacity-60 flex-shrink-0", children: f.count })
+              ]
+            },
+            f.value
+          );
+        })
+      ] })
+    ] }),
+    facetTypes.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      FacetList,
+      {
+        title: "Available types",
+        facets: facetTypes,
+        selected: type,
+        onSelect: setType
+      }
+    ),
+    hasActiveFilters && /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: resetFilters,
+        className: "text-sm text-muted-foreground hover:text-foreground underline",
+        children: "Clear all filters"
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PageHead,
+      {
+        title: seoTitle ?? `Browse Store${productName ? ` \u2013 ${productName}` : ""}`,
+        description: seoDescription ?? "Browse all apps, workflows, nodes, and templates.",
+        productName
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col sm:flex-row gap-3 mb-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "flex-1 flex gap-2", onSubmit: handleSearchSubmit, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              ref: searchRef,
+              type: "search",
+              value: inputValue,
+              onChange: (e) => setInputValue(e.target.value),
+              placeholder: "Search\u2026",
+              className: "flex-1 h-10 rounded-lg border border-border bg-background px-4 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/50"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "submit",
+              className: "h-10 px-5 rounded-lg bg-primary text-primary-foreground text-sm font-medium hover:opacity-90 transition-opacity",
+              children: "Search"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "select",
+            {
+              value: sortBy,
+              onChange: (e) => setSortBy(e.target.value),
+              className: "h-10 rounded-lg border border-border bg-background px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-primary/50",
+              children: SORT_OPTIONS.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.value, children: o.label }, o.value))
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => setFiltersOpen(!filtersOpen),
+              className: "lg:hidden h-10 px-4 rounded-lg border border-border bg-background text-sm text-foreground hover:bg-muted/50 transition-colors",
+              children: [
+                "Filters",
+                " ",
+                hasActiveFilters && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: "\u2022" })
+              ]
+            }
+          )
+        ] })
+      ] }),
+      filtersOpen && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:hidden mb-6 p-4 border border-border rounded-xl bg-card", children: sidebarContent }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-8", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("aside", { className: "hidden lg:block w-52 flex-shrink-0", children: sidebarContent }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-4 flex-wrap", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: loading ? "Loading\u2026" : `${result?.totalCount ?? 0} results` }),
+            hasActiveFilters && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-1.5", children: [
+              search && /* @__PURE__ */ jsxRuntime.jsx(
+                Chip,
+                {
+                  label: `"${search}"`,
+                  onRemove: () => {
+                    setSearch("");
+                    setInputValue("");
+                  }
+                }
+              ),
+              type && /* @__PURE__ */ jsxRuntime.jsx(Chip, { label: type, onRemove: () => setType("") }),
+              pricingModel && /* @__PURE__ */ jsxRuntime.jsx(
+                Chip,
+                {
+                  label: pricingModel,
+                  onRemove: () => setPricingModel("")
+                }
+              ),
+              category && /* @__PURE__ */ jsxRuntime.jsx(Chip, { label: category, onRemove: () => setCategory("") }),
+              featured && /* @__PURE__ */ jsxRuntime.jsx(
+                Chip,
+                {
+                  label: "Featured",
+                  onRemove: () => setFeatured(false)
+                }
+              )
+            ] })
+          ] }),
+          loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-4", children: [...Array(12)].map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "bg-card border border-border rounded-xl p-4 h-36 animate-pulse"
+            },
+            i
+          )) }) : allProducts.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "py-20 text-center", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-muted-foreground mb-4", children: [
+              "No results found",
+              search ? ` for "${search}"` : "",
+              "."
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: resetFilters,
+                className: "text-sm text-primary hover:underline",
+                children: "Clear filters"
+              }
+            )
+          ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-4", children: allProducts.map((product) => /* @__PURE__ */ jsxRuntime.jsx(
+              ProductCard,
+              {
+                product,
+                onClick: () => navigate(`/store/${product.slug}`)
+              },
+              product.id
+            )) }),
+            result?.hasMore && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-8 text-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: loadMore,
+                disabled: loadingMore,
+                className: "h-10 px-8 rounded-lg border border-border text-sm font-medium text-foreground hover:bg-muted/50 transition-colors disabled:opacity-50",
+                children: loadingMore ? "Loading\u2026" : "Load more"
+              }
+            ) })
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function Chip({ label, onRemove }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 text-xs bg-primary/10 text-primary rounded-full px-2.5 py-0.5 font-medium", children: [
+    label,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onRemove,
+        "aria-label": `Remove ${label}`,
+        className: "hover:opacity-70",
+        children: "\xD7"
+      }
+    )
+  ] });
+}
+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); }
+  to   { opacity: 1; transform: translateY(0); }
+}
+@keyframes sdFadeIn {
+  from { opacity: 0; }
+  to   { opacity: 1; }
+}
+@keyframes sdScaleIn {
+  from { opacity: 0; transform: scale(0.94); }
+  to   { opacity: 1; transform: scale(1); }
+}
+@keyframes sdGlowPulse {
+  0%, 100% { opacity: 0.35; }
+  50%       { opacity: 0.65; }
+}
+@media (prefers-reduced-motion: reduce) {
+  .sd-fu, .sd-fi, .sd-si { animation: none !important; opacity: 1 !important; transform: none !important; }
+  .sd-gp { animation: none !important; }
+}
+.sd-fu { animation: sdFadeUp   0.55s cubic-bezier(0.16,1,0.3,1) both; }
+.sd-fi { animation: sdFadeIn   0.45s ease-out both; }
+.sd-si { animation: sdScaleIn  0.45s cubic-bezier(0.16,1,0.3,1) both; }
+.sd-gp { animation: sdGlowPulse 3s ease-in-out infinite; }
+.sd-d1 { animation-delay:  60ms; }
+.sd-d2 { animation-delay: 120ms; }
+.sd-d3 { animation-delay: 180ms; }
+.sd-d4 { animation-delay: 240ms; }
+.sd-d5 { animation-delay: 320ms; }
+.sd-d6 { animation-delay: 400ms; }
+`;
+function RatingBar({
+  label,
+  count,
+  total
+}) {
+  const pct = total > 0 ? Math.round(count / total * 100) : 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-12 text-right shrink-0", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 h-1.5 bg-muted rounded-full overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "h-full bg-amber-400 rounded-full transition-all duration-700",
+        style: { width: `${pct}%` }
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-6 shrink-0", children: count })
+  ] });
+}
+function IconBlock({ src }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-shrink-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "sd-gp absolute -inset-1.5 rounded-2xl bg-primary/30 blur-md pointer-events-none",
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sd-si relative w-20 h-20 rounded-2xl overflow-hidden shadow-lg ring-1 ring-border", children: src ? /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        src,
+        alt: "",
+        "aria-hidden": true,
+        className: "w-full h-full object-cover"
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full bg-gradient-to-br from-primary/25 to-primary/8 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "svg",
+      {
+        viewBox: "0 0 40 40",
+        className: "w-10 h-10",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        "aria-hidden": "true",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "polygon",
+            {
+              points: "20,4 34,11 20,18 6,11",
+              className: "fill-primary/40",
+              stroke: "currentColor",
+              strokeWidth: "0.6",
+              strokeOpacity: "0.4"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "polygon",
+            {
+              points: "6,11 20,18 20,34 6,27",
+              className: "fill-primary/20",
+              stroke: "currentColor",
+              strokeWidth: "0.6",
+              strokeOpacity: "0.4"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "polygon",
+            {
+              points: "34,11 20,18 20,34 34,27",
+              className: "fill-primary/30",
+              stroke: "currentColor",
+              strokeWidth: "0.6",
+              strokeOpacity: "0.4"
+            }
+          )
+        ]
+      }
+    ) }) })
+  ] });
+}
+function StoreProductDetailPage({
+  slug,
+  id,
+  appLoginUrl,
+  onNavigate,
+  productName
+}) {
+  const client = useWebSDK();
+  const [details, setDetails] = react.useState(null);
+  const [loading, setLoading] = react.useState(true);
+  const [error, setError] = react.useState(null);
+  const [activeScreenshot, setActiveScreenshot] = react.useState(0);
+  const [screenshotKey, setScreenshotKey] = react.useState(0);
+  const [embedFailed, setEmbedFailed] = react.useState(false);
+  react.useEffect(() => {
+    if (!slug && !id) {
+      setError("Product not found.");
+      setLoading(false);
+      return;
+    }
+    let cancelled = false;
+    setLoading(true);
+    client.query(STORE_PRODUCT_DETAILS_QUERY, {
+      input: { slug: slug ?? void 0, id: id ?? void 0 }
+    }).then((r) => {
+      if (cancelled) return;
+      if (r.errors?.length) throw new Error(r.errors[0].message);
+      if (!r.data?.storeProductDetails) throw new Error("Not found");
+      setDetails(r.data.storeProductDetails);
+    }).catch(() => {
+      if (!cancelled) setError("Product not found or unavailable.");
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [client, slug, id]);
+  function navigate(path) {
+    if (onNavigate) {
+      onNavigate(path);
+      return;
+    }
+    window.location.href = path;
+  }
+  function switchScreenshot(i) {
+    setActiveScreenshot(i);
+    setScreenshotKey((k) => k + 1);
+  }
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 animate-pulse", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded w-40 mb-8" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-6 mb-8", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-20 h-20 rounded-2xl bg-muted flex-shrink-0" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-3 pt-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 bg-muted rounded w-1/3" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded w-1/2" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded w-1/4" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-56 bg-muted rounded-xl mb-8" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: [...Array(5)].map((_, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded" }, i)) })
+    ] });
+  }
+  if (error || !details) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mb-4", children: error ?? "Product not found." }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => navigate("/store"),
+          className: "text-sm text-primary hover:underline",
+          children: "Back to Store"
+        }
+      )
+    ] });
+  }
+  const {
+    product,
+    publisher,
+    reviews,
+    reviewsCount,
+    relatedProducts,
+    ratingDistribution
+  } = details;
+  const priceLabel = formatPrice(
+    product.price,
+    product.currency,
+    product.pricingModel
+  );
+  const screenshots = product.screenshots ?? [];
+  const totalRatings = ratingDistribution ? ratingDistribution.fiveStars + ratingDistribution.fourStars + ratingDistribution.threeStars + ratingDistribution.twoStars + ratingDistribution.oneStar : 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: ANIM_STYLES } }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PageHead,
+      {
+        title: `${product.name}${productName ? ` \u2013 ${productName} Store` : " \u2013 Store"}`,
+        description: product.description ?? void 0,
+        productName
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative overflow-hidden", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "absolute inset-0 bg-gradient-to-b from-primary/[0.07] via-background to-background pointer-events-none",
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "svg",
+        {
+          className: "absolute inset-0 w-full h-full opacity-[0.04] pointer-events-none",
+          xmlns: "http://www.w3.org/2000/svg",
+          "aria-hidden": "true",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx(
+              "pattern",
+              {
+                id: "sd-grid",
+                width: "40",
+                height: "40",
+                patternUnits: "userSpaceOnUse",
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    d: "M 40 0 L 0 0 0 40",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "1"
+                  }
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "100%", height: "100%", fill: "url(#sd-grid)" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "absolute -top-12 -left-12 w-72 h-72 rounded-full bg-primary/10 blur-3xl pointer-events-none",
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-6 pb-8", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: "sd-fi text-sm text-muted-foreground mb-6 flex items-center gap-1.5 flex-wrap", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => navigate("/store"),
+              className: "hover:text-primary transition-colors",
+              children: "Store"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "\u203A" }),
+          product.category && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => navigate(`/store/browse?category=${product.category}`),
+                className: "hover:text-primary transition-colors",
+                children: product.category
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "\u203A" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground font-medium", children: product.name })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-5 items-start", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(IconBlock, { src: product.icon, name: product.name }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sd-fu flex items-start gap-2 flex-wrap mb-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl sm:text-3xl font-bold text-foreground leading-tight", children: product.name }),
+              /* @__PURE__ */ jsxRuntime.jsx(TypeBadge, { type: product.type })
+            ] }),
+            product.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "sd-fu sd-d1 text-muted-foreground text-sm mb-2 leading-relaxed", children: product.description }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sd-fu sd-d2 flex items-center gap-3 text-sm text-muted-foreground flex-wrap", children: [
+              product.rating != null && product.rating > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(StarRating, { rating: product.rating }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-foreground", children: product.rating.toFixed(1) }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                  "(",
+                  reviewsCount ?? 0,
+                  ")"
+                ] })
+              ] }),
+              product.downloads != null && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                formatDownloads(product.downloads),
+                " downloads"
+              ] }),
+              product.authorName && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                "by ",
+                product.authorName
+              ] }),
+              product.license && /* @__PURE__ */ jsxRuntime.jsx("span", { children: product.license })
+            ] })
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid lg:grid-cols-[1fr_300px] gap-8", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sd-fu sd-d3 lg:hidden mb-6 p-4 rounded-xl border border-border bg-card flex items-center gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xl font-bold text-foreground", children: priceLabel }),
+            product.pricingModel === "SUBSCRIPTION" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground", children: "per month" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              href: appLoginUrl,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "flex-1 h-11 rounded-lg bg-primary text-primary-foreground text-sm font-semibold flex items-center justify-center hover:opacity-90 transition-opacity",
+              children: priceLabel === "Free" ? "Install Free" : `Get for ${priceLabel}`
+            }
+          )
+        ] }),
+        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",
+            {
+              src: screenshots[activeScreenshot],
+              alt: `Screenshot ${activeScreenshot + 1}`,
+              className: "sd-fi w-full h-full object-cover"
+            },
+            screenshotKey
+          ) }),
+          screenshots.length > 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2 overflow-x-auto pb-1", children: screenshots.map((src, i) => /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => switchScreenshot(i),
+              className: `w-20 h-14 rounded-lg overflow-hidden flex-shrink-0 border-2 transition-all duration-200 ${i === activeScreenshot ? "border-primary shadow-sm shadow-primary/20" : "border-transparent opacity-50 hover:opacity-80"}`,
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "img",
+                {
+                  src,
+                  alt: `Thumbnail ${i + 1}`,
+                  className: "w-full h-full object-cover"
+                }
+              )
+            },
+            i
+          )) })
+        ] }),
+        product.longDescription && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sd-fu sd-d4 mb-8", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-bold text-foreground mb-3", children: "About" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "prose prose-sm max-w-none text-muted-foreground leading-relaxed whitespace-pre-line", children: product.longDescription })
+        ] }),
+        publisher && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sd-fu sd-d5 mb-8 p-4 rounded-xl border border-border bg-card hover:border-primary/30 transition-colors duration-300", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm font-semibold text-foreground mb-3", children: "Publisher" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+            publisher.logoUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                src: publisher.logoUrl,
+                alt: publisher.name,
+                className: "w-10 h-10 rounded-full object-cover"
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center text-primary text-sm font-bold", children: publisher.name.charAt(0).toUpperCase() }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-foreground text-sm", children: publisher.name }),
+                publisher.isVerified && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-primary font-medium", children: "\u2713 Verified" })
+              ] }),
+              publisher.bio && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-0.5 line-clamp-2", children: publisher.bio })
+            ] })
+          ] })
+        ] }),
+        (reviews?.length ?? 0) > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sd-fu sd-d5 mb-8", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-lg font-bold text-foreground mb-4", children: [
+            "Reviews (",
+            reviewsCount ?? reviews.length,
+            ")"
+          ] }),
+          ratingDistribution && totalRatings > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sd-si flex gap-6 mb-5 p-4 rounded-xl border border-border bg-card", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-4xl font-bold text-foreground tabular-nums", children: product.rating?.toFixed(1) ?? "\u2014" }),
+              product.rating != null && /* @__PURE__ */ jsxRuntime.jsx(StarRating, { rating: product.rating }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-muted-foreground mt-1", children: [
+                totalRatings,
+                " ratings"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-1.5 pt-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                RatingBar,
+                {
+                  label: "5 \u2605",
+                  count: ratingDistribution.fiveStars,
+                  total: totalRatings
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                RatingBar,
+                {
+                  label: "4 \u2605",
+                  count: ratingDistribution.fourStars,
+                  total: totalRatings
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                RatingBar,
+                {
+                  label: "3 \u2605",
+                  count: ratingDistribution.threeStars,
+                  total: totalRatings
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                RatingBar,
+                {
+                  label: "2 \u2605",
+                  count: ratingDistribution.twoStars,
+                  total: totalRatings
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                RatingBar,
+                {
+                  label: "1 \u2605",
+                  count: ratingDistribution.oneStar,
+                  total: totalRatings
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: reviews.slice(0, 5).map((review, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "sd-fu p-4 rounded-xl border border-border bg-card hover:border-primary/20 transition-colors duration-200",
+              style: { animationDelay: `${(idx + 5) * 60}ms` },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2 mb-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(StarRating, { rating: review.rating }),
+                  review.verifiedPurchase && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-emerald-500 font-medium", children: "Verified" })
+                ] }),
+                review.title && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-sm text-foreground mb-1", children: review.title }),
+                review.comment && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground leading-relaxed", children: review.comment }),
+                review.createdAt && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-2", children: new Date(review.createdAt).toLocaleDateString(
+                  "en-US",
+                  {
+                    year: "numeric",
+                    month: "short",
+                    day: "numeric"
+                  }
+                ) })
+              ]
+            },
+            review.id
+          )) })
+        ] }),
+        (relatedProducts?.length ?? 0) > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sd-fu sd-d6", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-bold text-foreground mb-4", children: "Related" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: relatedProducts.slice(0, 6).map((p) => /* @__PURE__ */ jsxRuntime.jsx(
+            ProductCard,
+            {
+              product: p,
+              onClick: () => navigate(`/store/${p.slug}`)
+            },
+            p.id
+          )) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("aside", { className: "lg:sticky lg:top-24 self-start", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sd-fu sd-d4 bg-card border border-border rounded-xl p-5 space-y-4 hover:border-primary/30 transition-colors duration-300 hover:shadow-lg hover:shadow-primary/5", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: `text-3xl font-extrabold ${priceLabel === "Free" ? "text-emerald-500" : "text-foreground"}`,
+              children: priceLabel
+            }
+          ),
+          product.pricingModel === "SUBSCRIPTION" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground", children: "per month" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: appLoginUrl,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "flex items-center justify-center w-full h-11 rounded-lg bg-primary text-primary-foreground text-sm font-semibold hover:opacity-90 active:scale-[0.98] transition-all duration-150",
+            children: priceLabel === "Free" ? "Install Free" : `Get for ${priceLabel}`
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground text-center", children: "Login required to install" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t border-border pt-4 space-y-2 text-xs text-muted-foreground", children: [
+          product.type && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Type" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground font-medium", children: product.type })
+          ] }),
+          product.category && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Category" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground font-medium", children: product.category })
+          ] }),
+          product.license && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "License" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground font-medium", children: product.license })
+          ] }),
+          product.minPlatformVersion && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Requires" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-foreground font-medium", children: [
+              "v",
+              product.minPlatformVersion,
+              "+"
+            ] })
+          ] }),
+          product.downloads != null && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Downloads" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground font-medium", children: formatDownloads(product.downloads) })
+          ] })
+        ] }),
+        (product.tags?.length ?? 0) > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1.5 pt-1", children: product.tags.map((tag) => /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: "text-xs px-2 py-0.5 rounded-full bg-primary/10 text-primary font-medium",
+            children: tag
+          },
+          tag
+        )) })
+      ] }) })
+    ] }) })
+  ] });
+}
+
+exports.ProductCard = ProductCard;
+exports.StarRating = StarRating;
+exports.StoreBrowsePage = StoreBrowsePage;
+exports.StoreHomePage = StoreHomePage;
+exports.StoreProductDetailPage = StoreProductDetailPage;
+exports.TypeBadge = TypeBadge;
+exports.WorkflowEmbed = WorkflowEmbed;
+exports.formatDownloads = formatDownloads;
+exports.formatPrice = formatPrice;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map