@fullstackdatasolutions/articles 0.12.0 → 1.1.0

package/dist/index.js

@@ -230,43 +230,17 @@ function BreadcrumbSchema({ items }) {
 
 // src/ArticleSchemas.tsx
 import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function getPersonSchemas(article, authors) {
+function getPersonSchemas(article, authors, config) {
   let resolvedAuthors = [];
   if (authors == null ? void 0 : authors.length) {
     resolvedAuthors = [...authors];
   } else if (article.author) {
     resolvedAuthors = [{ name: article.author, slug: "", bio: "" }];
   }
-  return resolvedAuthors.map((author) => __spreadValues(__spreadValues({
+  return resolvedAuthors.map((author) => __spreadValues(__spreadValues(__spreadValues({
     "@type": "Person",
     name: author.name
-  }, author.url && { url: author.url }), getAuthorSameAs(author).length > 0 && { sameAs: getAuthorSameAs(author) }));
-}
-function ArticleSchema({
-  article,
-  articleUrl,
-  siteName,
-  showAuthor = true,
-  authors
-}) {
-  const personSchemas = getPersonSchemas(article, authors);
-  const schema = __spreadProps(__spreadValues(__spreadValues({
-    "@context": "https://schema.org",
-    "@type": "Article",
-    headline: article.title,
-    description: article.excerpt,
-    image: article.featuredImage
-  }, article.date && { datePublished: new Date(article.date).toISOString() }), showAuthor && personSchemas.length > 0 && { author: personSchemas }), {
-    publisher: { "@type": "Organization", name: siteName },
-    mainEntityOfPage: { "@type": "WebPage", "@id": articleUrl }
-  });
-  return /* @__PURE__ */ jsx3(
-    "script",
-    {
-      type: "application/ld+json",
-      dangerouslySetInnerHTML: { __html: JSON.stringify(schema) }
-    }
-  );
+  }, author.url && { url: author.url }), getAuthorAvatar(author, config) && { image: getAuthorAvatar(author, config) }), getAuthorSameAs(author).length > 0 && { sameAs: getAuthorSameAs(author) }));
 }
 function ArticleSEO({
   article,
@@ -274,12 +248,13 @@ function ArticleSEO({
   siteName,
   siteLogo,
   showAuthor = true,
-  authors
+  authors,
+  config
 }) {
   const publishedAt = article.date ? new Date(article.date).toISOString() : void 0;
   const modifiedAt = article.lastmod ? new Date(article.lastmod).toISOString() : publishedAt;
-  const personSchemas = getPersonSchemas(article, authors);
-  const structuredData = __spreadValues(__spreadProps(__spreadValues(__spreadValues(__spreadValues({
+  const personSchemas = getPersonSchemas(article, authors, config);
+  const structuredData = __spreadValues(__spreadValues(__spreadValues(__spreadProps(__spreadValues(__spreadValues(__spreadValues({
     "@context": "https://schema.org",
     "@type": article.articleType || "Article",
     mainEntityOfPage: { "@type": "WebPage", "@id": articleUrl },
@@ -290,8 +265,9 @@ function ArticleSEO({
       "@type": "Organization",
       name: siteName
     }, siteLogo && { logo: { "@type": "ImageObject", url: siteLogo } }),
-    description: article.excerpt
-  }), article.series && { isPartOf: { "@type": "Blog", name: article.series } });
+    description: article.excerpt,
+    articleSection: article.category
+  }), article.tags && article.tags.length > 0 && { keywords: article.tags.join(", ") }), article.wordCount !== void 0 && { wordCount: article.wordCount }), article.series && { isPartOf: { "@type": "Blog", name: article.series } });
   return /* @__PURE__ */ jsxs3(Fragment2, { children: [
     /* @__PURE__ */ jsx3(
       "script",
@@ -359,16 +335,27 @@ function CollectionPageSchema({
   title,
   description,
   url,
-  articleCount
+  articleCount,
+  items
 }) {
-  const schema = {
+  const schema = __spreadValues({
     "@context": "https://schema.org",
     "@type": "CollectionPage",
     name: title,
     description,
     url,
     numberOfItems: articleCount
-  };
+  }, items && items.length > 0 && {
+    mainEntity: {
+      "@type": "ItemList",
+      itemListElement: items.map((item) => ({
+        "@type": "ListItem",
+        position: item.position,
+        url: item.url,
+        name: item.name
+      }))
+    }
+  });
   return /* @__PURE__ */ jsx3(
     "script",
     {
@@ -509,14 +496,103 @@ import { Search as Search2 } from "lucide-react";
 import { useState as useState2, useEffect as useEffect2 } from "react";
 
 // src/ArticleCard.tsx
+import Image4 from "next/image";
+import Link6 from "next/link";
+import { ArrowRight as ArrowRight2, Calendar as Calendar2, Clock as Clock2 } from "lucide-react";
+
+// src/AuthorCard.tsx
 import Image3 from "next/image";
 import Link5 from "next/link";
-import { ArrowRight as ArrowRight2, Calendar as Calendar2, Clock as Clock2 } from "lucide-react";
+import {
+  Facebook,
+  Github,
+  Globe,
+  Instagram,
+  Linkedin,
+  Mail,
+  MessageCircle,
+  Twitter,
+  Youtube
+} from "lucide-react";
 import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
-function ArticleCard({ article }) {
-  return /* @__PURE__ */ jsxs7("div", { className: "rounded-lg border border-border bg-card text-card-foreground shadow-sm hover:shadow-lg transition-shadow duration-300", children: [
-    /* @__PURE__ */ jsx7("div", { className: "p-0", children: /* @__PURE__ */ jsx7(
+function getInitials(name) {
+  return name.split(" ").filter(Boolean).slice(0, 2).map((part) => part.charAt(0).toUpperCase()).join("");
+}
+function AuthorCard({
+  author,
+  linkToPage = true,
+  showBio = false,
+  showSocial = false
+}) {
+  const avatar = getAuthorAvatar(author);
+  const name = linkToPage ? /* @__PURE__ */ jsx7(Link5, { href: getAuthorUrl(author), className: "font-medium text-foreground hover:text-primary", children: author.name }) : /* @__PURE__ */ jsx7("span", { className: "font-medium text-foreground", children: author.name });
+  return /* @__PURE__ */ jsxs7("div", { className: "flex items-start gap-3 rounded-lg border border-border bg-card p-4 text-card-foreground", children: [
+    avatar ? /* @__PURE__ */ jsx7(
       Image3,
+      {
+        src: avatar,
+        alt: author.name,
+        width: 48,
+        height: 48,
+        className: "h-12 w-12 rounded-full object-cover"
+      }
+    ) : /* @__PURE__ */ jsx7("div", { className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-muted text-sm font-semibold text-muted-foreground", children: getInitials(author.name) }),
+    /* @__PURE__ */ jsxs7("div", { className: "min-w-0 flex-1", children: [
+      name,
+      showBio && author.bio && /* @__PURE__ */ jsx7("p", { className: "mt-1 line-clamp-2 text-sm text-muted-foreground", children: author.bio }),
+      showSocial && /* @__PURE__ */ jsx7(AuthorSocialLinks, { author })
+    ] })
+  ] });
+}
+var SOCIAL_ICONS = {
+  Website: Globe,
+  Facebook,
+  Twitter,
+  X: Twitter,
+  LinkedIn: Linkedin,
+  Instagram,
+  YouTube: Youtube,
+  GitHub: Github,
+  Newsletter: Mail
+};
+function getSocialIcon(label) {
+  var _a;
+  return (_a = SOCIAL_ICONS[label]) != null ? _a : MessageCircle;
+}
+function AuthorSocialLinks({ author }) {
+  const links = getAuthorSocialLinks(author);
+  if (links.length === 0) return null;
+  return /* @__PURE__ */ jsx7("div", { className: "mt-3 flex items-center gap-2", children: links.map(({ href, label }) => {
+    const Icon = getSocialIcon(label);
+    return /* @__PURE__ */ jsx7(
+      Link5,
+      {
+        href,
+        className: "inline-flex h-8 w-8 items-center justify-center rounded-md border border-border text-muted-foreground hover:bg-accent hover:text-accent-foreground",
+        "aria-label": `${author.name} on ${label}`,
+        children: /* @__PURE__ */ jsx7(Icon, { className: "h-4 w-4" })
+      },
+      `${label}-${href}`
+    );
+  }) });
+}
+
+// src/events.ts
+function emitArticleEvent(handler, event) {
+  if (!handler) return;
+  try {
+    handler(__spreadProps(__spreadValues({}, event), { timestamp: Date.now() }));
+  } catch (e) {
+  }
+}
+
+// src/ArticleCard.tsx
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+function ArticleCard({ article, config }) {
+  var _a;
+  return /* @__PURE__ */ jsxs8("div", { className: "rounded-lg border border-border bg-card text-card-foreground shadow-sm hover:shadow-lg transition-shadow duration-300", children: [
+    /* @__PURE__ */ jsx8("div", { className: "p-0", children: /* @__PURE__ */ jsx8(
+      Image4,
       {
         src: article.featuredImage,
         alt: article.title,
@@ -525,35 +601,67 @@ function ArticleCard({ article }) {
         height: 200
       }
     ) }),
-    /* @__PURE__ */ jsxs7("div", { className: "p-6", children: [
-      /* @__PURE__ */ jsx7("div", { className: "flex gap-2 mb-3", children: /* @__PURE__ */ jsx7("span", { className: "bg-primary/10 text-primary text-xs font-medium px-2 py-1 rounded", children: article.category }) }),
-      /* @__PURE__ */ jsx7("h3", { className: "text-lg font-semibold leading-none tracking-tight mb-2", children: /* @__PURE__ */ jsx7(
-        Link5,
+    /* @__PURE__ */ jsxs8("div", { className: "p-6", children: [
+      /* @__PURE__ */ jsx8("div", { className: "flex gap-2 mb-3", children: /* @__PURE__ */ jsx8("span", { className: "bg-primary/10 text-primary text-xs font-medium px-2 py-1 rounded", children: article.category }) }),
+      /* @__PURE__ */ jsx8(
+        "h3",
         {
-          href: `/articles/${article.slug}`,
-          className: "hover:text-indigo-600 transition-colors",
-          children: article.title
+          className: "text-lg font-semibold leading-none tracking-tight mb-2",
+          style: { fontFamily: (_a = config == null ? void 0 : config.theme) == null ? void 0 : _a.headerFontFamily },
+          children: /* @__PURE__ */ jsx8(Link6, { href: `/articles/${article.slug}`, className: "hover:text-primary transition-colors", children: article.title })
         }
-      ) }),
-      /* @__PURE__ */ jsx7("p", { className: "text-muted-foreground mb-4 line-clamp-3", children: article.excerpt }),
-      /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between text-sm text-muted-foreground border-t pt-4", children: [
-        /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-3", children: [
-          article.date && /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx7(Calendar2, { className: "h-3 w-3" }),
-            /* @__PURE__ */ jsx7("span", { children: article.date })
+      ),
+      /* @__PURE__ */ jsx8("p", { className: "text-muted-foreground mb-4 line-clamp-3", children: article.excerpt }),
+      article.authorSlug && /* @__PURE__ */ jsxs8(
+        Link6,
+        {
+          href: `/articles/authors/${article.authorSlug}`,
+          className: "mb-4 flex items-center gap-2 text-sm text-muted-foreground hover:text-primary transition-colors",
+          onClick: () => emitArticleEvent(config == null ? void 0 : config.onEvent, {
+            name: "author_clicked",
+            articleSlug: article.slug,
+            authorSlug: article.authorSlug
+          }),
+          children: [
+            article.authorAvatar ? /* @__PURE__ */ jsx8(
+              Image4,
+              {
+                src: article.authorAvatar,
+                alt: "",
+                width: 24,
+                height: 24,
+                className: "h-6 w-6 rounded-full object-cover"
+              }
+            ) : /* @__PURE__ */ jsx8(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-muted text-[10px] font-semibold text-muted-foreground",
+                children: getInitials(article.author)
+              }
+            ),
+            /* @__PURE__ */ jsx8("span", { children: article.author })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between text-sm text-muted-foreground border-t pt-4", children: [
+        /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-3", children: [
+          article.date && /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx8(Calendar2, { className: "h-3 w-3" }),
+            /* @__PURE__ */ jsx8("span", { children: article.date })
           ] }),
-          /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx7(Clock2, { className: "h-3 w-3" }),
-            /* @__PURE__ */ jsx7("span", { children: article.readTime })
+          /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx8(Clock2, { className: "h-3 w-3" }),
+            /* @__PURE__ */ jsx8("span", { children: article.readTime })
           ] })
         ] }),
-        /* @__PURE__ */ jsx7(
-          Link5,
+        /* @__PURE__ */ jsx8(
+          Link6,
           {
             href: `/articles/${article.slug}`,
             className: "inline-flex items-center justify-center h-8 w-8 p-0 rounded-md hover:bg-accent transition-colors",
             "aria-label": `Read ${article.title}`,
-            children: /* @__PURE__ */ jsx7(ArrowRight2, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx8(ArrowRight2, { className: "h-4 w-4" })
           }
         )
       ] })
@@ -561,18 +669,114 @@ function ArticleCard({ article }) {
   ] });
 }
 
+// src/PaginationNav.tsx
+import Link7 from "next/link";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+
+// src/pagination.ts
+function buildPageUrl(basePath, page) {
+  const base = basePath.replace(/\/$/, "");
+  return page > 1 ? `${base}/page/${page}` : base;
+}
+function buildPaginationLinks(basePath, page, totalPages) {
+  return {
+    canonicalUrl: buildPageUrl(basePath, page),
+    prevUrl: page > 1 ? buildPageUrl(basePath, page - 1) : null,
+    nextUrl: page < totalPages ? buildPageUrl(basePath, page + 1) : null
+  };
+}
+
+// src/PaginationNav.tsx
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+function PaginationNav({ basePath, page, totalPages }) {
+  if (totalPages <= 1) return null;
+  const { prevUrl, nextUrl } = buildPaginationLinks(basePath, page, totalPages);
+  return /* @__PURE__ */ jsxs9(
+    "nav",
+    {
+      className: "mt-10 flex items-center justify-center gap-4",
+      "aria-label": "Article listing pagination",
+      children: [
+        prevUrl && /* @__PURE__ */ jsx9("link", { rel: "prev", href: prevUrl }),
+        nextUrl && /* @__PURE__ */ jsx9("link", { rel: "next", href: nextUrl }),
+        prevUrl ? /* @__PURE__ */ jsxs9(
+          Link7,
+          {
+            href: prevUrl,
+            className: "inline-flex items-center gap-1 px-4 py-2 border border-input bg-background hover:bg-accent rounded-md font-medium text-sm transition-colors",
+            children: [
+              /* @__PURE__ */ jsx9(ChevronLeft, { className: "h-4 w-4", "aria-hidden": "true" }),
+              "Previous"
+            ]
+          }
+        ) : /* @__PURE__ */ jsxs9(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "inline-flex items-center gap-1 px-4 py-2 rounded-md font-medium text-sm text-muted-foreground opacity-50",
+            children: [
+              /* @__PURE__ */ jsx9(ChevronLeft, { className: "h-4 w-4" }),
+              "Previous"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs9("span", { className: "text-sm text-muted-foreground", children: [
+          "Page ",
+          page,
+          " of ",
+          totalPages
+        ] }),
+        nextUrl ? /* @__PURE__ */ jsxs9(
+          Link7,
+          {
+            href: nextUrl,
+            className: "inline-flex items-center gap-1 px-4 py-2 border border-input bg-background hover:bg-accent rounded-md font-medium text-sm transition-colors",
+            children: [
+              "Next",
+              /* @__PURE__ */ jsx9(ChevronRight, { className: "h-4 w-4", "aria-hidden": "true" })
+            ]
+          }
+        ) : /* @__PURE__ */ jsxs9(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "inline-flex items-center gap-1 px-4 py-2 rounded-md font-medium text-sm text-muted-foreground opacity-50",
+            children: [
+              "Next",
+              /* @__PURE__ */ jsx9(ChevronRight, { className: "h-4 w-4" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
 // src/LatestArticles.tsx
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
-function LatestArticles({ articles, pageSize }) {
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+function LatestArticles({ articles, pageSize, pagination }) {
   const [visibleCount, setVisibleCount] = useState2(pageSize);
   useEffect2(() => {
     setVisibleCount(pageSize);
   }, [articles, pageSize]);
+  if (pagination) {
+    return /* @__PURE__ */ jsxs10("div", { children: [
+      /* @__PURE__ */ jsx10("div", { className: "grid md:grid-cols-2 lg:grid-cols-3 gap-8", children: articles.map((article) => /* @__PURE__ */ jsx10(ArticleCard, { article }, article.slug)) }),
+      /* @__PURE__ */ jsx10(
+        PaginationNav,
+        {
+          basePath: pagination.basePath,
+          page: pagination.page,
+          totalPages: pagination.totalPages
+        }
+      )
+    ] });
+  }
   const visible = articles.slice(0, visibleCount);
   const hasMore = visibleCount < articles.length;
-  return /* @__PURE__ */ jsxs8("div", { children: [
-    /* @__PURE__ */ jsx8("div", { className: "grid md:grid-cols-2 lg:grid-cols-3 gap-8", children: visible.map((article) => /* @__PURE__ */ jsx8(ArticleCard, { article }, article.slug)) }),
-    hasMore && /* @__PURE__ */ jsx8("div", { className: "mt-10 text-center", children: /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs10("div", { children: [
+    /* @__PURE__ */ jsx10("div", { className: "grid md:grid-cols-2 lg:grid-cols-3 gap-8", children: visible.map((article) => /* @__PURE__ */ jsx10(ArticleCard, { article }, article.slug)) }),
+    hasMore && /* @__PURE__ */ jsx10("div", { className: "mt-10 text-center", children: /* @__PURE__ */ jsx10(
       "button",
       {
         type: "button",
@@ -585,35 +789,36 @@ function LatestArticles({ articles, pageSize }) {
 }
 
 // src/LatestArticlesSection.tsx
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 function DescriptionText({
   searchQuery,
   count
 }) {
   const pluralSuffix = count === 1 ? "" : "s";
   const text = searchQuery ? `Found ${count} article${pluralSuffix} matching your search.` : "Stay informed with our latest insights on voter engagement, campaign strategies, and civic technology.";
-  return /* @__PURE__ */ jsx9("p", { className: "text-lg text-muted-foreground", children: text });
+  return /* @__PURE__ */ jsx11("p", { className: "text-lg text-muted-foreground", children: text });
 }
 function LatestArticlesSection({
   articles,
   searchQuery,
   onClearSearch,
-  pageSize = 6
+  pageSize = 6,
+  pagination
 }) {
-  return /* @__PURE__ */ jsx9("section", { id: "latest", className: "py-16 bg-muted/50", children: /* @__PURE__ */ jsxs9("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
-    /* @__PURE__ */ jsxs9("div", { className: "text-center mb-12", children: [
-      /* @__PURE__ */ jsx9("h2", { className: "text-3xl font-bold text-foreground mb-4", children: searchQuery ? "Search Results" : "Latest Articles" }),
-      /* @__PURE__ */ jsx9(DescriptionText, { searchQuery, count: articles.length })
+  return /* @__PURE__ */ jsx11("section", { id: "latest", className: "py-16 bg-muted/50", children: /* @__PURE__ */ jsxs11("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
+    /* @__PURE__ */ jsxs11("div", { className: "text-center mb-12", children: [
+      /* @__PURE__ */ jsx11("h2", { className: "text-3xl font-bold text-foreground mb-4", children: searchQuery ? "Search Results" : "Latest Articles" }),
+      /* @__PURE__ */ jsx11(DescriptionText, { searchQuery, count: articles.length })
     ] }),
-    articles.length === 0 && searchQuery ? /* @__PURE__ */ jsx9("div", { className: "text-center py-12", children: /* @__PURE__ */ jsxs9("div", { className: "max-w-md mx-auto", children: [
-      /* @__PURE__ */ jsx9(Search2, { className: "h-12 w-12 text-muted-foreground mx-auto mb-4" }),
-      /* @__PURE__ */ jsx9("h3", { className: "text-lg font-semibold text-foreground mb-2", children: "No articles found" }),
-      /* @__PURE__ */ jsxs9("p", { className: "text-muted-foreground mb-4", children: [
+    articles.length === 0 && searchQuery ? /* @__PURE__ */ jsx11("div", { className: "text-center py-12", children: /* @__PURE__ */ jsxs11("div", { className: "max-w-md mx-auto", children: [
+      /* @__PURE__ */ jsx11(Search2, { className: "h-12 w-12 text-muted-foreground mx-auto mb-4" }),
+      /* @__PURE__ */ jsx11("h3", { className: "text-lg font-semibold text-foreground mb-2", children: "No articles found" }),
+      /* @__PURE__ */ jsxs11("p", { className: "text-muted-foreground mb-4", children: [
         `We couldn't find any articles matching "`,
         searchQuery,
         '". Try adjusting your search terms.'
       ] }),
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx11(
         "button",
         {
           type: "button",
@@ -622,7 +827,15 @@ function LatestArticlesSection({
           children: "Clear search"
         }
       )
-    ] }) }) : /* @__PURE__ */ jsx9(LatestArticles, { articles, pageSize }, searchQuery)
+    ] }) }) : /* @__PURE__ */ jsx11(
+      LatestArticles,
+      {
+        articles,
+        pageSize,
+        pagination: searchQuery ? void 0 : pagination
+      },
+      searchQuery
+    )
   ] }) });
 }
 
@@ -715,11 +928,12 @@ function useArticles(initialArticles, initialCategories) {
 }
 
 // src/ArticlesPage.tsx
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 function buildThemeVars(theme) {
   if (!theme) return {};
   const vars = {};
   if (theme.fontFamily) vars["--articles-font-family"] = theme.fontFamily;
+  if (theme.headerFontFamily) vars["--articles-header-font-family"] = theme.headerFontFamily;
   if (theme.headerColor) vars["--articles-header-color"] = theme.headerColor;
   if (theme.textColor) vars["--articles-text-color"] = theme.textColor;
   if (theme.backgroundColor) vars["--articles-bg-color"] = theme.backgroundColor;
@@ -744,11 +958,12 @@ function renderSection(section, ctx, config) {
     error,
     handleSearch,
     pageSize,
-    categoriesPageSize
+    categoriesPageSize,
+    pagination
   } = ctx;
   switch (section) {
     case "hero":
-      return /* @__PURE__ */ jsx10(
+      return /* @__PURE__ */ jsx12(
         ArticlesHero,
         {
           title: (_a = config.hero) == null ? void 0 : _a.title,
@@ -757,7 +972,7 @@ function renderSection(section, ctx, config) {
         "hero"
       );
     case "search":
-      return /* @__PURE__ */ jsx10(
+      return /* @__PURE__ */ jsx12(
         ArticleSearchBar,
         {
           value: searchQuery,
@@ -768,7 +983,7 @@ function renderSection(section, ctx, config) {
         "search"
       );
     case "featured":
-      return articles.length > 0 && !searchQuery ? /* @__PURE__ */ jsx10(
+      return articles.length > 0 && !searchQuery ? /* @__PURE__ */ jsx12(
         FeaturedArticle,
         {
           article: articles[0],
@@ -778,16 +993,16 @@ function renderSection(section, ctx, config) {
       ) : null;
     case "latest":
       if (loading && articles.length === 0) {
-        return /* @__PURE__ */ jsx10("section", { id: "latest", className: "py-16 bg-muted/50 flex-1", children: /* @__PURE__ */ jsx10("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-center py-24", children: /* @__PURE__ */ jsxs10("div", { className: "text-center", children: [
-          /* @__PURE__ */ jsx10("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-primary mx-auto mb-4" }),
-          /* @__PURE__ */ jsx10("p", { className: "text-muted-foreground", children: "Loading articles..." })
+        return /* @__PURE__ */ jsx12("section", { id: "latest", className: "py-16 bg-muted/50 flex-1", children: /* @__PURE__ */ jsx12("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-center py-24", children: /* @__PURE__ */ jsxs12("div", { className: "text-center", children: [
+          /* @__PURE__ */ jsx12("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-primary mx-auto mb-4" }),
+          /* @__PURE__ */ jsx12("p", { className: "text-muted-foreground", children: "Loading articles..." })
         ] }) }) }, "latest");
       }
       if (error) {
-        return /* @__PURE__ */ jsx10("section", { id: "latest", className: "py-16 bg-muted/50 flex-1", children: /* @__PURE__ */ jsx10("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-center", children: /* @__PURE__ */ jsxs10("div", { className: "bg-red-50 border border-red-200 rounded-lg p-6 max-w-md text-center", children: [
-          /* @__PURE__ */ jsx10("h3", { className: "text-lg font-semibold text-red-800 mb-2", children: "Error Loading Articles" }),
-          /* @__PURE__ */ jsx10("p", { className: "text-red-600 mb-4", children: error }),
-          /* @__PURE__ */ jsx10(
+        return /* @__PURE__ */ jsx12("section", { id: "latest", className: "py-16 bg-muted/50 flex-1", children: /* @__PURE__ */ jsx12("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-center", children: /* @__PURE__ */ jsxs12("div", { className: "bg-red-50 border border-red-200 rounded-lg p-6 max-w-md text-center", children: [
+          /* @__PURE__ */ jsx12("h3", { className: "text-lg font-semibold text-red-800 mb-2", children: "Error Loading Articles" }),
+          /* @__PURE__ */ jsx12("p", { className: "text-red-600 mb-4", children: error }),
+          /* @__PURE__ */ jsx12(
             "button",
             {
               type: "button",
@@ -798,18 +1013,19 @@ function renderSection(section, ctx, config) {
           )
         ] }) }) }, "latest");
       }
-      return /* @__PURE__ */ jsx10(
+      return /* @__PURE__ */ jsx12(
         LatestArticlesSection,
         {
           articles: displayedArticles,
           searchQuery,
           onClearSearch: () => handleSearch(""),
-          pageSize
+          pageSize,
+          pagination
         },
         "latest"
       );
     case "categories":
-      return searchQuery ? null : /* @__PURE__ */ jsx10(
+      return searchQuery ? null : /* @__PURE__ */ jsx12(
         ArticleCategoryGrid,
         {
           categories,
@@ -825,7 +1041,10 @@ function renderSection(section, ctx, config) {
 function ArticlesPage({
   config,
   initialArticles,
-  initialCategories
+  initialCategories,
+  page,
+  totalPages,
+  totalCount
 }) {
   var _a, _b, _c;
   const state = useArticles(initialArticles, initialCategories);
@@ -833,19 +1052,34 @@ function ArticlesPage({
   const pageSize = (_b = config.pageSize) != null ? _b : DEFAULT_PAGE_SIZE;
   const categoriesPageSize = (_c = config.categoriesPageSize) != null ? _c : DEFAULT_CATEGORIES_PAGE_SIZE;
   const themeVars = buildThemeVars(config.theme);
-  const hasFeatured = layout.includes("featured");
+  const isPagesMode = config.listingPagination === "pages" && page !== void 0 && totalPages !== void 0;
+  const currentPage = page != null ? page : 1;
+  const effectiveLayout = isPagesMode && currentPage > 1 ? layout.filter((section) => section !== "featured") : layout;
+  const hasFeatured = effectiveLayout.includes("featured");
   const articlesWithoutFeatured = hasFeatured ? state.articles.slice(1) : state.articles;
   const displayedArticles = state.searchQuery ? state.articles : articlesWithoutFeatured;
-  const ctx = __spreadProps(__spreadValues({}, state), { displayedArticles, pageSize, categoriesPageSize });
-  return /* @__PURE__ */ jsxs10("div", { style: themeVars, children: [
-    layout.map((section) => renderSection(section, ctx, config)),
-    state.articles.length > 0 && /* @__PURE__ */ jsx10(
+  const pagination = isPagesMode ? { page: currentPage, totalPages, basePath: "/articles" } : void 0;
+  const ctx = __spreadProps(__spreadValues({}, state), {
+    displayedArticles,
+    pageSize,
+    categoriesPageSize,
+    pagination
+  });
+  const articleCount = totalCount != null ? totalCount : state.articles.length;
+  return /* @__PURE__ */ jsxs12("div", { style: themeVars, children: [
+    effectiveLayout.map((section) => renderSection(section, ctx, config)),
+    state.articles.length > 0 && /* @__PURE__ */ jsx12(
       CollectionPageSchema,
       {
         title: `Articles | ${config.siteName}`,
-        description: `Browse all ${state.articles.length} articles on ${config.siteName}.`,
+        description: `Browse all ${articleCount} articles on ${config.siteName}.`,
         url: `${config.siteUrl}/articles`,
-        articleCount: state.articles.length
+        articleCount,
+        items: displayedArticles.slice(0, pageSize).map((article, index) => ({
+          position: index + 1,
+          url: `${config.siteUrl}/articles/${article.slug}`,
+          name: article.title
+        }))
       }
     )
   ] });
@@ -853,10 +1087,10 @@ function ArticlesPage({
 
 // src/ArticleDetailHero.tsx
 import { Fragment as Fragment3 } from "react";
-import Image4 from "next/image";
-import Link6 from "next/link";
+import Image5 from "next/image";
+import Link8 from "next/link";
 import { Calendar as Calendar3, Clock as Clock3, User as User2 } from "lucide-react";
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 function toSlug(cat) {
   return cat.toLowerCase().replaceAll(/\s+/g, "-").replaceAll(/[^a-z0-9-]/g, "");
 }
@@ -865,11 +1099,13 @@ function ArticleDetailHero({
   categoryBasePath = "/articles/category",
   showDate = false,
   showAuthor = true,
-  authors = []
+  authors = [],
+  config
 }) {
+  var _a;
   const showConfiguredAuthors = showAuthor && authors.length > 0;
   const showLegacyAuthor = showAuthor && authors.length === 0 && article.author.trim().length > 0;
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs13(
     "section",
     {
       style: {
@@ -881,8 +1117,8 @@ function ArticleDetailHero({
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ jsx11(
-          Image4,
+        /* @__PURE__ */ jsx13(
+          Image5,
           {
             src: article.featuredImage,
             alt: article.title,
@@ -893,7 +1129,7 @@ function ArticleDetailHero({
             priority: true
           }
         ),
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx13(
           "div",
           {
             style: {
@@ -903,7 +1139,7 @@ function ArticleDetailHero({
             }
           }
         ),
-        /* @__PURE__ */ jsxs11(
+        /* @__PURE__ */ jsxs13(
           "div",
           {
             style: {
@@ -917,7 +1153,7 @@ function ArticleDetailHero({
               width: "100%"
             },
             children: [
-              article.categories && article.categories.length > 0 && /* @__PURE__ */ jsx11(
+              article.categories && article.categories.length > 0 && /* @__PURE__ */ jsx13(
                 "div",
                 {
                   style: {
@@ -928,15 +1164,15 @@ function ArticleDetailHero({
                     marginBottom: "1rem"
                   },
                   children: article.categories.slice(0, 4).map(
-                    (cat) => categoryBasePath ? /* @__PURE__ */ jsx11(
-                      Link6,
+                    (cat) => categoryBasePath ? /* @__PURE__ */ jsx13(
+                      Link8,
                       {
                         href: `${categoryBasePath}/${toSlug(cat)}`,
                         className: "inline-block bg-white/20 text-white text-sm font-medium px-3 py-1 rounded-full hover:bg-white/30 transition-colors",
                         children: cat
                       },
                       cat
-                    ) : /* @__PURE__ */ jsx11(
+                    ) : /* @__PURE__ */ jsx13(
                       "span",
                       {
                         className: "inline-block bg-white/20 text-white text-sm font-medium px-3 py-1 rounded-full",
@@ -947,8 +1183,15 @@ function ArticleDetailHero({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx11("h1", { className: "text-4xl md:text-5xl font-bold mb-4", children: article.title }),
-              /* @__PURE__ */ jsxs11(
+              /* @__PURE__ */ jsx13(
+                "h1",
+                {
+                  className: "text-4xl md:text-5xl font-bold mb-4",
+                  style: { fontFamily: (_a = config == null ? void 0 : config.theme) == null ? void 0 : _a.headerFontFamily },
+                  children: article.title
+                }
+              ),
+              /* @__PURE__ */ jsxs13(
                 "div",
                 {
                   style: {
@@ -960,23 +1203,23 @@ function ArticleDetailHero({
                     color: "rgba(255,255,255,0.8)"
                   },
                   children: [
-                    showDate && article.date && /* @__PURE__ */ jsxs11("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
-                      /* @__PURE__ */ jsx11(Calendar3, { className: "h-4 w-4" }),
-                      /* @__PURE__ */ jsx11("span", { children: article.date })
+                    showDate && article.date && /* @__PURE__ */ jsxs13("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
+                      /* @__PURE__ */ jsx13(Calendar3, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ jsx13("span", { children: article.date })
                     ] }),
-                    /* @__PURE__ */ jsxs11("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
-                      /* @__PURE__ */ jsx11(Clock3, { className: "h-4 w-4" }),
-                      /* @__PURE__ */ jsx11("span", { children: article.readTime })
+                    /* @__PURE__ */ jsxs13("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
+                      /* @__PURE__ */ jsx13(Clock3, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ jsx13("span", { children: article.readTime })
                     ] }),
-                    showConfiguredAuthors && /* @__PURE__ */ jsxs11("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
-                      /* @__PURE__ */ jsx11(User2, { className: "h-4 w-4" }),
-                      /* @__PURE__ */ jsxs11("span", { children: [
+                    showConfiguredAuthors && /* @__PURE__ */ jsxs13("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
+                      /* @__PURE__ */ jsx13(User2, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ jsxs13("span", { children: [
                         "By",
                         " ",
-                        authors.map((author, index) => /* @__PURE__ */ jsxs11(Fragment3, { children: [
+                        authors.map((author, index) => /* @__PURE__ */ jsxs13(Fragment3, { children: [
                           index > 0 && ", ",
-                          /* @__PURE__ */ jsx11(
-                            Link6,
+                          /* @__PURE__ */ jsx13(
+                            Link8,
                             {
                               href: `/articles/authors/${author.slug}`,
                               className: "font-medium text-white underline-offset-4 hover:underline",
@@ -986,15 +1229,26 @@ function ArticleDetailHero({
                         ] }, author.slug))
                       ] })
                     ] }),
-                    showLegacyAuthor && /* @__PURE__ */ jsxs11("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
-                      /* @__PURE__ */ jsx11(User2, { className: "h-4 w-4" }),
-                      /* @__PURE__ */ jsxs11("span", { children: [
+                    showLegacyAuthor && /* @__PURE__ */ jsxs13("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
+                      /* @__PURE__ */ jsx13(User2, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ jsxs13("span", { children: [
                         "By ",
                         article.author
                       ] })
                     ] })
                   ]
                 }
+              ),
+              showConfiguredAuthors && authors.length === 1 && authors[0].promise && /* @__PURE__ */ jsx13(
+                "p",
+                {
+                  style: {
+                    marginTop: "0.75rem",
+                    fontSize: "0.9375rem",
+                    color: "rgba(255,255,255,0.85)"
+                  },
+                  children: authors[0].promise
+                }
               )
             ]
           }
@@ -1005,9 +1259,9 @@ function ArticleDetailHero({
 }
 
 // src/CategoryArticlesPage.tsx
-import Image5 from "next/image";
-import Link7 from "next/link";
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+import Image6 from "next/image";
+import Link9 from "next/link";
+import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
 function getCategoryDescription(config, slug, categoryName) {
   var _a;
   const raw = (_a = config.categoryDescriptions) == null ? void 0 : _a[slug];
@@ -1049,7 +1303,14 @@ function buildCategoryBreadcrumbEntry(entry, context) {
   }
   return [{ name: context.categoryName }];
 }
-function CategoryArticlesPage({ category, articles, config }) {
+function CategoryArticlesPage({
+  category,
+  articles,
+  config,
+  page,
+  totalPages,
+  totalCount
+}) {
   var _a;
   if (articles.length === 0) return null;
   const categoryName = articles[0].category;
@@ -1058,8 +1319,25 @@ function CategoryArticlesPage({ category, articles, config }) {
   const pageSize = (_a = config.pageSize) != null ? _a : DEFAULT_PAGE_SIZE;
   const breadcrumbConfig = getBreadcrumbsConfig(config);
   const breadcrumbItems = buildCategoryBreadcrumbItems(config, categoryName);
-  return /* @__PURE__ */ jsxs12("div", { children: [
-    breadcrumbsAreEnabled(config) && /* @__PURE__ */ jsx12(
+  const siteUrl = config.siteUrl.replace(/\/$/, "");
+  const articleCount = totalCount != null ? totalCount : articles.length;
+  const pagination = config.listingPagination === "pages" && page !== void 0 && totalPages !== void 0 ? { page, totalPages, basePath: `/articles/category/${category}` } : void 0;
+  return /* @__PURE__ */ jsxs14("div", { children: [
+    /* @__PURE__ */ jsx14(
+      CollectionPageSchema,
+      {
+        title: `${categoryName} | ${config.siteName}`,
+        description: description.short,
+        url: `${siteUrl}/articles/category/${category}`,
+        articleCount,
+        items: articles.slice(0, pageSize).map((article, index) => ({
+          position: index + 1,
+          url: `${siteUrl}/articles/${article.slug}`,
+          name: article.title
+        }))
+      }
+    ),
+    breadcrumbsAreEnabled(config) && /* @__PURE__ */ jsx14(
       Breadcrumb,
       {
         items: breadcrumbItems,
@@ -1067,7 +1345,7 @@ function CategoryArticlesPage({ category, articles, config }) {
         showSchema: breadcrumbConfig.showSchema !== false
       }
     ),
-    /* @__PURE__ */ jsxs12(
+    /* @__PURE__ */ jsxs14(
       "section",
       {
         style: {
@@ -1079,8 +1357,8 @@ function CategoryArticlesPage({ category, articles, config }) {
           overflow: "hidden"
         },
         children: [
-          /* @__PURE__ */ jsx12(
-            Image5,
+          /* @__PURE__ */ jsx14(
+            Image6,
             {
               src: heroImage,
               alt: categoryName,
@@ -1090,8 +1368,8 @@ function CategoryArticlesPage({ category, articles, config }) {
               priority: true
             }
           ),
-          /* @__PURE__ */ jsx12("div", { style: { position: "absolute", inset: 0, backgroundColor: "rgba(0,0,0,0.6)" } }),
-          /* @__PURE__ */ jsxs12(
+          /* @__PURE__ */ jsx14("div", { style: { position: "absolute", inset: 0, backgroundColor: "rgba(0,0,0,0.6)" } }),
+          /* @__PURE__ */ jsxs14(
             "div",
             {
               style: {
@@ -1102,10 +1380,10 @@ function CategoryArticlesPage({ category, articles, config }) {
                 padding: "0 1rem"
               },
               children: [
-                /* @__PURE__ */ jsx12("p", { className: "text-sm font-semibold uppercase tracking-widest mb-3 opacity-80", children: "Category" }),
-                /* @__PURE__ */ jsx12("h1", { className: "text-4xl md:text-5xl font-bold mb-3", children: categoryName }),
-                description.long && /* @__PURE__ */ jsx12("p", { className: "text-lg opacity-90 max-w-2xl mx-auto mt-2", children: description.long }),
-                /* @__PURE__ */ jsxs12("p", { className: "text-lg opacity-70 mt-2", children: [
+                /* @__PURE__ */ jsx14("p", { className: "text-sm font-semibold uppercase tracking-widest mb-3 opacity-80", children: "Category" }),
+                /* @__PURE__ */ jsx14("h1", { className: "text-4xl md:text-5xl font-bold mb-3", children: categoryName }),
+                description.long && /* @__PURE__ */ jsx14("p", { className: "text-lg opacity-90 max-w-2xl mx-auto mt-2", children: description.long }),
+                /* @__PURE__ */ jsxs14("p", { className: "text-lg opacity-70 mt-2", children: [
                   articles.length,
                   " article",
                   articles.length === 1 ? "" : "s"
@@ -1116,150 +1394,75 @@ function CategoryArticlesPage({ category, articles, config }) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx12("section", { className: "py-16 bg-muted/50 flex-1", children: /* @__PURE__ */ jsxs12("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
-      /* @__PURE__ */ jsxs12("div", { className: "mb-8 flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx12(Link7, { href: "/articles", className: "text-sm text-primary hover:underline", children: "\u2190 All Articles" }),
-        /* @__PURE__ */ jsx12("p", { className: "text-sm text-muted-foreground", children: description.short })
+    /* @__PURE__ */ jsx14("section", { className: "py-16 bg-muted/50 flex-1", children: /* @__PURE__ */ jsxs14("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
+      /* @__PURE__ */ jsxs14("div", { className: "mb-8 flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx14(Link9, { href: "/articles", className: "text-sm text-primary hover:underline", children: "\u2190 All Articles" }),
+        /* @__PURE__ */ jsx14("p", { className: "text-sm text-muted-foreground", children: description.short })
       ] }),
-      /* @__PURE__ */ jsx12(LatestArticles, { articles, pageSize })
+      /* @__PURE__ */ jsx14(LatestArticles, { articles, pageSize, pagination })
     ] }) })
   ] });
 }
 
-// src/AuthorArticlesPage.tsx
-import Link8 from "next/link";
-import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
-function getPersonSchema(author, config, articleCount) {
-  var _a, _b;
-  return __spreadProps(__spreadValues(__spreadValues({
-    "@context": "https://schema.org",
-    "@type": "Person",
-    name: author.name,
-    description: author.bio,
-    url: (_a = author.url) != null ? _a : getAuthorUrl(author)
-  }, getAuthorAvatar(author, config) && { image: getAuthorAvatar(author, config) }), getAuthorSameAs(author).length > 0 && { sameAs: getAuthorSameAs(author) }), {
-    knowsAbout: config.siteName,
-    mainEntityOfPage: (_b = author.url) != null ? _b : `${config.siteUrl.replace(/\/$/, "")}/articles/authors/${author.slug}`,
-    interactionStatistic: {
-      "@type": "InteractionCounter",
-      interactionType: "https://schema.org/WriteAction",
-      userInteractionCount: articleCount
-    }
-  });
-}
-function AuthorArticlesPage({ author, articles, config }) {
+// src/SeriesArticlesPage.tsx
+import Link10 from "next/link";
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+function SeriesArticlesPage({ seriesSlug, articles, config }) {
   var _a;
-  const pageSize = (_a = config.pageSize) != null ? _a : DEFAULT_PAGE_SIZE;
-  return /* @__PURE__ */ jsxs13("div", { children: [
-    /* @__PURE__ */ jsx13(
-      "script",
+  if (articles.length === 0) return null;
+  const seriesName = (_a = articles[0].series) != null ? _a : seriesSlug;
+  const siteUrl = config.siteUrl.replace(/\/$/, "");
+  const seriesUrl = `${siteUrl}/articles/series/${seriesSlug}`;
+  return /* @__PURE__ */ jsxs15("div", { children: [
+    /* @__PURE__ */ jsx15(
+      CollectionPageSchema,
       {
-        type: "application/ld+json",
-        dangerouslySetInnerHTML: {
-          __html: JSON.stringify(getPersonSchema(author, config, articles.length))
-        }
+        title: `${seriesName} | ${config.siteName}`,
+        description: `Follow the ${seriesName} series on ${config.siteName}.`,
+        url: seriesUrl,
+        articleCount: articles.length,
+        items: articles.map((article, index) => ({
+          position: index + 1,
+          url: `${siteUrl}/articles/${article.slug}`,
+          name: article.title
+        }))
       }
     ),
-    /* @__PURE__ */ jsx13("section", { className: "bg-background py-16", children: /* @__PURE__ */ jsxs13("div", { className: "mx-auto max-w-7xl px-4 sm:px-6 lg:px-8", children: [
-      /* @__PURE__ */ jsxs13("div", { className: "mb-8 flex items-center justify-between gap-4", children: [
-        /* @__PURE__ */ jsx13(Link8, { href: "/articles", className: "text-sm text-primary hover:underline", children: "All Articles" }),
-        /* @__PURE__ */ jsxs13("p", { className: "text-sm text-muted-foreground", children: [
-          "Articles by ",
-          author.name
+    /* @__PURE__ */ jsx15("section", { className: "py-16 bg-muted/50 flex-1", children: /* @__PURE__ */ jsxs15("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
+      /* @__PURE__ */ jsxs15("div", { className: "mb-8 flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx15(Link10, { href: "/articles", className: "text-sm text-primary hover:underline", children: "\u2190 All Articles" }),
+        /* @__PURE__ */ jsxs15("p", { className: "text-sm text-muted-foreground", children: [
+          articles.length,
+          " article",
+          articles.length === 1 ? "" : "s",
+          " in this series"
         ] })
       ] }),
-      /* @__PURE__ */ jsx13(LatestArticles, { articles, pageSize })
+      /* @__PURE__ */ jsx15("h1", { className: "text-3xl font-bold text-foreground mb-8", children: seriesName }),
+      /* @__PURE__ */ jsx15(
+        LatestArticles,
+        {
+          articles,
+          pageSize: Math.max(articles.length, DEFAULT_PAGE_SIZE)
+        }
+      )
     ] }) })
   ] });
 }
 
-// src/AuthorCard.tsx
-import Image6 from "next/image";
-import Link9 from "next/link";
-import {
-  Facebook,
-  Github,
-  Globe,
-  Instagram,
-  Linkedin,
-  Mail,
-  MessageCircle,
-  Twitter,
-  Youtube
-} from "lucide-react";
-import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
-function getInitials(name) {
-  return name.split(" ").filter(Boolean).slice(0, 2).map((part) => part.charAt(0).toUpperCase()).join("");
-}
-function AuthorCard({
-  author,
-  linkToPage = true,
-  showBio = false,
-  showSocial = false
-}) {
-  const avatar = getAuthorAvatar(author);
-  const name = linkToPage ? /* @__PURE__ */ jsx14(Link9, { href: getAuthorUrl(author), className: "font-medium text-foreground hover:text-primary", children: author.name }) : /* @__PURE__ */ jsx14("span", { className: "font-medium text-foreground", children: author.name });
-  return /* @__PURE__ */ jsxs14("div", { className: "flex items-start gap-3 rounded-lg border border-border bg-card p-4 text-card-foreground", children: [
-    avatar ? /* @__PURE__ */ jsx14(
-      Image6,
-      {
-        src: avatar,
-        alt: author.name,
-        width: 48,
-        height: 48,
-        className: "h-12 w-12 rounded-full object-cover"
-      }
-    ) : /* @__PURE__ */ jsx14("div", { className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-muted text-sm font-semibold text-muted-foreground", children: getInitials(author.name) }),
-    /* @__PURE__ */ jsxs14("div", { className: "min-w-0 flex-1", children: [
-      name,
-      showBio && author.bio && /* @__PURE__ */ jsx14("p", { className: "mt-1 line-clamp-2 text-sm text-muted-foreground", children: author.bio }),
-      showSocial && /* @__PURE__ */ jsx14(AuthorSocialLinks, { author })
-    ] })
-  ] });
-}
-var SOCIAL_ICONS = {
-  Website: Globe,
-  Facebook,
-  Twitter,
-  X: Twitter,
-  LinkedIn: Linkedin,
-  Instagram,
-  YouTube: Youtube,
-  GitHub: Github,
-  Newsletter: Mail
-};
-function getSocialIcon(label) {
-  var _a;
-  return (_a = SOCIAL_ICONS[label]) != null ? _a : MessageCircle;
-}
-function AuthorSocialLinks({ author }) {
-  const links = getAuthorSocialLinks(author);
-  if (links.length === 0) return null;
-  return /* @__PURE__ */ jsx14("div", { className: "mt-3 flex items-center gap-2", children: links.map(({ href, label }) => {
-    const Icon = getSocialIcon(label);
-    return /* @__PURE__ */ jsx14(
-      Link9,
-      {
-        href,
-        className: "inline-flex h-8 w-8 items-center justify-center rounded-md border border-border text-muted-foreground hover:bg-accent hover:text-accent-foreground",
-        "aria-label": `${author.name} on ${label}`,
-        children: /* @__PURE__ */ jsx14(Icon, { className: "h-4 w-4" })
-      },
-      `${label}-${href}`
-    );
-  }) });
-}
+// src/AuthorArticlesPage.tsx
+import Link11 from "next/link";
 
 // src/AuthorDetailHero.tsx
 import Image7 from "next/image";
-import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
 function getInitials2(name) {
   return name.split(" ").filter(Boolean).slice(0, 2).map((part) => part.charAt(0).toUpperCase()).join("");
 }
 function AuthorDetailHero({ author, articleCount }) {
   const avatar = getAuthorAvatar(author);
-  return /* @__PURE__ */ jsx15("section", { className: "bg-muted/40 py-16", children: /* @__PURE__ */ jsxs15("div", { className: "mx-auto flex max-w-4xl flex-col items-center gap-6 px-4 text-center sm:px-6 lg:px-8", children: [
-    avatar ? /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16("section", { className: "bg-muted/40 py-16", children: /* @__PURE__ */ jsxs16("div", { className: "mx-auto flex max-w-4xl flex-col items-center gap-6 px-4 text-center sm:px-6 lg:px-8", children: [
+    avatar ? /* @__PURE__ */ jsx16(
       Image7,
       {
         src: avatar,
@@ -1269,27 +1472,303 @@ function AuthorDetailHero({ author, articleCount }) {
         className: "h-28 w-28 rounded-full object-cover",
         priority: true
       }
-    ) : /* @__PURE__ */ jsx15("div", { className: "flex h-28 w-28 items-center justify-center rounded-full bg-card text-3xl font-semibold text-muted-foreground shadow-sm", children: getInitials2(author.name) }),
-    /* @__PURE__ */ jsxs15("div", { children: [
-      /* @__PURE__ */ jsx15("p", { className: "mb-3 text-sm font-semibold uppercase tracking-widest text-muted-foreground", children: "Author" }),
-      /* @__PURE__ */ jsx15("h1", { className: "text-4xl font-bold text-foreground md:text-5xl", children: author.name }),
-      /* @__PURE__ */ jsx15("p", { className: "mx-auto mt-4 max-w-2xl text-lg text-muted-foreground", children: author.bio }),
-      typeof articleCount === "number" && /* @__PURE__ */ jsxs15("p", { className: "mt-3 text-sm text-muted-foreground", children: [
+    ) : /* @__PURE__ */ jsx16("div", { className: "flex h-28 w-28 items-center justify-center rounded-full bg-card text-3xl font-semibold text-muted-foreground shadow-sm", children: getInitials2(author.name) }),
+    /* @__PURE__ */ jsxs16("div", { children: [
+      /* @__PURE__ */ jsx16("p", { className: "mb-3 text-sm font-semibold uppercase tracking-widest text-muted-foreground", children: "Author" }),
+      /* @__PURE__ */ jsx16("h1", { className: "text-4xl font-bold text-foreground md:text-5xl", children: author.name }),
+      /* @__PURE__ */ jsx16("p", { className: "mx-auto mt-4 max-w-2xl text-lg text-muted-foreground", children: author.bio }),
+      typeof articleCount === "number" && /* @__PURE__ */ jsxs16("p", { className: "mt-3 text-sm text-muted-foreground", children: [
         articleCount,
         " article",
         articleCount === 1 ? "" : "s"
       ] })
     ] }),
-    /* @__PURE__ */ jsx15(AuthorSocialLinks, { author })
+    /* @__PURE__ */ jsx16(AuthorSocialLinks, { author })
   ] }) });
 }
 
+// src/eventTracking.tsx
+import { useEffect as useEffect4, useRef as useRef2 } from "react";
+import { jsx as jsx17 } from "react/jsx-runtime";
+var AVERAGE_WORDS_PER_MINUTE = 200;
+var DEFAULT_MEANINGFUL_READ_MS = 15e3;
+function ArticleViewTracker({ article, config }) {
+  const firedMeaningfulRead = useRef2(false);
+  useEffect4(() => {
+    emitArticleEvent(config == null ? void 0 : config.onEvent, {
+      name: "article_viewed",
+      articleSlug: article.slug,
+      category: article.category,
+      seriesSlug: article.seriesSlug
+    });
+    const estimatedMs = article.wordCount ? article.wordCount / AVERAGE_WORDS_PER_MINUTE * 6e4 * 0.5 : DEFAULT_MEANINGFUL_READ_MS;
+    const timer = setTimeout(() => {
+      if (firedMeaningfulRead.current) return;
+      firedMeaningfulRead.current = true;
+      emitArticleEvent(config == null ? void 0 : config.onEvent, { name: "meaningful_read", articleSlug: article.slug });
+    }, estimatedMs);
+    return () => clearTimeout(timer);
+  }, [article.slug]);
+  return null;
+}
+function CtaViewTracker({ ctaId, articleSlug, config, children }) {
+  const ref = useRef2(null);
+  const fired = useRef2(false);
+  useEffect4(() => {
+    const node = ref.current;
+    if (!node) return;
+    function fire() {
+      if (fired.current) return;
+      fired.current = true;
+      emitArticleEvent(config == null ? void 0 : config.onEvent, { name: "cta_viewed", ctaId, articleSlug });
+    }
+    if (typeof IntersectionObserver === "undefined") {
+      fire();
+      return;
+    }
+    const observer = new IntersectionObserver(
+      (entries) => {
+        if (entries.some((entry) => entry.isIntersecting)) fire();
+      },
+      { threshold: 0.5 }
+    );
+    observer.observe(node);
+    return () => observer.disconnect();
+  }, [ctaId, articleSlug]);
+  return /* @__PURE__ */ jsx17("div", { ref, children });
+}
+
+// src/AuthorArticlesPage.tsx
+import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+function getPersonSchema(author, config, articleCount) {
+  var _a, _b;
+  return __spreadProps(__spreadValues(__spreadValues({
+    "@context": "https://schema.org",
+    "@type": "Person",
+    name: author.name,
+    description: author.bio,
+    url: (_a = author.url) != null ? _a : getAuthorUrl(author)
+  }, getAuthorAvatar(author, config) && { image: getAuthorAvatar(author, config) }), getAuthorSameAs(author).length > 0 && { sameAs: getAuthorSameAs(author) }), {
+    knowsAbout: config.siteName,
+    mainEntityOfPage: (_b = author.url) != null ? _b : `${config.siteUrl.replace(/\/$/, "")}/articles/authors/${author.slug}`,
+    interactionStatistic: {
+      "@type": "InteractionCounter",
+      interactionType: "https://schema.org/WriteAction",
+      userInteractionCount: articleCount
+    }
+  });
+}
+function renderHeroSection(author, articleCount) {
+  return /* @__PURE__ */ jsx18(AuthorDetailHero, { author, articleCount }, "hero");
+}
+function renderPromiseSection(author) {
+  return author.promise ? /* @__PURE__ */ jsx18("section", { "aria-label": "Author promise", className: "bg-background py-12", children: /* @__PURE__ */ jsx18("div", { className: "mx-auto max-w-3xl px-4 text-center sm:px-6 lg:px-8", children: /* @__PURE__ */ jsx18("p", { className: "text-xl font-medium text-foreground md:text-2xl", children: author.promise }) }) }, "promise") : null;
+}
+function renderServesWhoSection(author) {
+  return author.servesWho && author.servesWho.length > 0 ? /* @__PURE__ */ jsx18("section", { "aria-label": "Who this author serves", className: "bg-muted/40 py-12", children: /* @__PURE__ */ jsxs17("div", { className: "mx-auto max-w-3xl px-4 sm:px-6 lg:px-8", children: [
+    /* @__PURE__ */ jsx18("h2", { className: "mb-4 text-center text-2xl font-bold text-foreground", children: "Who I help" }),
+    /* @__PURE__ */ jsx18("ul", { className: "grid gap-3 sm:grid-cols-2", children: author.servesWho.map((who) => /* @__PURE__ */ jsx18(
+      "li",
+      {
+        className: "rounded-lg border border-border bg-card px-4 py-3 text-sm text-card-foreground",
+        children: who
+      },
+      who
+    )) })
+  ] }) }, "servesWho") : null;
+}
+function renderOriginStorySection(author) {
+  return author.originStory && author.originStory.length > 0 ? /* @__PURE__ */ jsx18("section", { "aria-label": "Author origin story", className: "bg-background py-12", children: /* @__PURE__ */ jsxs17("div", { className: "mx-auto max-w-3xl px-4 sm:px-6 lg:px-8", children: [
+    /* @__PURE__ */ jsx18("h2", { className: "mb-6 text-2xl font-bold text-foreground", children: "My story" }),
+    /* @__PURE__ */ jsx18("div", { className: "space-y-6", children: author.originStory.map((block, blockIndex) => {
+      var _a;
+      return /* @__PURE__ */ jsxs17("div", { children: [
+        block.heading && /* @__PURE__ */ jsx18("h3", { className: "mb-2 text-lg font-semibold text-foreground", children: block.heading }),
+        block.paragraphs.map((paragraph, paragraphIndex) => {
+          var _a2;
+          return /* @__PURE__ */ jsx18(
+            "p",
+            {
+              className: "mb-3 text-muted-foreground",
+              children: paragraph
+            },
+            `${(_a2 = block.heading) != null ? _a2 : blockIndex}-${paragraph.slice(0, 40)}-${paragraphIndex}`
+          );
+        })
+      ] }, (_a = block.heading) != null ? _a : blockIndex);
+    }) })
+  ] }) }, "originStory") : null;
+}
+function renderPrinciplesSection(author) {
+  return author.principles && author.principles.length > 0 ? /* @__PURE__ */ jsx18("section", { "aria-label": "Author principles", className: "bg-muted/40 py-12", children: /* @__PURE__ */ jsxs17("div", { className: "mx-auto max-w-3xl px-4 sm:px-6 lg:px-8", children: [
+    /* @__PURE__ */ jsx18("h2", { className: "mb-4 text-center text-2xl font-bold text-foreground", children: "What I believe" }),
+    /* @__PURE__ */ jsx18("ul", { className: "space-y-3", children: author.principles.map((principle) => /* @__PURE__ */ jsx18(
+      "li",
+      {
+        className: "rounded-lg border border-border bg-card px-4 py-3 text-sm text-card-foreground",
+        children: principle
+      },
+      principle
+    )) })
+  ] }) }, "principles") : null;
+}
+function renderProofSection(author) {
+  return author.proof && author.proof.length > 0 ? /* @__PURE__ */ jsx18("section", { "aria-label": "Author proof", className: "bg-background py-12", children: /* @__PURE__ */ jsxs17("div", { className: "mx-auto max-w-4xl px-4 sm:px-6 lg:px-8", children: [
+    /* @__PURE__ */ jsx18("h2", { className: "mb-6 text-center text-2xl font-bold text-foreground", children: "Proof" }),
+    /* @__PURE__ */ jsx18("div", { className: "grid gap-4 sm:grid-cols-2", children: author.proof.map((item) => {
+      var _a, _b, _c;
+      return /* @__PURE__ */ jsxs17(
+        "div",
+        {
+          className: "rounded-lg border border-border bg-card p-4 text-card-foreground",
+          children: [
+            /* @__PURE__ */ jsx18("p", { className: "font-medium", children: item.claim }),
+            (item.source || item.url) && /* @__PURE__ */ jsx18("p", { className: "mt-1 text-sm text-muted-foreground", children: item.url ? /* @__PURE__ */ jsx18(Link11, { href: item.url, className: "hover:text-primary hover:underline", children: (_c = item.source) != null ? _c : item.url }) : item.source })
+          ]
+        },
+        `${item.claim}-${(_b = (_a = item.url) != null ? _a : item.source) != null ? _b : ""}`
+      );
+    }) })
+  ] }) }, "proof") : null;
+}
+function renderCtaSection(author, config) {
+  return author.primaryCta ? /* @__PURE__ */ jsx18(CtaViewTracker, { ctaId: `author-cta:${author.slug}`, config, children: /* @__PURE__ */ jsx18("section", { "aria-label": "Author call to action", className: "bg-muted/40 py-12", children: /* @__PURE__ */ jsx18("div", { className: "mx-auto max-w-2xl px-4 text-center sm:px-6 lg:px-8", children: /* @__PURE__ */ jsx18(
+    Link11,
+    {
+      href: author.primaryCta.href,
+      onClick: () => emitArticleEvent(config == null ? void 0 : config.onEvent, {
+        name: "cta_clicked",
+        ctaId: `author-cta:${author.slug}`
+      }),
+      className: "inline-flex items-center justify-center rounded-md bg-primary px-6 py-3 text-sm font-semibold text-primary-foreground hover:bg-primary/90",
+      children: author.primaryCta.label
+    }
+  ) }) }) }, "cta") : null;
+}
+function renderArticlesSection(author, articles, pageSize, pagination) {
+  return /* @__PURE__ */ jsx18("section", { "aria-label": "Articles by this author", className: "bg-background py-16", children: /* @__PURE__ */ jsxs17("div", { className: "mx-auto max-w-7xl px-4 sm:px-6 lg:px-8", children: [
+    /* @__PURE__ */ jsxs17("div", { className: "mb-8 flex items-center justify-between gap-4", children: [
+      /* @__PURE__ */ jsx18(Link11, { href: "/articles", className: "text-sm text-primary hover:underline", children: "All Articles" }),
+      /* @__PURE__ */ jsxs17("p", { className: "text-sm text-muted-foreground", children: [
+        "Articles by ",
+        author.name
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx18(LatestArticles, { articles, pageSize, pagination })
+  ] }) }, "articles");
+}
+function renderAuthorSection(section, ctx) {
+  const { author, articleCount, articles, pageSize, pagination, customSection, config } = ctx;
+  switch (section) {
+    case "hero":
+      return renderHeroSection(author, articleCount);
+    case "promise":
+      return renderPromiseSection(author);
+    case "servesWho":
+      return renderServesWhoSection(author);
+    case "originStory":
+      return renderOriginStorySection(author);
+    case "principles":
+      return renderPrinciplesSection(author);
+    case "proof":
+      return renderProofSection(author);
+    case "cta":
+      return renderCtaSection(author, config);
+    case "articles":
+      return renderArticlesSection(author, articles, pageSize, pagination);
+    case "custom":
+      return customSection != null ? customSection : null;
+    default:
+      return null;
+  }
+}
+function AuthorArticlesPage({
+  author,
+  articles,
+  config,
+  page,
+  totalPages,
+  totalCount,
+  sections,
+  customSection
+}) {
+  var _a, _b;
+  const pageSize = (_a = config.pageSize) != null ? _a : DEFAULT_PAGE_SIZE;
+  const siteUrl = config.siteUrl.replace(/\/$/, "");
+  const articleCount = totalCount != null ? totalCount : articles.length;
+  const pagination = config.listingPagination === "pages" && page !== void 0 && totalPages !== void 0 ? { page, totalPages, basePath: `/articles/authors/${author.slug}` } : void 0;
+  const schemas = /* @__PURE__ */ jsxs17(Fragment4, { children: [
+    /* @__PURE__ */ jsx18(
+      "script",
+      {
+        type: "application/ld+json",
+        dangerouslySetInnerHTML: {
+          __html: JSON.stringify(getPersonSchema(author, config, articleCount))
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx18(
+      CollectionPageSchema,
+      {
+        title: `${author.name} | ${config.siteName}`,
+        description: `Articles by ${author.name} on ${config.siteName}.`,
+        url: (_b = author.url) != null ? _b : `${siteUrl}/articles/authors/${author.slug}`,
+        articleCount,
+        items: articles.slice(0, pageSize).map((article, index) => ({
+          position: index + 1,
+          url: `${siteUrl}/articles/${article.slug}`,
+          name: article.title
+        }))
+      }
+    )
+  ] });
+  if (!sections) {
+    return /* @__PURE__ */ jsxs17("div", { children: [
+      schemas,
+      /* @__PURE__ */ jsx18("section", { className: "bg-background py-16", children: /* @__PURE__ */ jsxs17("div", { className: "mx-auto max-w-7xl px-4 sm:px-6 lg:px-8", children: [
+        /* @__PURE__ */ jsxs17("div", { className: "mb-8 flex items-center justify-between gap-4", children: [
+          /* @__PURE__ */ jsx18(Link11, { href: "/articles", className: "text-sm text-primary hover:underline", children: "All Articles" }),
+          /* @__PURE__ */ jsxs17("p", { className: "text-sm text-muted-foreground", children: [
+            "Articles by ",
+            author.name
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx18(LatestArticles, { articles, pageSize, pagination })
+      ] }) })
+    ] });
+  }
+  const sectionCtx = {
+    author,
+    articleCount,
+    articles,
+    pageSize,
+    pagination,
+    customSection,
+    config
+  };
+  return /* @__PURE__ */ jsxs17("div", { children: [
+    schemas,
+    sections.map((section) => renderAuthorSection(section, sectionCtx))
+  ] });
+}
+
 // src/ArticleSocialShare.tsx
 import { useState as useState4 } from "react";
 import { Share2, Copy, Check, Mail as Mail2, MessageCircle as MessageCircle2, Users, FileText } from "lucide-react";
-import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
-function ArticleSocialShare({ title, url, excerpt, shareMessage }) {
+import { jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
+function ArticleSocialShare({
+  title,
+  url,
+  excerpt,
+  shareMessage,
+  config,
+  articleSlug
+}) {
   const [copied, setCopied] = useState4(false);
+  function trackShare(channel) {
+    if (!articleSlug) return;
+    emitArticleEvent(config == null ? void 0 : config.onEvent, { name: "shared", articleSlug, channel });
+  }
   const encodedTitle = encodeURIComponent(title);
   const encodedUrl = encodeURIComponent(url);
   const encodedExcerpt = encodeURIComponent(excerpt || "");
@@ -1306,102 +1785,211 @@ function ArticleSocialShare({ title, url, excerpt, shareMessage }) {
     try {
       yield navigator.clipboard.writeText(url);
       setCopied(true);
+      trackShare("copy-link");
       setTimeout(() => setCopied(false), 2e3);
     } catch (e) {
     }
   });
-  const openShareWindow = (shareUrl) => {
+  const openShareWindow = (shareUrl, channel) => {
+    trackShare(channel);
     globalThis.open(shareUrl, "_blank", "width=600,height=400,scrollbars=yes,resizable=yes");
   };
   const btnClass = "inline-flex items-center gap-2 px-3 py-1.5 text-sm rounded-md border border-border bg-background text-foreground hover:bg-primary/10 hover:border-primary hover:text-primary transition-colors cursor-pointer";
-  return /* @__PURE__ */ jsxs16("div", { className: "border-t border-border pt-8 mt-8", children: [
-    /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2 mb-4", children: [
-      /* @__PURE__ */ jsx16(Share2, { className: "h-5 w-5 text-muted-foreground" }),
-      /* @__PURE__ */ jsx16("h3", { className: "text-lg font-semibold text-foreground", children: "Share this article" })
+  return /* @__PURE__ */ jsxs18("div", { className: "border-t border-border pt-8 mt-8", children: [
+    /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2 mb-4", children: [
+      /* @__PURE__ */ jsx19(Share2, { className: "h-5 w-5 text-muted-foreground" }),
+      /* @__PURE__ */ jsx19("h3", { className: "text-lg font-semibold text-foreground", children: "Share this article" })
     ] }),
-    /* @__PURE__ */ jsxs16("div", { className: "flex flex-wrap gap-2", children: [
-      /* @__PURE__ */ jsxs16("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.linkedin), children: [
-        /* @__PURE__ */ jsx16(Users, { className: "h-4 w-4" }),
-        "LinkedIn"
-      ] }),
-      /* @__PURE__ */ jsxs16("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.facebook), children: [
-        /* @__PURE__ */ jsx16("span", { className: "text-xs font-bold", children: "f" }),
-        " Facebook"
-      ] }),
-      /* @__PURE__ */ jsxs16("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.twitter), children: [
-        /* @__PURE__ */ jsx16(MessageCircle2, { className: "h-4 w-4" }),
-        "Twitter"
-      ] }),
-      /* @__PURE__ */ jsxs16("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.reddit), children: [
-        /* @__PURE__ */ jsx16(FileText, { className: "h-4 w-4" }),
-        "Reddit"
-      ] }),
-      /* @__PURE__ */ jsxs16("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.whatsapp), children: [
-        /* @__PURE__ */ jsx16(MessageCircle2, { className: "h-4 w-4" }),
-        "WhatsApp"
-      ] }),
-      /* @__PURE__ */ jsxs16("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.telegram), children: [
-        /* @__PURE__ */ jsx16(MessageCircle2, { className: "h-4 w-4" }),
-        "Telegram"
-      ] }),
-      /* @__PURE__ */ jsxs16("a", { className: btnClass, href: shareLinks.email, children: [
-        /* @__PURE__ */ jsx16(Mail2, { className: "h-4 w-4" }),
+    /* @__PURE__ */ jsxs18("div", { className: "flex flex-wrap gap-2", children: [
+      /* @__PURE__ */ jsxs18(
+        "button",
+        {
+          type: "button",
+          className: btnClass,
+          onClick: () => openShareWindow(shareLinks.linkedin, "linkedin"),
+          children: [
+            /* @__PURE__ */ jsx19(Users, { className: "h-4 w-4" }),
+            "LinkedIn"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs18(
+        "button",
+        {
+          type: "button",
+          className: btnClass,
+          onClick: () => openShareWindow(shareLinks.facebook, "facebook"),
+          children: [
+            /* @__PURE__ */ jsx19("span", { className: "text-xs font-bold", children: "f" }),
+            " Facebook"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs18(
+        "button",
+        {
+          type: "button",
+          className: btnClass,
+          onClick: () => openShareWindow(shareLinks.twitter, "twitter"),
+          children: [
+            /* @__PURE__ */ jsx19(MessageCircle2, { className: "h-4 w-4" }),
+            "Twitter"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs18(
+        "button",
+        {
+          type: "button",
+          className: btnClass,
+          onClick: () => openShareWindow(shareLinks.reddit, "reddit"),
+          children: [
+            /* @__PURE__ */ jsx19(FileText, { className: "h-4 w-4" }),
+            "Reddit"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs18(
+        "button",
+        {
+          type: "button",
+          className: btnClass,
+          onClick: () => openShareWindow(shareLinks.whatsapp, "whatsapp"),
+          children: [
+            /* @__PURE__ */ jsx19(MessageCircle2, { className: "h-4 w-4" }),
+            "WhatsApp"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs18(
+        "button",
+        {
+          type: "button",
+          className: btnClass,
+          onClick: () => openShareWindow(shareLinks.telegram, "telegram"),
+          children: [
+            /* @__PURE__ */ jsx19(MessageCircle2, { className: "h-4 w-4" }),
+            "Telegram"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs18("a", { className: btnClass, href: shareLinks.email, onClick: () => trackShare("email"), children: [
+        /* @__PURE__ */ jsx19(Mail2, { className: "h-4 w-4" }),
         "Email"
       ] }),
-      /* @__PURE__ */ jsxs16("button", { className: btnClass, onClick: copyToClipboard, children: [
-        copied ? /* @__PURE__ */ jsx16(Check, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx16(Copy, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsxs18("button", { type: "button", className: btnClass, onClick: copyToClipboard, children: [
+        copied ? /* @__PURE__ */ jsx19(Check, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx19(Copy, { className: "h-4 w-4" }),
         copied ? "Copied!" : "Copy Link"
       ] })
     ] }),
-    shareMessage && /* @__PURE__ */ jsx16("p", { className: "text-sm text-muted-foreground mt-3", children: shareMessage })
+    shareMessage && /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground mt-3", children: shareMessage })
   ] });
 }
 
 // src/ArticleNavigation.tsx
-import Link10 from "next/link";
-import { ChevronLeft, ChevronRight } from "lucide-react";
-import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
+import Link12 from "next/link";
+import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight2 } from "lucide-react";
+import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
 function truncateTitle(title, maxLength = 60) {
   return title.length > maxLength ? `${title.substring(0, maxLength)}...` : title;
 }
-function ArticleNavigation({ previous, next, basePath }) {
+function ArticleNavigation({
+  previous,
+  next,
+  basePath,
+  fromSlug,
+  pathKey,
+  config
+}) {
   if (!previous && !next) return null;
-  return /* @__PURE__ */ jsx17("nav", { className: "mt-12 pt-8 border-t border-border", "aria-label": "Article navigation", children: /* @__PURE__ */ jsxs17("div", { className: "flex justify-between gap-4", children: [
-    /* @__PURE__ */ jsx17("div", { className: "flex-1 min-w-0", children: previous && /* @__PURE__ */ jsxs17(
-      Link10,
+  function emitStep(toSlug2, direction) {
+    if (!pathKey || !fromSlug) return;
+    emitArticleEvent(config == null ? void 0 : config.onEvent, {
+      name: "path_step_advanced",
+      pathKey,
+      fromSlug,
+      toSlug: toSlug2,
+      direction
+    });
+  }
+  return /* @__PURE__ */ jsx20("nav", { className: "mt-12 pt-8 border-t border-border", "aria-label": "Article navigation", children: /* @__PURE__ */ jsxs19("div", { className: "flex justify-between gap-4", children: [
+    /* @__PURE__ */ jsx20("div", { className: "flex-1 min-w-0", children: previous && /* @__PURE__ */ jsxs19(
+      Link12,
       {
         href: `${basePath}/${previous.slug}`,
+        onClick: () => emitStep(previous.slug, "previous"),
         className: "group flex items-center gap-3 p-4 rounded-lg border border-border hover:border-primary/20 hover:bg-muted/50 transition-colors",
         children: [
-          /* @__PURE__ */ jsx17(ChevronLeft, { className: "h-5 w-5 text-muted-foreground group-hover:text-primary shrink-0" }),
-          /* @__PURE__ */ jsxs17("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx17("div", { className: "text-sm text-muted-foreground mb-1", children: "Previous Article" }),
-            /* @__PURE__ */ jsx17("div", { className: "font-medium text-foreground truncate", title: previous.title, children: truncateTitle(previous.title) })
+          /* @__PURE__ */ jsx20(ChevronLeft2, { className: "h-5 w-5 text-muted-foreground group-hover:text-primary shrink-0" }),
+          /* @__PURE__ */ jsxs19("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx20("div", { className: "text-sm text-muted-foreground mb-1", children: "Previous Article" }),
+            /* @__PURE__ */ jsx20("div", { className: "font-medium text-foreground truncate", title: previous.title, children: truncateTitle(previous.title) })
           ] })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx17("div", { className: "flex-1 min-w-0", children: next && /* @__PURE__ */ jsxs17(
-      Link10,
+    /* @__PURE__ */ jsx20("div", { className: "flex-1 min-w-0", children: next && /* @__PURE__ */ jsxs19(
+      Link12,
       {
         href: `${basePath}/${next.slug}`,
+        onClick: () => emitStep(next.slug, "next"),
         className: "group flex items-center justify-end gap-3 p-4 rounded-lg border border-border hover:border-primary/20 hover:bg-muted/50 transition-colors",
         children: [
-          /* @__PURE__ */ jsxs17("div", { className: "min-w-0 flex-1 text-right", children: [
-            /* @__PURE__ */ jsx17("div", { className: "text-sm text-muted-foreground mb-1", children: "Next Article" }),
-            /* @__PURE__ */ jsx17("div", { className: "font-medium text-foreground truncate", title: next.title, children: truncateTitle(next.title) })
+          /* @__PURE__ */ jsxs19("div", { className: "min-w-0 flex-1 text-right", children: [
+            /* @__PURE__ */ jsx20("div", { className: "text-sm text-muted-foreground mb-1", children: "Next Article" }),
+            /* @__PURE__ */ jsx20("div", { className: "font-medium text-foreground truncate", title: next.title, children: truncateTitle(next.title) })
           ] }),
-          /* @__PURE__ */ jsx17(ChevronRight, { className: "h-5 w-5 text-muted-foreground group-hover:text-primary shrink-0" })
+          /* @__PURE__ */ jsx20(ChevronRight2, { className: "h-5 w-5 text-muted-foreground group-hover:text-primary shrink-0" })
         ]
       }
     ) })
   ] }) });
 }
 
+// src/RelatedArticlesSection.tsx
+import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
+function RelatedArticlesSection({
+  articles,
+  category,
+  heading,
+  config,
+  fromSlug,
+  source = "category"
+}) {
+  var _a;
+  if (articles.length === 0) return null;
+  return /* @__PURE__ */ jsxs20("section", { className: "mt-12 pt-8 border-t border-border", "aria-label": "Related articles", children: [
+    /* @__PURE__ */ jsx21(
+      "h2",
+      {
+        className: "text-xl font-semibold text-foreground mb-6",
+        style: { fontFamily: (_a = config == null ? void 0 : config.theme) == null ? void 0 : _a.headerFontFamily },
+        children: heading != null ? heading : `More in ${category}`
+      }
+    ),
+    /* @__PURE__ */ jsx21("div", { className: "grid gap-6 sm:grid-cols-2 lg:grid-cols-3", children: articles.map((article) => /* @__PURE__ */ jsx21(
+      "div",
+      {
+        onClickCapture: () => {
+          if (!fromSlug) return;
+          emitArticleEvent(config == null ? void 0 : config.onEvent, {
+            name: "related_article_clicked",
+            fromSlug,
+            toSlug: article.slug,
+            source
+          });
+        },
+        children: /* @__PURE__ */ jsx21(ArticleCard, { article, config })
+      },
+      article.slug
+    )) })
+  ] });
+}
+
 // src/ArticleBackLink.tsx
-import Link11 from "next/link";
+import Link13 from "next/link";
 import { ArrowLeft } from "lucide-react";
-import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
 function ArticleBackLink({
   config,
   href = "/articles",
@@ -1409,13 +1997,13 @@ function ArticleBackLink({
   className
 }) {
   if (config.showBackToArticles === false) return null;
-  return /* @__PURE__ */ jsxs18(
-    Link11,
+  return /* @__PURE__ */ jsxs21(
+    Link13,
     {
       href,
       className: className != null ? className : "inline-flex items-center gap-2 mb-6 -ml-3 px-3 py-2 rounded-md text-sm font-medium text-muted-foreground hover:text-foreground hover:bg-muted/50 transition-colors",
       children: [
-        /* @__PURE__ */ jsx18(ArrowLeft, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx22(ArrowLeft, { className: "h-4 w-4" }),
         label
       ]
     }
@@ -1423,17 +2011,17 @@ function ArticleBackLink({
 }
 
 // src/ArticleTOC.tsx
-import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs22 } from "react/jsx-runtime";
 function ArticleTOC({ toc, className }) {
   if (!toc.length) return null;
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs22(
     "nav",
     {
       "aria-label": "Table of contents",
       className: `mb-8 rounded-lg border border-border bg-muted/40 px-6 py-4 ${className != null ? className : ""}`,
       children: [
-        /* @__PURE__ */ jsx19("p", { className: "mb-3 text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: "On this page" }),
-        /* @__PURE__ */ jsx19("ul", { className: "space-y-1 text-sm", children: toc.map((item) => /* @__PURE__ */ jsx19("li", { style: { paddingLeft: `${Math.max(0, item.depth - 2) * 1}rem` }, children: /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx23("p", { className: "mb-3 text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: "On this page" }),
+        /* @__PURE__ */ jsx23("ul", { className: "space-y-1 text-sm", children: toc.map((item) => /* @__PURE__ */ jsx23("li", { style: { paddingLeft: `${Math.max(0, item.depth - 2) * 1}rem` }, children: /* @__PURE__ */ jsx23(
           "a",
           {
             href: `#${item.id}`,
@@ -1447,35 +2035,35 @@ function ArticleTOC({ toc, className }) {
 }
 
 // src/ScrollToTop.tsx
-import { useEffect as useEffect4, useState as useState5 } from "react";
+import { useEffect as useEffect5, useState as useState5 } from "react";
 import { ArrowUp } from "lucide-react";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function ScrollToTop() {
   const [visible, setVisible] = useState5(false);
-  useEffect4(() => {
+  useEffect5(() => {
     const onScroll = () => setVisible(globalThis.scrollY > 300);
     globalThis.addEventListener("scroll", onScroll, { passive: true });
     return () => globalThis.removeEventListener("scroll", onScroll);
   }, []);
   if (!visible) return null;
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx24(
     "button",
     {
       "aria-label": "Scroll to top",
       onClick: () => globalThis.scrollTo({ top: 0, behavior: "smooth" }),
       className: "fixed bottom-8 right-8 z-50 rounded-full bg-primary p-2 shadow-md text-primary-foreground hover:bg-primary/90 transition-colors",
-      children: /* @__PURE__ */ jsx20(ArrowUp, { className: "h-5 w-5" })
+      children: /* @__PURE__ */ jsx24(ArrowUp, { className: "h-5 w-5" })
     }
   );
 }
 
 // src/CommentsSection.tsx
 import { useSession, signIn } from "next-auth/react";
-import { useCallback as useCallback2, useEffect as useEffect5, useState as useState8 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect6, useState as useState8 } from "react";
 
 // src/CommentForm.tsx
 import { useState as useState6 } from "react";
-import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
 var MAX_LENGTH = 2e3;
 var WARN_THRESHOLD = 1800;
 function submitLabel(submitting, parentId) {
@@ -1514,8 +2102,8 @@ function CommentForm({ articleSlug, parentId, onSuccess, onCancel }) {
       }
     });
   }
-  return /* @__PURE__ */ jsxs20("form", { onSubmit: handleSubmit, className: "space-y-2", children: [
-    /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsxs23("form", { onSubmit: handleSubmit, className: "space-y-2", children: [
+    /* @__PURE__ */ jsx25(
       "textarea",
       {
         value: body,
@@ -1528,13 +2116,13 @@ function CommentForm({ articleSlug, parentId, onSuccess, onCancel }) {
         "aria-label": parentId ? "Reply text" : "Comment text"
       }
     ),
-    remaining <= MAX_LENGTH - WARN_THRESHOLD && /* @__PURE__ */ jsxs20("p", { className: `text-xs ${remaining < 0 ? "text-destructive" : "text-muted-foreground"}`, children: [
+    remaining <= MAX_LENGTH - WARN_THRESHOLD && /* @__PURE__ */ jsxs23("p", { className: `text-xs ${remaining < 0 ? "text-destructive" : "text-muted-foreground"}`, children: [
       remaining,
       " characters remaining"
     ] }),
-    error && /* @__PURE__ */ jsx21("p", { className: "text-xs text-destructive", children: error }),
-    /* @__PURE__ */ jsxs20("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx21(
+    error && /* @__PURE__ */ jsx25("p", { className: "text-xs text-destructive", children: error }),
+    /* @__PURE__ */ jsxs23("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx25(
         "button",
         {
           type: "submit",
@@ -1543,7 +2131,7 @@ function CommentForm({ articleSlug, parentId, onSuccess, onCancel }) {
           children: submitLabel(submitting, parentId)
         }
       ),
-      onCancel && /* @__PURE__ */ jsx21(
+      onCancel && /* @__PURE__ */ jsx25(
         "button",
         {
           type: "button",
@@ -1558,7 +2146,7 @@ function CommentForm({ articleSlug, parentId, onSuccess, onCancel }) {
 
 // src/CommentItem.tsx
 import { useState as useState7 } from "react";
-import { Fragment as Fragment4, jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx26, jsxs as jsxs24 } from "react/jsx-runtime";
 function relativeTime(iso) {
   const diff = Date.now() - new Date(iso).getTime();
   const minutes = Math.floor(diff / 6e4);
@@ -1596,15 +2184,15 @@ function CommentItem({
       }
     });
   }
-  return /* @__PURE__ */ jsxs21("div", { className: `${isReply ? "ml-8 border-l-2 border-border pl-4" : ""}`, children: [
-    /* @__PURE__ */ jsx22("div", { className: "rounded-lg bg-muted/40 p-3 space-y-1", children: comment.isDeleted ? /* @__PURE__ */ jsx22("p", { className: "text-sm italic text-muted-foreground", children: "Comment removed" }) : /* @__PURE__ */ jsxs21(Fragment4, { children: [
-      /* @__PURE__ */ jsxs21("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsx22("span", { className: "text-sm font-medium text-foreground", children: comment.authorName }),
-        /* @__PURE__ */ jsx22("span", { className: "text-xs text-muted-foreground", children: relativeTime(comment.createdAt) })
+  return /* @__PURE__ */ jsxs24("div", { className: `${isReply ? "ml-8 border-l-2 border-border pl-4" : ""}`, children: [
+    /* @__PURE__ */ jsx26("div", { className: "rounded-lg bg-muted/40 p-3 space-y-1", children: comment.isDeleted ? /* @__PURE__ */ jsx26("p", { className: "text-sm italic text-muted-foreground", children: "Comment removed" }) : /* @__PURE__ */ jsxs24(Fragment5, { children: [
+      /* @__PURE__ */ jsxs24("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsx26("span", { className: "text-sm font-medium text-foreground", children: comment.authorName }),
+        /* @__PURE__ */ jsx26("span", { className: "text-xs text-muted-foreground", children: relativeTime(comment.createdAt) })
       ] }),
-      /* @__PURE__ */ jsx22("p", { className: "text-sm text-foreground whitespace-pre-wrap break-words", children: comment.body }),
-      /* @__PURE__ */ jsxs21("div", { className: "flex gap-3 pt-1", children: [
-        canReply && /* @__PURE__ */ jsx22(
+      /* @__PURE__ */ jsx26("p", { className: "text-sm text-foreground whitespace-pre-wrap break-words", children: comment.body }),
+      /* @__PURE__ */ jsxs24("div", { className: "flex gap-3 pt-1", children: [
+        canReply && /* @__PURE__ */ jsx26(
           "button",
           {
             onClick: () => setShowReplyForm((v) => !v),
@@ -1612,7 +2200,7 @@ function CommentItem({
             children: showReplyForm ? "Cancel" : "Reply"
           }
         ),
-        canDelete && /* @__PURE__ */ jsx22(
+        canDelete && /* @__PURE__ */ jsx26(
           "button",
           {
             onClick: handleDelete,
@@ -1623,7 +2211,7 @@ function CommentItem({
         )
       ] })
     ] }) }),
-    showReplyForm && /* @__PURE__ */ jsx22("div", { className: "mt-2 ml-2", children: /* @__PURE__ */ jsx22(
+    showReplyForm && /* @__PURE__ */ jsx26("div", { className: "mt-2 ml-2", children: /* @__PURE__ */ jsx26(
       CommentForm,
       {
         articleSlug,
@@ -1635,7 +2223,7 @@ function CommentItem({
         onCancel: () => setShowReplyForm(false)
       }
     ) }),
-    replies.length > 0 && /* @__PURE__ */ jsx22("div", { className: "mt-2 space-y-2", children: replies.map((reply) => /* @__PURE__ */ jsx22(
+    replies.length > 0 && /* @__PURE__ */ jsx26("div", { className: "mt-2 space-y-2", children: replies.map((reply) => /* @__PURE__ */ jsx26(
       CommentItem,
       {
         comment: __spreadProps(__spreadValues({}, reply), { replies: [] }),
@@ -1650,7 +2238,7 @@ function CommentItem({
 }
 
 // src/CommentThread.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function CommentThread({
   comments,
   articleSlug,
@@ -1658,9 +2246,9 @@ function CommentThread({
   onRefresh
 }) {
   if (comments.length === 0) {
-    return /* @__PURE__ */ jsx23("p", { className: "text-sm text-muted-foreground text-center py-6", children: "No comments yet. Be the first to share your thoughts." });
+    return /* @__PURE__ */ jsx27("p", { className: "text-sm text-muted-foreground text-center py-6", children: "No comments yet. Be the first to share your thoughts." });
   }
-  return /* @__PURE__ */ jsx23("div", { className: "space-y-4", children: comments.map((comment) => /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx27("div", { className: "space-y-4", children: comments.map((comment) => /* @__PURE__ */ jsx27(
     CommentItem,
     {
       comment,
@@ -1673,7 +2261,7 @@ function CommentThread({
 }
 
 // src/CommentsSection.tsx
-import { jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
 function CommentsSection({ articleSlug, config }) {
   var _a, _b, _c, _d, _e, _f;
   const { data: session, status } = useSession();
@@ -1697,7 +2285,7 @@ function CommentsSection({ articleSlug, config }) {
       setLoading(false);
     }
   }), [articleSlug]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (enabled) {
       fetchComments().catch(() => void 0);
     }
@@ -1705,10 +2293,10 @@ function CommentsSection({ articleSlug, config }) {
   if (!enabled) return null;
   const count = comments.length;
   const label = count === 1 ? "1 comment" : `${count} comments`;
-  return /* @__PURE__ */ jsxs22("section", { "aria-label": "Comments", className: "mt-12 pt-8 border-t border-border space-y-6", children: [
-    /* @__PURE__ */ jsx24("h2", { className: "text-xl font-semibold text-foreground", children: loading ? "Comments" : label }),
-    status === "authenticated" ? /* @__PURE__ */ jsx24(CommentForm, { articleSlug, onSuccess: fetchComments }) : /* @__PURE__ */ jsxs22("p", { className: "text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsxs25("section", { "aria-label": "Comments", className: "mt-12 pt-8 border-t border-border space-y-6", children: [
+    /* @__PURE__ */ jsx28("h2", { className: "text-xl font-semibold text-foreground", children: loading ? "Comments" : label }),
+    status === "authenticated" ? /* @__PURE__ */ jsx28(CommentForm, { articleSlug, onSuccess: fetchComments }) : /* @__PURE__ */ jsxs25("p", { className: "text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx28(
         "button",
         {
           onClick: () => signIn(),
@@ -1719,8 +2307,8 @@ function CommentsSection({ articleSlug, config }) {
       " ",
       "to join the discussion."
     ] }),
-    fetchError && /* @__PURE__ */ jsx24("p", { className: "text-sm text-destructive", children: fetchError }),
-    loading ? /* @__PURE__ */ jsx24("p", { className: "text-sm text-muted-foreground", children: "Loading comments\u2026" }) : /* @__PURE__ */ jsx24(
+    fetchError && /* @__PURE__ */ jsx28("p", { className: "text-sm text-destructive", children: fetchError }),
+    loading ? /* @__PURE__ */ jsx28("p", { className: "text-sm text-muted-foreground", children: "Loading comments\u2026" }) : /* @__PURE__ */ jsx28(
       CommentThread,
       {
         comments,
@@ -1738,10 +2326,10 @@ export {
   ArticleDetailHero,
   ArticleNavigation,
   ArticleSEO,
-  ArticleSchema,
   ArticleSearchBar,
   ArticleSocialShare,
   ArticleTOC,
+  ArticleViewTracker,
   ArticlesHero,
   ArticlesPage,
   AuthorArticlesPage,
@@ -1756,6 +2344,7 @@ export {
   CommentItem,
   CommentThread,
   CommentsSection,
+  CtaViewTracker,
   DEFAULT_CATEGORIES_PAGE_SIZE,
   DEFAULT_LAYOUT,
   DEFAULT_PAGE_SIZE,
@@ -1763,7 +2352,10 @@ export {
   FeaturedArticle,
   LatestArticles,
   LatestArticlesSection,
+  PaginationNav,
+  RelatedArticlesSection,
   ScrollToTop,
+  SeriesArticlesPage,
   breadcrumbsAreEnabled,
   getBreadcrumbsConfig,
   useArticles