@burdenoff/website-sdk 2026.529.4 → 2026.610.2

package/dist/content/index.d.mts

@@ -114,6 +114,43 @@ interface BlogPostPageProps {
 declare function BlogListPage(props: BlogListPageProps): react_jsx_runtime.JSX.Element;
 declare function BlogPostPage(props: BlogPostPageProps): react_jsx_runtime.JSX.Element;
 
+interface CaseStudiesListPageProps {
+    productName?: string;
+    heroTitle?: string;
+    heroSubtitle?: string;
+    caseStudyBasePath?: string;
+    className?: string;
+    seoTitle?: string;
+    seoDescription?: string;
+    seoKeywords?: string;
+}
+interface CaseStudyPageProps {
+    productName?: string;
+    caseStudiesListUrl?: string;
+    /** Back-link label. Default: "Back to Case Studies". */
+    backLabel?: string;
+    className?: string;
+}
+declare function CaseStudiesListPage(props: CaseStudiesListPageProps): react_jsx_runtime.JSX.Element;
+declare function CaseStudyPage(props: CaseStudyPageProps): react_jsx_runtime.JSX.Element;
+
+interface ChangelogPageProps {
+    productName?: string;
+    heroEyebrow?: string;
+    heroTitle?: string;
+    heroSubtitle?: string;
+    /** Optional bottom CTA. Rendered only when ctaHref + ctaLabel are provided. */
+    ctaTitle?: string;
+    ctaSubtitle?: string;
+    ctaHref?: string;
+    ctaLabel?: string;
+    className?: string;
+    seoTitle?: string;
+    seoDescription?: string;
+    seoKeywords?: string;
+}
+declare function ChangelogPage(props: ChangelogPageProps): react_jsx_runtime.JSX.Element;
+
 type PressKitAssetCategory = "LOGO" | "BANNER" | "SCREENSHOT" | "BROCHURE" | "DOCUMENT" | "PRESS_RELEASE" | "BRAND_GUIDE";
 interface PressKitAsset {
     id: string;
@@ -184,4 +221,4 @@ interface ContractsPageProps {
 }
 declare function ContractsPage(props: ContractsPageProps): react_jsx_runtime.JSX.Element;
 
-export { BlogListPage, type BlogListPageProps, BlogPostPage, type BlogPostPageProps, type ContentPageData, type ContentPageListData, type ContentPageListItem, ContentRenderer, type ContractAsset, ContractsPage, type ContractsPageProps, type PressKitAsset, type PressKitAssetCategory, PressKitPage, type PressKitPageProps, type UseContentPageOptions, useContentPage, useContentPages };
+export { BlogListPage, type BlogListPageProps, BlogPostPage, type BlogPostPageProps, CaseStudiesListPage, type CaseStudiesListPageProps, CaseStudyPage, type CaseStudyPageProps, ChangelogPage, type ChangelogPageProps, type ContentPageData, type ContentPageListData, type ContentPageListItem, ContentRenderer, type ContractAsset, ContractsPage, type ContractsPageProps, type PressKitAsset, type PressKitAssetCategory, PressKitPage, type PressKitPageProps, type UseContentPageOptions, useContentPage, useContentPages };

package/dist/content/index.d.ts

@@ -114,6 +114,43 @@ interface BlogPostPageProps {
 declare function BlogListPage(props: BlogListPageProps): react_jsx_runtime.JSX.Element;
 declare function BlogPostPage(props: BlogPostPageProps): react_jsx_runtime.JSX.Element;
 
+interface CaseStudiesListPageProps {
+    productName?: string;
+    heroTitle?: string;
+    heroSubtitle?: string;
+    caseStudyBasePath?: string;
+    className?: string;
+    seoTitle?: string;
+    seoDescription?: string;
+    seoKeywords?: string;
+}
+interface CaseStudyPageProps {
+    productName?: string;
+    caseStudiesListUrl?: string;
+    /** Back-link label. Default: "Back to Case Studies". */
+    backLabel?: string;
+    className?: string;
+}
+declare function CaseStudiesListPage(props: CaseStudiesListPageProps): react_jsx_runtime.JSX.Element;
+declare function CaseStudyPage(props: CaseStudyPageProps): react_jsx_runtime.JSX.Element;
+
+interface ChangelogPageProps {
+    productName?: string;
+    heroEyebrow?: string;
+    heroTitle?: string;
+    heroSubtitle?: string;
+    /** Optional bottom CTA. Rendered only when ctaHref + ctaLabel are provided. */
+    ctaTitle?: string;
+    ctaSubtitle?: string;
+    ctaHref?: string;
+    ctaLabel?: string;
+    className?: string;
+    seoTitle?: string;
+    seoDescription?: string;
+    seoKeywords?: string;
+}
+declare function ChangelogPage(props: ChangelogPageProps): react_jsx_runtime.JSX.Element;
+
 type PressKitAssetCategory = "LOGO" | "BANNER" | "SCREENSHOT" | "BROCHURE" | "DOCUMENT" | "PRESS_RELEASE" | "BRAND_GUIDE";
 interface PressKitAsset {
     id: string;
@@ -184,4 +221,4 @@ interface ContractsPageProps {
 }
 declare function ContractsPage(props: ContractsPageProps): react_jsx_runtime.JSX.Element;
 
-export { BlogListPage, type BlogListPageProps, BlogPostPage, type BlogPostPageProps, type ContentPageData, type ContentPageListData, type ContentPageListItem, ContentRenderer, type ContractAsset, ContractsPage, type ContractsPageProps, type PressKitAsset, type PressKitAssetCategory, PressKitPage, type PressKitPageProps, type UseContentPageOptions, useContentPage, useContentPages };
+export { BlogListPage, type BlogListPageProps, BlogPostPage, type BlogPostPageProps, CaseStudiesListPage, type CaseStudiesListPageProps, CaseStudyPage, type CaseStudyPageProps, ChangelogPage, type ChangelogPageProps, type ContentPageData, type ContentPageListData, type ContentPageListItem, ContentRenderer, type ContractAsset, ContractsPage, type ContractsPageProps, type PressKitAsset, type PressKitAssetCategory, PressKitPage, type PressKitPageProps, type UseContentPageOptions, useContentPage, useContentPages };

package/dist/content/index.js

@@ -774,6 +774,566 @@ function BlogPostPage(props) {
     ] })
   ] });
 }
