@burdenoff/website-sdk 2026.703.2 → 2026.709.2

package/dist/content/index.js

@@ -1,8 +1,33 @@
 'use strict';
 
-var react = require('react');
+var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var reactHelmetAsync = require('react-helmet-async');
+var lucideReact = require('lucide-react');
+var reactSlot = require('@radix-ui/react-slot');
+var classVarianceAuthority = require('class-variance-authority');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -144,9 +169,9 @@ var _WebSDKClient = class _WebSDKClient {
 __publicField(_WebSDKClient, "CACHE_TTL", 5 * 60 * 1e3);
 // 5 minutes
 __publicField(_WebSDKClient, "MAX_CACHE_ENTRIES", 100);
-var WebSDKContext = react.createContext(null);
+var WebSDKContext = React.createContext(null);
 function useWebSDK() {
-  const client = react.useContext(WebSDKContext);
+  const client = React.useContext(WebSDKContext);
   if (!client) {
     throw new Error("useWebSDK must be used within a WebSDKProvider");
   }
@@ -156,7 +181,7 @@ function useWebSDKConfig() {
   const client = useWebSDK();
   return client.getConfig();
 }
-var ProductContext = react.createContext({
+var ProductContext = React.createContext({
   product: null,
   loading: true,
   error: null,
@@ -165,7 +190,7 @@ var ProductContext = react.createContext({
   }
 });
 function useProduct() {
-  return react.useContext(ProductContext);
+  return React.useContext(ProductContext);
 }
 var PUBLIC_CONTENT_PAGE_QUERY = `
   query PublicContentPage($slug: String!, $productId: String) {
@@ -241,10 +266,10 @@ function useContentPage(slug, options) {
   const config = useWebSDKConfig();
   const { product } = useProduct();
   const resolvedProductId = product?.id || config.productId;
-  const [data, setData] = react.useState(null);
-  const [loading, setLoading] = react.useState(true);
-  const [error, setError] = react.useState(null);
-  const fetchPage = react.useCallback(async () => {
+  const [data, setData] = React.useState(null);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const fetchPage = React.useCallback(async () => {
     if (!resolvedProductId) return;
     setLoading(true);
     setError(null);
@@ -271,7 +296,7 @@ function useContentPage(slug, options) {
       setLoading(false);
     }
   }, [client, resolvedProductId, slug, options?.resolve]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     fetchPage();
   }, [fetchPage]);
   return { data, loading, error, refetch: fetchPage };
@@ -279,10 +304,10 @@ function useContentPage(slug, options) {
 function useContentPages(options) {
   const client = useWebSDK();
   const config = useWebSDKConfig();
-  const [data, setData] = react.useState(null);
-  const [loading, setLoading] = react.useState(true);
-  const [error, setError] = react.useState(null);
-  const fetchPages = react.useCallback(async () => {
+  const [data, setData] = React.useState(null);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const fetchPages = React.useCallback(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -306,7 +331,7 @@ function useContentPages(options) {
       setLoading(false);
     }
   }, [client, config.productId, options?.limit, options?.offset]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     fetchPages();
   }, [fetchPages]);
   return { data, loading, error, refetch: fetchPages };
@@ -482,7 +507,7 @@ function BlogCard({
     month: "long",
     day: "numeric"
   }) : "";
-  const [imgError, setImgError] = react.useState(false);
+  const [imgError, setImgError] = React.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "a",
     {
@@ -552,13 +577,13 @@ function BlogListPage(props) {
   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 [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 () => {
+  const fetchPosts = React.useCallback(async () => {
     if (!resolvedProductId) return;
     setLoading(true);
     try {
@@ -583,7 +608,7 @@ function BlogListPage(props) {
       setLoading(false);
     }
   }, [client, resolvedProductId, offset]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     fetchPosts();
   }, [fetchPosts]);
   const featuredPosts = posts.filter((p) => p.featured);
@@ -668,11 +693,11 @@ function BlogPostPage(props) {
   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 [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(() => {
+  React.useEffect(() => {
     if (!slug || !resolvedProductId) return;
     async function fetchPost() {
       setLoading(true);
@@ -831,7 +856,7 @@ function CaseStudyCard({
     month: "long",
     day: "numeric"
   }) : "";
-  const [imgError, setImgError] = react.useState(false);
+  const [imgError, setImgError] = React.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "a",
     {
@@ -901,13 +926,13 @@ function CaseStudiesListPage(props) {
   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 [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 () => {
+  const fetchPosts = React.useCallback(async () => {
     if (!resolvedProductId) return;
     setLoading(true);
     try {
@@ -932,7 +957,7 @@ function CaseStudiesListPage(props) {
       setLoading(false);
     }
   }, [client, resolvedProductId, offset]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     fetchPosts();
   }, [fetchPosts]);
   const featuredPosts = posts.filter((p) => p.featured);
@@ -1017,11 +1042,11 @@ function CaseStudyPage(props) {
   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 [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(() => {
+  React.useEffect(() => {
     if (!slug || !resolvedProductId) return;
     async function fetchPost() {
       setLoading(true);
@@ -1123,6 +1148,65 @@ function CaseStudyPage(props) {
     ] })
   ] });
 }
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+var buttonVariants = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "h-9 w-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React__namespace.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "button";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var Input = React__namespace.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type,
+        className: cn(
+          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
 var CHANGELOG_TAG = "changelog";
 var CHANGELOG_LIST_QUERY = `
   query ChangelogList($productId: String!, $limit: Int, $offset: Int) {
@@ -1168,30 +1252,29 @@ function sortByDateDesc(a, b) {
   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;
+function normalize(value) {
+  return value.toLowerCase().trim();
+}
+function paginate(items, page, pageSize) {
+  const start = (page - 1) * pageSize;
+  return items.slice(start, start + pageSize);
+}
+function parseEntryDate(date) {
+  return new Date(date).getTime();
+}
+function useCmsChangelog() {
   const client = useWebSDK();
   const config = useWebSDKConfig();
   const { product } = useProduct();
   const resolvedProductId = product?.id || config.productId;
-  const [entries, setEntries] = react.useState([]);
-  const [loading, setLoading] = react.useState(true);
-  const [error, setError] = react.useState(null);
-  const fetchEntries = react.useCallback(async () => {
-    if (!resolvedProductId) return;
+  const [entries, setEntries] = React.useState([]);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const fetchEntries = React.useCallback(async () => {
+    if (!resolvedProductId) {
+      setLoading(false);
+      return;
+    }
     setLoading(true);
     try {
       const listResult = await client.query(CHANGELOG_LIST_QUERY, {
@@ -1230,96 +1313,323 @@ function ChangelogPage(props) {
       setLoading(false);
     }
   }, [client, resolvedProductId]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     fetchEntries();
   }, [fetchEntries]);
+  return { entries, loading, error };
+}
+function CmsTimeline(props) {
+  const { entries, loading, error } = props;
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-3xl mx-auto space-y-12", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "rounded-2xl border border-border/40 bg-card overflow-hidden animate-pulse",
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6 sm:p-8 space-y-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 bg-muted rounded w-1/3" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 bg-muted rounded w-2/3" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded w-5/6" })
+        ] })
+      },
+      i
+    )) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: error }) });
+  }
+  if (entries.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "No changelog entries yet. Check back soon!" }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-3xl mx-auto space-y-12", children: entries.map((entry) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "article",
+    {
+      id: entry.slug,
+      className: "rounded-2xl border border-border/40 bg-card overflow-hidden scroll-mt-24",
+      children: [
+        entry.thumbnail && /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: entry.thumbnail,
+            alt: "",
+            width: 1024,
+            height: 576,
+            loading: "lazy",
+            decoding: "async",
+            className: "w-full aspect-video object-cover border-b border-border/40"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6 sm:p-8", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground mb-2", children: [
+            entry.publishedAt && /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: entry.publishedAt, children: formatDate(entry.publishedAt || entry.lastUpdated) }),
+            entry.author && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              " \xB7 ",
+              entry.author
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl sm:text-2xl font-bold text-foreground mb-4", children: entry.title }),
+          entry.content ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "prose prose-sm prose-gray dark:prose-invert max-w-none", children: /* @__PURE__ */ jsxRuntime.jsx(
+            ContentRenderer,
+            {
+              content: entry.content,
+              format: entry.contentFormat
+            }
+          ) }) : entry.excerpt && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground leading-relaxed", children: entry.excerpt })
+        ] })
+      ]
+    },
+    entry.id
+  )) });
+}
+function EntryContent({ content }) {
+  if (typeof content === "string") {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "prose prose-sm prose-gray dark:prose-invert max-w-none", children: /* @__PURE__ */ jsxRuntime.jsx(ContentRenderer, { content, format: "markdown" }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "prose prose-sm max-w-none", children: content });
+}
+function EntriesTimeline(props) {
+  const { entries, pageSize, productName } = props;
+  const [query, setQuery] = React.useState("");
+  const [selectedCategory, setSelectedCategory] = React.useState(null);
+  const [page, setPage] = React.useState(1);
+  const categories = React.useMemo(
+    () => Array.from(new Set(entries.map((e) => e.category))).sort(),
+    [entries]
+  );
+  const filtered = React.useMemo(() => {
+    const normalized = normalize(query);
+    return entries.filter((entry) => {
+      if (selectedCategory && entry.category !== selectedCategory) {
+        return false;
+      }
+      if (!normalized) return true;
+      const haystack = [
+        entry.title,
+        entry.version,
+        entry.category,
+        ...entry.tags ?? [],
+        typeof entry.content === "string" ? entry.content : ""
+      ].join(" ").toLowerCase();
+      return haystack.includes(normalized);
+    }).sort((a, b) => parseEntryDate(b.date) - parseEntryDate(a.date));
+  }, [entries, query, selectedCategory]);
+  const totalPages = Math.max(1, Math.ceil(filtered.length / pageSize));
+  const safePage = Math.min(page, totalPages);
+  const pageItems = paginate(filtered, safePage, pageSize);
+  React.useEffect(() => {
+    setPage(1);
+  }, [query, selectedCategory]);
+  if (entries.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "No changelog entries yet. Check back soon!" }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-3xl mx-auto", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-8 space-y-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          lucideReact.Search,
+          {
+            className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground",
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Input,
+          {
+            type: "search",
+            placeholder: "Search releases, features, fixes\u2026",
+            value: query,
+            onChange: (e) => setQuery(e.target.value),
+            className: "pl-9",
+            "aria-label": "Search changelog"
+          }
+        )
+      ] }),
+      categories.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setSelectedCategory(null),
+            className: cn(
+              "px-3 py-1 rounded-full text-xs font-medium border transition-colors",
+              selectedCategory === null ? "bg-primary text-primary-foreground border-primary" : "bg-background text-muted-foreground border-border/60 hover:border-primary/40"
+            ),
+            children: "All"
+          }
+        ),
+        categories.map((category) => /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setSelectedCategory(category),
+            className: cn(
+              "px-3 py-1 rounded-full text-xs font-medium border transition-colors",
+              selectedCategory === category ? "bg-primary text-primary-foreground border-primary" : "bg-background text-muted-foreground border-border/60 hover:border-primary/40"
+            ),
+            children: category
+          },
+          category
+        ))
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "absolute left-[1.125rem] top-3 bottom-3 w-px bg-border/60 hidden sm:block",
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-8", children: pageItems.map((entry) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "article",
+        {
+          className: "relative sm:pl-12",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: "hidden sm:flex absolute left-2 top-2 h-5 w-5 items-center justify-center rounded-full border-2 border-background bg-primary ring-1 ring-border/40",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-2 w-2 rounded-full bg-primary-foreground" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-2xl border border-border/40 bg-card overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6 sm:p-8", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2 mb-3", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center rounded-md bg-primary/10 px-2 py-1 text-xs font-medium text-primary", children: entry.category }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center rounded-md bg-muted px-2 py-1 text-xs font-mono font-medium text-muted-foreground", children: [
+                  "v",
+                  entry.version
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "time",
+                  {
+                    className: "text-xs text-muted-foreground",
+                    dateTime: entry.date,
+                    children: formatDate(entry.date)
+                  }
+                )
+              ] }),
+              entry.tags && entry.tags.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1.5 mb-3", children: entry.tags.map((tag) => /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: "text-[10px] uppercase tracking-wide text-muted-foreground bg-background border border-border/40 px-1.5 py-0.5 rounded",
+                  children: tag
+                },
+                tag
+              )) }),
+              /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl sm:text-2xl font-bold text-foreground mb-4", children: entry.title }),
+              /* @__PURE__ */ jsxRuntime.jsx(EntryContent, { content: entry.content })
+            ] }) })
+          ]
+        },
+        `${entry.version}-${entry.date}`
+      )) })
+    ] }),
+    pageItems.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "No entries match your filters." }) }),
+    totalPages > 1 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-10 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground", children: [
+        "Page ",
+        safePage,
+        " of ",
+        totalPages,
+        " \xB7 ",
+        filtered.length,
+        " entries"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => setPage((p) => Math.max(1, p - 1)),
+            disabled: safePage <= 1,
+            "aria-label": "Previous page",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => setPage((p) => Math.min(totalPages, p + 1)),
+            disabled: safePage >= totalPages,
+            "aria-label": "Next page",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" })
+          }
+        )
+      ] })
+    ] }),
+    productName && pageItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("script", { type: "application/ld+json", children: JSON.stringify({
+      "@context": "https://schema.org",
+      "@type": "ItemList",
+      name: `${productName} Changelog`,
+      itemListElement: pageItems.map((entry, index) => ({
+        "@type": "ListItem",
+        position: (safePage - 1) * pageSize + index + 1,
+        name: entry.title,
+        description: typeof entry.content === "string" ? entry.content.slice(0, 200) : void 0,
+        datePublished: entry.date
+      }))
+    }) })
+  ] });
+}
+function ChangelogPage(props) {
+  const {
+    productName,
+    heroEyebrow = "What's new",
+    heroTitle = "Changelog",
+    heroSubtitle = "Platform updates, improvements, and announcements \u2014 newest first.",
+    ctaTitle,
+    ctaSubtitle,
+    ctaHref,
+    ctaLabel,
+    className = "",
+    seoTitle,
+    seoDescription,
+    seoKeywords,
+    entries,
+    pageSize = 10
+  } = props;
+  const { product } = useProduct();
+  const resolvedProductName = productName || product?.name;
+  const cms = useCmsChangelog();
   const showCta = Boolean(ctaHref && ctaLabel);
+  const isPropDriven = entries != null;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `w-full ${className}`, children: [
-    seoTitle && /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx(
       PageHead,
       {
-        title: seoTitle,
+        title: seoTitle || heroTitle,
         description: seoDescription || heroSubtitle,
-        productName,
+        productName: resolvedProductName,
         keywords: seoKeywords
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx("section", { className: "py-16 md:py-20 px-4 sm:px-6 lg:px-8 text-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-3xl mx-auto", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-primary/10 border border-primary/20 text-xs font-medium text-primary mb-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "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"
-              }
-            )
-          }
-        ),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.History, { className: "h-3.5 w-3.5", "aria-hidden": "true" }),
         heroEyebrow
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-4xl sm:text-5xl font-bold text-foreground mb-4", children: heroTitle }),
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg text-muted-foreground", children: heroSubtitle })
     ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("section", { className: "px-4 sm:px-6 lg:px-8 pb-20", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-3xl mx-auto space-y-12", children: loading ? [1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
+    /* @__PURE__ */ jsxRuntime.jsx("section", { className: "px-4 sm:px-6 lg:px-8 pb-20", children: isPropDriven ? /* @__PURE__ */ jsxRuntime.jsx(
+      EntriesTimeline,
       {
-        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",
+        entries,
+        pageSize,
+        productName: resolvedProductName
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      CmsTimeline,
       {
-        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
-    )) }) }),
+        entries: cms.entries,
+        loading: cms.loading,
+        error: cms.error
+      }
+    ) }),
     showCta && /* @__PURE__ */ jsxRuntime.jsx("section", { className: "py-14 px-4 sm:px-6 lg:px-8 bg-primary/5 border-t border-border/40", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-2xl mx-auto text-center", children: [
       ctaTitle && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold text-foreground mb-3", children: ctaTitle }),
       ctaSubtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mb-7", children: ctaSubtitle }),
@@ -1442,7 +1752,7 @@ function PressKitLightbox({
   asset,
   onClose
 }) {
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (!asset) return;
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
@@ -1567,7 +1877,7 @@ function AssetCard({
   }) : "";
   const ext = (asset.mimeType || "file").split("/").pop()?.toUpperCase() || "FILE";
   const size = formatBytes(asset.fileSize);
-  const [imgError, setImgError] = react.useState(false);
+  const [imgError, setImgError] = React.useState(false);
   const thumb = asset.thumbnailUrl && !imgError ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[16/9] overflow-hidden bg-muted/30", children: /* @__PURE__ */ jsxRuntime.jsx(
     "img",
     {
@@ -1680,7 +1990,7 @@ function PressReleaseCard({
     month: "long",
     day: "numeric"
   }) : "";
-  const [imgError, setImgError] = react.useState(false);
+  const [imgError, setImgError] = React.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "a",
     {
@@ -1755,14 +2065,14 @@ function PressKitPage(props) {
   const { product } = useProduct();
   const resolvedProductId = product?.id || config.productId;
   const contactEmail = mediaContactEmail || product?.contactEmail || void 0;
-  const [assets, setAssets] = react.useState([]);
-  const [loading, setLoading] = react.useState(true);
-  const [error, setError] = react.useState(null);
-  const [activeCategory, setActiveCategory] = react.useState("ALL");
-  const [releases, setReleases] = react.useState([]);
-  const [releasesLoading, setReleasesLoading] = react.useState(true);
-  const [preview, setPreview] = react.useState(null);
-  const fetchAssets = react.useCallback(async () => {
+  const [assets, setAssets] = React.useState([]);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const [activeCategory, setActiveCategory] = React.useState("ALL");
+  const [releases, setReleases] = React.useState([]);
+  const [releasesLoading, setReleasesLoading] = React.useState(true);
+  const [preview, setPreview] = React.useState(null);
+  const fetchAssets = React.useCallback(async () => {
     if (!resolvedProductId) {
       setLoading(false);
       return;
@@ -1797,10 +2107,10 @@ function PressKitPage(props) {
       setLoading(false);
     }
   }, [client, resolvedProductId]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     fetchAssets();
   }, [fetchAssets]);
-  const fetchReleases = react.useCallback(async () => {
+  const fetchReleases = React.useCallback(async () => {
     if (!resolvedProductId || !showPressReleases) {
       setReleasesLoading(false);
       return;
@@ -1839,7 +2149,7 @@ function PressKitPage(props) {
       setReleasesLoading(false);
     }
   }, [client, resolvedProductId, showPressReleases]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     fetchReleases();
   }, [fetchReleases]);
   const presentCategories = CATEGORY_ORDER.filter(
@@ -2010,10 +2320,10 @@ function ContractsPage(props) {
   const { product } = useProduct();
   const resolvedProductId = product?.id || config.productId;
   const displayName = productName ?? product?.name ?? config.productId;
-  const [contracts, setContracts] = react.useState([]);
-  const [loading, setLoading] = react.useState(true);
-  const [error, setError] = react.useState(null);
-  const fetchContracts = react.useCallback(async () => {
+  const [contracts, setContracts] = React.useState([]);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const fetchContracts = React.useCallback(async () => {
     if (!resolvedProductId) {
       setLoading(false);
       return;
@@ -2051,7 +2361,7 @@ function ContractsPage(props) {
       setLoading(false);
     }
   }, [client, resolvedProductId]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     fetchContracts();
   }, [fetchContracts]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `min-h-screen bg-background ${className}`, children: [