@burdenoff/website-sdk 2026.1101.1 → 2026.1101.2

package/dist/store/index.js

@@ -1,2655 +1,56 @@
 'use strict';
 
-var React = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-var reactHelmetAsync = require('react-helmet-async');
-require('isomorphic-dompurify');
-var ReactMarkdown = require('react-markdown');
-var rehypeSanitize = require('rehype-sanitize');
-var remarkGfm = require('remark-gfm');
-require('lucide-react');
-var reactSlot = require('@radix-ui/react-slot');
-var classVarianceAuthority = require('class-variance-authority');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var ReactMarkdown__default = /*#__PURE__*/_interopDefault(ReactMarkdown);
-var rehypeSanitize__default = /*#__PURE__*/_interopDefault(rehypeSanitize);
-var remarkGfm__default = /*#__PURE__*/_interopDefault(remarkGfm);
-
-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-foreground 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-700 dark:text-emerald-400" : "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())
-    )
-  );
-}
-var CF_ACCESS_GATED_HOSTS = /* @__PURE__ */ new Set([
-  "alphagraphql.burdenoff.com",
-  "alphagraphqlworkspaces.burdenoff.com"
-]);
-function cfAccessHeaders(gatewayUrl, cfAccess) {
-  const clientId = cfAccess?.clientId?.trim();
-  const clientSecret = cfAccess?.clientSecret?.trim();
-  if (!clientId || !clientSecret) return {};
-  let host;
-  try {
-    host = new URL(gatewayUrl).hostname.toLowerCase();
-  } catch {
-    return {};
-  }
-  if (!CF_ACCESS_GATED_HOSTS.has(host)) return {};
-  return {
-    "CF-Access-Client-Id": clientId,
-    "CF-Access-Client-Secret": clientSecret
-  };
-}
-
-// 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).
-   *
-   * Pass `{ cache: false }` to bypass the cache entirely — required for poll
-   * loops, where every tick must reach the network.
-   */
-  async query(query, variables, options) {
-    if (options?.cache === false) {
-      return this.request(query, variables, true, options.timeoutMs);
-    }
-    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, true, options?.timeoutMs).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, options) {
-    return this.request(mutation, variables, false, options?.timeoutMs);
-  }
-  /** HTTP statuses worth another attempt — transient server/edge conditions. */
-  static isRetriableStatus(status) {
-    return status === 429 || status === 408 || status >= 500 && status < 600;
-  }
-  static sleep(ms) {
-    return new Promise((resolve) => setTimeout(resolve, ms));
-  }
-  /**
-   * Perform the HTTP call with a hard timeout. Every outcome resolves to a
-   * GraphQLResponse — callers never hang, so a UI's `loading` state always
-   * settles into data or a renderable error.
-   */
-  async attempt(query, variables, timeoutMs) {
-    const controller = new AbortController();
-    const timer = setTimeout(() => controller.abort(), timeoutMs);
-    try {
-      const response = await fetch(this.config.gatewayUrl, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-          "x-product-id": this.config.productId,
-          ...this.config.headers,
-          ...cfAccessHeaders(this.config.gatewayUrl, this.config.cfAccess)
-        },
-        body: JSON.stringify({ query, variables }),
-        signal: controller.signal
-      });
-      if (!response.ok) {
-        console.error(
-          "[WebSDK] GraphQL request failed",
-          response.status,
-          response.statusText
-        );
-        return {
-          res: {
-            errors: [
-              {
-                message: `HTTP ${response.status}: ${response.statusText}`,
-                extensions: { code: `HTTP_${response.status}` }
-              }
-            ]
-          },
-          retriable: _WebSDKClient.isRetriableStatus(response.status)
-        };
-      }
-      return {
-        res: await response.json(),
-        retriable: false
-      };
-    } catch (error) {
-      const aborted = error instanceof Error && (error.name === "AbortError" || controller.signal.aborted);
-      const message = aborted ? `Request timed out after ${timeoutMs}ms` : error instanceof Error ? error.message : "Network error";
-      console.error("[WebSDK] Network error", message);
-      return {
-        res: {
-          errors: [
-            {
-              message,
-              extensions: { code: aborted ? "TIMEOUT" : "NETWORK_ERROR" }
-            }
-          ]
-        },
-        // Transport-level failures are worth one more try; a genuine outage
-        // just fails twice quickly and still renders an error state.
-        retriable: true
-      };
-    } finally {
-      clearTimeout(timer);
-    }
-  }
-  async request(query, variables, retry = true, timeoutOverrideMs) {
-    const timeoutMs = timeoutOverrideMs ?? this.config.timeoutMs ?? _WebSDKClient.DEFAULT_TIMEOUT_MS;
-    const maxRetries = retry ? this.config.maxRetries ?? _WebSDKClient.DEFAULT_MAX_RETRIES : 0;
-    let last;
-    for (let i = 0; i <= maxRetries; i++) {
-      const { res, retriable } = await this.attempt(
-        query,
-        variables,
-        timeoutMs
-      );
-      if (!retriable || i === maxRetries) return res;
-      last = res;
-      await _WebSDKClient.sleep(
-        _WebSDKClient.RETRY_BASE_DELAY_MS * (i + 1) + Math.random() * 200
-      );
-    }
-    return last;
-  }
-};
-__publicField(_WebSDKClient, "CACHE_TTL", 5 * 60 * 1e3);
-// 5 minutes
-__publicField(_WebSDKClient, "MAX_CACHE_ENTRIES", 100);
-__publicField(_WebSDKClient, "DEFAULT_TIMEOUT_MS", 12e3);
-__publicField(_WebSDKClient, "DEFAULT_MAX_RETRIES", 1);
-__publicField(_WebSDKClient, "RETRY_BASE_DELAY_MS", 400);
-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 canonicalFromLocation() {
-  if (typeof window === "undefined" || !window.location) return void 0;
-  const { origin, pathname } = window.location;
-  if (!origin || origin === "null") return void 0;
-  const path = pathname === "/" ? "/" : pathname.replace(/\/+$/, "");
-  return `${origin}${path}`;
-}
-function resolveImageUrl(image, base) {
-  if (!image || /^https?:\/\//i.test(image)) return image;
-  if (!base) return image;
-  try {
-    return new URL(image, base).toString();
-  } catch {
-    return image;
-  }
-}
-function serializeJsonLd(data) {
-  return JSON.stringify(data).replace(/</g, "\\u003c").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
-}
-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",
-  author,
-  structuredData,
-  additionalMeta
-}) {
-  const fullTitle = productName && !title.includes(productName) ? `${title} | ${productName}` : title;
-  const resolvedUrl = url ?? canonicalFromLocation();
-  const fullImageUrl = resolveImageUrl(image, resolvedUrl);
-  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 }) : null,
-    keywords ? /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "keywords", content: keywords }) : null,
-    author ? /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "author", content: author }) : null,
-    /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "robots", content: robots }),
-    resolvedUrl ? /* @__PURE__ */ jsxRuntime.jsx("link", { rel: "canonical", href: resolvedUrl }) : null,
-    favicon ? /* @__PURE__ */ jsxRuntime.jsx("link", { rel: "icon", href: favicon }) : null,
-    /* @__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 }) : null,
-    fullImageUrl ? /* @__PURE__ */ jsxRuntime.jsx("meta", { property: "og:image", content: fullImageUrl }) : null,
-    resolvedUrl ? /* @__PURE__ */ jsxRuntime.jsx("meta", { property: "og:url", content: resolvedUrl }) : null,
-    /* @__PURE__ */ jsxRuntime.jsx("meta", { property: "og:locale", content: locale }),
-    productName ? /* @__PURE__ */ jsxRuntime.jsx("meta", { property: "og:site_name", content: productName }) : null,
-    /* @__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 }) : null,
-    fullImageUrl ? /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "twitter:image", content: fullImageUrl }) : null,
-    twitterHandle ? /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "twitter:creator", content: twitterHandle }) : null,
-    /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "theme-color", content: themeColor }),
-    structuredDataItems.map((data, index) => /* @__PURE__ */ jsxRuntime.jsx("script", { type: "application/ld+json", children: serializeJsonLd(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 border border-primary/30 bg-primary/10 text-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-700 dark:text-emerald-400" : "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 DEFAULT_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,
-  typeFilters
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2 justify-center", children: typeFilters.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,
-  terminology,
-  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);
-  const [retryKey, setRetryKey] = React.useState(0);
-  React.useEffect(() => {
-    let cancelled = false;
-    let autoRetryTimer = null;
-    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) {
-          if (retryKey < 1) {
-            autoRetryTimer = setTimeout(() => {
-              if (!cancelled) setRetryKey(1);
-            }, 2e3);
-          } else {
-            setError("Failed to load store. Please try again.");
-          }
-        }
-      } finally {
-        if (!cancelled) setLoading(false);
-      }
-    }
-    load();
-    return () => {
-      cancelled = true;
-      if (autoRetryTimer) clearTimeout(autoRetryTimer);
-    };
-  }, [client, compatibleWith, retryKey]);
-  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 hasNoItems = !loading && !error && featuredItems.length === 0 && popularItems.length === 0 && freeItems.length === 0;
-  const resolvedTitle = heroTitle ?? `${productName ? `${productName} ` : ""}Store`;
-  const resolvedSubtitle = heroSubtitle ?? "Discover workflows, nodes, integrations, and templates built by the community.";
-  const typeFilters = terminology?.typeFilters ?? DEFAULT_TYPE_FILTERS;
-  const searchPlaceholder = terminology?.searchPlaceholder ?? "Search nodes, workflows, templates\u2026";
-  const emptyStateDescription = terminology?.emptyStateDescription ?? "As the community ships workflows, templates, and integrations, they will show up right here.";
-  const publisherCtaDescription = terminology?.publisherCtaDescription ?? `Share your workflows, nodes, and integrations with ${productName ? "the " : ""}community. Earn from your work or contribute for free.`;
-  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-foreground 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: searchPlaceholder,
-                  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,
-            typeFilters
-          }
-        )
-      ] })
-    ] }),
-    /* @__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: [
-      (loading || error || featuredItems.length > 0) && /* @__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: () => setRetryKey((k) => k + 1),
-              className: "text-sm text-primary hover:underline",
-              children: "Retry"
-            }
-          )
-        ] }) : featuredItems.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-[1fr_2fr] gap-4 items-start", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            FeaturedHeroCard,
-            {
-              product: featuredItems[0],
-              onNavigate: navigate
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("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
-        )) })
-      ] }),
-      hasNoItems && /* @__PURE__ */ jsxRuntime.jsxs(
-        "section",
-        {
-          "data-store": "empty-state",
-          className: "rounded-2xl border border-border bg-card/50 px-6 py-14 sm:py-16 text-center",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                className: "mx-auto mb-5 flex h-14 w-14 items-center justify-center rounded-2xl bg-primary/10",
-                "aria-hidden": "true",
-                children: /* @__PURE__ */ jsxRuntime.jsx(
-                  "svg",
-                  {
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "1.5",
-                    className: "h-7 w-7 text-primary",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(
-                      "path",
-                      {
-                        strokeLinecap: "round",
-                        strokeLinejoin: "round",
-                        d: "M3.75 9h16.5M4.5 9l1.2 9.3a1.5 1.5 0 0 0 1.49 1.2h9.62a1.5 1.5 0 0 0 1.49-1.2L19.5 9M8.25 9V6.75a3.75 3.75 0 0 1 7.5 0V9"
-                      }
-                    )
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-xl sm:text-2xl font-bold text-foreground mb-2", children: [
-              "The ",
-              productName ?? "store",
-              " catalogue is just getting started"
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm sm:text-base text-muted-foreground max-w-xl mx-auto mb-7", children: [
-              "No items have been published for ",
-              productName ?? "this product",
-              " ",
-              "yet. ",
-              emptyStateDescription
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-center gap-3", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => navigate(browsePath),
-                  className: "inline-flex items-center gap-2 rounded-xl bg-primary px-5 py-2.5 text-sm font-semibold text-primary-foreground transition-colors hover:bg-primary/90",
-                  children: "Browse the full store"
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "a",
-                {
-                  href: appLoginUrl,
-                  className: "inline-flex items-center gap-2 rounded-xl border border-border px-5 py-2.5 text-sm font-semibold text-foreground transition-colors hover:border-primary/40 hover:text-primary",
-                  children: "Become a publisher"
-                }
-              )
-            ] })
-          ]
-        }
-      )
-    ] }),
-    /* @__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-foreground 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.jsx("p", { className: "text-muted-foreground mb-8 max-w-lg mx-auto leading-relaxed", children: publisherCtaDescription }),
-        /* @__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"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-4 text-xs text-muted-foreground", children: [
-          "By submitting a listing you agree to the",
-          " ",
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "a",
-            {
-              href: "https://burdenoff.com/developer-agreement",
-              target: "_blank",
-              rel: "noopener noreferrer",
-              className: "underline hover:text-foreground",
-              children: "Marketplace & Developer Agreement"
-            }
-          ),
-          "."
-        ] })
-      ] })
-    ] })
-  ] });
-}
-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 DEFAULT_TYPE_OPTIONS = [
-  { type: "APP", label: "Apps" },
-  { type: "NODE", label: "Nodes" },
-  { type: "WORKFLOW", label: "Workflows" },
-  { type: "TEMPLATE", label: "Templates" },
-  { type: "INTEGRATION", label: "Integrations" },
-  { type: "EXTENSION", label: "Extensions" },
-  { type: "THEME", label: "Themes" }
-];
-function buildTypeOptions(typeFilters) {
-  return [{ type: "", label: "All types" }, ...typeFilters];
-}
-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 flex-shrink-0", children: f.count })
-        ]
-      }
-    ) }, f.value)) })
-  ] });
-}
-function StoreBrowsePage({
-  compatibleWith,
-  onNavigate,
-  terminology,
-  productName,
-  seoTitle,
-  seoDescription
-}) {
-  const client = useWebSDK();
-  const typeFilters = terminology?.typeFilters ?? DEFAULT_TYPE_OPTIONS;
-  const typeOptions = buildTypeOptions(typeFilters);
-  const browseDescription = terminology?.browseDescription ?? "Browse all apps, workflows, nodes, and templates.";
-  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: typeOptions.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: () => setType(opt.type),
-          className: `w-full text-left text-sm px-2 py-1.5 rounded transition-colors ${type === opt.type ? "bg-primary/10 text-primary font-medium" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"}`,
-          children: opt.label
-        },
-        opt.type
-      )) })
-    ] }),
-    /* @__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 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 ?? browseDescription,
-        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("header", { className: "mb-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-bold tracking-tight", children: productName ? `Browse the ${productName} Store` : "Browse the Store" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-muted-foreground", children: browseDescription })
-      ] }),
-      /* @__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",
-              "aria-label": "Search store items",
-              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",
-            {
-              "aria-label": "Sort store items",
-              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("h2", { className: "sr-only", children: "Store items" }),
-            /* @__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" })
-          }
-        )
-      ]
-    }
-  );
-}
-function MarkdownLink({
-  href,
-  children,
-  // react-markdown passes the hast node to every override; it is not a DOM attribute.
-  node: _node,
-  ...props
-}) {
-  const isExternal = typeof href === "string" && (href.startsWith("http://") || href.startsWith("https://"));
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "a",
-    {
-      href,
-      ...props,
-      ...isExternal ? { target: "_blank", rel: "noopener noreferrer" } : { rel: "noopener noreferrer" },
-      children
-    }
-  );
-}
-var defaultComponents = {
-  a: MarkdownLink
-};
-function Markdown({
-  children,
-  className,
-  inline,
-  components,
-  rehypePlugins
-}) {
-  const content = /* @__PURE__ */ jsxRuntime.jsx(
-    ReactMarkdown__default.default,
-    {
-      remarkPlugins: [remarkGfm__default.default],
-      rehypePlugins: [rehypeSanitize__default.default, ...rehypePlugins ?? []],
-      components: { ...defaultComponents, ...components },
-      ...inline ? { disallowedElements: ["p"], unwrapDisallowed: true } : {},
-      children
-    }
-  );
-  if (inline) {
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { className, children: content });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: content });
-}
-
-// src/utils/product-slug.ts
-var PRODUCT_SLUG_RENAMES = Object.freeze(
-  [Object.freeze({ legacy: "botlit", current: "botmanor" })]
-);
-Object.freeze(
-  Object.fromEntries(PRODUCT_SLUG_RENAMES.map((r) => [r.legacy, r.current]))
-);
-React.createContext({
-  product: null,
-  loading: true,
-  error: null,
-  hasProvider: false,
-  refetch: () => {
-  }
+var chunkKSMBOWQQ_js = require('../chunk-KSMBOWQQ.js');
+require('../chunk-3X26GE4S.js');
+require('../chunk-4U6YAII5.js');
+require('../chunk-3LFFY7AZ.js');
+require('../chunk-GEXC4LRP.js');
+require('../chunk-7A6R7CGG.js');
+require('../chunk-UXWT7G77.js');
+require('../chunk-UQ2HALUD.js');
+require('../chunk-C6OJIHNO.js');
+require('../chunk-BYSZT35R.js');
+require('../chunk-E3GUGJMY.js');
+require('../chunk-JXLSTVBK.js');
+require('../chunk-ZSTFX7FV.js');
+
+
+
+Object.defineProperty(exports, "ProductCard", {
+  enumerable: true,
+  get: function () { return chunkKSMBOWQQ_js.ProductCard; }
+});
+Object.defineProperty(exports, "StarRating", {
+  enumerable: true,
+  get: function () { return chunkKSMBOWQQ_js.StarRating; }
+});
+Object.defineProperty(exports, "StoreBrowsePage", {
+  enumerable: true,
+  get: function () { return chunkKSMBOWQQ_js.StoreBrowsePage; }
+});
+Object.defineProperty(exports, "StoreHomePage", {
+  enumerable: true,
+  get: function () { return chunkKSMBOWQQ_js.StoreHomePage; }
+});
+Object.defineProperty(exports, "StoreProductDetailPage", {
+  enumerable: true,
+  get: function () { return chunkKSMBOWQQ_js.StoreProductDetailPage; }
+});
+Object.defineProperty(exports, "TypeBadge", {
+  enumerable: true,
+  get: function () { return chunkKSMBOWQQ_js.TypeBadge; }
+});
+Object.defineProperty(exports, "WorkflowEmbed", {
+  enumerable: true,
+  get: function () { return chunkKSMBOWQQ_js.WorkflowEmbed; }
+});
+Object.defineProperty(exports, "formatDownloads", {
+  enumerable: true,
+  get: function () { return chunkKSMBOWQQ_js.formatDownloads; }
+});
+Object.defineProperty(exports, "formatPrice", {
+  enumerable: true,
+  get: function () { return chunkKSMBOWQQ_js.formatPrice; }
 });
-var PROSE_CSS = `
-.boff-prose {
-  max-width: none;
-}
-
-.boff-prose h1 {
-  font-size: 2.25rem;
-  font-weight: 800;
-  line-height: 1.2;
-  margin-top: 0;
-  margin-bottom: 1rem;
-  color: hsl(var(--foreground));
-}
-
-.boff-prose h2 {
-  font-size: 1.75rem;
-  font-weight: 700;
-  line-height: 1.3;
-  margin-top: 2rem;
-  margin-bottom: 1rem;
-  color: hsl(var(--foreground));
-}
-
-.boff-prose h3 {
-  font-size: 1.5rem;
-  font-weight: 600;
-  line-height: 1.4;
-  margin-top: 1.5rem;
-  margin-bottom: 0.75rem;
-  color: hsl(var(--foreground));
-}
-
-.boff-prose h4 {
-  font-size: 1.25rem;
-  font-weight: 600;
-  line-height: 1.5;
-  margin-top: 1.25rem;
-  margin-bottom: 0.5rem;
-  color: hsl(var(--foreground));
-}
-
-.boff-prose p {
-  margin-bottom: 1rem;
-  line-height: 1.75;
-  color: hsl(var(--foreground));
-}
-
-.boff-prose ul,
-.boff-prose ol {
-  margin-bottom: 1rem;
-  padding-left: 1.5rem;
-}
-
-.boff-prose ul {
-  list-style-type: disc;
-}
-
-.boff-prose ol {
-  list-style-type: decimal;
-}
-
-.boff-prose li {
-  margin-bottom: 0.25rem;
-  line-height: 1.75;
-  color: hsl(var(--foreground));
-}
-
-.boff-prose li > ul,
-.boff-prose li > ol {
-  margin-top: 0.25rem;
-  margin-bottom: 0.25rem;
-}
-
-.boff-prose a {
-  color: hsl(var(--primary));
-  text-decoration: underline;
-  text-underline-offset: 2px;
-}
-
-.boff-prose a:hover {
-  opacity: 0.8;
-}
-
-.boff-prose hr {
-  border: none;
-  height: 1px;
-  background-color: hsl(var(--border));
-  margin: 2rem 0;
-}
-
-.boff-prose blockquote {
-  border-left: 4px solid hsl(var(--border));
-  padding-left: 1rem;
-  margin: 1.5rem 0;
-  font-style: italic;
-  color: hsl(var(--muted-foreground));
-}
-
-.boff-prose strong {
-  font-weight: 700;
-  color: hsl(var(--foreground));
-}
-
-.boff-prose code {
-  background-color: hsl(var(--muted));
-  padding: 0.125rem 0.25rem;
-  border-radius: 0.25rem;
-  font-size: 0.875em;
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-}
-
-.boff-prose pre {
-  background-color: hsl(var(--muted));
-  padding: 1rem;
-  border-radius: 0.5rem;
-  overflow-x: auto;
-  margin-bottom: 1rem;
-}
-
-.boff-prose pre code {
-  background-color: transparent;
-  padding: 0;
-}
-
-.boff-prose img {
-  max-width: 100%;
-  height: auto;
-}
-
-.boff-prose table {
-  width: 100%;
-  border-collapse: collapse;
-  margin-bottom: 1rem;
-}
-
-.boff-prose th,
-.boff-prose td {
-  border: 1px solid hsl(var(--border));
-  padding: 0.5rem;
-  text-align: left;
-}
-
-.boff-prose th {
-  font-weight: 600;
-  background-color: hsl(var(--muted));
-}
-
-/* Smaller variant used inside cards and compact panels */
-.boff-prose-sm {
-  font-size: 0.875rem;
-}
-
-.boff-prose-sm h1 {
-  font-size: 1.75rem;
-}
-
-.boff-prose-sm h2 {
-  font-size: 1.5rem;
-}
-
-.boff-prose-sm h3 {
-  font-size: 1.25rem;
-}
-
-.boff-prose-sm h4 {
-  font-size: 1.125rem;
-}
-
-.boff-prose-sm p,
-.boff-prose-sm li {
-  line-height: 1.625;
-}
-`;
-function ProseStyles() {
-  return /* @__PURE__ */ jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: PROSE_CSS } });
-}
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
-var buttonVariants = classVarianceAuthority.cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-9 px-4 py-2",
-        sm: "h-8 rounded-md px-3 text-xs",
-        lg: "h-10 rounded-md px-8",
-        icon: "h-9 w-9"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Button = React__namespace.forwardRef(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? reactSlot.Slot : "button";
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Comp,
-      {
-        className: cn(buttonVariants({ variant, size, className })),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-var Input = React__namespace.forwardRef(
-  ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        type,
-        className: cn(
-          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-          className
-        ),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Input.displayName = "Input";
-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,
-  waitlist: waitlistProp
-}) {
-  const client = useWebSDK();
-  const waitlist = waitlistProp ?? false;
-  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 ctaLabel = waitlist ? "Coming Soon" : priceLabel === "Free" ? "Install Free" : `Get for ${priceLabel}`;
-  const ctaHref = waitlist ? "#" : appLoginUrl;
-  const ctaAriaDisabled = waitlist || void 0;
-  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(ProseStyles, {}),
-    /* @__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: ctaHref,
-              target: waitlist ? void 0 : "_blank",
-              rel: waitlist ? void 0 : "noopener noreferrer",
-              "aria-disabled": ctaAriaDisabled,
-              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 aria-disabled:opacity-60 aria-disabled:cursor-not-allowed",
-              children: ctaLabel
-            }
-          )
-        ] }),
-        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(Markdown, { className: "boff-prose boff-prose-sm max-w-none text-muted-foreground leading-relaxed", 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-700 dark:text-emerald-400 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(Markdown, { 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-700 dark:text-emerald-400" : "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: ctaHref,
-            target: waitlist ? void 0 : "_blank",
-            rel: waitlist ? void 0 : "noopener noreferrer",
-            "aria-disabled": ctaAriaDisabled,
-            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 aria-disabled:opacity-60 aria-disabled:cursor-not-allowed",
-            children: ctaLabel
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground text-center", children: waitlist ? `Available when ${product?.name ?? "this product"} launches` : "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