+var CASE_STUDY_TAG = "case-study";
+var CASE_STUDIES_QUERY = `
+  query CaseStudies($productId: String!, $limit: Int, $offset: Int) {
+    publicContentPages(productId: $productId, limit: $limit, offset: $offset) {
+      items {
+        id
+        title
+        slug
+        lastUpdated
+        tags
+        seoDescription
+        excerpt
+        thumbnail
+        author
+        publishedAt
+        readingTime
+        featured
+        category
+      }
+      total
+      hasMore
+    }
+  }
+`;
+var CASE_STUDY_QUERY = `
+  query CaseStudy($slug: String!, $productId: String) {
+    publicContentPage(slug: $slug, productId: $productId) {
+      id
+      title
+      slug
+      content
+      contentFormat
+      seoTitle
+      seoDescription
+      seoKeywords
+      lastUpdated
+      tags
+      excerpt
+      thumbnail
+      author
+      publishedAt
+      readingTime
+      featured
+      category
+    }
+  }
+`;
+function CaseStudyCard({
+  post,
+  basePath = "/case-studies"
+}) {
+  const date = post.publishedAt || post.lastUpdated;
+  const formattedDate = date ? new Date(date).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  }) : "";
+  const [imgError, setImgError] = react.useState(false);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "a",
+    {
+      href: `${basePath}/${post.slug}`,
+      className: "group block bg-card border rounded-xl overflow-hidden hover:shadow-lg hover:border-primary/30 transition-all duration-300",
+      children: [
+        post.thumbnail && !imgError ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[16/9] overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: post.thumbnail,
+            alt: post.title,
+            className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-300",
+            loading: "lazy",
+            onError: () => setImgError(true)
+          }
+        ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[16/9] bg-muted/50 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            className: "w-12 h-12 text-muted-foreground/20",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 1.5,
+                d: "M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-5 sm:p-6", children: [
+          post.category && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block text-xs font-medium text-primary bg-primary/10 px-2.5 py-1 rounded-full mb-3", children: post.category }),
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-foreground mb-2 group-hover:text-primary transition-colors line-clamp-2", children: post.title }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-4 line-clamp-3", children: post.excerpt || post.seoDescription || "" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 text-xs text-muted-foreground", children: [
+            post.author && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: post.author }),
+            post.author && formattedDate && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+            formattedDate && /* @__PURE__ */ jsxRuntime.jsx("span", { children: formattedDate }),
+            post.readingTime && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                post.readingTime,
+                " min read"
+              ] })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function CaseStudiesListPage(props) {
+  const {
+    productName,
+    heroTitle = "Case Studies",
+    heroSubtitle = "Real-world stories of teams building with our platform",
+    caseStudyBasePath = "/case-studies",
+    className = "",
+    seoTitle,
+    seoDescription,
+    seoKeywords
+  } = props;
+  const client = useWebSDK();
+  const config = useWebSDKConfig();
+  const { product } = useProduct();
+  const resolvedProductId = product?.id || config.productId;
+  const [posts, setPosts] = react.useState([]);
+  const [total, setTotal] = react.useState(0);
+  const [loading, setLoading] = react.useState(true);
+  const [error, setError] = react.useState(null);
+  const [offset, setOffset] = react.useState(0);
+  const limit = 12;
+  const fetchPosts = react.useCallback(async () => {
+    if (!resolvedProductId) return;
+    setLoading(true);
+    try {
+      const result = await client.query(CASE_STUDIES_QUERY, {
+        productId: resolvedProductId,
+        limit,
+        offset
+      });
+      if (result.errors?.length) {
+        setError(result.errors[0]?.message ?? "Failed to load case studies");
+        return;
+      }
+      const caseStudies = (result.data?.publicContentPages?.items || []).filter(
+        (p) => p.tags?.includes(CASE_STUDY_TAG)
+      );
+      setPosts(caseStudies);
+      setTotal(result.data?.publicContentPages?.total || 0);
+      setError(null);
+    } catch {
+      setError("Failed to load case studies");
+    } finally {
+      setLoading(false);
+    }
+  }, [client, resolvedProductId, offset]);
+  react.useEffect(() => {
+    fetchPosts();
+  }, [fetchPosts]);
+  const featuredPosts = posts.filter((p) => p.featured);
+  const regularPosts = posts.filter((p) => !p.featured);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `w-full ${className}`, children: [
+    seoTitle && /* @__PURE__ */ jsxRuntime.jsx(
+      PageHead,
+      {
+        title: seoTitle,
+        description: seoDescription || heroSubtitle,
+        productName,
+        keywords: seoKeywords
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("section", { className: "py-16 sm:py-20 md:py-24", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center max-w-3xl mx-auto", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl sm:text-4xl md:text-5xl font-bold tracking-tight text-foreground", children: heroTitle }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 text-lg text-muted-foreground", children: heroSubtitle })
+    ] }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("section", { className: "pb-16 sm:pb-20", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid md:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "bg-card border rounded-xl overflow-hidden animate-pulse",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[16/9] bg-muted" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6 space-y-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded w-1/4" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 bg-muted rounded w-3/4" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded w-1/2" })
+          ] })
+        ]
+      },
+      i
+    )) }) : error ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: error }) }) : posts.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "No case studies yet. Check back soon!" }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      featuredPosts.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid md:grid-cols-2 gap-6 sm:gap-8 mb-8", children: featuredPosts.map((post) => /* @__PURE__ */ jsxRuntime.jsx(
+        CaseStudyCard,
+        {
+          post,
+          basePath: caseStudyBasePath
+        },
+        post.id
+      )) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid md:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8", children: regularPosts.map((post) => /* @__PURE__ */ jsxRuntime.jsx(
+        CaseStudyCard,
+        {
+          post,
+          basePath: caseStudyBasePath
+        },
+        post.id
+      )) }),
+      total > limit && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-center gap-4 mt-12", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => setOffset(Math.max(0, offset - limit)),
+            disabled: offset === 0,
+            className: "px-5 py-2.5 text-sm font-medium border rounded-lg disabled:opacity-40 hover:bg-muted transition-colors",
+            children: "Previous"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => setOffset(offset + limit),
+            disabled: offset + limit >= total,
+            className: "px-5 py-2.5 text-sm font-medium border rounded-lg disabled:opacity-40 hover:bg-muted transition-colors",
+            children: "Next"
+          }
+        )
+      ] })
+    ] }) }) })
+  ] });
+}
+function CaseStudyPage(props) {
+  const {
+    productName,
+    caseStudiesListUrl = "/case-studies",
+    backLabel = "Back to Case Studies",
+    className = ""
+  } = props;
+  const client = useWebSDK();
+  const config = useWebSDKConfig();
+  const { product } = useProduct();
+  const resolvedProductId = product?.id || config.productId;
+  const [post, setPost] = react.useState(null);
+  const [loading, setLoading] = react.useState(true);
+  const [error, setError] = react.useState(null);
+  const slug = typeof window !== "undefined" ? window.location.pathname.split("/").pop() || "" : "";
+  react.useEffect(() => {
+    if (!slug || !resolvedProductId) return;
+    async function fetchPost() {
+      setLoading(true);
+      try {
+        const result = await client.query(CASE_STUDY_QUERY, {
+          slug,
+          productId: resolvedProductId
+        });
+        if (result.errors?.length) {
+          setError(result.errors[0]?.message ?? "Failed to load case study");
+          return;
+        }
+        setPost(result.data?.publicContentPage ?? null);
+        setError(null);
+      } catch {
+        setError("Failed to load case study");
+      } finally {
+        setLoading(false);
+      }
+    }
+    fetchPost();
+  }, [client, slug, resolvedProductId]);
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-full ${className}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-24", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "animate-pulse space-y-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 bg-muted rounded w-2/3" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded w-1/3" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[16/9] bg-muted rounded-xl" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded" }, i)) })
+    ] }) }) });
+  }
+  if (error || !post) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-full ${className}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-24 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold mb-4", children: "Case study not found" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mb-6", children: error || "This case study doesn't exist or has been removed." }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "a",
+        {
+          href: caseStudiesListUrl,
+          className: "text-primary hover:underline font-medium",
+          children: [
+            "\u2190 ",
+            backLabel
+          ]
+        }
+      )
+    ] }) });
+  }
+  const date = post.publishedAt || post.lastUpdated;
+  const formattedDate = date ? new Date(date).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  }) : "";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `w-full ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PageHead,
+      {
+        title: post.seoTitle || post.title,
+        description: post.seoDescription || post.excerpt || "",
+        productName,
+        keywords: post.seoKeywords || ""
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("article", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-16 sm:py-20", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "a",
+        {
+          href: caseStudiesListUrl,
+          className: "inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground mb-8 transition-colors",
+          children: [
+            "\u2190 ",
+            backLabel
+          ]
+        }
+      ),
+      post.category && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block text-xs font-medium text-primary bg-primary/10 px-2.5 py-1 rounded-full mb-4", children: post.category }),
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl sm:text-4xl md:text-5xl font-bold tracking-tight text-foreground mb-4", children: post.title }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 text-sm text-muted-foreground mb-8", children: [
+        post.author && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: post.author }),
+        post.author && formattedDate && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+        formattedDate && /* @__PURE__ */ jsxRuntime.jsx("span", { children: formattedDate }),
+        post.readingTime && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            post.readingTime,
+            " min read"
+          ] })
+        ] })
+      ] }),
+      post.thumbnail && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[16/9] rounded-xl overflow-hidden mb-10", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: post.thumbnail,
+          alt: post.title,
+          className: "w-full h-full object-cover"
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "prose prose-gray dark:prose-invert max-w-none", children: /* @__PURE__ */ jsxRuntime.jsx(ContentRenderer, { content: post.content, format: post.contentFormat }) })
+    ] })
+  ] });
+}
+var CHANGELOG_TAG = "changelog";
+var CHANGELOG_LIST_QUERY = `
+  query ChangelogList($productId: String!, $limit: Int, $offset: Int) {
+    publicContentPages(productId: $productId, limit: $limit, offset: $offset) {
+      items {
+        id
+        title
+        slug
+        lastUpdated
+        tags
+        excerpt
+        seoDescription
+        thumbnail
+        author
+        publishedAt
+        readingTime
+        featured
+        category
+      }
+      total
+      hasMore
+    }
+  }
+`;
+var CHANGELOG_ENTRY_QUERY = `
+  query ChangelogEntry($slug: String!, $productId: String) {
+    publicContentPage(slug: $slug, productId: $productId) {
+      content
+      contentFormat
+    }
+  }
+`;
+function formatDate(value) {
+  if (!value) return "";
+  return new Date(value).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  });
+}
+function sortByDateDesc(a, b) {
+  const da = new Date(a.publishedAt || a.lastUpdated || 0).getTime();
+  const db = new Date(b.publishedAt || b.lastUpdated || 0).getTime();
+  return db - da;
+}
+function 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
+  } = props;
+  const client = useWebSDK();
+  const config = useWebSDKConfig();
+  const { product } = useProduct();
+  const resolvedProductId = product?.id || config.productId;
+  const [entries, setEntries] = react.useState([]);
+  const [loading, setLoading] = react.useState(true);
+  const [error, setError] = react.useState(null);
+  const fetchEntries = react.useCallback(async () => {
+    if (!resolvedProductId) return;
+    setLoading(true);
+    try {
+      const listResult = await client.query(CHANGELOG_LIST_QUERY, {
+        productId: resolvedProductId,
+        limit: 50,
+        offset: 0
+      });
+      if (listResult.errors?.length) {
+        setError(listResult.errors[0]?.message ?? "Failed to load changelog");
+        return;
+      }
+      const changelogItems = (listResult.data?.publicContentPages?.items || []).filter((p) => p.tags?.includes(CHANGELOG_TAG)).sort(sortByDateDesc);
+      const resolved = await Promise.all(
+        changelogItems.map(async (item) => {
+          try {
+            const detail = await client.query(CHANGELOG_ENTRY_QUERY, {
+              slug: item.slug,
+              productId: resolvedProductId
+            });
+            const page = detail.data?.publicContentPage;
+            return {
+              ...item,
+              content: page?.content,
+              contentFormat: page?.contentFormat
+            };
+          } catch {
+            return { ...item };
+          }
+        })
+      );
+      setEntries(resolved);
+      setError(null);
+    } catch {
+      setError("Failed to load changelog");
+    } finally {
+      setLoading(false);
+    }
+  }, [client, resolvedProductId]);
+  react.useEffect(() => {
+    fetchEntries();
+  }, [fetchEntries]);
+  const showCta = Boolean(ctaHref && ctaLabel);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `w-full ${className}`, children: [
+    seoTitle && /* @__PURE__ */ jsxRuntime.jsx(
+      PageHead,
+      {
+        title: seoTitle,
+        description: seoDescription || heroSubtitle,
+        productName,
+        keywords: seoKeywords
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("section", { className: "py-16 md:py-20 px-4 sm:px-6 lg:px-8 text-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-3xl mx-auto", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-primary/10 border border-primary/20 text-xs font-medium text-primary mb-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            className: "h-3.5 w-3.5",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2,
+                d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
+              }
+            )
+          }
+        ),
+        heroEyebrow
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-4xl sm:text-5xl font-bold text-foreground mb-4", children: heroTitle }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg text-muted-foreground", children: heroSubtitle })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("section", { className: "px-4 sm:px-6 lg:px-8 pb-20", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-3xl mx-auto space-y-12", children: loading ? [1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "rounded-2xl border border-border/40 bg-card overflow-hidden animate-pulse",
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6 sm:p-8 space-y-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 bg-muted rounded w-1/3" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 bg-muted rounded w-2/3" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded w-5/6" })
+        ] })
+      },
+      i
+    )) : error ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: error }) }) : entries.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "No changelog entries yet. Check back soon!" }) }) : entries.map((entry) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "article",
+      {
+        id: entry.slug,
+        className: "rounded-2xl border border-border/40 bg-card overflow-hidden scroll-mt-24",
+        children: [
+          entry.thumbnail && /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              src: entry.thumbnail,
+              alt: "",
+              width: 1024,
+              height: 576,
+              loading: "lazy",
+              decoding: "async",
+              className: "w-full aspect-video object-cover border-b border-border/40"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6 sm:p-8", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground mb-2", children: [
+              entry.publishedAt && /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: entry.publishedAt, children: formatDate(entry.publishedAt || entry.lastUpdated) }),
+              entry.author && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                " \xB7 ",
+                entry.author
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl sm:text-2xl font-bold text-foreground mb-4", children: entry.title }),
+            entry.content ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "prose prose-sm prose-gray dark:prose-invert max-w-none", children: /* @__PURE__ */ jsxRuntime.jsx(
+              ContentRenderer,
+              {
+                content: entry.content,
+                format: entry.contentFormat
+              }
+            ) }) : entry.excerpt && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground leading-relaxed", children: entry.excerpt })
+          ] })
+        ]
+      },
+      entry.id
+    )) }) }),
+    showCta && /* @__PURE__ */ jsxRuntime.jsx("section", { className: "py-14 px-4 sm:px-6 lg:px-8 bg-primary/5 border-t border-border/40", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-2xl mx-auto text-center", children: [
+      ctaTitle && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold text-foreground mb-3", children: ctaTitle }),
+      ctaSubtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mb-7", children: ctaSubtitle }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: ctaHref,
+          className: "inline-flex items-center justify-center rounded-lg bg-primary px-6 py-3 text-sm font-medium text-primary-foreground hover:opacity-90 transition-opacity",
+          children: ctaLabel
+        }
+      )
+    ] }) })
+  ] });
+}
 
 // src/content/utils.ts
 function formatBytes(bytes) {
@@ -1576,6 +2136,9 @@ function ContractsPage(props) {
 
 exports.BlogListPage = BlogListPage;
 exports.BlogPostPage = BlogPostPage;
+exports.CaseStudiesListPage = CaseStudiesListPage;
+exports.CaseStudyPage = CaseStudyPage;
+exports.ChangelogPage = ChangelogPage;
 exports.ContentRenderer = ContentRenderer;
 exports.ContractsPage = ContractsPage;
 exports.PressKitPage = PressKitPage;