@burdenoff/website-sdk 2026.1101.1 → 2026.1101.2

package/dist/chunk-D2TW7MNC.mjs

@@ -0,0 +1,2771 @@
+import { useContentPage, ContentRenderer } from './chunk-EDLTUOIA.mjs';
+import { ProseStyles } from './chunk-6VJT3SM4.mjs';
+import { Input } from './chunk-34RX5P75.mjs';
+import { PageHead } from './chunk-N5EC53MH.mjs';
+import { Button } from './chunk-KHYXK7FG.mjs';
+import { cn } from './chunk-R7G6TWIS.mjs';
+import { useProduct } from './chunk-GCFLCO2Z.mjs';
+import { useWebSDK, useWebSDKConfig } from './chunk-5JRJ57CL.mjs';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useCallback, useEffect, useMemo } from 'react';
+import { History, Search, ChevronLeft, ChevronRight } from 'lucide-react';
+
+var LEGAL_DOCUMENTS = {
+  privacy: {
+    key: "privacy",
+    slug: "privacy-policy",
+    title: "Privacy Policy",
+    description: "How we collect, use, share and protect your personal information."
+  },
+  terms: {
+    key: "terms",
+    slug: "terms-of-service",
+    title: "Terms of Service",
+    description: "The terms that govern your use of the service."
+  },
+  cookies: {
+    key: "cookies",
+    slug: "cookie-policy",
+    title: "Cookie Policy",
+    description: "The cookies and similar technologies we use, and why."
+  },
+  refunds: {
+    key: "refunds",
+    slug: "refund-policy",
+    title: "Refund Policy",
+    description: "How cancellations and refunds work for paid plans."
+  },
+  aup: {
+    key: "aup",
+    slug: "acceptable-use-policy",
+    title: "Acceptable Use Policy",
+    description: "What you may and may not do with the service."
+  },
+  dpa: {
+    key: "dpa",
+    slug: "data-processing-addendum",
+    title: "Data Processing Addendum",
+    description: "Our obligations as a processor of personal data on your behalf."
+  },
+  "ai-terms": {
+    key: "ai-terms",
+    slug: "ai-product-terms",
+    title: "AI Product Terms",
+    description: "The terms that apply to AI features, including how your data is and is not used."
+  },
+  subprocessors: {
+    key: "subprocessors",
+    slug: "subprocessors",
+    title: "Subprocessors",
+    description: "The third parties that help us host, secure and support the service."
+  }
+};
+var LEGAL_DOCUMENT_KEYS = Object.keys(
+  LEGAL_DOCUMENTS
+);
+function findLegalDocument(keyOrSlug) {
+  if (Object.prototype.hasOwnProperty.call(LEGAL_DOCUMENTS, keyOrSlug)) {
+    return LEGAL_DOCUMENTS[keyOrSlug];
+  }
+  return Object.values(LEGAL_DOCUMENTS).find((doc) => doc.slug === keyOrSlug) ?? null;
+}
+var LEGAL_CONTENT_QUERY = `
+  query PublicLegalContentPage($slug: String!, $productId: String!) {
+    publicResolvedContentPage(slug: $slug, productId: $productId) {
+      title
+      slug
+      content
+      contentFormat
+      seoTitle
+      seoDescription
+      seoKeywords
+      lastUpdated
+    }
+  }
+`;
+async function fetchLegalContentPage(client, slug, productId) {
+  const result = await client.query(LEGAL_CONTENT_QUERY, { slug, productId }, { cache: false });
+  if (result.errors?.length) {
+    throw new Error(result.errors[0]?.message ?? "Unknown error");
+  }
+  return result.data?.publicResolvedContentPage ?? null;
+}
+async function fetchLegalContent(client, options) {
+  const docs = (options.documents ?? LEGAL_DOCUMENT_KEYS).map(
+    (key) => LEGAL_DOCUMENTS[key]
+  );
+  const entries = await Promise.all(
+    docs.map(
+      async (doc) => [
+        doc.slug,
+        await fetchLegalContentPage(client, doc.slug, options.productId)
+      ]
+    )
+  );
+  return Object.fromEntries(entries);
+}
+function splitLeadingHeading(content, format) {
+  if (format.toLowerCase() !== "markdown")
+    return { heading: null, body: content };
+  const match = /^\s*#[ \t]+([^\n]+?)[ \t#]*(?:\n|$)/.exec(content);
+  if (!match?.[1]) return { heading: null, body: content };
+  return {
+    heading: match[1].trim(),
+    body: content.slice(match[0].length).replace(/^\s+/, "")
+  };
+}
+function formatLegalDate(iso) {
+  if (!iso) return null;
+  const date = new Date(iso);
+  if (Number.isNaN(date.getTime())) return null;
+  return date.toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric",
+    timeZone: "UTC"
+  });
+}
+function LegalPage(props) {
+  const {
+    document: document2,
+    slug: slugProp,
+    initialContent,
+    fallbackTitle,
+    fallbackDescription,
+    productName,
+    canonicalUrl,
+    contactEmail,
+    className = ""
+  } = props;
+  const registered = document2 ? LEGAL_DOCUMENTS[document2] : slugProp ? findLegalDocument(slugProp) : null;
+  const slug = registered?.slug ?? slugProp ?? "";
+  const prefetched = initialContent !== void 0;
+  const { data: fetched, loading } = useContentPage(slug, {
+    resolve: true,
+    enabled: !prefetched && slug !== ""
+  });
+  const page = prefetched ? initialContent ?? null : fetched;
+  const isLoading = !prefetched && slug !== "" && loading;
+  const defaultTitle = fallbackTitle ?? registered?.title ?? "Legal";
+  const defaultDescription = fallbackDescription ?? registered?.description ?? "";
+  const { heading, body } = page ? splitLeadingHeading(page.content, page.contentFormat) : { heading: null, body: "" };
+  const title = page?.title || heading || defaultTitle;
+  const updated = formatLegalDate(page?.lastUpdated);
+  const unavailable = !isLoading && !page;
+  return /* @__PURE__ */ jsxs("div", { className: `w-full ${className}`, children: [
+    /* @__PURE__ */ jsx(ProseStyles, {}),
+    /* @__PURE__ */ jsx(
+      PageHead,
+      {
+        title: page?.seoTitle || title,
+        description: page?.seoDescription?.trim() || defaultDescription,
+        keywords: page?.seoKeywords ?? void 0,
+        productName,
+        url: canonicalUrl,
+        robots: unavailable ? "noindex, follow" : void 0
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "article",
+      {
+        className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-16 sm:py-24",
+        "aria-busy": isLoading,
+        children: [
+          /* @__PURE__ */ jsx("h1", { className: "text-3xl sm:text-4xl font-bold tracking-tight text-foreground mb-3", children: title }),
+          updated && /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground mb-10", children: [
+            "Last updated:",
+            " ",
+            /* @__PURE__ */ jsx("time", { dateTime: page?.lastUpdated ?? void 0, children: updated })
+          ] }),
+          isLoading ? /* @__PURE__ */ jsxs("div", { className: "space-y-3", "data-testid": "legal-page-loading", children: [
+            /* @__PURE__ */ jsx("div", { className: "h-4 w-3/4 rounded bg-muted animate-pulse" }),
+            /* @__PURE__ */ jsx("div", { className: "h-4 w-full rounded bg-muted animate-pulse" }),
+            /* @__PURE__ */ jsx("div", { className: "h-4 w-5/6 rounded bg-muted animate-pulse" })
+          ] }) : page ? /* @__PURE__ */ jsx("div", { className: "boff-prose max-w-none", children: /* @__PURE__ */ jsx(ContentRenderer, { content: body, format: page.contentFormat }) }) : /* @__PURE__ */ jsxs(
+            "div",
+            {
+              role: "status",
+              className: "rounded-xl border border-border bg-muted/30 p-6",
+              children: [
+                /* @__PURE__ */ jsx("p", { className: "text-base text-foreground", children: "This document is not available right now." }),
+                contactEmail && /* @__PURE__ */ jsxs("p", { className: "mt-2 text-sm text-muted-foreground", children: [
+                  "For a copy, contact",
+                  " ",
+                  /* @__PURE__ */ jsx(
+                    "a",
+                    {
+                      className: "text-primary underline",
+                      href: `mailto:${contactEmail}`,
+                      children: contactEmail
+                    }
+                  ),
+                  "."
+                ] })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+var PUBLIC_JOB_POSTING_FIELDS = (
+  /* GraphQL */
+  `
+  id
+  slug
+  title
+  department
+  location
+  employmentType
+  openings
+  description
+  overview
+  responsibilities
+  learnings
+  qualifications
+  rounds {
+    roundNumber
+    name
+    roundType
+    isRequired
+    description
+  }
+`
+);
+var PUBLIC_JOB_POSTINGS_QUERY = (
+  /* GraphQL */
+  `
+  query PublicJobPostings($productId: ID, $limit: Int, $offset: Int) {
+    publicJobPostings(productId: $productId, limit: $limit, offset: $offset) {
+      ${PUBLIC_JOB_POSTING_FIELDS}
+    }
+  }
+`
+);
+var PUBLIC_JOB_POSTING_QUERY = (
+  /* GraphQL */
+  `
+  query PublicJobPosting($slug: String!, $productId: ID) {
+    publicJobPosting(slug: $slug, productId: $productId) {
+      ${PUBLIC_JOB_POSTING_FIELDS}
+    }
+  }
+`
+);
+var PUBLIC_JOB_POSTINGS_FOR_SUBMISSION_QUERY = (
+  /* GraphQL */
+  `
+  query PublicJobPostingsForSubmission(
+    $productId: ID
+    $limit: Int
+    $offset: Int
+  ) {
+    publicJobPostingsForSubmission(
+      productId: $productId
+      limit: $limit
+      offset: $offset
+    ) {
+      id
+      title
+    }
+  }
+`
+);
+async function fetchPublicJobPostings(client, options) {
+  const result = await client.query(PUBLIC_JOB_POSTINGS_QUERY, {
+    productId: options?.productId,
+    limit: options?.limit ?? 50,
+    offset: options?.offset ?? 0
+  });
+  if (result.errors?.length) {
+    throw new Error(result.errors[0]?.message ?? "Unknown error");
+  }
+  return result.data?.publicJobPostings ?? [];
+}
+async function fetchPublicJobPosting(client, slug, options) {
+  const result = await client.query(PUBLIC_JOB_POSTING_QUERY, {
+    slug,
+    productId: options?.productId
+  });
+  if (result.errors?.length) {
+    throw new Error(result.errors[0]?.message ?? "Unknown error");
+  }
+  return result.data?.publicJobPosting ?? null;
+}
+async function fetchPublicJobPostingsForSubmission(client, options) {
+  const result = await client.query(PUBLIC_JOB_POSTINGS_FOR_SUBMISSION_QUERY, {
+    productId: options?.productId,
+    limit: options?.limit ?? 50,
+    offset: options?.offset ?? 0
+  });
+  if (result.errors?.length) {
+    throw new Error(result.errors[0]?.message ?? "Unknown error");
+  }
+  return result.data?.publicJobPostingsForSubmission ?? [];
+}
+function usePublicJobPostings(options) {
+  const client = useWebSDK();
+  const config = useWebSDKConfig();
+  const { product } = useProduct();
+  const resolvedProductId = options?.productId ?? product?.id ?? config.productId;
+  const [postings, setPostings] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchPostings = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const items = await fetchPublicJobPostings(client, {
+        productId: resolvedProductId,
+        limit: options?.limit,
+        offset: options?.offset
+      });
+      setPostings(items);
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : "Failed to fetch job postings"
+      );
+      setPostings([]);
+    } finally {
+      setLoading(false);
+    }
+  }, [client, resolvedProductId, options?.limit, options?.offset]);
+  useEffect(() => {
+    fetchPostings();
+  }, [fetchPostings]);
+  return { postings, loading, error, refetch: fetchPostings };
+}
+function usePublicJobPostingsForSubmission(options) {
+  const client = useWebSDK();
+  const config = useWebSDKConfig();
+  const { product } = useProduct();
+  const resolvedProductId = options?.productId ?? product?.id ?? config.productId;
+  const [postings, setPostings] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchPostings = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const items = await fetchPublicJobPostingsForSubmission(client, {
+        productId: resolvedProductId,
+        limit: options?.limit,
+        offset: options?.offset
+      });
+      setPostings(items);
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : "Failed to fetch job postings"
+      );
+      setPostings([]);
+    } finally {
+      setLoading(false);
+    }
+  }, [client, resolvedProductId, options?.limit, options?.offset]);
+  useEffect(() => {
+    fetchPostings();
+  }, [fetchPostings]);
+  return { postings, loading, error, refetch: fetchPostings };
+}
+function usePublicJobPosting(slug, options) {
+  const client = useWebSDK();
+  const config = useWebSDKConfig();
+  const { product } = useProduct();
+  const resolvedProductId = options?.productId ?? product?.id ?? config.productId;
+  const [posting, setPosting] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchPosting = useCallback(async () => {
+    if (!slug) {
+      setPosting(null);
+      setLoading(false);
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    try {
+      const item = await fetchPublicJobPosting(client, slug, {
+        productId: resolvedProductId
+      });
+      setPosting(item);
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : "Failed to fetch job posting"
+      );
+      setPosting(null);
+    } finally {
+      setLoading(false);
+    }
+  }, [client, resolvedProductId, slug]);
+  useEffect(() => {
+    fetchPosting();
+  }, [fetchPosting]);
+  return { posting, loading, error, refetch: fetchPosting };
+}
+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] = useState(false);
+  return /* @__PURE__ */ 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__ */ jsx("div", { className: "aspect-[16/9] overflow-hidden", children: /* @__PURE__ */ 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__ */ jsx("div", { className: "aspect-[16/9] bg-muted/50 flex items-center justify-center", children: /* @__PURE__ */ jsx(
+          "svg",
+          {
+            className: "w-12 h-12 text-muted-foreground/20",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            children: /* @__PURE__ */ 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__ */ jsxs("div", { className: "p-5 sm:p-6", children: [
+          post.category && /* @__PURE__ */ 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__ */ jsx("h2", { className: "text-lg font-semibold text-foreground mb-2 group-hover:text-primary transition-colors line-clamp-2", children: post.title }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-4 line-clamp-3", children: post.excerpt || post.seoDescription || "" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-xs text-muted-foreground", children: [
+            post.author && /* @__PURE__ */ jsx("span", { className: "font-medium", children: post.author }),
+            post.author && formattedDate && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+            formattedDate && /* @__PURE__ */ jsx("span", { children: formattedDate }),
+            post.readingTime && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+              /* @__PURE__ */ 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] = useState([]);
+  const [total, setTotal] = useState(0);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [offset, setOffset] = useState(0);
+  const limit = 12;
+  const fetchPosts = 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]);
+  useEffect(() => {
+    fetchPosts();
+  }, [fetchPosts]);
+  const featuredPosts = posts.filter((p) => p.featured);
+  const regularPosts = posts.filter((p) => !p.featured);
+  return /* @__PURE__ */ jsxs("div", { className: `w-full ${className}`, children: [
+    seoTitle && /* @__PURE__ */ jsx(
+      PageHead,
+      {
+        title: seoTitle,
+        description: seoDescription || heroSubtitle,
+        productName,
+        keywords: seoKeywords,
+        url: typeof window !== "undefined" ? window.location.origin + window.location.pathname : void 0
+      }
+    ),
+    /* @__PURE__ */ jsx("section", { className: "py-16 sm:py-20 md:py-24", children: /* @__PURE__ */ jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs("div", { className: "text-center max-w-3xl mx-auto", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-3xl sm:text-4xl md:text-5xl font-bold tracking-tight text-foreground", children: heroTitle }),
+      /* @__PURE__ */ jsx("p", { className: "mt-4 text-lg text-muted-foreground", children: heroSubtitle })
+    ] }) }) }),
+    /* @__PURE__ */ jsx("section", { className: "pb-16 sm:pb-20", children: /* @__PURE__ */ jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: loading ? /* @__PURE__ */ jsx("div", { className: "grid md:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "bg-card border rounded-xl overflow-hidden animate-pulse",
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "aspect-[16/9] bg-muted" }),
+          /* @__PURE__ */ jsxs("div", { className: "p-6 space-y-3", children: [
+            /* @__PURE__ */ jsx("div", { className: "h-4 bg-muted rounded w-1/4" }),
+            /* @__PURE__ */ jsx("div", { className: "h-6 bg-muted rounded w-3/4" }),
+            /* @__PURE__ */ jsx("div", { className: "h-4 bg-muted rounded" }),
+            /* @__PURE__ */ jsx("div", { className: "h-4 bg-muted rounded w-1/2" })
+          ] })
+        ]
+      },
+      i
+    )) }) : error ? /* @__PURE__ */ jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: error }) }) : posts.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "No blog posts yet. Check back soon!" }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      featuredPosts.length > 0 && /* @__PURE__ */ jsx("div", { className: "grid md:grid-cols-2 gap-6 sm:gap-8 mb-8", children: featuredPosts.map((post) => /* @__PURE__ */ jsx(
+        BlogCard,
+        {
+          post,
+          basePath: blogPostBasePath
+        },
+        post.id
+      )) }),
+      /* @__PURE__ */ jsx("div", { className: "grid md:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8", children: regularPosts.map((post) => /* @__PURE__ */ jsx(
+        BlogCard,
+        {
+          post,
+          basePath: blogPostBasePath
+        },
+        post.id
+      )) }),
+      total > limit && /* @__PURE__ */ jsxs("div", { className: "flex justify-center gap-4 mt-12", children: [
+        /* @__PURE__ */ 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__ */ 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] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const slug = typeof window !== "undefined" ? window.location.pathname.split("/").pop() || "" : "";
+  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__ */ jsx("div", { className: `w-full ${className}`, children: /* @__PURE__ */ jsx("div", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-24", children: /* @__PURE__ */ jsxs("div", { className: "animate-pulse space-y-6", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-8 bg-muted rounded w-2/3" }),
+      /* @__PURE__ */ jsx("div", { className: "h-4 bg-muted rounded w-1/3" }),
+      /* @__PURE__ */ jsx("div", { className: "aspect-[16/9] bg-muted rounded-xl" }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-3", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsx("div", { className: "h-4 bg-muted rounded" }, i)) })
+    ] }) }) });
+  }
+  if (error || !post) {
+    return /* @__PURE__ */ jsx("div", { className: `w-full ${className}`, children: /* @__PURE__ */ jsxs("div", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-24 text-center", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold mb-4", children: "Post not found" }),
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-6", children: error || "This blog post doesn't exist or has been removed." }),
+      /* @__PURE__ */ 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__ */ jsxs("div", { className: `w-full ${className}`, children: [
+    /* @__PURE__ */ jsx(ProseStyles, {}),
+    /* @__PURE__ */ jsx(
+      PageHead,
+      {
+        title: post.seoTitle || post.title,
+        description: post.seoDescription || post.excerpt || "",
+        productName,
+        keywords: post.seoKeywords || "",
+        image: post.thumbnail || void 0,
+        url: typeof window !== "undefined" ? window.location.origin + window.location.pathname : void 0
+      }
+    ),
+    /* @__PURE__ */ jsxs("article", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-16 sm:py-20", children: [
+      /* @__PURE__ */ 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__ */ 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__ */ jsx("h1", { className: "text-3xl sm:text-4xl md:text-5xl font-bold tracking-tight text-foreground mb-4", children: post.title }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-sm text-muted-foreground mb-8", children: [
+        post.author && /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: post.author }),
+        post.author && formattedDate && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+        formattedDate && /* @__PURE__ */ jsx("span", { children: formattedDate }),
+        post.readingTime && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            post.readingTime,
+            " min read"
+          ] })
+        ] })
+      ] }),
+      post.thumbnail && /* @__PURE__ */ jsx("div", { className: "aspect-[16/9] rounded-xl overflow-hidden mb-10", children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: post.thumbnail,
+          alt: post.title,
+          className: "w-full h-full object-cover"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("div", { className: "boff-prose max-w-none", children: /* @__PURE__ */ jsx(ContentRenderer, { content: post.content, format: post.contentFormat }) })
+    ] })
+  ] });
+}
+var CASE_STUDY_TAG = "case-study";
+function hasCustomerSignOff(page) {
+  const signedAt = page.customerSignOff?.signedAt;
+  return typeof signedAt === "string" && !Number.isNaN(new Date(signedAt).getTime());
+}
+var ANIMATION_STYLES = `
+@keyframes csFadeUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
+@keyframes csFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-14px); } }
+.cs-fade-up { animation: csFadeUp 0.5s cubic-bezier(0.16, 1, 0.3, 1) both; }
+.cs-float { animation: csFloat 7s ease-in-out infinite; }
+@media (prefers-reduced-motion: reduce) {
+  .cs-fade-up, .cs-float { animation: none !important; }
+}
+`;
+function AnimationStyles() {
+  return /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: ANIMATION_STYLES } });
+}
+var CASE_STUDIES_QUERY = `
+  query CaseStudies($productId: String!, $tag: String, $limit: Int, $offset: Int) {
+    publicContentPages(productId: $productId, tag: $tag, limit: $limit, offset: $offset) {
+      items {
+        id
+        title
+        slug
+        lastUpdated
+        tags
+        seoDescription
+        excerpt
+        thumbnail
+        author
+        publishedAt
+        readingTime
+        featured
+        category
+        customerSignOff {
+          signedAt
+        }
+      }
+      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
+      customerSignOff {
+        signedAt
+      }
+    }
+  }
+`;
+function formatDate(value) {
+  if (!value) return "";
+  const d = new Date(value);
+  if (Number.isNaN(d.getTime())) return "";
+  return d.toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  });
+}
+function Thumbnail({
+  src,
+  alt,
+  className = ""
+}) {
+  const [imgError, setImgError] = useState(false);
+  if (src && !imgError) {
+    return /* @__PURE__ */ jsx(
+      "img",
+      {
+        src,
+        alt,
+        className,
+        loading: "lazy",
+        onError: () => setImgError(true)
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `flex items-center justify-center bg-gradient-to-br from-muted/60 to-muted ${className}`,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx(
+        "svg",
+        {
+          className: "w-12 h-12 text-muted-foreground/25",
+          fill: "none",
+          viewBox: "0 0 24 24",
+          stroke: "currentColor",
+          children: /* @__PURE__ */ 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"
+            }
+          )
+        }
+      )
+    }
+  );
+}
+function MetaRow({
+  post,
+  className = ""
+}) {
+  const formattedDate = formatDate(post.publishedAt || post.lastUpdated);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground ${className}`,
+      children: [
+        post.author && /* @__PURE__ */ jsx("span", { className: "font-medium", children: post.author }),
+        post.author && formattedDate && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+        formattedDate && /* @__PURE__ */ jsx("span", { children: formattedDate }),
+        post.readingTime ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            post.readingTime,
+            " min read"
+          ] })
+        ] }) : null
+      ]
+    }
+  );
+}
+function FeaturedCard({
+  post,
+  basePath
+}) {
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href: `${basePath}/${post.slug}`,
+      className: "group relative grid md:grid-cols-2 gap-0 overflow-hidden rounded-2xl border bg-card shadow-sm transition-all duration-300 hover:-translate-y-1 hover:shadow-xl hover:border-primary/40",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative aspect-[16/10] md:aspect-auto md:h-full overflow-hidden", children: [
+          /* @__PURE__ */ jsx(
+            Thumbnail,
+            {
+              src: post.thumbnail,
+              alt: post.title,
+              className: "w-full h-full min-h-[220px] object-cover transition-transform duration-500 group-hover:scale-[1.04]"
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: "absolute top-4 left-4 inline-flex items-center gap-1 rounded-full bg-primary px-2.5 py-1 text-xs font-semibold text-primary-foreground shadow-sm", children: [
+            /* @__PURE__ */ jsx(
+              "svg",
+              {
+                className: "h-3 w-3",
+                viewBox: "0 0 20 20",
+                fill: "currentColor",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ jsx("path", { d: "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.286 3.957a1 1 0 00.95.69h4.162c.969 0 1.371 1.24.588 1.81l-3.368 2.447a1 1 0 00-.364 1.118l1.287 3.957c.3.921-.755 1.688-1.54 1.118l-3.367-2.447a1 1 0 00-1.176 0l-3.367 2.447c-.784.57-1.838-.197-1.539-1.118l1.286-3.957a1 1 0 00-.363-1.118L2.98 9.384c-.783-.57-.38-1.81.588-1.81h4.162a1 1 0 00.95-.69l1.286-3.957z" })
+              }
+            ),
+            "Featured"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center p-6 sm:p-8", children: [
+          post.category && /* @__PURE__ */ jsx("span", { className: "mb-3 inline-block w-fit rounded-full bg-primary/10 px-2.5 py-1 text-xs font-medium text-primary", children: post.category }),
+          /* @__PURE__ */ jsx("h2", { className: "text-xl sm:text-2xl font-bold text-foreground transition-colors group-hover:text-primary line-clamp-3", children: post.title }),
+          /* @__PURE__ */ jsx("p", { className: "mt-3 text-sm sm:text-base text-muted-foreground line-clamp-3", children: post.excerpt || post.seoDescription || "" }),
+          /* @__PURE__ */ jsx(MetaRow, { post, className: "mt-5" }),
+          /* @__PURE__ */ jsxs("span", { className: "mt-5 inline-flex items-center gap-1 text-sm font-semibold text-primary", children: [
+            "Read the story",
+            /* @__PURE__ */ jsx(
+              "svg",
+              {
+                className: "h-4 w-4 transition-transform duration-300 group-hover:translate-x-1",
+                viewBox: "0 0 20 20",
+                fill: "currentColor",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    fillRule: "evenodd",
+                    d: "M7.293 4.293a1 1 0 011.414 0l5 5a1 1 0 010 1.414l-5 5a1 1 0 01-1.414-1.414L11.586 10 7.293 5.707a1 1 0 010-1.414z",
+                    clipRule: "evenodd"
+                  }
+                )
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function CaseStudyCard({
+  post,
+  basePath = "/case-studies"
+}) {
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href: `${basePath}/${post.slug}`,
+      className: "group flex flex-col overflow-hidden rounded-xl border bg-card transition-all duration-300 hover:-translate-y-1 hover:shadow-lg hover:border-primary/40",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "aspect-[16/9] overflow-hidden", children: /* @__PURE__ */ jsx(
+          Thumbnail,
+          {
+            src: post.thumbnail,
+            alt: post.title,
+            className: "w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col p-5 sm:p-6", children: [
+          post.category && /* @__PURE__ */ jsx("span", { className: "mb-3 inline-block w-fit rounded-full bg-primary/10 px-2.5 py-1 text-xs font-medium text-primary", children: post.category }),
+          /* @__PURE__ */ jsx("h2", { className: "mb-2 text-lg font-semibold text-foreground transition-colors group-hover:text-primary line-clamp-2", children: post.title }),
+          /* @__PURE__ */ jsx("p", { className: "mb-4 text-sm text-muted-foreground line-clamp-3", children: post.excerpt || post.seoDescription || "" }),
+          /* @__PURE__ */ jsx(MetaRow, { post, className: "mt-auto" })
+        ] })
+      ]
+    }
+  );
+}
+function EmptyState({
+  productLabel,
+  title,
+  subtitle,
+  contactHref,
+  contactLabel,
+  exploreHref,
+  exploreLabel
+}) {
+  const highlights = [
+    {
+      title: "Real outcomes, real teams",
+      body: `We're partnering with our earliest adopters right now. As they ship results with ${productLabel}, their stories will land here \u2014 measured and unembellished.`,
+      icon: /* @__PURE__ */ jsx(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 1.5,
+          d: "M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 013 19.875v-6.75zM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V8.625zM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V4.125z"
+        }
+      )
+    },
+    {
+      title: "See it on your use case",
+      body: `Want to know how ${productLabel} would work for your team? We'll walk you through exactly what to expect \u2014 no pitch, just specifics.`,
+      icon: /* @__PURE__ */ jsx(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 1.5,
+          d: "M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z M15 12a3 3 0 11-6 0 3 3 0 016 0z"
+        }
+      )
+    },
+    {
+      title: "Be the first story",
+      body: `Building something with ${productLabel} worth talking about? Tell us \u2014 the best early stories become the case studies featured on this page.`,
+      icon: /* @__PURE__ */ jsx(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 1.5,
+          d: "M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.562.562 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.562.562 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z"
+        }
+      )
+    }
+  ];
+  return /* @__PURE__ */ jsxs("div", { className: "cs-fade-up mx-auto max-w-4xl", children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative overflow-hidden rounded-3xl border bg-card px-6 py-14 text-center sm:px-12 sm:py-16", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "pointer-events-none absolute -top-24 -right-16 h-64 w-64 rounded-full bg-primary/10 blur-3xl",
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "pointer-events-none absolute -bottom-24 -left-16 h-64 w-64 rounded-full bg-primary/5 blur-3xl",
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx("div", { className: "cs-float mx-auto flex h-20 w-20 items-center justify-center rounded-2xl bg-primary/10 text-primary ring-1 ring-primary/20", children: /* @__PURE__ */ jsx(
+          "svg",
+          {
+            className: "h-10 w-10",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ jsx(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 1.5,
+                d: "M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ jsx("h2", { className: "mt-8 text-2xl font-bold tracking-tight text-foreground sm:text-3xl", children: title }),
+        /* @__PURE__ */ jsx("p", { className: "mx-auto mt-4 max-w-2xl text-base leading-relaxed text-muted-foreground sm:text-lg", children: subtitle }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-8 flex flex-col items-center justify-center gap-3 sm:flex-row", children: [
+          /* @__PURE__ */ jsxs(
+            "a",
+            {
+              href: contactHref,
+              className: "inline-flex w-full items-center justify-center gap-2 rounded-lg bg-primary px-6 py-3 text-sm font-semibold text-primary-foreground shadow-sm transition-all hover:opacity-90 hover:shadow-md sm:w-auto",
+              children: [
+                contactLabel,
+                /* @__PURE__ */ jsx(
+                  "svg",
+                  {
+                    className: "h-4 w-4",
+                    viewBox: "0 0 20 20",
+                    fill: "currentColor",
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        fillRule: "evenodd",
+                        d: "M7.293 4.293a1 1 0 011.414 0l5 5a1 1 0 010 1.414l-5 5a1 1 0 01-1.414-1.414L11.586 10 7.293 5.707a1 1 0 010-1.414z",
+                        clipRule: "evenodd"
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: exploreHref,
+              className: "inline-flex w-full items-center justify-center gap-2 rounded-lg border border-border bg-background px-6 py-3 text-sm font-semibold text-foreground transition-colors hover:bg-muted sm:w-auto",
+              children: exploreLabel
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "mt-8 grid gap-4 sm:grid-cols-3", children: highlights.map((h) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "rounded-2xl border bg-card/60 p-5 text-left transition-colors hover:border-primary/30",
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-primary/10 text-primary", children: /* @__PURE__ */ jsx(
+            "svg",
+            {
+              className: "h-5 w-5",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor",
+              "aria-hidden": "true",
+              children: h.icon
+            }
+          ) }),
+          /* @__PURE__ */ jsx("h3", { className: "mt-4 text-sm font-semibold text-foreground", children: h.title }),
+          /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-sm leading-relaxed text-muted-foreground", children: h.body })
+        ]
+      },
+      h.title
+    )) })
+  ] });
+}
+function CaseStudiesListPage(props) {
+  const {
+    productName,
+    eyebrow = "Customer Stories",
+    heroTitle = "Case Studies",
+    heroSubtitle = "Real-world stories of teams building with our platform.",
+    caseStudyBasePath = "/case-studies",
+    className = "",
+    seoTitle,
+    seoDescription,
+    seoKeywords,
+    contactHref = "/contact",
+    contactLabel = "Get in touch",
+    exploreHref = "/features",
+    exploreLabel = "Explore the product",
+    emptyTitle,
+    emptySubtitle
+  } = props;
+  const client = useWebSDK();
+  const config = useWebSDKConfig();
+  const { product } = useProduct();
+  const resolvedProductId = product?.id || config.productId;
+  const productLabel = product?.name || productName || "our platform";
+  const [posts, setPosts] = useState([]);
+  const [total, setTotal] = useState(0);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [offset, setOffset] = useState(0);
+  const [activeCategory, setActiveCategory] = useState("All");
+  const limit = 12;
+  const fetchPosts = useCallback(async () => {
+    if (!resolvedProductId) return;
+    setLoading(true);
+    try {
+      const result = await client.query(CASE_STUDIES_QUERY, {
+        productId: resolvedProductId,
+        // Filter server-side: an unfiltered page of `limit` rows is mostly blog/legal pages, so
+        // real case studies past it were never listed and the page fell back to the empty state.
+        tag: CASE_STUDY_TAG,
+        limit,
+        offset
+      });
+      if (result.errors?.length) {
+        setError(result.errors[0]?.message ?? "Failed to load case studies");
+        setPosts([]);
+        return;
+      }
+      const items = result.data?.publicContentPages?.items || [];
+      const caseStudies = items.filter(
+        (p) => p.tags?.includes(CASE_STUDY_TAG) && hasCustomerSignOff(p)
+      );
+      setPosts(caseStudies);
+      const dropped = items.length - caseStudies.length;
+      setTotal(
+        Math.max(0, (result.data?.publicContentPages?.total || 0) - dropped)
+      );
+      setError(null);
+    } catch {
+      setError("load-failed");
+      setPosts([]);
+    } finally {
+      setLoading(false);
+    }
+  }, [client, resolvedProductId, offset]);
+  useEffect(() => {
+    fetchPosts();
+  }, [fetchPosts]);
+  const categories = useMemo(() => {
+    const set = /* @__PURE__ */ new Set();
+    posts.forEach((p) => {
+      if (p.category) set.add(p.category);
+    });
+    return ["All", ...Array.from(set)];
+  }, [posts]);
+  const visiblePosts = useMemo(() => {
+    if (activeCategory === "All") return posts;
+    return posts.filter((p) => p.category === activeCategory);
+  }, [posts, activeCategory]);
+  const featuredPosts = visiblePosts.filter((p) => p.featured);
+  const regularPosts = visiblePosts.filter((p) => !p.featured);
+  const hasContent = !loading && !error && posts.length > 0;
+  const showEmpty = !loading && (error !== null || posts.length === 0);
+  const resolvedEmptyTitle = emptyTitle ?? "Case studies are on the way";
+  const resolvedEmptySubtitle = emptySubtitle ?? `${productLabel} is early in its journey, and we'd rather show you real, measurable results than filler. We're working closely with our first teams now \u2014 their stories will be published here soon. In the meantime, we'd love to show you what's possible.`;
+  return /* @__PURE__ */ jsxs("div", { className: `w-full ${className}`, "data-cs": "case-studies-v2", children: [
+    /* @__PURE__ */ jsx(ProseStyles, {}),
+    /* @__PURE__ */ jsx(AnimationStyles, {}),
+    seoTitle && /* @__PURE__ */ jsx(
+      PageHead,
+      {
+        title: seoTitle,
+        description: seoDescription || heroSubtitle,
+        productName,
+        keywords: seoKeywords
+      }
+    ),
+    /* @__PURE__ */ jsxs("section", { className: "relative overflow-hidden", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "pointer-events-none absolute inset-x-0 -top-32 mx-auto h-72 max-w-3xl rounded-full bg-primary/10 blur-3xl",
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "relative mx-auto max-w-7xl px-4 py-16 sm:px-6 sm:py-20 md:py-24 lg:px-8", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-3xl text-center", children: [
+        /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2 rounded-full border border-primary/20 bg-primary/10 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-primary", children: [
+          /* @__PURE__ */ jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-primary" }),
+          eyebrow
+        ] }),
+        /* @__PURE__ */ jsx("h1", { className: "mt-5 text-3xl font-bold tracking-tight text-foreground sm:text-4xl md:text-5xl", children: heroTitle }),
+        /* @__PURE__ */ jsx("p", { className: "mt-4 text-lg text-muted-foreground", children: heroSubtitle })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx("section", { className: "pb-20 sm:pb-24", children: /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-7xl px-4 sm:px-6 lg:px-8", children: loading ? /* @__PURE__ */ jsx("div", { className: "grid gap-6 sm:gap-8 md:grid-cols-2 lg:grid-cols-3", children: [1, 2, 3, 4, 5, 6].map((i) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "overflow-hidden rounded-xl border bg-card animate-pulse",
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "aspect-[16/9] bg-muted" }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-3 p-6", children: [
+            /* @__PURE__ */ jsx("div", { className: "h-4 w-1/4 rounded bg-muted" }),
+            /* @__PURE__ */ jsx("div", { className: "h-6 w-3/4 rounded bg-muted" }),
+            /* @__PURE__ */ jsx("div", { className: "h-4 rounded bg-muted" }),
+            /* @__PURE__ */ jsx("div", { className: "h-4 w-1/2 rounded bg-muted" })
+          ] })
+        ]
+      },
+      i
+    )) }) : showEmpty ? /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        productLabel,
+        title: resolvedEmptyTitle,
+        subtitle: resolvedEmptySubtitle,
+        contactHref,
+        contactLabel,
+        exploreHref,
+        exploreLabel
+      }
+    ) : hasContent ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      categories.length > 2 && /* @__PURE__ */ jsx("div", { className: "mb-10 flex flex-wrap justify-center gap-2", children: categories.map((cat) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setActiveCategory(cat),
+          className: `rounded-full border px-4 py-1.5 text-sm font-medium transition-colors ${activeCategory === cat ? "border-primary bg-primary text-primary-foreground" : "border-border bg-background text-muted-foreground hover:border-primary/40 hover:text-foreground"}`,
+          children: cat
+        },
+        cat
+      )) }),
+      featuredPosts.length > 0 && /* @__PURE__ */ jsx("div", { className: "mb-10 grid gap-6 sm:gap-8 lg:grid-cols-2", children: featuredPosts.map((post) => /* @__PURE__ */ jsx(
+        FeaturedCard,
+        {
+          post,
+          basePath: caseStudyBasePath
+        },
+        post.id
+      )) }),
+      regularPosts.length > 0 && /* @__PURE__ */ jsx("div", { className: "grid gap-6 sm:gap-8 md:grid-cols-2 lg:grid-cols-3", children: regularPosts.map((post) => /* @__PURE__ */ jsx(
+        CaseStudyCard,
+        {
+          post,
+          basePath: caseStudyBasePath
+        },
+        post.id
+      )) }),
+      activeCategory === "All" && total > limit && /* @__PURE__ */ jsxs("div", { className: "mt-14 flex justify-center gap-4", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => setOffset(Math.max(0, offset - limit)),
+            disabled: offset === 0,
+            className: "rounded-lg border px-5 py-2.5 text-sm font-medium transition-colors hover:bg-muted disabled:opacity-40",
+            children: "Previous"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => setOffset(offset + limit),
+            disabled: offset + limit >= total,
+            className: "rounded-lg border px-5 py-2.5 text-sm font-medium transition-colors hover:bg-muted disabled:opacity-40",
+            children: "Next"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-16 overflow-hidden rounded-2xl border bg-gradient-to-br from-primary/10 via-card to-card p-8 text-center sm:p-10", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-xl font-bold text-foreground sm:text-2xl", children: "Want results like these?" }),
+        /* @__PURE__ */ jsxs("p", { className: "mx-auto mt-2 max-w-xl text-sm text-muted-foreground sm:text-base", children: [
+          "Tell us about your goals and we\u2019ll show you exactly how",
+          " ",
+          productLabel,
+          " can help."
+        ] }),
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: contactHref,
+            className: "mt-6 inline-flex items-center justify-center gap-2 rounded-lg bg-primary px-6 py-3 text-sm font-semibold text-primary-foreground shadow-sm transition-all hover:opacity-90 hover:shadow-md",
+            children: contactLabel
+          }
+        )
+      ] })
+    ] }) : null }) })
+  ] });
+}
+function CaseStudyPage(props) {
+  const {
+    productName,
+    caseStudiesListUrl = "/case-studies",
+    backLabel = "Back to Case Studies",
+    contactHref = "/contact",
+    contactLabel = "Get in touch",
+    className = ""
+  } = props;
+  const client = useWebSDK();
+  const config = useWebSDKConfig();
+  const { product } = useProduct();
+  const resolvedProductId = product?.id || config.productId;
+  const productLabel = product?.name || productName || "our team";
+  const [post, setPost] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const slug = typeof window !== "undefined" ? window.location.pathname.split("/").pop() || "" : "";
+  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;
+        }
+        const page = result.data?.publicContentPage ?? null;
+        setPost(page && hasCustomerSignOff(page) ? page : null);
+        setError(null);
+      } catch {
+        setError("Failed to load case study");
+      } finally {
+        setLoading(false);
+      }
+    }
+    fetchPost();
+  }, [client, slug, resolvedProductId]);
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { className: `w-full ${className}`, children: /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-4xl px-4 py-24 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs("div", { className: "animate-pulse space-y-6", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-8 w-2/3 rounded bg-muted" }),
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-1/3 rounded bg-muted" }),
+      /* @__PURE__ */ jsx("div", { className: "aspect-[16/9] rounded-xl bg-muted" }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-3", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsx("div", { className: "h-4 rounded bg-muted" }, i)) })
+    ] }) }) });
+  }
+  if (error || !post) {
+    return /* @__PURE__ */ jsx("div", { className: `w-full ${className}`, children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-2xl px-4 py-24 text-center sm:px-6 lg:px-8", children: [
+      /* @__PURE__ */ jsx("div", { className: "mx-auto flex h-16 w-16 items-center justify-center rounded-2xl bg-primary/10 text-primary", children: /* @__PURE__ */ jsx(
+        "svg",
+        {
+          className: "h-8 w-8",
+          fill: "none",
+          viewBox: "0 0 24 24",
+          stroke: "currentColor",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 1.5,
+              d: "M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z"
+            }
+          )
+        }
+      ) }),
+      /* @__PURE__ */ jsx("h1", { className: "mt-6 text-2xl font-bold text-foreground", children: "Case study not found" }),
+      /* @__PURE__ */ jsxs("p", { className: "mx-auto mt-3 max-w-md text-muted-foreground", children: [
+        "This story isn\u2019t available yet \u2014 but there\u2019s plenty more to explore, and we\u2019re always happy to talk through what ",
+        productLabel,
+        " can do."
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-8 flex flex-col items-center justify-center gap-3 sm:flex-row", children: [
+        /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: caseStudiesListUrl,
+            className: "inline-flex items-center justify-center rounded-lg border px-5 py-2.5 text-sm font-semibold text-foreground transition-colors hover:bg-muted",
+            children: [
+              "\u2190 ",
+              backLabel
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: contactHref,
+            className: "inline-flex items-center justify-center rounded-lg bg-primary px-5 py-2.5 text-sm font-semibold text-primary-foreground transition-all hover:opacity-90",
+            children: contactLabel
+          }
+        )
+      ] })
+    ] }) });
+  }
+  const formattedDate = formatDate(post.publishedAt || post.lastUpdated);
+  const approvedDate = formatDate(post.customerSignOff?.signedAt);
+  return /* @__PURE__ */ jsxs("div", { className: `w-full ${className}`, children: [
+    /* @__PURE__ */ jsx(ProseStyles, {}),
+    /* @__PURE__ */ jsx(
+      PageHead,
+      {
+        title: post.seoTitle || post.title,
+        description: post.seoDescription || post.excerpt || "",
+        productName,
+        keywords: post.seoKeywords || ""
+      }
+    ),
+    /* @__PURE__ */ jsxs("article", { className: "mx-auto max-w-4xl px-4 py-16 sm:px-6 sm:py-20 lg:px-8", children: [
+      /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: caseStudiesListUrl,
+          className: "mb-8 inline-flex items-center gap-1 text-sm text-muted-foreground transition-colors hover:text-foreground",
+          children: [
+            "\u2190 ",
+            backLabel
+          ]
+        }
+      ),
+      post.category && /* @__PURE__ */ jsx("span", { className: "mb-4 inline-block rounded-full bg-primary/10 px-2.5 py-1 text-xs font-medium text-primary", children: post.category }),
+      /* @__PURE__ */ jsx("h1", { className: "mb-4 text-3xl font-bold tracking-tight text-foreground sm:text-4xl md:text-5xl", children: post.title }),
+      /* @__PURE__ */ jsxs("div", { className: "mb-8 flex flex-wrap items-center gap-3 text-sm text-muted-foreground", children: [
+        post.author && /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: post.author }),
+        post.author && formattedDate && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+        formattedDate && /* @__PURE__ */ jsx("span", { children: formattedDate }),
+        post.readingTime ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            post.readingTime,
+            " min read"
+          ] })
+        ] }) : null
+      ] }),
+      approvedDate && /* @__PURE__ */ jsxs(
+        "p",
+        {
+          className: "-mt-4 mb-8 text-xs text-muted-foreground",
+          "data-cs": "customer-signoff",
+          children: [
+            "Approved for publication by the customer on ",
+            approvedDate
+          ]
+        }
+      ),
+      post.thumbnail && /* @__PURE__ */ jsx("div", { className: "mb-10 aspect-[16/9] overflow-hidden rounded-xl", children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: post.thumbnail,
+          alt: post.title,
+          className: "h-full w-full object-cover"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("div", { className: "boff-prose max-w-none", children: /* @__PURE__ */ jsx(ContentRenderer, { content: post.content, format: post.contentFormat }) }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-14 rounded-2xl border bg-gradient-to-br from-primary/10 via-card to-card p-8 text-center", children: [
+        /* @__PURE__ */ jsxs("h2", { className: "text-xl font-bold text-foreground", children: [
+          "Curious what ",
+          productLabel,
+          " could do for you?"
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "mx-auto mt-2 max-w-lg text-sm text-muted-foreground", children: "We\u2019re happy to walk you through it \u2014 no pressure, just a conversation about your goals." }),
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: contactHref,
+            className: "mt-6 inline-flex items-center justify-center rounded-lg bg-primary px-6 py-3 text-sm font-semibold text-primary-foreground shadow-sm transition-all hover:opacity-90 hover:shadow-md",
+            children: contactLabel
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+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 formatDate2(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] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchEntries = 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]);
+  useEffect(() => {
+    fetchEntries();
+  }, [fetchEntries]);
+  return { entries, loading, error };
+}
+function CmsTimeline(props) {
+  const { entries, loading, error } = props;
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { className: "max-w-3xl mx-auto space-y-12", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "rounded-2xl border border-border/40 bg-card overflow-hidden animate-pulse",
+        children: /* @__PURE__ */ jsxs("div", { className: "p-6 sm:p-8 space-y-4", children: [
+          /* @__PURE__ */ jsx("div", { className: "h-3 bg-muted rounded w-1/3" }),
+          /* @__PURE__ */ jsx("div", { className: "h-6 bg-muted rounded w-2/3" }),
+          /* @__PURE__ */ jsx("div", { className: "h-4 bg-muted rounded" }),
+          /* @__PURE__ */ jsx("div", { className: "h-4 bg-muted rounded w-5/6" })
+        ] })
+      },
+      i
+    )) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: error }) });
+  }
+  if (entries.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "No changelog entries yet. Check back soon!" }) });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "max-w-3xl mx-auto space-y-12", children: entries.map((entry) => /* @__PURE__ */ jsxs(
+    "article",
+    {
+      id: entry.slug,
+      className: "rounded-2xl border border-border/40 bg-card overflow-hidden scroll-mt-24",
+      children: [
+        entry.thumbnail && /* @__PURE__ */ 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__ */ jsxs("div", { className: "p-6 sm:p-8", children: [
+          /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground mb-2", children: [
+            entry.publishedAt && /* @__PURE__ */ jsx("time", { dateTime: entry.publishedAt, children: formatDate2(entry.publishedAt || entry.lastUpdated) }),
+            entry.author && /* @__PURE__ */ jsxs(Fragment, { children: [
+              " \xB7 ",
+              entry.author
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("h2", { className: "text-xl sm:text-2xl font-bold text-foreground mb-4", children: entry.title }),
+          entry.content ? /* @__PURE__ */ jsx("div", { className: "boff-prose boff-prose-sm max-w-none", children: /* @__PURE__ */ jsx(
+            ContentRenderer,
+            {
+              content: entry.content,
+              format: entry.contentFormat
+            }
+          ) }) : entry.excerpt && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground leading-relaxed", children: entry.excerpt })
+        ] })
+      ]
+    },
+    entry.id
+  )) });
+}
+function EntryContent({ content }) {
+  if (typeof content === "string") {
+    return /* @__PURE__ */ jsx("div", { className: "boff-prose boff-prose-sm max-w-none", children: /* @__PURE__ */ jsx(ContentRenderer, { content, format: "markdown" }) });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "boff-prose boff-prose-sm max-w-none", children: content });
+}
+function EntriesTimeline(props) {
+  const { entries, pageSize, productName } = props;
+  const [query, setQuery] = useState("");
+  const [selectedCategory, setSelectedCategory] = useState(null);
+  const [page, setPage] = useState(1);
+  const categories = useMemo(
+    () => Array.from(new Set(entries.map((e) => e.category))).sort(),
+    [entries]
+  );
+  const filtered = 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);
+  useEffect(() => {
+    setPage(1);
+  }, [query, selectedCategory]);
+  if (entries.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "No changelog entries yet. Check back soon!" }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "max-w-3xl mx-auto", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-8 space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx(
+          Search,
+          {
+            className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground",
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+        /* @__PURE__ */ 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__ */ 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__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "absolute left-[1.125rem] top-3 bottom-3 w-px bg-border/60 hidden sm:block",
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "space-y-8", children: pageItems.map((entry) => /* @__PURE__ */ jsxs(
+        "article",
+        {
+          className: "relative sm:pl-12",
+          children: [
+            /* @__PURE__ */ 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__ */ jsx("span", { className: "h-2 w-2 rounded-full bg-primary-foreground" })
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "rounded-2xl border border-border/40 bg-card overflow-hidden", children: /* @__PURE__ */ jsxs("div", { className: "p-6 sm:p-8", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 mb-3", children: [
+                /* @__PURE__ */ 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__ */ 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__ */ jsx(
+                  "time",
+                  {
+                    className: "text-xs text-muted-foreground",
+                    dateTime: entry.date,
+                    children: formatDate2(entry.date)
+                  }
+                )
+              ] }),
+              entry.tags && entry.tags.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5 mb-3", children: entry.tags.map((tag) => /* @__PURE__ */ 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__ */ jsx("h2", { className: "text-xl sm:text-2xl font-bold text-foreground mb-4", children: entry.title }),
+              /* @__PURE__ */ jsx(EntryContent, { content: entry.content })
+            ] }) })
+          ]
+        },
+        `${entry.version}-${entry.date}`
+      )) })
+    ] }),
+    pageItems.length === 0 && /* @__PURE__ */ jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "No entries match your filters." }) }),
+    totalPages > 1 && /* @__PURE__ */ jsxs("div", { className: "mt-10 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+        "Page ",
+        safePage,
+        " of ",
+        totalPages,
+        " \xB7 ",
+        filtered.length,
+        " entries"
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => setPage((p) => Math.max(1, p - 1)),
+            disabled: safePage <= 1,
+            "aria-label": "Previous page",
+            children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => setPage((p) => Math.min(totalPages, p + 1)),
+            disabled: safePage >= totalPages,
+            "aria-label": "Next page",
+            children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+          }
+        )
+      ] })
+    ] }),
+    productName && pageItems.length > 0 && /* @__PURE__ */ 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__ */ jsxs("div", { className: `w-full ${className}`, children: [
+    /* @__PURE__ */ jsx(ProseStyles, {}),
+    /* @__PURE__ */ jsx(
+      PageHead,
+      {
+        title: seoTitle || heroTitle,
+        description: seoDescription || heroSubtitle,
+        productName: resolvedProductName,
+        keywords: seoKeywords
+      }
+    ),
+    /* @__PURE__ */ jsx("section", { className: "py-16 md:py-20 px-4 sm:px-6 lg:px-8 text-center", children: /* @__PURE__ */ jsxs("div", { className: "max-w-3xl mx-auto", children: [
+      /* @__PURE__ */ 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__ */ jsx(History, { className: "h-3.5 w-3.5", "aria-hidden": "true" }),
+        heroEyebrow
+      ] }),
+      /* @__PURE__ */ jsx("h1", { className: "text-4xl sm:text-5xl font-bold text-foreground mb-4", children: heroTitle }),
+      /* @__PURE__ */ jsx("p", { className: "text-lg text-muted-foreground", children: heroSubtitle })
+    ] }) }),
+    /* @__PURE__ */ jsx("section", { className: "px-4 sm:px-6 lg:px-8 pb-20", children: isPropDriven ? /* @__PURE__ */ jsx(
+      EntriesTimeline,
+      {
+        entries,
+        pageSize,
+        productName: resolvedProductName
+      }
+    ) : /* @__PURE__ */ jsx(
+      CmsTimeline,
+      {
+        entries: cms.entries,
+        loading: cms.loading,
+        error: cms.error
+      }
+    ) }),
+    showCta && /* @__PURE__ */ jsx("section", { className: "py-14 px-4 sm:px-6 lg:px-8 bg-primary/5 border-t border-border/40", children: /* @__PURE__ */ jsxs("div", { className: "max-w-2xl mx-auto text-center", children: [
+      ctaTitle && /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold text-foreground mb-3", children: ctaTitle }),
+      ctaSubtitle && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-7", children: ctaSubtitle }),
+      /* @__PURE__ */ 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
+}) {
+  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__ */ 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__ */ 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__ */ jsxs("div", { className: "flex items-start justify-between gap-4 border-b p-4", children: [
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsx("h3", { className: "truncate text-sm font-semibold text-foreground", children: asset.title }),
+                /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+                  ext,
+                  size ? ` \xB7 ${size}` : ""
+                ] })
+              ] }),
+              /* @__PURE__ */ 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__ */ jsx(
+                    "svg",
+                    {
+                      className: "h-5 w-5",
+                      fill: "none",
+                      viewBox: "0 0 24 24",
+                      stroke: "currentColor",
+                      strokeWidth: 2,
+                      children: /* @__PURE__ */ jsx(
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          d: "M6 18L18 6M6 6l12 12"
+                        }
+                      )
+                    }
+                  )
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-center justify-center overflow-auto bg-muted/20 p-4", children: /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: asset.fileUrl,
+                alt: asset.title,
+                className: "max-h-[70vh] w-auto max-w-full object-contain"
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { className: "flex justify-end border-t p-4", children: /* @__PURE__ */ 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__ */ jsx(
+                    "svg",
+                    {
+                      className: "h-4 w-4",
+                      fill: "none",
+                      viewBox: "0 0 24 24",
+                      stroke: "currentColor",
+                      strokeWidth: 2,
+                      children: /* @__PURE__ */ 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] = useState(false);
+  const thumb = asset.thumbnailUrl && !imgError ? /* @__PURE__ */ jsx("div", { className: "aspect-[16/9] overflow-hidden bg-muted/30", children: /* @__PURE__ */ 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__ */ jsx("div", { className: "aspect-[16/9] bg-muted/50 flex items-center justify-center", children: /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: "w-12 h-12 text-muted-foreground/20",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      children: /* @__PURE__ */ 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__ */ 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__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => onPreview(asset),
+        "aria-label": `Preview ${asset.title}`,
+        className: "block w-full text-left cursor-zoom-in",
+        children: thumb
+      }
+    ) : /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: asset.fileUrl,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        "aria-label": `Open ${asset.title}`,
+        className: "block",
+        children: thumb
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 p-5", children: [
+      /* @__PURE__ */ 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__ */ jsx("h3", { className: "text-base font-semibold text-foreground mb-1 line-clamp-2", children: asset.title }),
+      asset.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-3 line-clamp-2", children: asset.description }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-auto flex items-center justify-between pt-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium", children: ext }),
+          size && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+            /* @__PURE__ */ jsx("span", { children: size })
+          ] }),
+          date && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+            /* @__PURE__ */ jsx("span", { children: date })
+          ] })
+        ] }),
+        /* @__PURE__ */ 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__ */ jsx(
+                "svg",
+                {
+                  className: "w-4 h-4",
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  stroke: "currentColor",
+                  strokeWidth: 2,
+                  children: /* @__PURE__ */ 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] = useState(false);
+  return /* @__PURE__ */ 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__ */ jsx("div", { className: "aspect-[16/9] overflow-hidden bg-muted/30", children: /* @__PURE__ */ 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__ */ jsx("div", { className: "aspect-[16/9] bg-muted/50 flex items-center justify-center", children: /* @__PURE__ */ jsx(
+          "svg",
+          {
+            className: "w-12 h-12 text-muted-foreground/20",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            children: /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex flex-col flex-1 p-5 sm:p-6", children: [
+          release.category && /* @__PURE__ */ 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__ */ jsx("h3", { className: "text-lg font-semibold text-foreground mb-2 group-hover:text-primary transition-colors line-clamp-2", children: release.title }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-4 line-clamp-3", children: release.excerpt || release.seoDescription || "" }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-auto flex items-center gap-3 text-xs text-muted-foreground", children: [
+            release.author && /* @__PURE__ */ jsx("span", { className: "font-medium", children: release.author }),
+            release.author && formattedDate && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+            formattedDate && /* @__PURE__ */ jsx("span", { children: formattedDate }),
+            release.readingTime ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+              /* @__PURE__ */ 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] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [activeCategory, setActiveCategory] = useState("ALL");
+  const [releases, setReleases] = useState([]);
+  const [releasesLoading, setReleasesLoading] = useState(true);
+  const [preview, setPreview] = useState(null);
+  const fetchAssets = 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]);
+  useEffect(() => {
+    fetchAssets();
+  }, [fetchAssets]);
+  const fetchReleases = 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]);
+  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__ */ jsxs("div", { className: `w-full ${className}`, children: [
+    seoTitle && /* @__PURE__ */ jsx(
+      PageHead,
+      {
+        title: seoTitle,
+        description: seoDescription || heroSubtitle,
+        productName,
+        keywords: seoKeywords
+      }
+    ),
+    /* @__PURE__ */ jsx("section", { className: "py-16 sm:py-20 md:py-24", children: /* @__PURE__ */ jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs("div", { className: "text-center max-w-3xl mx-auto", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-3xl sm:text-4xl md:text-5xl font-bold tracking-tight text-foreground", children: heroTitle }),
+      /* @__PURE__ */ jsx("p", { className: "mt-4 text-lg text-muted-foreground", children: heroSubtitle }),
+      (brandKitUrl || contactEmail) && /* @__PURE__ */ jsxs("div", { className: "mt-8 flex flex-wrap items-center justify-center gap-4", children: [
+        brandKitUrl && /* @__PURE__ */ 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__ */ 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__ */ jsx("section", { className: "pb-16 sm:pb-20", children: /* @__PURE__ */ jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold text-foreground mb-6", children: pressReleasesTitle }),
+      /* @__PURE__ */ jsx("div", { className: "grid sm:grid-cols-2 lg:grid-cols-3 gap-6", children: releasesLoading ? [1, 2, 3].map((i) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "bg-card border rounded-xl overflow-hidden animate-pulse",
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "aspect-[16/9] bg-muted" }),
+            /* @__PURE__ */ jsxs("div", { className: "p-5 space-y-3", children: [
+              /* @__PURE__ */ jsx("div", { className: "h-4 bg-muted rounded w-1/4" }),
+              /* @__PURE__ */ jsx("div", { className: "h-5 bg-muted rounded w-3/4" }),
+              /* @__PURE__ */ jsx("div", { className: "h-4 bg-muted rounded w-1/2" })
+            ] })
+          ]
+        },
+        i
+      )) : releases.map((r) => /* @__PURE__ */ jsx(
+        PressReleaseCard,
+        {
+          release: r,
+          basePath: pressReleaseBasePath
+        },
+        r.id
+      )) })
+    ] }) }),
+    /* @__PURE__ */ jsx("section", { className: "pb-16 sm:pb-20", children: /* @__PURE__ */ jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: loading ? /* @__PURE__ */ jsx("div", { className: "grid sm:grid-cols-2 lg:grid-cols-3 gap-6", children: [1, 2, 3, 4, 5, 6].map((i) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "bg-card border rounded-xl overflow-hidden animate-pulse",
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "aspect-[16/9] bg-muted" }),
+          /* @__PURE__ */ jsxs("div", { className: "p-5 space-y-3", children: [
+            /* @__PURE__ */ jsx("div", { className: "h-4 bg-muted rounded w-1/4" }),
+            /* @__PURE__ */ jsx("div", { className: "h-5 bg-muted rounded w-3/4" }),
+            /* @__PURE__ */ jsx("div", { className: "h-4 bg-muted rounded w-1/2" })
+          ] })
+        ]
+      },
+      i
+    )) }) : error ? /* @__PURE__ */ jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: error }) }) : assets.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground", children: [
+      "Press materials are coming soon. For media inquiries",
+      contactEmail ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        ", contact ",
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: `mailto:${contactEmail}`,
+            className: "text-primary underline underline-offset-4 hover:no-underline",
+            children: contactEmail
+          }
+        )
+      ] }) : " please reach out to our team",
+      "."
+    ] }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      presentCategories.length > 1 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 mb-10 justify-center", children: ["ALL", ...presentCategories].map((c) => {
+        const active = activeCategory === c;
+        return /* @__PURE__ */ 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__ */ jsxs("div", { className: "mb-12", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold text-foreground mb-5", children: CATEGORY_LABELS[group.cat] ?? group.cat }),
+        /* @__PURE__ */ jsx("div", { className: "grid sm:grid-cols-2 lg:grid-cols-3 gap-6", children: group.items.map((a) => /* @__PURE__ */ jsx(AssetCard, { asset: a, onPreview: setPreview }, a.id)) })
+      ] }, group.cat)),
+      contactEmail && /* @__PURE__ */ jsxs("div", { className: "mt-8 border-t pt-10 text-center", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-foreground mb-2", children: "Media Contact" }),
+        /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground", children: [
+          "For interviews, partnerships, and press inquiries:",
+          " ",
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: `mailto:${contactEmail}`,
+              className: "text-primary underline underline-offset-4 hover:no-underline",
+              children: contactEmail
+            }
+          )
+        ] })
+      ] })
+    ] }) }) }),
+    /* @__PURE__ */ 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] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchContracts = 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]);
+  useEffect(() => {
+    fetchContracts();
+  }, [fetchContracts]);
+  return /* @__PURE__ */ jsxs("div", { className: `min-h-screen bg-background ${className}`, children: [
+    /* @__PURE__ */ jsx(
+      PageHead,
+      {
+        title: seoTitle || `Contracts \u2014 ${displayName}`,
+        description: seoDescription || heroSubtitle,
+        productName,
+        keywords: seoKeywords
+      }
+    ),
+    /* @__PURE__ */ jsx("section", { className: "border-b border-border bg-muted/30", children: /* @__PURE__ */ jsxs("div", { className: "max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-16 text-center", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-4xl md:text-5xl font-bold text-foreground mb-4", children: heroTitle }),
+      /* @__PURE__ */ jsx("p", { className: "text-lg text-muted-foreground max-w-2xl mx-auto", children: heroSubtitle })
+    ] }) }),
+    /* @__PURE__ */ jsx("section", { className: "max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-12", children: loading ? /* @__PURE__ */ jsx("div", { className: "flex justify-center py-20", children: /* @__PURE__ */ jsx("div", { className: "h-8 w-8 animate-spin rounded-full border-2 border-primary border-t-transparent" }) }) : error ? /* @__PURE__ */ jsx("div", { className: "text-center py-16", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: error }) }) : contracts.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-center py-16", children: /* @__PURE__ */ jsx("p", { className: "text-base text-muted-foreground", children: "No contracts are available yet." }) }) : /* @__PURE__ */ 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__ */ jsxs(
+        "li",
+        {
+          className: "flex items-center justify-between gap-4 p-5 hover:bg-muted/40 transition-colors",
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+                /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold text-foreground truncate", children: c.title }),
+                c.version && /* @__PURE__ */ 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__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1 line-clamp-2", children: c.description }),
+              /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-center gap-2 text-xs text-muted-foreground", children: [
+                /* @__PURE__ */ jsx("span", { className: "font-medium", children: ext }),
+                size && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+                  /* @__PURE__ */ jsx("span", { children: size })
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ 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__ */ jsx(
+                    "svg",
+                    {
+                      className: "w-4 h-4",
+                      fill: "none",
+                      viewBox: "0 0 24 24",
+                      stroke: "currentColor",
+                      "aria-hidden": "true",
+                      children: /* @__PURE__ */ 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
+      );
+    }) }) })
+  ] });
+}
+
+export { BlogListPage, BlogPostPage, CaseStudiesListPage, CaseStudyPage, ChangelogPage, ContractsPage, LEGAL_DOCUMENTS, LEGAL_DOCUMENT_KEYS, LegalPage, PressKitPage, fetchLegalContent, fetchLegalContentPage, fetchPublicJobPosting, fetchPublicJobPostings, fetchPublicJobPostingsForSubmission, findLegalDocument, formatLegalDate, hasCustomerSignOff, splitLeadingHeading, usePublicJobPosting, usePublicJobPostings, usePublicJobPostingsForSubmission };
+//# sourceMappingURL=chunk-D2TW7MNC.mjs.map
+//# sourceMappingURL=chunk-D2TW7MNC.mjs.map