@burdenoff/website-sdk 2026.703.2 → 2026.709.2

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { createContext, useMemo, useContext, useState, useCallback, useLayoutEffect, useRef, useEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Instagram, Youtube, Facebook, Github, Linkedin, Twitter, Mail, Phone, MapPin, Clock, Send, CheckCircle, Upload, FileText, Download } from 'lucide-react';
+import { Instagram, Youtube, Facebook, Github, Linkedin, Twitter, Mail, Phone, MapPin, Clock, Send, CheckCircle, Upload, Globe, ChevronDown, Search, Rocket, ArrowRight, Download, History, ChevronLeft, ChevronRight, FileText } from 'lucide-react';
 import ReCAPTCHA3 from 'react-google-recaptcha';
 import { toast } from 'sonner';
 import { Helmet } from 'react-helmet-async';
@@ -13,6 +13,7 @@ import * as LabelPrimitive from '@radix-ui/react-label';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { useForm } from 'react-hook-form';
 import { z } from 'zod';
+import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
 
 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;
@@ -3913,6 +3914,329 @@ function ResourceLinks({
     }
   ) }, resource)) });
 }
+function normalizeSearch(value) {
+  return value.toLowerCase().trim();
+}
+function filterProducts(products, query) {
+  const normalized = normalizeSearch(query);
+  if (!normalized) return products;
+  return products.filter((p) => normalizeSearch(p.name).includes(normalized));
+}
+function WebsiteSwitcher({
+  products,
+  triggerLabel = "Explore products",
+  searchPlaceholder = "Find a product\u2026",
+  emptyText = "No products match your search.",
+  className
+}) {
+  const [open, setOpen] = useState(false);
+  const [query, setQuery] = useState("");
+  const filtered = useMemo(
+    () => filterProducts(products, query),
+    [products, query]
+  );
+  return /* @__PURE__ */ jsxs(DropdownMenu.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxs(
+      DropdownMenu.Trigger,
+      {
+        className: cn(
+          "inline-flex items-center gap-1.5 text-sm font-medium transition-colors",
+          "text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring rounded-md",
+          className
+        ),
+        "aria-label": triggerLabel,
+        children: [
+          /* @__PURE__ */ jsx(Globe, { className: "h-4 w-4", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: triggerLabel }),
+          /* @__PURE__ */ jsx(
+            ChevronDown,
+            {
+              className: cn(
+                "h-3.5 w-3.5 transition-transform duration-200",
+                open && "rotate-180"
+              ),
+              "aria-hidden": "true"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ jsxs(
+      DropdownMenu.Content,
+      {
+        className: "z-50 min-w-[16rem] max-w-[20rem] rounded-lg border border-border/60 bg-popover p-2 shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2",
+        sideOffset: 8,
+        align: "end",
+        avoidCollisions: true,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "px-2 pb-2 pt-1", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground mb-2", children: "Burdenoff ecosystem" }),
+            /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx(
+                Search,
+                {
+                  className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground",
+                  "aria-hidden": "true"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  type: "search",
+                  value: query,
+                  onChange: (e) => setQuery(e.target.value),
+                  placeholder: searchPlaceholder,
+                  className: "h-8 pl-8 text-sm",
+                  "aria-label": searchPlaceholder,
+                  onKeyDown: (e) => {
+                    if (e.key === "Escape") {
+                      setQuery("");
+                    }
+                  }
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(DropdownMenu.Separator, { className: "my-1 h-px bg-border/60" }),
+          /* @__PURE__ */ jsx("div", { className: "max-h-[min(60vh,24rem)] overflow-y-auto py-1", children: filtered.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-3 py-4 text-center text-sm text-muted-foreground", children: emptyText }) : filtered.map((product) => /* @__PURE__ */ jsx(DropdownMenu.Item, { asChild: true, children: /* @__PURE__ */ jsxs(
+            "a",
+            {
+              href: product.websiteUrl,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: cn(
+                "flex items-center gap-3 rounded-md px-2 py-2 text-sm outline-none",
+                "text-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground"
+              ),
+              children: [
+                product.logoUrl ? /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    src: product.logoUrl,
+                    alt: "",
+                    "aria-hidden": "true",
+                    className: "h-5 w-5 shrink-0 rounded object-contain"
+                  }
+                ) : /* @__PURE__ */ jsx("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center rounded bg-primary/10 text-[10px] font-bold text-primary", children: product.name.charAt(0) }),
+                /* @__PURE__ */ jsx("span", { className: "truncate", children: product.name })
+              ]
+            }
+          ) }, product.slug)) }),
+          /* @__PURE__ */ jsx(DropdownMenu.Arrow, { className: "fill-popover" })
+        ]
+      }
+    ) })
+  ] });
+}
+function splitRemaining(ms) {
+  const clamped = Math.max(0, ms);
+  const totalSeconds = Math.floor(clamped / 1e3);
+  return {
+    days: Math.floor(totalSeconds / 86400),
+    hours: Math.floor(totalSeconds % 86400 / 3600),
+    minutes: Math.floor(totalSeconds % 3600 / 60),
+    seconds: totalSeconds % 60
+  };
+}
+function padTwo(n) {
+  return String(n).padStart(2, "0");
+}
+function LaunchCountdown({
+  launchDate,
+  launchLabel,
+  launchedMessage = "We have launched!",
+  className
+}) {
+  const [now, setNow] = useState(() => Date.now());
+  const remainingMs = launchDate - now;
+  const hasLaunched = remainingMs <= 0;
+  useEffect(() => {
+    if (hasLaunched) return;
+    const interval = setInterval(() => {
+      setNow(Date.now());
+    }, 1e3);
+    return () => clearInterval(interval);
+  }, [hasLaunched]);
+  const { days, hours, minutes, seconds } = splitRemaining(remainingMs);
+  const cells = [
+    { label: "Days", value: padTwo(Math.min(days, 99)) },
+    { label: "Hours", value: padTwo(hours) },
+    { label: "Minutes", value: padTwo(minutes) },
+    { label: "Seconds", value: padTwo(seconds) }
+  ];
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("inline-flex flex-col gap-3", className),
+      role: "timer",
+      "aria-label": launchLabel ?? (hasLaunched ? launchedMessage : `Countdown to launch`),
+      children: [
+        !hasLaunched && /* @__PURE__ */ jsx("span", { className: "text-xs font-mono uppercase tracking-wider text-muted-foreground", children: "Launching in" }),
+        /* @__PURE__ */ jsx("div", { className: "flex gap-2 sm:gap-3", children: hasLaunched ? /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex min-w-[15rem] items-center justify-center gap-3 rounded-lg border border-primary/30 bg-primary/10 px-6 py-4",
+              "text-center"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(Rocket, { className: "h-5 w-5 text-primary", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold text-foreground", children: launchedMessage })
+            ]
+          }
+        ) : cells.map((cell) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex min-w-[3.75rem] flex-col items-center rounded-lg border border-border/60 bg-card px-3 py-2 sm:min-w-[4.5rem] sm:px-4 sm:py-3"
+            ),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "font-mono text-2xl font-bold tabular-nums text-foreground sm:text-3xl", children: cell.value }),
+              /* @__PURE__ */ jsx("span", { className: "mt-1 text-[10px] font-medium uppercase tracking-wide text-muted-foreground sm:text-xs", children: cell.label })
+            ]
+          },
+          cell.label
+        )) }),
+        !hasLaunched && launchLabel && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: launchLabel })
+      ]
+    }
+  );
+}
+function ProblemsSolvedSection({
+  eyebrow,
+  title,
+  subtitle,
+  problems,
+  storyBasePath = "/use-cases",
+  storyLabel = "See the story",
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      className: cn(
+        "py-16 md:py-24 px-4 sm:px-6 lg:px-8 bg-muted/30",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs("div", { className: "max-w-7xl mx-auto", children: [
+        (eyebrow || title || subtitle) && /* @__PURE__ */ jsxs("div", { className: "max-w-3xl mx-auto text-center mb-12 md:mb-16", children: [
+          eyebrow && /* @__PURE__ */ jsx("p", { className: "text-xs font-mono uppercase tracking-widest text-primary mb-4", children: eyebrow }),
+          title && /* @__PURE__ */ jsx("h2", { className: "text-3xl sm:text-4xl font-bold text-foreground mb-4", children: title }),
+          subtitle && /* @__PURE__ */ jsx("p", { className: "text-lg text-muted-foreground", children: subtitle })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: problems.map((item, index) => {
+          const Icon = item.icon;
+          const storyHref = item.storySlug ? `${storyBasePath.replace(/\/$/, "")}/${item.storySlug}` : null;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "group relative flex flex-col rounded-2xl border border-border/40 bg-card p-6 transition-colors",
+                "hover:border-primary/30"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "mb-5 inline-flex h-12 w-12 items-center justify-center rounded-xl",
+                      "bg-primary/10 text-primary"
+                    ),
+                    children: /* @__PURE__ */ jsx(Icon, { className: "h-6 w-6", "aria-hidden": true })
+                  }
+                ),
+                /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-foreground mb-2", children: item.problem }),
+                /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground leading-relaxed mb-4 flex-1", children: item.solution }),
+                storyHref && /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    className: "justify-start px-0 h-auto py-0 text-sm group/link",
+                    asChild: true,
+                    children: /* @__PURE__ */ jsxs(
+                      "a",
+                      {
+                        href: storyHref,
+                        className: "inline-flex items-center gap-1 text-primary hover:underline",
+                        children: [
+                          storyLabel,
+                          /* @__PURE__ */ jsx(
+                            ArrowRight,
+                            {
+                              className: "h-3.5 w-3.5 transition-transform group-hover/link:translate-x-0.5",
+                              "aria-hidden": "true"
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  }
+                )
+              ]
+            },
+            `${item.problem}-${index}`
+          );
+        }) }),
+        children && /* @__PURE__ */ jsx("div", { className: "mt-12", children })
+      ] })
+    }
+  );
+}
+function detectElectronPlatform(userAgent = typeof navigator !== "undefined" ? navigator.userAgent : "") {
+  const ua = userAgent.toLowerCase();
+  if (ua.includes("win")) return "win";
+  if (ua.includes("mac")) return "mac";
+  if (ua.includes("linux")) return "linux";
+  return "unknown";
+}
+function buildDownloadUrl(base, artifactName, platform, platformMap) {
+  const normalizedBase = base.replace(/\/$/, "");
+  const platformKey = platformMap[platform] ?? platform;
+  const fileName = artifactName.includes("{platform}") ? artifactName.replace(/\{platform\}/g, platformKey) : artifactName;
+  return `${normalizedBase}/${fileName}`;
+}
+function ElectronDownloadLink({
+  downloadBaseUrl,
+  artifactName,
+  hidden = true,
+  label = "Download desktop app",
+  downloadLabel = label,
+  platformMap = {},
+  className,
+  variant = "default",
+  size = "default"
+}) {
+  if (hidden) return null;
+  const platform = detectElectronPlatform();
+  const href = buildDownloadUrl(
+    downloadBaseUrl,
+    artifactName,
+    platform,
+    platformMap
+  );
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant,
+      size,
+      className: cn("inline-flex items-center gap-2", className),
+      asChild: true,
+      children: /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href,
+          download: true,
+          "aria-label": `${downloadLabel}${platform !== "unknown" ? ` for ${platform}` : ""}`,
+          children: [
+            /* @__PURE__ */ jsx(Download, { className: "h-4 w-4", "aria-hidden": "true" }),
+            label
+          ]
+        }
+      )
+    }
+  );
+}
 function RybbitAnalytics({
   siteId,
   scriptUrl = "https://analytics.burdenoff.com/api/script.js",
@@ -4683,21 +5007,17 @@ 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();
@@ -4706,7 +5026,10 @@ function ChangelogPage(props) {
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState(null);
   const fetchEntries = useCallback(async () => {
-    if (!resolvedProductId) return;
+    if (!resolvedProductId) {
+      setLoading(false);
+      return;
+    }
     setLoading(true);
     try {
       const listResult = await client.query(CHANGELOG_LIST_QUERY, {
@@ -4748,93 +5071,320 @@ function ChangelogPage(props) {
   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: formatDate(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: "prose prose-sm prose-gray dark:prose-invert 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: "prose prose-sm prose-gray dark:prose-invert max-w-none", children: /* @__PURE__ */ jsx(ContentRenderer, { content, format: "markdown" }) });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "prose 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: formatDate(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: [
-    seoTitle && /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(
       PageHead,
       {
-        title: seoTitle,
+        title: seoTitle || heroTitle,
         description: seoDescription || heroSubtitle,
-        productName,
+        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(
-          "svg",
-          {
-            className: "h-3.5 w-3.5",
-            fill: "none",
-            viewBox: "0 0 24 24",
-            stroke: "currentColor",
-            children: /* @__PURE__ */ jsx(
-              "path",
-              {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                strokeWidth: 2,
-                d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-              }
-            )
-          }
-        ),
+        /* @__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: /* @__PURE__ */ jsx("div", { className: "max-w-3xl mx-auto space-y-12", children: loading ? [1, 2, 3].map((i) => /* @__PURE__ */ jsx(
-      "div",
+    /* @__PURE__ */ jsx("section", { className: "px-4 sm:px-6 lg:px-8 pb-20", children: isPropDriven ? /* @__PURE__ */ jsx(
+      EntriesTimeline,
       {
-        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
-    )) : error ? /* @__PURE__ */ jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: error }) }) : entries.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "No changelog entries yet. Check back soon!" }) }) : entries.map((entry) => /* @__PURE__ */ jsxs(
-      "article",
+        entries,
+        pageSize,
+        productName: resolvedProductName
+      }
+    ) : /* @__PURE__ */ jsx(
+      CmsTimeline,
       {
-        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: formatDate(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: "prose prose-sm prose-gray dark:prose-invert 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
-    )) }) }),
+        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 }),
@@ -5649,6 +6199,180 @@ function ContractsPage(props) {
   ] });
 }
 
-export { BlogListPage, BlogPostPage, Button, CareersApplyForm, CaseStudiesListPage, CaseStudyPage, ChangelogPage, ContactPage, ContentRenderer, ContractsPage, DEFAULT_CONTACT_CATEGORIES, Input, Label, NewsletterForm, NewsletterPage, PageHead, PartnersPage, PressKitPage, PricingPage, PricingSection, ProductProvider, ResourceLinks, RybbitAnalytics, Select, SocialLinks, Textarea, UnsubscribePage, WaitlistForm, WaitlistPage, WebSDKClient, WebSDKProvider, buttonVariants, cn, useContentPage, useContentPages, useProduct, useProductConfig, useWebSDK, useWebSDKConfig };
+// src/data/products.ts
+var ECOSYSTEM_PRODUCTS = [
+  {
+    slug: "workspaces",
+    name: "Workspaces",
+    websiteUrl: "https://burdenoff.com"
+  },
+  {
+    slug: "vibecontrols",
+    name: "VibeControls",
+    websiteUrl: "https://vibecontrols.com"
+  },
+  {
+    slug: "fluidgrids",
+    name: "FluidGrids",
+    websiteUrl: "https://fluidgrids.com"
+  },
+  { slug: "botlit", name: "BotLit", websiteUrl: "https://botlit.com" },
+  {
+    slug: "bigconsole",
+    name: "BigConsole",
+    websiteUrl: "https://bigconsole.com"
+  },
+  {
+    slug: "semanticfed",
+    name: "SemanticFed",
+    websiteUrl: "https://semanticfed.com"
+  },
+  {
+    slug: "intelwatchtower",
+    name: "IntelWatchTower",
+    websiteUrl: "https://intelwatchtower.com"
+  },
+  { slug: "buildmyiq", name: "BuildMyIQ", websiteUrl: "https://buildmyiq.com" },
+  {
+    slug: "assethandler",
+    name: "AssetHandler",
+    websiteUrl: "https://assethandler.com"
+  },
+  {
+    slug: "crewfoundry",
+    name: "CrewFoundry",
+    websiteUrl: "https://crewfoundry.com"
+  },
+  {
+    slug: "planmagnet",
+    name: "PlanMagnet",
+    websiteUrl: "https://planmagnet.com"
+  },
+  {
+    slug: "eventfullymanaged",
+    name: "EventfullyManaged",
+    websiteUrl: "https://eventfullymanaged.com"
+  },
+  {
+    slug: "headshotmarketing",
+    name: "HeadshotMarketing Platform",
+    websiteUrl: "https://headshotmarketing.com"
+  },
+  {
+    slug: "technospam",
+    name: "TechnoSpam",
+    websiteUrl: "https://technospam.com"
+  },
+  { slug: "kadaikodi", name: "Kadaikodi", websiteUrl: "https://kadaikodi.com" },
+  {
+    slug: "movethewheels",
+    name: "MoveTheWheels",
+    websiteUrl: "https://movethewheels.com"
+  },
+  {
+    slug: "healthybowl",
+    name: "HealthyBowl Platform",
+    websiteUrl: "https://gethealthybowl.com"
+  },
+  { slug: "ggnomad", name: "GGNomad", websiteUrl: "https://ggnomad.com" },
+  {
+    slug: "timecampus",
+    name: "TimeCampus Platform",
+    websiteUrl: "https://timecampus.com"
+  },
+  {
+    slug: "manufacturedops",
+    name: "ManufacturedOps",
+    websiteUrl: "https://manufacturedops.com"
+  },
+  {
+    slug: "theglobalfuel",
+    name: "TheGlobalFuel",
+    websiteUrl: "https://theglobalfuel.com"
+  },
+  {
+    slug: "housingvista",
+    name: "HousingVista",
+    websiteUrl: "https://housingvista.com"
+  },
+  {
+    slug: "proserviceworld",
+    name: "ProServiceWorld",
+    websiteUrl: "https://proserviceworld.com"
+  },
+  {
+    slug: "mybodyshield",
+    name: "MyBodyShield",
+    websiteUrl: "https://mybodyshield.com"
+  },
+  {
+    slug: "artistrybase",
+    name: "ArtistryBase",
+    websiteUrl: "https://artistrybase.com"
+  },
+  {
+    slug: "theculturepost",
+    name: "TheCulturePost",
+    websiteUrl: "https://theculturepost.com"
+  },
+  { slug: "collabkin", name: "CollabKin", websiteUrl: "https://collabkin.com" },
+  {
+    slug: "comradecircle",
+    name: "ComradeCircle",
+    websiteUrl: "https://comradecircle.com"
+  },
+  {
+    slug: "brainyrich",
+    name: "BrainyRich",
+    websiteUrl: "https://brainyrich.com"
+  },
+  {
+    slug: "cosmicintersection",
+    name: "CosmicIntersection",
+    websiteUrl: "https://cosmicintersection.com"
+  },
+  {
+    slug: "govcitizenhub",
+    name: "GovCitizenHub",
+    websiteUrl: "https://govcitizenhub.com"
+  },
+  {
+    slug: "adaptercloud",
+    name: "AdapterCloud",
+    websiteUrl: "https://adaptercloud.com"
+  },
+  {
+    slug: "subscriberbot",
+    name: "SubscriberBot",
+    websiteUrl: "https://subscriberbot.com"
+  },
+  {
+    slug: "hookmovies",
+    name: "HookMovies",
+    websiteUrl: "https://hookmovies.com"
+  },
+  {
+    slug: "coolandlovely",
+    name: "CoolAndLovely",
+    websiteUrl: "https://coolandlovely.com"
+  },
+  {
+    slug: "atheletebridge",
+    name: "AthleteBridge",
+    websiteUrl: "https://atheletebridge.com"
+  },
+  {
+    slug: "labsofscience",
+    name: "LabsOfScience",
+    websiteUrl: "https://labsofscience.com"
+  },
+  {
+    slug: "ecoimpacthub",
+    name: "EcoImpactHub",
+    websiteUrl: "https://ecoimpacthub.com"
+  }
+];
+
+export { BlogListPage, BlogPostPage, Button, CareersApplyForm, CaseStudiesListPage, CaseStudyPage, ChangelogPage, ContactPage, ContentRenderer, ContractsPage, DEFAULT_CONTACT_CATEGORIES, ECOSYSTEM_PRODUCTS, ElectronDownloadLink, Input, Label, LaunchCountdown, NewsletterForm, NewsletterPage, PageHead, PartnersPage, PressKitPage, PricingPage, PricingSection, ProblemsSolvedSection, ProductProvider, ResourceLinks, RybbitAnalytics, Select, SocialLinks, Textarea, UnsubscribePage, WaitlistForm, WaitlistPage, WebSDKClient, WebSDKProvider, WebsiteSwitcher, buttonVariants, cn, detectElectronPlatform, useContentPage, useContentPages, useProduct, useProductConfig, useWebSDK, useWebSDKConfig };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map