@burdenoff/website-sdk 0.0.0-dev

package/dist/content/index.js

@@ -0,0 +1,2458 @@
+'use strict';
+
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var reactHelmetAsync = require('react-helmet-async');
+var lucideReact = 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 _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 __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);
+
+// src/client/security.ts
+var LOOPBACK_HOSTS = /* @__PURE__ */ new Set(["localhost", "127.0.0.1", "::1"]);
+var RESERVED_HEADERS = /* @__PURE__ */ new Set([
+  "authorization",
+  "cookie",
+  "x-actor-id",
+  "x-actor-type",
+  "x-consent-granted-by",
+  "x-consent-scope",
+  "x-consent-granted-at",
+  "x-consent-expires-at"
+]);
+function validateGatewayUrl(value) {
+  let url;
+  try {
+    url = new URL(value);
+  } catch {
+    throw new Error("Gateway URL must be a valid absolute URL");
+  }
+  if (url.protocol === "https:") {
+    return url.toString();
+  }
+  if (url.protocol === "http:" && LOOPBACK_HOSTS.has(url.hostname.toLowerCase())) {
+    return url.toString();
+  }
+  throw new Error("Gateway URL must use HTTPS unless it targets localhost");
+}
+function sanitizeHeaders(headers) {
+  if (!headers) return void 0;
+  return Object.fromEntries(
+    Object.entries(headers).filter(
+      ([key]) => !RESERVED_HEADERS.has(key.toLowerCase())
+    )
+  );
+}
+
+// src/client/graphql-client.ts
+var _WebSDKClient = class _WebSDKClient {
+  constructor(config) {
+    __publicField(this, "config");
+    __publicField(this, "queryCache", /* @__PURE__ */ new Map());
+    __publicField(this, "inflight", /* @__PURE__ */ new Map());
+    this.config = {
+      ...config,
+      gatewayUrl: validateGatewayUrl(config.gatewayUrl),
+      headers: sanitizeHeaders(config.headers)
+    };
+  }
+  getConfig() {
+    return this.config;
+  }
+  /**
+   * Execute a GraphQL query (with deduplication and caching)
+   */
+  async query(query, variables) {
+    const cacheKey = JSON.stringify({ query, variables });
+    const cached = this.queryCache.get(cacheKey);
+    if (cached) {
+      if (Date.now() - cached.ts < _WebSDKClient.CACHE_TTL) {
+        return cached.data;
+      }
+      this.queryCache.delete(cacheKey);
+    }
+    const existing = this.inflight.get(cacheKey);
+    if (existing) {
+      return existing;
+    }
+    const promise = this.request(query, variables).then((result) => {
+      if (result.data && !result.errors?.length) {
+        if (this.queryCache.size >= _WebSDKClient.MAX_CACHE_ENTRIES) {
+          const oldestEntry = this.queryCache.keys().next().value;
+          if (oldestEntry) {
+            this.queryCache.delete(oldestEntry);
+          }
+        }
+        this.queryCache.set(cacheKey, { data: result, ts: Date.now() });
+      }
+      return result;
+    }).finally(() => {
+      this.inflight.delete(cacheKey);
+    });
+    this.inflight.set(cacheKey, promise);
+    return promise;
+  }
+  /**
+   * Execute a GraphQL mutation
+   */
+  async mutate(mutation, variables) {
+    return this.request(mutation, variables);
+  }
+  async request(query, variables) {
+    try {
+      const response = await fetch(this.config.gatewayUrl, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          "x-product-id": this.config.productId,
+          ...this.config.headers
+        },
+        body: JSON.stringify({ query, variables })
+      });
+      if (!response.ok) {
+        console.error(
+          "[WebSDK] GraphQL request failed",
+          response.status,
+          response.statusText
+        );
+        return {
+          errors: [
+            {
+              message: `HTTP ${response.status}: ${response.statusText}`,
+              extensions: { code: `HTTP_${response.status}` }
+            }
+          ]
+        };
+      }
+      return await response.json();
+    } catch (error) {
+      console.error(
+        "[WebSDK] Network error",
+        error instanceof Error ? error.message : "unknown error"
+      );
+      return {
+        errors: [
+          {
+            message: error instanceof Error ? error.message : "Network error",
+            extensions: { code: "NETWORK_ERROR" }
+          }
+        ]
+      };
+    }
+  }
+};
+__publicField(_WebSDKClient, "CACHE_TTL", 5 * 60 * 1e3);
+// 5 minutes
+__publicField(_WebSDKClient, "MAX_CACHE_ENTRIES", 100);
+var WebSDKContext = React.createContext(null);
+function useWebSDK() {
+  const client = React.useContext(WebSDKContext);
+  if (!client) {
+    throw new Error("useWebSDK must be used within a WebSDKProvider");
+  }
+  return client;
+}
+function useWebSDKConfig() {
+  const client = useWebSDK();
+  return client.getConfig();
+}
+var ProductContext = React.createContext({
+  product: null,
+  loading: true,
+  error: null,
+  hasProvider: false,
+  refetch: () => {
+  }
+});
+function useProduct() {
+  return React.useContext(ProductContext);
+}
+var PUBLIC_CONTENT_PAGE_QUERY = `
+  query PublicContentPage($slug: String!, $productId: String) {
+    publicContentPage(slug: $slug, productId: $productId) {
+      id
+      title
+      slug
+      content
+      contentFormat
+      seoTitle
+      seoDescription
+      seoKeywords
+      lastUpdated
+      version
+      excerpt
+      thumbnail
+      author
+      publishedAt
+      readingTime
+      featured
+      category
+    }
+  }
+`;
+var PUBLIC_RESOLVED_CONTENT_PAGE_QUERY = `
+  query PublicResolvedContentPage($slug: String!, $productId: String!) {
+    publicResolvedContentPage(slug: $slug, productId: $productId) {
+      id
+      title
+      slug
+      content
+      contentFormat
+      seoTitle
+      seoDescription
+      seoKeywords
+      lastUpdated
+      version
+      excerpt
+      thumbnail
+      author
+      publishedAt
+      readingTime
+      featured
+      category
+    }
+  }
+`;
+var PUBLIC_CONTENT_PAGES_QUERY = `
+  query PublicContentPages($productId: String!, $limit: Int, $offset: Int) {
+    publicContentPages(productId: $productId, limit: $limit, offset: $offset) {
+      items {
+        id
+        title
+        slug
+        lastUpdated
+        tags
+        seoDescription
+        excerpt
+        thumbnail
+        author
+        publishedAt
+        readingTime
+        featured
+        category
+      }
+      total
+      hasMore
+    }
+  }
+`;
+function useContentPage(slug, options) {
+  const client = useWebSDK();
+  const config = useWebSDKConfig();
+  const { product } = useProduct();
+  const resolvedProductId = product?.id || config.productId;
+  const [data, setData] = React.useState(null);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const fetchPage = React.useCallback(async () => {
+    if (!resolvedProductId) return;
+    setLoading(true);
+    setError(null);
+    try {
+      const query = options?.resolve ? PUBLIC_RESOLVED_CONTENT_PAGE_QUERY : PUBLIC_CONTENT_PAGE_QUERY;
+      const queryName = options?.resolve ? "publicResolvedContentPage" : "publicContentPage";
+      const result = await client.query(
+        query,
+        {
+          slug,
+          productId: resolvedProductId
+        }
+      );
+      if (result.errors?.length) {
+        setError(result.errors[0]?.message ?? "Unknown error");
+        setData(null);
+      } else {
+        setData(result.data?.[queryName] ?? null);
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to fetch content");
+      setData(null);
+    } finally {
+      setLoading(false);
+    }
+  }, [client, resolvedProductId, slug, options?.resolve]);
+  React.useEffect(() => {
+    fetchPage();
+  }, [fetchPage]);
+  return { data, loading, error, refetch: fetchPage };
+}
+function useContentPages(options) {
+  const client = useWebSDK();
+  const config = useWebSDKConfig();
+  const [data, setData] = React.useState(null);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const fetchPages = React.useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const result = await client.query(PUBLIC_CONTENT_PAGES_QUERY, {
+        productId: config.productId,
+        limit: options?.limit ?? 50,
+        offset: options?.offset ?? 0
+      });
+      if (result.errors?.length) {
+        setError(result.errors[0]?.message ?? "Unknown error");
+        setData(null);
+      } else {
+        setData(result.data?.publicContentPages ?? null);
+      }
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : "Failed to fetch content pages"
+      );
+      setData(null);
+    } finally {
+      setLoading(false);
+    }
+  }, [client, config.productId, options?.limit, options?.offset]);
+  React.useEffect(() => {
+    fetchPages();
+  }, [fetchPages]);
+  return { data, loading, error, refetch: fetchPages };
+}
+function renderMarkdown(md) {
+  let html = md;
+  html = html.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+  html = html.replace(/```(\w*)\n([\s\S]*?)```/g, (_m, _lang, code) => {
+    return `<pre><code>${code.trim()}</code></pre>`;
+  });
+  html = html.replace(/`([^`]+)`/g, "<code>$1</code>");
+  html = html.replace(/^###### (.+)$/gm, "<h6>$1</h6>");
+  html = html.replace(/^##### (.+)$/gm, "<h5>$1</h5>");
+  html = html.replace(/^#### (.+)$/gm, "<h4>$1</h4>");
+  html = html.replace(/^### (.+)$/gm, "<h3>$1</h3>");
+  html = html.replace(/^## (.+)$/gm, "<h2>$1</h2>");
+  html = html.replace(/^# (.+)$/gm, "<h1>$1</h1>");
+  html = html.replace(/\*\*\*(.+?)\*\*\*/g, "<strong><em>$1</em></strong>");
+  html = html.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>");
+  html = html.replace(/\*(.+?)\*/g, "<em>$1</em>");
+  html = html.replace(
+    /\[([^\]]+)\]\(([^)]+)\)/g,
+    '<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>'
+  );
+  html = html.replace(/^&gt; (.+)$/gm, "<blockquote>$1</blockquote>");
+  html = html.replace(/(^- .+$(\n^- .+$)*)/gm, (block) => {
+    const items = block.split("\n").map((line) => `<li>${line.replace(/^- /, "")}</li>`).join("");
+    return `<ul>${items}</ul>`;
+  });
+  html = html.replace(/(^\d+\. .+$(\n^\d+\. .+$)*)/gm, (block) => {
+    const items = block.split("\n").map((line) => `<li>${line.replace(/^\d+\. /, "")}</li>`).join("");
+    return `<ol>${items}</ol>`;
+  });
+  html = html.replace(/^---$/gm, "<hr />");
+  html = html.split(/\n\n+/).map((block) => {
+    const trimmed = block.trim();
+    if (!trimmed) return "";
+    if (/^<(h[1-6]|ul|ol|pre|blockquote|hr)/.test(trimmed)) return trimmed;
+    return `<p>${trimmed.replace(/\n/g, "<br />")}</p>`;
+  }).join("\n");
+  return html;
+}
+function ContentRenderer({
+  content,
+  format = "markdown",
+  className
+}) {
+  if (format === "markdown") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className,
+        dangerouslySetInnerHTML: { __html: renderMarkdown(content) }
+      }
+    );
+  }
+  if (format === "html") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className,
+        dangerouslySetInnerHTML: { __html: content }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsx("pre", { style: { whiteSpace: "pre-wrap", fontFamily: "inherit" }, children: content }) });
+}
+function PageHead({
+  title,
+  description,
+  productName,
+  keywords,
+  image,
+  url,
+  favicon,
+  robots = "index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1",
+  locale = "en_US",
+  twitterHandle,
+  themeColor = "#000000",
+  structuredData,
+  additionalMeta
+}) {
+  const fullTitle = productName && !title.includes(productName) ? `${title} | ${productName}` : title;
+  const fullImageUrl = image && !image.startsWith("http") && url ? `${url.replace(/\/$/, "")}${image}` : image;
+  const structuredDataItems = structuredData ? Array.isArray(structuredData) ? structuredData : [structuredData] : [];
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactHelmetAsync.Helmet, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("title", { children: fullTitle }),
+    /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "title", content: fullTitle }),
+    description && /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "description", content: description }),
+    keywords && /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "keywords", content: keywords }),
+    /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "author", content: "Burdenoff Consultancy Services Pvt Ltd" }),
+    /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "robots", content: robots }),
+    url && /* @__PURE__ */ jsxRuntime.jsx("link", { rel: "canonical", href: url }),
+    favicon && /* @__PURE__ */ jsxRuntime.jsx("link", { rel: "icon", href: favicon }),
+    /* @__PURE__ */ jsxRuntime.jsx("meta", { property: "og:type", content: "website" }),
+    /* @__PURE__ */ jsxRuntime.jsx("meta", { property: "og:title", content: fullTitle }),
+    description && /* @__PURE__ */ jsxRuntime.jsx("meta", { property: "og:description", content: description }),
+    fullImageUrl && /* @__PURE__ */ jsxRuntime.jsx("meta", { property: "og:image", content: fullImageUrl }),
+    url && /* @__PURE__ */ jsxRuntime.jsx("meta", { property: "og:url", content: url }),
+    /* @__PURE__ */ jsxRuntime.jsx("meta", { property: "og:locale", content: locale }),
+    productName && /* @__PURE__ */ jsxRuntime.jsx("meta", { property: "og:site_name", content: productName }),
+    /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "twitter:card", content: "summary_large_image" }),
+    /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "twitter:title", content: fullTitle }),
+    description && /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "twitter:description", content: description }),
+    fullImageUrl && /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "twitter:image", content: fullImageUrl }),
+    twitterHandle && /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "twitter:creator", content: twitterHandle }),
+    /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "theme-color", content: themeColor }),
+    structuredDataItems.map((data, index) => /* @__PURE__ */ jsxRuntime.jsx("script", { type: "application/ld+json", children: JSON.stringify(data) }, `ld-${index}`)),
+    additionalMeta?.map((meta, index) => /* @__PURE__ */ jsxRuntime.jsx(
+      "meta",
+      {
+        ...meta.name ? { name: meta.name } : {},
+        ...meta.property ? { property: meta.property } : {},
+        content: meta.content
+      },
+      `meta-${index}`
+    ))
+  ] });
+}
+var BLOG_POSTS_QUERY = `
+  query BlogPosts($productId: String!, $limit: Int, $offset: Int) {
+    publicContentPages(productId: $productId, limit: $limit, offset: $offset) {
+      items {
+        id
+        title
+        slug
+        lastUpdated
+        tags
+        seoDescription
+        excerpt
+        thumbnail
+        author
+        publishedAt
+        readingTime
+        featured
+        category
+      }
+      total
+      hasMore
+    }
+  }
+`;
+var BLOG_POST_QUERY = `
+  query BlogPost($slug: String!, $productId: String) {
+    publicContentPage(slug: $slug, productId: $productId) {
+      id
+      title
+      slug
+      content
+      contentFormat
+      seoTitle
+      seoDescription
+      seoKeywords
+      lastUpdated
+      tags
+      excerpt
+      thumbnail
+      author
+      publishedAt
+      readingTime
+      featured
+      category
+    }
+  }
+`;
+function BlogCard({
+  post,
+  basePath = "/blog"
+}) {
+  const date = post.publishedAt || post.lastUpdated;
+  const formattedDate = date ? new Date(date).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  }) : "";
+  const [imgError, setImgError] = React.useState(false);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "a",
+    {
+      href: `${basePath}/${post.slug}`,
+      className: "group block bg-card border rounded-xl overflow-hidden hover:shadow-lg hover:border-primary/30 transition-all duration-300",
+      children: [
+        post.thumbnail && !imgError ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[16/9] overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: post.thumbnail,
+            alt: post.title,
+            className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-300",
+            loading: "lazy",
+            onError: () => setImgError(true)
+          }
+        ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[16/9] bg-muted/50 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            className: "w-12 h-12 text-muted-foreground/20",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 1.5,
+                d: "M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-5 sm:p-6", children: [
+          post.category && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block text-xs font-medium text-primary bg-primary/10 px-2.5 py-1 rounded-full mb-3", children: post.category }),
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-foreground mb-2 group-hover:text-primary transition-colors line-clamp-2", children: post.title }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-4 line-clamp-3", children: post.excerpt || post.seoDescription || "" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 text-xs text-muted-foreground", children: [
+            post.author && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: post.author }),
+            post.author && formattedDate && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+            formattedDate && /* @__PURE__ */ jsxRuntime.jsx("span", { children: formattedDate }),
+            post.readingTime && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                post.readingTime,
+                " min read"
+              ] })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function BlogListPage(props) {
+  const {
+    productName,
+    heroTitle = "Blog",
+    heroSubtitle = "Latest updates, engineering insights, and product news",
+    blogPostBasePath = "/blog",
+    className = "",
+    seoTitle,
+    seoDescription,
+    seoKeywords
+  } = props;
+  const client = useWebSDK();
+  const config = useWebSDKConfig();
+  const { product } = useProduct();
+  const resolvedProductId = product?.id || config.productId;
+  const [posts, setPosts] = React.useState([]);
+  const [total, setTotal] = React.useState(0);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const [offset, setOffset] = React.useState(0);
+  const limit = 12;
+  const fetchPosts = React.useCallback(async () => {
+    if (!resolvedProductId) return;
+    setLoading(true);
+    try {
+      const result = await client.query(BLOG_POSTS_QUERY, {
+        productId: resolvedProductId,
+        limit,
+        offset
+      });
+      if (result.errors?.length) {
+        setError(result.errors[0]?.message ?? "Failed to load posts");
+        return;
+      }
+      const blogPosts = (result.data?.publicContentPages?.items || []).filter(
+        (p) => p.tags?.includes("blog")
+      );
+      setPosts(blogPosts);
+      setTotal(result.data?.publicContentPages?.total || 0);
+      setError(null);
+    } catch {
+      setError("Failed to load blog posts");
+    } finally {
+      setLoading(false);
+    }
+  }, [client, resolvedProductId, offset]);
+  React.useEffect(() => {
+    fetchPosts();
+  }, [fetchPosts]);
+  const featuredPosts = posts.filter((p) => p.featured);
+  const regularPosts = posts.filter((p) => !p.featured);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `w-full ${className}`, children: [
+    seoTitle && /* @__PURE__ */ jsxRuntime.jsx(
+      PageHead,
+      {
+        title: seoTitle,
+        description: seoDescription || heroSubtitle,
+        productName,
+        keywords: seoKeywords
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("section", { className: "py-16 sm:py-20 md:py-24", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center max-w-3xl mx-auto", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl sm:text-4xl md:text-5xl font-bold tracking-tight text-foreground", children: heroTitle }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 text-lg text-muted-foreground", children: heroSubtitle })
+    ] }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("section", { className: "pb-16 sm:pb-20", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid md:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "bg-card border rounded-xl overflow-hidden animate-pulse",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[16/9] bg-muted" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6 space-y-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded w-1/4" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 bg-muted rounded w-3/4" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded w-1/2" })
+          ] })
+        ]
+      },
+      i
+    )) }) : error ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: error }) }) : posts.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "No blog posts yet. Check back soon!" }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      featuredPosts.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid md:grid-cols-2 gap-6 sm:gap-8 mb-8", children: featuredPosts.map((post) => /* @__PURE__ */ jsxRuntime.jsx(
+        BlogCard,
+        {
+          post,
+          basePath: blogPostBasePath
+        },
+        post.id
+      )) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid md:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8", children: regularPosts.map((post) => /* @__PURE__ */ jsxRuntime.jsx(
+        BlogCard,
+        {
+          post,
+          basePath: blogPostBasePath
+        },
+        post.id
+      )) }),
+      total > limit && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-center gap-4 mt-12", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => setOffset(Math.max(0, offset - limit)),
+            disabled: offset === 0,
+            className: "px-5 py-2.5 text-sm font-medium border rounded-lg disabled:opacity-40 hover:bg-muted transition-colors",
+            children: "Previous"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => setOffset(offset + limit),
+            disabled: offset + limit >= total,
+            className: "px-5 py-2.5 text-sm font-medium border rounded-lg disabled:opacity-40 hover:bg-muted transition-colors",
+            children: "Next"
+          }
+        )
+      ] })
+    ] }) }) })
+  ] });
+}
+function BlogPostPage(props) {
+  const {
+    productName,
+    blogListUrl = "/blog",
+    backLabel = "Back to Blog",
+    className = ""
+  } = props;
+  const client = useWebSDK();
+  const config = useWebSDKConfig();
+  const { product } = useProduct();
+  const resolvedProductId = product?.id || config.productId;
+  const [post, setPost] = React.useState(null);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const slug = typeof window !== "undefined" ? window.location.pathname.split("/").pop() || "" : "";
+  React.useEffect(() => {
+    if (!slug || !resolvedProductId) return;
+    async function fetchPost() {
+      setLoading(true);
+      try {
+        const result = await client.query(BLOG_POST_QUERY, {
+          slug,
+          productId: resolvedProductId
+        });
+        if (result.errors?.length) {
+          setError(result.errors[0]?.message ?? "Failed to load post");
+          return;
+        }
+        setPost(result.data?.publicContentPage ?? null);
+        setError(null);
+      } catch {
+        setError("Failed to load blog post");
+      } finally {
+        setLoading(false);
+      }
+    }
+    fetchPost();
+  }, [client, slug, resolvedProductId]);
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-full ${className}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-24", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "animate-pulse space-y-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 bg-muted rounded w-2/3" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded w-1/3" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[16/9] bg-muted rounded-xl" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded" }, i)) })
+    ] }) }) });
+  }
+  if (error || !post) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-full ${className}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-24 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold mb-4", children: "Post not found" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mb-6", children: error || "This blog post doesn't exist or has been removed." }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "a",
+        {
+          href: blogListUrl,
+          className: "text-primary hover:underline font-medium",
+          children: [
+            "\u2190 ",
+            backLabel
+          ]
+        }
+      )
+    ] }) });
+  }
+  const date = post.publishedAt || post.lastUpdated;
+  const formattedDate = date ? new Date(date).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  }) : "";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `w-full ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PageHead,
+      {
+        title: post.seoTitle || post.title,
+        description: post.seoDescription || post.excerpt || "",
+        productName,
+        keywords: post.seoKeywords || ""
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("article", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-16 sm:py-20", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "a",
+        {
+          href: blogListUrl,
+          className: "inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground mb-8 transition-colors",
+          children: [
+            "\u2190 ",
+            backLabel
+          ]
+        }
+      ),
+      post.category && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block text-xs font-medium text-primary bg-primary/10 px-2.5 py-1 rounded-full mb-4", children: post.category }),
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl sm:text-4xl md:text-5xl font-bold tracking-tight text-foreground mb-4", children: post.title }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 text-sm text-muted-foreground mb-8", children: [
+        post.author && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: post.author }),
+        post.author && formattedDate && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+        formattedDate && /* @__PURE__ */ jsxRuntime.jsx("span", { children: formattedDate }),
+        post.readingTime && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            post.readingTime,
+            " min read"
+          ] })
+        ] })
+      ] }),
+      post.thumbnail && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[16/9] rounded-xl overflow-hidden mb-10", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: post.thumbnail,
+          alt: post.title,
+          className: "w-full h-full object-cover"
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "prose prose-gray dark:prose-invert max-w-none", children: /* @__PURE__ */ jsxRuntime.jsx(ContentRenderer, { content: post.content, format: post.contentFormat }) })
+    ] })
+  ] });
+}
+var CASE_STUDY_TAG = "case-study";
+var CASE_STUDIES_QUERY = `
+  query CaseStudies($productId: String!, $limit: Int, $offset: Int) {
+    publicContentPages(productId: $productId, limit: $limit, offset: $offset) {
+      items {
+        id
+        title
+        slug
+        lastUpdated
+        tags
+        seoDescription
+        excerpt
+        thumbnail
+        author
+        publishedAt
+        readingTime
+        featured
+        category
+      }
+      total
+      hasMore
+    }
+  }
+`;
+var CASE_STUDY_QUERY = `
+  query CaseStudy($slug: String!, $productId: String) {
+    publicContentPage(slug: $slug, productId: $productId) {
+      id
+      title
+      slug
+      content
+      contentFormat
+      seoTitle
+      seoDescription
+      seoKeywords
+      lastUpdated
+      tags
+      excerpt
+      thumbnail
+      author
+      publishedAt
+      readingTime
+      featured
+      category
+    }
+  }
+`;
+function CaseStudyCard({
+  post,
+  basePath = "/case-studies"
+}) {
+  const date = post.publishedAt || post.lastUpdated;
+  const formattedDate = date ? new Date(date).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  }) : "";
+  const [imgError, setImgError] = React.useState(false);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "a",
+    {
+      href: `${basePath}/${post.slug}`,
+      className: "group block bg-card border rounded-xl overflow-hidden hover:shadow-lg hover:border-primary/30 transition-all duration-300",
+      children: [
+        post.thumbnail && !imgError ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[16/9] overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: post.thumbnail,
+            alt: post.title,
+            className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-300",
+            loading: "lazy",
+            onError: () => setImgError(true)
+          }
+        ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[16/9] bg-muted/50 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            className: "w-12 h-12 text-muted-foreground/20",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 1.5,
+                d: "M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-5 sm:p-6", children: [
+          post.category && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block text-xs font-medium text-primary bg-primary/10 px-2.5 py-1 rounded-full mb-3", children: post.category }),
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-foreground mb-2 group-hover:text-primary transition-colors line-clamp-2", children: post.title }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-4 line-clamp-3", children: post.excerpt || post.seoDescription || "" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 text-xs text-muted-foreground", children: [
+            post.author && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: post.author }),
+            post.author && formattedDate && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+            formattedDate && /* @__PURE__ */ jsxRuntime.jsx("span", { children: formattedDate }),
+            post.readingTime && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                post.readingTime,
+                " min read"
+              ] })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function CaseStudiesListPage(props) {
+  const {
+    productName,
+    heroTitle = "Case Studies",
+    heroSubtitle = "Real-world stories of teams building with our platform",
+    caseStudyBasePath = "/case-studies",
+    className = "",
+    seoTitle,
+    seoDescription,
+    seoKeywords
+  } = props;
+  const client = useWebSDK();
+  const config = useWebSDKConfig();
+  const { product } = useProduct();
+  const resolvedProductId = product?.id || config.productId;
+  const [posts, setPosts] = React.useState([]);
+  const [total, setTotal] = React.useState(0);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const [offset, setOffset] = React.useState(0);
+  const limit = 12;
+  const fetchPosts = React.useCallback(async () => {
+    if (!resolvedProductId) return;
+    setLoading(true);
+    try {
+      const result = await client.query(CASE_STUDIES_QUERY, {
+        productId: resolvedProductId,
+        limit,
+        offset
+      });
+      if (result.errors?.length) {
+        setError(result.errors[0]?.message ?? "Failed to load case studies");
+        return;
+      }
+      const caseStudies = (result.data?.publicContentPages?.items || []).filter(
+        (p) => p.tags?.includes(CASE_STUDY_TAG)
+      );
+      setPosts(caseStudies);
+      setTotal(result.data?.publicContentPages?.total || 0);
+      setError(null);
+    } catch {
+      setError("Failed to load case studies");
+    } finally {
+      setLoading(false);
+    }
+  }, [client, resolvedProductId, offset]);
+  React.useEffect(() => {
+    fetchPosts();
+  }, [fetchPosts]);
+  const featuredPosts = posts.filter((p) => p.featured);
+  const regularPosts = posts.filter((p) => !p.featured);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `w-full ${className}`, children: [
+    seoTitle && /* @__PURE__ */ jsxRuntime.jsx(
+      PageHead,
+      {
+        title: seoTitle,
+        description: seoDescription || heroSubtitle,
+        productName,
+        keywords: seoKeywords
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("section", { className: "py-16 sm:py-20 md:py-24", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center max-w-3xl mx-auto", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl sm:text-4xl md:text-5xl font-bold tracking-tight text-foreground", children: heroTitle }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 text-lg text-muted-foreground", children: heroSubtitle })
+    ] }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("section", { className: "pb-16 sm:pb-20", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid md:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "bg-card border rounded-xl overflow-hidden animate-pulse",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[16/9] bg-muted" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6 space-y-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded w-1/4" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 bg-muted rounded w-3/4" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded w-1/2" })
+          ] })
+        ]
+      },
+      i
+    )) }) : error ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: error }) }) : posts.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "No case studies yet. Check back soon!" }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      featuredPosts.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid md:grid-cols-2 gap-6 sm:gap-8 mb-8", children: featuredPosts.map((post) => /* @__PURE__ */ jsxRuntime.jsx(
+        CaseStudyCard,
+        {
+          post,
+          basePath: caseStudyBasePath
+        },
+        post.id
+      )) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid md:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8", children: regularPosts.map((post) => /* @__PURE__ */ jsxRuntime.jsx(
+        CaseStudyCard,
+        {
+          post,
+          basePath: caseStudyBasePath
+        },
+        post.id
+      )) }),
+      total > limit && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-center gap-4 mt-12", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => setOffset(Math.max(0, offset - limit)),
+            disabled: offset === 0,
+            className: "px-5 py-2.5 text-sm font-medium border rounded-lg disabled:opacity-40 hover:bg-muted transition-colors",
+            children: "Previous"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => setOffset(offset + limit),
+            disabled: offset + limit >= total,
+            className: "px-5 py-2.5 text-sm font-medium border rounded-lg disabled:opacity-40 hover:bg-muted transition-colors",
+            children: "Next"
+          }
+        )
+      ] })
+    ] }) }) })
+  ] });
+}
+function CaseStudyPage(props) {
+  const {
+    productName,
+    caseStudiesListUrl = "/case-studies",
+    backLabel = "Back to Case Studies",
+    className = ""
+  } = props;
+  const client = useWebSDK();
+  const config = useWebSDKConfig();
+  const { product } = useProduct();
+  const resolvedProductId = product?.id || config.productId;
+  const [post, setPost] = React.useState(null);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const slug = typeof window !== "undefined" ? window.location.pathname.split("/").pop() || "" : "";
+  React.useEffect(() => {
+    if (!slug || !resolvedProductId) return;
+    async function fetchPost() {
+      setLoading(true);
+      try {
+        const result = await client.query(CASE_STUDY_QUERY, {
+          slug,
+          productId: resolvedProductId
+        });
+        if (result.errors?.length) {
+          setError(result.errors[0]?.message ?? "Failed to load case study");
+          return;
+        }
+        setPost(result.data?.publicContentPage ?? null);
+        setError(null);
+      } catch {
+        setError("Failed to load case study");
+      } finally {
+        setLoading(false);
+      }
+    }
+    fetchPost();
+  }, [client, slug, resolvedProductId]);
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-full ${className}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-24", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "animate-pulse space-y-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 bg-muted rounded w-2/3" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded w-1/3" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[16/9] bg-muted rounded-xl" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded" }, i)) })
+    ] }) }) });
+  }
+  if (error || !post) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-full ${className}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-24 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold mb-4", children: "Case study not found" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mb-6", children: error || "This case study doesn't exist or has been removed." }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "a",
+        {
+          href: caseStudiesListUrl,
+          className: "text-primary hover:underline font-medium",
+          children: [
+            "\u2190 ",
+            backLabel
+          ]
+        }
+      )
+    ] }) });
+  }
+  const date = post.publishedAt || post.lastUpdated;
+  const formattedDate = date ? new Date(date).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  }) : "";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `w-full ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PageHead,
+      {
+        title: post.seoTitle || post.title,
+        description: post.seoDescription || post.excerpt || "",
+        productName,
+        keywords: post.seoKeywords || ""
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("article", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-16 sm:py-20", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "a",
+        {
+          href: caseStudiesListUrl,
+          className: "inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground mb-8 transition-colors",
+          children: [
+            "\u2190 ",
+            backLabel
+          ]
+        }
+      ),
+      post.category && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block text-xs font-medium text-primary bg-primary/10 px-2.5 py-1 rounded-full mb-4", children: post.category }),
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl sm:text-4xl md:text-5xl font-bold tracking-tight text-foreground mb-4", children: post.title }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 text-sm text-muted-foreground mb-8", children: [
+        post.author && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: post.author }),
+        post.author && formattedDate && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+        formattedDate && /* @__PURE__ */ jsxRuntime.jsx("span", { children: formattedDate }),
+        post.readingTime && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            post.readingTime,
+            " min read"
+          ] })
+        ] })
+      ] }),
+      post.thumbnail && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[16/9] rounded-xl overflow-hidden mb-10", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: post.thumbnail,
+          alt: post.title,
+          className: "w-full h-full object-cover"
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "prose prose-gray dark:prose-invert max-w-none", children: /* @__PURE__ */ jsxRuntime.jsx(ContentRenderer, { content: post.content, format: post.contentFormat }) })
+    ] })
+  ] });
+}
+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 CHANGELOG_TAG = "changelog";
+var CHANGELOG_LIST_QUERY = `
+  query ChangelogList($productId: String!, $limit: Int, $offset: Int) {
+    publicContentPages(productId: $productId, limit: $limit, offset: $offset) {
+      items {
+        id
+        title
+        slug
+        lastUpdated
+        tags
+        excerpt
+        seoDescription
+        thumbnail
+        author
+        publishedAt
+        readingTime
+        featured
+        category
+      }
+      total
+      hasMore
+    }
+  }
+`;
+var CHANGELOG_ENTRY_QUERY = `
+  query ChangelogEntry($slug: String!, $productId: String) {
+    publicContentPage(slug: $slug, productId: $productId) {
+      content
+      contentFormat
+    }
+  }
+`;
+function formatDate(value) {
+  if (!value) return "";
+  return new Date(value).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  });
+}
+function sortByDateDesc(a, b) {
+  const da = new Date(a.publishedAt || a.lastUpdated || 0).getTime();
+  const db = new Date(b.publishedAt || b.lastUpdated || 0).getTime();
+  return db - da;
+}
+function normalize(value) {
+  return value.toLowerCase().trim();
+}
+function paginate(items, page, pageSize) {
+  const start = (page - 1) * pageSize;
+  return items.slice(start, start + pageSize);
+}
+function parseEntryDate(date) {
+  return new Date(date).getTime();
+}
+function useCmsChangelog() {
+  const client = useWebSDK();
+  const config = useWebSDKConfig();
+  const { product } = useProduct();
+  const resolvedProductId = product?.id || config.productId;
+  const [entries, setEntries] = React.useState([]);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const fetchEntries = React.useCallback(async () => {
+    if (!resolvedProductId) {
+      setLoading(false);
+      return;
+    }
+    setLoading(true);
+    try {
+      const listResult = await client.query(CHANGELOG_LIST_QUERY, {
+        productId: resolvedProductId,
+        limit: 50,
+        offset: 0
+      });
+      if (listResult.errors?.length) {
+        setError(listResult.errors[0]?.message ?? "Failed to load changelog");
+        return;
+      }
+      const changelogItems = (listResult.data?.publicContentPages?.items || []).filter((p) => p.tags?.includes(CHANGELOG_TAG)).sort(sortByDateDesc);
+      const resolved = await Promise.all(
+        changelogItems.map(async (item) => {
+          try {
+            const detail = await client.query(CHANGELOG_ENTRY_QUERY, {
+              slug: item.slug,
+              productId: resolvedProductId
+            });
+            const page = detail.data?.publicContentPage;
+            return {
+              ...item,
+              content: page?.content,
+              contentFormat: page?.contentFormat
+            };
+          } catch {
+            return { ...item };
+          }
+        })
+      );
+      setEntries(resolved);
+      setError(null);
+    } catch {
+      setError("Failed to load changelog");
+    } finally {
+      setLoading(false);
+    }
+  }, [client, resolvedProductId]);
+  React.useEffect(() => {
+    fetchEntries();
+  }, [fetchEntries]);
+  return { entries, loading, error };
+}
+function CmsTimeline(props) {
+  const { entries, loading, error } = props;
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-3xl mx-auto space-y-12", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "rounded-2xl border border-border/40 bg-card overflow-hidden animate-pulse",
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6 sm:p-8 space-y-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 bg-muted rounded w-1/3" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 bg-muted rounded w-2/3" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded w-5/6" })
+        ] })
+      },
+      i
+    )) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: error }) });
+  }
+  if (entries.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "No changelog entries yet. Check back soon!" }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-3xl mx-auto space-y-12", children: entries.map((entry) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "article",
+    {
+      id: entry.slug,
+      className: "rounded-2xl border border-border/40 bg-card overflow-hidden scroll-mt-24",
+      children: [
+        entry.thumbnail && /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: entry.thumbnail,
+            alt: "",
+            width: 1024,
+            height: 576,
+            loading: "lazy",
+            decoding: "async",
+            className: "w-full aspect-video object-cover border-b border-border/40"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6 sm:p-8", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground mb-2", children: [
+            entry.publishedAt && /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: entry.publishedAt, children: formatDate(entry.publishedAt || entry.lastUpdated) }),
+            entry.author && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              " \xB7 ",
+              entry.author
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl sm:text-2xl font-bold text-foreground mb-4", children: entry.title }),
+          entry.content ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "prose prose-sm prose-gray dark:prose-invert max-w-none", children: /* @__PURE__ */ jsxRuntime.jsx(
+            ContentRenderer,
+            {
+              content: entry.content,
+              format: entry.contentFormat
+            }
+          ) }) : entry.excerpt && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground leading-relaxed", children: entry.excerpt })
+        ] })
+      ]
+    },
+    entry.id
+  )) });
+}
+function EntryContent({ content }) {
+  if (typeof content === "string") {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "prose prose-sm prose-gray dark:prose-invert max-w-none", children: /* @__PURE__ */ jsxRuntime.jsx(ContentRenderer, { content, format: "markdown" }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "prose prose-sm max-w-none", children: content });
+}
+function EntriesTimeline(props) {
+  const { entries, pageSize, productName } = props;
+  const [query, setQuery] = React.useState("");
+  const [selectedCategory, setSelectedCategory] = React.useState(null);
+  const [page, setPage] = React.useState(1);
+  const categories = React.useMemo(
+    () => Array.from(new Set(entries.map((e) => e.category))).sort(),
+    [entries]
+  );
+  const filtered = React.useMemo(() => {
+    const normalized = normalize(query);
+    return entries.filter((entry) => {
+      if (selectedCategory && entry.category !== selectedCategory) {
+        return false;
+      }
+      if (!normalized) return true;
+      const haystack = [
+        entry.title,
+        entry.version,
+        entry.category,
+        ...entry.tags ?? [],
+        typeof entry.content === "string" ? entry.content : ""
+      ].join(" ").toLowerCase();
+      return haystack.includes(normalized);
+    }).sort((a, b) => parseEntryDate(b.date) - parseEntryDate(a.date));
+  }, [entries, query, selectedCategory]);
+  const totalPages = Math.max(1, Math.ceil(filtered.length / pageSize));
+  const safePage = Math.min(page, totalPages);
+  const pageItems = paginate(filtered, safePage, pageSize);
+  React.useEffect(() => {
+    setPage(1);
+  }, [query, selectedCategory]);
+  if (entries.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "No changelog entries yet. Check back soon!" }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-3xl mx-auto", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-8 space-y-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          lucideReact.Search,
+          {
+            className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground",
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Input,
+          {
+            type: "search",
+            placeholder: "Search releases, features, fixes\u2026",
+            value: query,
+            onChange: (e) => setQuery(e.target.value),
+            className: "pl-9",
+            "aria-label": "Search changelog"
+          }
+        )
+      ] }),
+      categories.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setSelectedCategory(null),
+            className: cn(
+              "px-3 py-1 rounded-full text-xs font-medium border transition-colors",
+              selectedCategory === null ? "bg-primary text-primary-foreground border-primary" : "bg-background text-muted-foreground border-border/60 hover:border-primary/40"
+            ),
+            children: "All"
+          }
+        ),
+        categories.map((category) => /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setSelectedCategory(category),
+            className: cn(
+              "px-3 py-1 rounded-full text-xs font-medium border transition-colors",
+              selectedCategory === category ? "bg-primary text-primary-foreground border-primary" : "bg-background text-muted-foreground border-border/60 hover:border-primary/40"
+            ),
+            children: category
+          },
+          category
+        ))
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "absolute left-[1.125rem] top-3 bottom-3 w-px bg-border/60 hidden sm:block",
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-8", children: pageItems.map((entry) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "article",
+        {
+          className: "relative sm:pl-12",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: "hidden sm:flex absolute left-2 top-2 h-5 w-5 items-center justify-center rounded-full border-2 border-background bg-primary ring-1 ring-border/40",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-2 w-2 rounded-full bg-primary-foreground" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-2xl border border-border/40 bg-card overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6 sm:p-8", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2 mb-3", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center rounded-md bg-primary/10 px-2 py-1 text-xs font-medium text-primary", children: entry.category }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center rounded-md bg-muted px-2 py-1 text-xs font-mono font-medium text-muted-foreground", children: [
+                  "v",
+                  entry.version
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "time",
+                  {
+                    className: "text-xs text-muted-foreground",
+                    dateTime: entry.date,
+                    children: formatDate(entry.date)
+                  }
+                )
+              ] }),
+              entry.tags && entry.tags.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1.5 mb-3", children: entry.tags.map((tag) => /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: "text-[10px] uppercase tracking-wide text-muted-foreground bg-background border border-border/40 px-1.5 py-0.5 rounded",
+                  children: tag
+                },
+                tag
+              )) }),
+              /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl sm:text-2xl font-bold text-foreground mb-4", children: entry.title }),
+              /* @__PURE__ */ jsxRuntime.jsx(EntryContent, { content: entry.content })
+            ] }) })
+          ]
+        },
+        `${entry.version}-${entry.date}`
+      )) })
+    ] }),
+    pageItems.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "No entries match your filters." }) }),
+    totalPages > 1 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-10 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground", children: [
+        "Page ",
+        safePage,
+        " of ",
+        totalPages,
+        " \xB7 ",
+        filtered.length,
+        " entries"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => setPage((p) => Math.max(1, p - 1)),
+            disabled: safePage <= 1,
+            "aria-label": "Previous page",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => setPage((p) => Math.min(totalPages, p + 1)),
+            disabled: safePage >= totalPages,
+            "aria-label": "Next page",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" })
+          }
+        )
+      ] })
+    ] }),
+    productName && pageItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("script", { type: "application/ld+json", children: JSON.stringify({
+      "@context": "https://schema.org",
+      "@type": "ItemList",
+      name: `${productName} Changelog`,
+      itemListElement: pageItems.map((entry, index) => ({
+        "@type": "ListItem",
+        position: (safePage - 1) * pageSize + index + 1,
+        name: entry.title,
+        description: typeof entry.content === "string" ? entry.content.slice(0, 200) : void 0,
+        datePublished: entry.date
+      }))
+    }) })
+  ] });
+}
+function ChangelogPage(props) {
+  const {
+    productName,
+    heroEyebrow = "What's new",
+    heroTitle = "Changelog",
+    heroSubtitle = "Platform updates, improvements, and announcements \u2014 newest first.",
+    ctaTitle,
+    ctaSubtitle,
+    ctaHref,
+    ctaLabel,
+    className = "",
+    seoTitle,
+    seoDescription,
+    seoKeywords,
+    entries,
+    pageSize = 10
+  } = props;
+  const { product } = useProduct();
+  const resolvedProductName = productName || product?.name;
+  const cms = useCmsChangelog();
+  const showCta = Boolean(ctaHref && ctaLabel);
+  const isPropDriven = entries != null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `w-full ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PageHead,
+      {
+        title: seoTitle || heroTitle,
+        description: seoDescription || heroSubtitle,
+        productName: resolvedProductName,
+        keywords: seoKeywords
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("section", { className: "py-16 md:py-20 px-4 sm:px-6 lg:px-8 text-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-3xl mx-auto", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-primary/10 border border-primary/20 text-xs font-medium text-primary mb-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.History, { className: "h-3.5 w-3.5", "aria-hidden": "true" }),
+        heroEyebrow
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-4xl sm:text-5xl font-bold text-foreground mb-4", children: heroTitle }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg text-muted-foreground", children: heroSubtitle })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("section", { className: "px-4 sm:px-6 lg:px-8 pb-20", children: isPropDriven ? /* @__PURE__ */ jsxRuntime.jsx(
+      EntriesTimeline,
+      {
+        entries,
+        pageSize,
+        productName: resolvedProductName
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      CmsTimeline,
+      {
+        entries: cms.entries,
+        loading: cms.loading,
+        error: cms.error
+      }
+    ) }),
+    showCta && /* @__PURE__ */ jsxRuntime.jsx("section", { className: "py-14 px-4 sm:px-6 lg:px-8 bg-primary/5 border-t border-border/40", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-2xl mx-auto text-center", children: [
+      ctaTitle && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold text-foreground mb-3", children: ctaTitle }),
+      ctaSubtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mb-7", children: ctaSubtitle }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: ctaHref,
+          className: "inline-flex items-center justify-center rounded-lg bg-primary px-6 py-3 text-sm font-medium text-primary-foreground hover:opacity-90 transition-opacity",
+          children: ctaLabel
+        }
+      )
+    ] }) })
+  ] });
+}
+
+// src/content/utils.ts
+function formatBytes(bytes) {
+  if (bytes == null) return "";
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(0)} KB`;
+  return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
+}
+function fileExt(file) {
+  const name = file.fileName || file.fileUrl.split("/").pop()?.split("?")[0] || "";
+  const ext = name.split(".").pop();
+  return ext && ext !== name ? ext.toUpperCase() : "FILE";
+}
+async function downloadFile(e, file) {
+  e.preventDefault();
+  const openInTab = () => window.open(file.fileUrl, "_blank", "noopener,noreferrer");
+  const name = file.fileName || file.fileUrl.split("/").pop()?.split("?")[0] || file.title || "download";
+  try {
+    const res = await fetch(file.fileUrl, { mode: "cors" });
+    if (!res.ok) {
+      openInTab();
+      return;
+    }
+    const blob = await res.blob();
+    const objUrl = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = objUrl;
+    a.download = name;
+    document.body.appendChild(a);
+    a.click();
+    a.remove();
+    URL.revokeObjectURL(objUrl);
+  } catch {
+    openInTab();
+  }
+}
+var PRESS_KIT_QUERY = `
+  query PublicPressKit($productId: String!, $limit: Int, $offset: Int) {
+    publicPressKitAssets(productId: $productId, limit: $limit, offset: $offset) {
+      items {
+        id
+        category
+        title
+        slug
+        description
+        fileUrl
+        fileName
+        fileSize
+        mimeType
+        thumbnailUrl
+        version
+        tags
+        sortOrder
+        updatedAt
+      }
+      total
+      hasMore
+    }
+  }
+`;
+var PRESS_RELEASES_QUERY = `
+  query PublicPressReleases($productId: String!, $limit: Int, $offset: Int) {
+    publicContentPages(productId: $productId, limit: $limit, offset: $offset) {
+      items {
+        id
+        title
+        slug
+        lastUpdated
+        tags
+        seoDescription
+        excerpt
+        thumbnail
+        author
+        publishedAt
+        readingTime
+        featured
+        category
+      }
+      total
+      hasMore
+    }
+  }
+`;
+var CATEGORY_ORDER = [
+  "LOGO",
+  "BANNER",
+  "SCREENSHOT",
+  "BRAND_GUIDE",
+  "BROCHURE",
+  "DOCUMENT",
+  "PRESS_RELEASE"
+];
+var CATEGORY_LABELS = {
+  LOGO: "Logos",
+  BANNER: "Banners",
+  SCREENSHOT: "Screenshots",
+  BRAND_GUIDE: "Brand Guides",
+  BROCHURE: "Brochures",
+  DOCUMENT: "Documents",
+  PRESS_RELEASE: "Press Releases"
+};
+function isImageAsset(a) {
+  return (a.mimeType || "").startsWith("image/");
+}
+function PressKitLightbox({
+  asset,
+  onClose
+}) {
+  React.useEffect(() => {
+    if (!asset) return;
+    const onKey = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", onKey);
+    const prevOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.removeEventListener("keydown", onKey);
+      document.body.style.overflow = prevOverflow;
+    };
+  }, [asset, onClose]);
+  if (!asset) return null;
+  const ext = (asset.mimeType || "file").split("/").pop()?.toUpperCase() || "FILE";
+  const size = formatBytes(asset.fileSize);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": `${asset.title} preview`,
+      onClick: onClose,
+      className: "fixed inset-0 z-50 flex items-center justify-center bg-black/80 p-4 sm:p-8",
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          onClick: (e) => e.stopPropagation(),
+          className: "relative flex max-h-full w-full max-w-4xl flex-col overflow-hidden rounded-xl border bg-card shadow-2xl",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-4 border-b p-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "truncate text-sm font-semibold text-foreground", children: asset.title }),
+                /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground", children: [
+                  ext,
+                  size ? ` \xB7 ${size}` : ""
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: onClose,
+                  "aria-label": "Close preview",
+                  className: "shrink-0 rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "svg",
+                    {
+                      className: "h-5 w-5",
+                      fill: "none",
+                      viewBox: "0 0 24 24",
+                      stroke: "currentColor",
+                      strokeWidth: 2,
+                      children: /* @__PURE__ */ jsxRuntime.jsx(
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          d: "M6 18L18 6M6 6l12 12"
+                        }
+                      )
+                    }
+                  )
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 items-center justify-center overflow-auto bg-muted/20 p-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                src: asset.fileUrl,
+                alt: asset.title,
+                className: "max-h-[70vh] w-auto max-w-full object-contain"
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end border-t p-4", children: /* @__PURE__ */ jsxRuntime.jsxs(
+              "a",
+              {
+                href: asset.fileUrl,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                download: true,
+                onClick: (e) => {
+                  void downloadFile(e, asset);
+                },
+                className: "inline-flex items-center gap-1.5 rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-opacity hover:opacity-90",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "svg",
+                    {
+                      className: "h-4 w-4",
+                      fill: "none",
+                      viewBox: "0 0 24 24",
+                      stroke: "currentColor",
+                      strokeWidth: 2,
+                      children: /* @__PURE__ */ jsxRuntime.jsx(
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
+                        }
+                      )
+                    }
+                  ),
+                  "Download"
+                ]
+              }
+            ) })
+          ]
+        }
+      )
+    }
+  );
+}
+function AssetCard({
+  asset,
+  onPreview
+}) {
+  const date = asset.updatedAt ? new Date(asset.updatedAt).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "short",
+    day: "numeric"
+  }) : "";
+  const ext = (asset.mimeType || "file").split("/").pop()?.toUpperCase() || "FILE";
+  const size = formatBytes(asset.fileSize);
+  const [imgError, setImgError] = React.useState(false);
+  const thumb = asset.thumbnailUrl && !imgError ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[16/9] overflow-hidden bg-muted/30", children: /* @__PURE__ */ jsxRuntime.jsx(
+    "img",
+    {
+      src: asset.thumbnailUrl,
+      alt: asset.title,
+      className: "w-full h-full object-contain group-hover:scale-105 transition-transform duration-300",
+      loading: "lazy",
+      onError: () => setImgError(true)
+    }
+  ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[16/9] bg-muted/50 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      className: "w-12 h-12 text-muted-foreground/20",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 1.5,
+          d: "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z"
+        }
+      )
+    }
+  ) });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group flex flex-col bg-card border rounded-xl overflow-hidden hover:shadow-lg hover:border-primary/30 transition-all duration-300", children: [
+    onPreview && isImageAsset(asset) ? /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => onPreview(asset),
+        "aria-label": `Preview ${asset.title}`,
+        className: "block w-full text-left cursor-zoom-in",
+        children: thumb
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        href: asset.fileUrl,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        "aria-label": `Open ${asset.title}`,
+        className: "block",
+        children: thumb
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col flex-1 p-5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block self-start text-xs font-medium text-primary bg-primary/10 px-2.5 py-1 rounded-full mb-3", children: CATEGORY_LABELS[asset.category] ?? asset.category }),
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-semibold text-foreground mb-1 line-clamp-2", children: asset.title }),
+      asset.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-3 line-clamp-2", children: asset.description }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-auto flex items-center justify-between pt-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: ext }),
+          size && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: size })
+          ] }),
+          date && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: date })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "a",
+          {
+            href: asset.fileUrl,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            download: true,
+            onClick: (e) => {
+              void downloadFile(e, asset);
+            },
+            className: "inline-flex items-center gap-1.5 text-sm font-medium text-primary hover:underline",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "svg",
+                {
+                  className: "w-4 h-4",
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  stroke: "currentColor",
+                  strokeWidth: 2,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
+                    }
+                  )
+                }
+              ),
+              "Download"
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function PressReleaseCard({
+  release,
+  basePath
+}) {
+  const date = release.publishedAt || release.lastUpdated;
+  const formattedDate = date ? new Date(date).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  }) : "";
+  const [imgError, setImgError] = React.useState(false);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "a",
+    {
+      href: `${basePath}/${release.slug}`,
+      className: "group flex flex-col bg-card border rounded-xl overflow-hidden hover:shadow-lg hover:border-primary/30 transition-all duration-300",
+      children: [
+        release.thumbnail && !imgError ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[16/9] overflow-hidden bg-muted/30", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: release.thumbnail,
+            alt: release.title,
+            className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-300",
+            loading: "lazy",
+            onError: () => setImgError(true)
+          }
+        ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[16/9] bg-muted/50 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            className: "w-12 h-12 text-muted-foreground/20",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 1.5,
+                d: "M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m-1 13a2 2 0 01-2-2V7m3 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z"
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col flex-1 p-5 sm:p-6", children: [
+          release.category && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block self-start text-xs font-medium text-primary bg-primary/10 px-2.5 py-1 rounded-full mb-3", children: release.category }),
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-foreground mb-2 group-hover:text-primary transition-colors line-clamp-2", children: release.title }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-4 line-clamp-3", children: release.excerpt || release.seoDescription || "" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-auto flex items-center gap-3 text-xs text-muted-foreground", children: [
+            release.author && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: release.author }),
+            release.author && formattedDate && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+            formattedDate && /* @__PURE__ */ jsxRuntime.jsx("span", { children: formattedDate }),
+            release.readingTime ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                release.readingTime,
+                " min read"
+              ] })
+            ] }) : null
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function PressKitPage(props) {
+  const {
+    productName,
+    heroTitle = "Press & Media Kit",
+    heroSubtitle = "Official logos, brand assets, and media resources. Everything you need to write about us.",
+    mediaContactEmail,
+    brandKitUrl,
+    className = "",
+    seoTitle,
+    seoDescription,
+    seoKeywords,
+    showPressReleases = true,
+    pressReleaseBasePath = "/press",
+    pressReleasesTitle = "Press Releases"
+  } = props;
+  const client = useWebSDK();
+  const config = useWebSDKConfig();
+  const { product } = useProduct();
+  const resolvedProductId = product?.id || config.productId;
+  const contactEmail = mediaContactEmail || product?.contactEmail || void 0;
+  const [assets, setAssets] = React.useState([]);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const [activeCategory, setActiveCategory] = React.useState("ALL");
+  const [releases, setReleases] = React.useState([]);
+  const [releasesLoading, setReleasesLoading] = React.useState(true);
+  const [preview, setPreview] = React.useState(null);
+  const fetchAssets = React.useCallback(async () => {
+    if (!resolvedProductId) {
+      setLoading(false);
+      return;
+    }
+    setLoading(true);
+    try {
+      const PAGE_SIZE = 100;
+      const MAX_PAGES = 10;
+      const all = [];
+      let offset = 0;
+      for (let pageNum = 0; pageNum < MAX_PAGES; pageNum++) {
+        const result = await client.query(PRESS_KIT_QUERY, {
+          productId: resolvedProductId,
+          limit: PAGE_SIZE,
+          offset
+        });
+        if (result.errors?.length) {
+          setError(result.errors[0]?.message ?? "Failed to load press kit");
+          return;
+        }
+        const page = result.data?.publicPressKitAssets;
+        const items = page?.items || [];
+        all.push(...items);
+        if (!page?.hasMore || items.length === 0) break;
+        offset += PAGE_SIZE;
+      }
+      setAssets(all);
+      setError(null);
+    } catch {
+      setError("Failed to load press kit");
+    } finally {
+      setLoading(false);
+    }
+  }, [client, resolvedProductId]);
+  React.useEffect(() => {
+    fetchAssets();
+  }, [fetchAssets]);
+  const fetchReleases = React.useCallback(async () => {
+    if (!resolvedProductId || !showPressReleases) {
+      setReleasesLoading(false);
+      return;
+    }
+    setReleasesLoading(true);
+    try {
+      const PAGE_SIZE = 100;
+      const MAX_PAGES = 10;
+      const all = [];
+      let offset = 0;
+      for (let pageNum = 0; pageNum < MAX_PAGES; pageNum++) {
+        const result = await client.query(PRESS_RELEASES_QUERY, {
+          productId: resolvedProductId,
+          limit: PAGE_SIZE,
+          offset
+        });
+        if (result.errors?.length) {
+          setReleases([]);
+          return;
+        }
+        const page = result.data?.publicContentPages;
+        const items = page?.items || [];
+        all.push(...items);
+        if (!page?.hasMore || items.length === 0) break;
+        offset += PAGE_SIZE;
+      }
+      const pressOnly = all.filter((p) => p.tags?.includes("press")).sort((a, b) => {
+        const da = new Date(a.publishedAt || a.lastUpdated || 0).getTime();
+        const db = new Date(b.publishedAt || b.lastUpdated || 0).getTime();
+        return db - da;
+      });
+      setReleases(pressOnly);
+    } catch {
+      setReleases([]);
+    } finally {
+      setReleasesLoading(false);
+    }
+  }, [client, resolvedProductId, showPressReleases]);
+  React.useEffect(() => {
+    fetchReleases();
+  }, [fetchReleases]);
+  const presentCategories = CATEGORY_ORDER.filter(
+    (c) => assets.some((a) => a.category === c)
+  );
+  const visibleAssets = activeCategory === "ALL" ? assets : assets.filter((a) => a.category === activeCategory);
+  const grouped = (activeCategory === "ALL" ? presentCategories : [activeCategory]).map((cat) => ({
+    cat,
+    items: visibleAssets.filter((a) => a.category === cat).sort((a, b) => a.sortOrder - b.sortOrder)
+  })).filter((g) => g.items.length > 0);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `w-full ${className}`, children: [
+    seoTitle && /* @__PURE__ */ jsxRuntime.jsx(
+      PageHead,
+      {
+        title: seoTitle,
+        description: seoDescription || heroSubtitle,
+        productName,
+        keywords: seoKeywords
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("section", { className: "py-16 sm:py-20 md:py-24", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center max-w-3xl mx-auto", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl sm:text-4xl md:text-5xl font-bold tracking-tight text-foreground", children: heroTitle }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 text-lg text-muted-foreground", children: heroSubtitle }),
+      (brandKitUrl || contactEmail) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8 flex flex-wrap items-center justify-center gap-4", children: [
+        brandKitUrl && /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: brandKitUrl,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "inline-flex items-center gap-2 px-6 py-3 rounded-lg bg-primary text-primary-foreground font-medium hover:opacity-90 transition-opacity",
+            children: "Download brand kit"
+          }
+        ),
+        contactEmail && /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: `mailto:${contactEmail}`,
+            className: "inline-flex items-center gap-2 px-6 py-3 rounded-lg border font-medium text-foreground hover:bg-muted transition-colors",
+            children: "Media inquiries"
+          }
+        )
+      ] })
+    ] }) }) }),
+    showPressReleases && (releasesLoading || releases.length > 0) && /* @__PURE__ */ jsxRuntime.jsx("section", { className: "pb-16 sm:pb-20", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-semibold text-foreground mb-6", children: pressReleasesTitle }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid sm:grid-cols-2 lg:grid-cols-3 gap-6", children: releasesLoading ? [1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: "bg-card border rounded-xl overflow-hidden animate-pulse",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[16/9] bg-muted" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-5 space-y-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded w-1/4" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-5 bg-muted rounded w-3/4" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded w-1/2" })
+            ] })
+          ]
+        },
+        i
+      )) : releases.map((r) => /* @__PURE__ */ jsxRuntime.jsx(
+        PressReleaseCard,
+        {
+          release: r,
+          basePath: pressReleaseBasePath
+        },
+        r.id
+      )) })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("section", { className: "pb-16 sm:pb-20", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid sm:grid-cols-2 lg:grid-cols-3 gap-6", children: [1, 2, 3, 4, 5, 6].map((i) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "bg-card border rounded-xl overflow-hidden animate-pulse",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[16/9] bg-muted" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-5 space-y-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded w-1/4" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-5 bg-muted rounded w-3/4" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded w-1/2" })
+          ] })
+        ]
+      },
+      i
+    )) }) : error ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: error }) }) : assets.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-muted-foreground", children: [
+      "Press materials are coming soon. For media inquiries",
+      contactEmail ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        ", contact ",
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: `mailto:${contactEmail}`,
+            className: "text-primary hover:underline",
+            children: contactEmail
+          }
+        )
+      ] }) : " please reach out to our team",
+      "."
+    ] }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      presentCategories.length > 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2 mb-10 justify-center", children: ["ALL", ...presentCategories].map((c) => {
+        const active = activeCategory === c;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setActiveCategory(c),
+            className: `px-4 py-2 rounded-full text-sm font-medium transition-colors ${active ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:text-foreground"}`,
+            children: c === "ALL" ? "All" : CATEGORY_LABELS[c] ?? c
+          },
+          c
+        );
+      }) }),
+      grouped.map((group) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-12", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-semibold text-foreground mb-5", children: CATEGORY_LABELS[group.cat] ?? group.cat }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid sm:grid-cols-2 lg:grid-cols-3 gap-6", children: group.items.map((a) => /* @__PURE__ */ jsxRuntime.jsx(AssetCard, { asset: a, onPreview: setPreview }, a.id)) })
+      ] }, group.cat)),
+      contactEmail && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8 border-t pt-10 text-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-foreground mb-2", children: "Media Contact" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-muted-foreground", children: [
+          "For interviews, partnerships, and press inquiries:",
+          " ",
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              href: `mailto:${contactEmail}`,
+              className: "text-primary hover:underline",
+              children: contactEmail
+            }
+          )
+        ] })
+      ] })
+    ] }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(PressKitLightbox, { asset: preview, onClose: () => setPreview(null) })
+  ] });
+}
+var CONTRACTS_QUERY = `
+  query PublicContracts($productId: String!, $limit: Int, $offset: Int) {
+    publicPressKitAssets(productId: $productId, category: CONTRACT, limit: $limit, offset: $offset) {
+      items {
+        id
+        title
+        slug
+        description
+        fileUrl
+        fileName
+        fileSize
+        mimeType
+        version
+        tags
+        sortOrder
+        updatedAt
+      }
+      hasMore
+    }
+  }
+`;
+function ContractsPage(props) {
+  const {
+    productName,
+    heroTitle = "Contracts & Legal Agreements",
+    heroSubtitle = "Download our standard legal agreements and policies.",
+    className = "",
+    seoTitle,
+    seoDescription,
+    seoKeywords
+  } = props;
+  const client = useWebSDK();
+  const config = useWebSDKConfig();
+  const { product } = useProduct();
+  const resolvedProductId = product?.id || config.productId;
+  const displayName = productName ?? product?.name ?? config.productId;
+  const [contracts, setContracts] = React.useState([]);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const fetchContracts = React.useCallback(async () => {
+    if (!resolvedProductId) {
+      setLoading(false);
+      return;
+    }
+    setLoading(true);
+    try {
+      const PAGE_SIZE = 100;
+      const MAX_PAGES = 10;
+      const all = [];
+      let offset = 0;
+      for (let pageNum = 0; pageNum < MAX_PAGES; pageNum++) {
+        const result = await client.query(CONTRACTS_QUERY, {
+          productId: resolvedProductId,
+          limit: PAGE_SIZE,
+          offset
+        });
+        if (result.errors?.length) {
+          setError(result.errors[0]?.message ?? "Failed to load contracts");
+          return;
+        }
+        const page = result.data?.publicPressKitAssets;
+        const items = page?.items || [];
+        all.push(...items);
+        if (!page?.hasMore || items.length === 0) break;
+        offset += PAGE_SIZE;
+      }
+      all.sort(
+        (a, b) => a.sortOrder - b.sortOrder || a.title.localeCompare(b.title)
+      );
+      setContracts(all);
+      setError(null);
+    } catch {
+      setError("Failed to load contracts");
+    } finally {
+      setLoading(false);
+    }
+  }, [client, resolvedProductId]);
+  React.useEffect(() => {
+    fetchContracts();
+  }, [fetchContracts]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `min-h-screen bg-background ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PageHead,
+      {
+        title: seoTitle || `Contracts \u2014 ${displayName}`,
+        description: seoDescription || heroSubtitle,
+        productName,
+        keywords: seoKeywords
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("section", { className: "border-b border-border bg-muted/30", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-16 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-4xl md:text-5xl font-bold text-foreground mb-4", children: heroTitle }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg text-muted-foreground max-w-2xl mx-auto", children: heroSubtitle })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("section", { className: "max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-12", children: loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-20", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 w-8 animate-spin rounded-full border-2 border-primary border-t-transparent" }) }) : error ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: error }) }) : contracts.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base text-muted-foreground", children: "No contracts are available yet." }) }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "divide-y divide-border rounded-xl border border-border overflow-hidden bg-card", children: contracts.map((c) => {
+      const ext = fileExt(c);
+      const size = formatBytes(c.fileSize);
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "li",
+        {
+          className: "flex items-center justify-between gap-4 p-5 hover:bg-muted/40 transition-colors",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-semibold text-foreground truncate", children: c.title }),
+                c.version && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-primary bg-primary/10 px-2 py-0.5 rounded-full", children: c.version })
+              ] }),
+              c.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mt-1 line-clamp-2", children: c.description }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 flex items-center gap-2 text-xs text-muted-foreground", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: ext }),
+                size && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: size })
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "a",
+              {
+                href: c.fileUrl,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                download: true,
+                "aria-label": `Download ${c.title}`,
+                onClick: (e) => {
+                  void downloadFile(e, c);
+                },
+                className: "flex-shrink-0 inline-flex items-center gap-1.5 text-sm font-medium text-primary-foreground bg-primary hover:opacity-90 px-4 py-2 rounded-lg transition-opacity",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "svg",
+                    {
+                      className: "w-4 h-4",
+                      fill: "none",
+                      viewBox: "0 0 24 24",
+                      stroke: "currentColor",
+                      "aria-hidden": "true",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          strokeWidth: 2,
+                          d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
+                        }
+                      )
+                    }
+                  ),
+                  "Download"
+                ]
+              }
+            )
+          ]
+        },
+        c.id
+      );
+    }) }) })
+  ] });
+}
+
+exports.BlogListPage = BlogListPage;
+exports.BlogPostPage = BlogPostPage;
+exports.CaseStudiesListPage = CaseStudiesListPage;
+exports.CaseStudyPage = CaseStudyPage;
+exports.ChangelogPage = ChangelogPage;
+exports.ContentRenderer = ContentRenderer;
+exports.ContractsPage = ContractsPage;
+exports.PressKitPage = PressKitPage;
+exports.useContentPage = useContentPage;
+exports.useContentPages = useContentPages;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map