@fullstackdatasolutions/articles 0.9.0 → 0.11.0

package/dist/index.cjs

@@ -81,6 +81,11 @@ __export(src_exports, {
   ArticleTOC: () => ArticleTOC,
   ArticlesHero: () => ArticlesHero,
   ArticlesPage: () => ArticlesPage,
+  AuthorArticlesPage: () => AuthorArticlesPage,
+  AuthorCard: () => AuthorCard,
+  AuthorDetailHero: () => AuthorDetailHero,
+  AuthorSocialLinks: () => AuthorSocialLinks,
+  Breadcrumb: () => Breadcrumb,
   BreadcrumbSchema: () => BreadcrumbSchema,
   CategoryArticlesPage: () => CategoryArticlesPage,
   CollectionPageSchema: () => CollectionPageSchema,
@@ -96,6 +101,8 @@ __export(src_exports, {
   LatestArticles: () => LatestArticles,
   LatestArticlesSection: () => LatestArticlesSection,
   ScrollToTop: () => ScrollToTop,
+  breadcrumbsAreEnabled: () => breadcrumbsAreEnabled,
+  getBreadcrumbsConfig: () => getBreadcrumbsConfig,
   useArticles: () => useArticles
 });
 module.exports = __toCommonJS(src_exports);
@@ -150,44 +157,177 @@ function ArticleCategoryGrid({ categories, pageSize = 8 }) {
   ] }) });
 }
 
-// src/ArticleSchemas.tsx
+// src/authorUtils.ts
+function getAuthorUrl(author) {
+  var _a;
+  return (_a = author.url) != null ? _a : `/articles/authors/${author.slug}`;
+}
+function getAuthorAvatar(author, config) {
+  if (!author.avatar) return void 0;
+  if (author.avatar.startsWith("http://") || author.avatar.startsWith("https://")) {
+    return author.avatar;
+  }
+  const path = `/articles/authors/${author.slug}/${author.avatar.replace(/^\/+/, "")}`;
+  if (!config) return path;
+  return `${config.siteUrl.replace(/\/$/, "")}${path}`;
+}
+function getAuthorSameAs(author) {
+  return getAuthorSocialLinks(author).map((link) => link.href);
+}
+function normalizeHandle(value) {
+  return value.replace(/^@/, "");
+}
+function normalizeUrl(value, baseUrl) {
+  if (value.startsWith("http://") || value.startsWith("https://")) return value;
+  if (!baseUrl) return value;
+  return `${baseUrl}${normalizeHandle(value)}`;
+}
+function getConfiguredSocialLinks(social) {
+  var _a, _b;
+  return [
+    { label: "Website", href: (_a = social.website) != null ? _a : "" },
+    {
+      label: "Facebook",
+      href: social.facebook ? normalizeUrl(social.facebook, "https://www.facebook.com/") : ""
+    },
+    {
+      label: "Twitter",
+      href: social.twitter ? normalizeUrl(social.twitter, "https://twitter.com/") : ""
+    },
+    { label: "X", href: social.x ? normalizeUrl(social.x, "https://x.com/") : "" },
+    {
+      label: "LinkedIn",
+      href: social.linkedin ? normalizeUrl(social.linkedin, "https://www.linkedin.com/in/") : ""
+    },
+    {
+      label: "Instagram",
+      href: social.instagram ? normalizeUrl(social.instagram, "https://www.instagram.com/") : ""
+    },
+    {
+      label: "YouTube",
+      href: social.youtube ? normalizeUrl(social.youtube, "https://www.youtube.com/") : ""
+    },
+    {
+      label: "TikTok",
+      href: social.tiktok ? normalizeUrl(social.tiktok, "https://www.tiktok.com/@") : ""
+    },
+    {
+      label: "GitHub",
+      href: social.github ? normalizeUrl(social.github, "https://github.com/") : ""
+    },
+    {
+      label: "Bluesky",
+      href: social.bluesky ? normalizeUrl(social.bluesky, "https://bsky.app/profile/") : ""
+    },
+    {
+      label: "Threads",
+      href: social.threads ? normalizeUrl(social.threads, "https://www.threads.net/@") : ""
+    },
+    { label: "Mastodon", href: social.mastodon ? normalizeUrl(social.mastodon) : "" },
+    {
+      label: "Medium",
+      href: social.medium ? normalizeUrl(social.medium, "https://medium.com/@") : ""
+    },
+    { label: "Newsletter", href: (_b = social.newsletter) != null ? _b : "" }
+  ];
+}
+function getAuthorSocialLinks(author) {
+  var _a;
+  const social = author.social;
+  if (!social) return [];
+  const configuredLinks = getConfiguredSocialLinks(social);
+  const otherLinks = Object.entries((_a = social.other) != null ? _a : {}).map(([label, href]) => ({ label, href }));
+  return [...configuredLinks, ...otherLinks].filter((link) => link.href.trim().length > 0);
+}
+
+// src/Breadcrumb.tsx
+var import_link2 = __toESM(require("next/link"), 1);
 var import_jsx_runtime2 = require("react/jsx-runtime");
+function buildBreadcrumbSchema(items) {
+  return {
+    "@context": "https://schema.org",
+    "@type": "BreadcrumbList",
+    itemListElement: items.map((item, index) => __spreadValues({
+      "@type": "ListItem",
+      position: index + 1,
+      name: item.name
+    }, item.url && { item: item.url }))
+  };
+}
+function getDisplayItems(items) {
+  if (items.length <= 4) return [...items];
+  return [items[0], { name: "..." }, ...items.slice(-2)];
+}
+function Breadcrumb({
+  items,
+  className = "",
+  showSchema = true,
+  separator = ">"
+}) {
+  if (items.length === 0) return null;
+  const displayItems = getDisplayItems(items);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "nav",
+      {
+        "aria-label": "Breadcrumb",
+        className: `border-b border-border bg-background/80 px-4 py-3 text-sm text-muted-foreground ${className}`,
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ol", { className: "mx-auto flex max-w-7xl items-center gap-2 overflow-hidden", children: displayItems.map((item, index) => {
+          const isLast = index === displayItems.length - 1;
+          const key = `${item.name}-${index}`;
+          return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("li", { className: "flex min-w-0 items-center gap-2", children: [
+            index > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { "aria-hidden": "true", children: separator }),
+            item.url && !isLast ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_link2.default, { href: item.url, className: "truncate hover:text-foreground", children: item.name }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "truncate", "aria-current": isLast ? "page" : void 0, children: item.name })
+          ] }, key);
+        }) })
+      }
+    ),
+    showSchema && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "script",
+      {
+        type: "application/ld+json",
+        dangerouslySetInnerHTML: { __html: JSON.stringify(buildBreadcrumbSchema(items)) }
+      }
+    )
+  ] });
+}
+function BreadcrumbSchema({ items }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Breadcrumb, { items, showSchema: true, className: "sr-only" });
+}
+
+// src/ArticleSchemas.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function getPersonSchemas(article, authors) {
+  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({
+    "@type": "Person",
+    name: author.name
+  }, author.url && { url: author.url }), getAuthorSameAs(author).length > 0 && { sameAs: getAuthorSameAs(author) }));
+}
 function ArticleSchema({
   article,
   articleUrl,
   siteName,
-  showAuthor = true
+  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 && { author: { "@type": "Person", name: article.author } }), {
+  }, 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__ */ (0, import_jsx_runtime2.jsx)(
-    "script",
-    {
-      type: "application/ld+json",
-      dangerouslySetInnerHTML: { __html: JSON.stringify(schema) }
-    }
-  );
-}
-function BreadcrumbSchema({ items }) {
-  const schema = {
-    "@context": "https://schema.org",
-    "@type": "BreadcrumbList",
-    itemListElement: items.map((item, index) => ({
-      "@type": "ListItem",
-      position: index + 1,
-      name: item.name,
-      item: item.url
-    }))
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "script",
     {
       type: "application/ld+json",
@@ -200,32 +340,34 @@ function ArticleSEO({
   articleUrl,
   siteName,
   siteLogo,
-  showAuthor = true
+  showAuthor = true,
+  authors
 }) {
   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({
     "@context": "https://schema.org",
     "@type": article.articleType || "Article",
     mainEntityOfPage: { "@type": "WebPage", "@id": articleUrl },
     headline: article.title,
     image: article.featuredImage ? { "@type": "ImageObject", url: article.featuredImage } : void 0
-  }, publishedAt && { datePublished: publishedAt }), modifiedAt && { dateModified: modifiedAt }), showAuthor && { author: { "@type": "Person", name: article.author } }), {
+  }, publishedAt && { datePublished: publishedAt }), modifiedAt && { dateModified: modifiedAt }), showAuthor && personSchemas.length > 0 && { author: personSchemas }), {
     publisher: __spreadValues({
       "@type": "Organization",
       name: siteName
     }, siteLogo && { logo: { "@type": "ImageObject", url: siteLogo } }),
     description: article.excerpt
   }), article.series && { isPartOf: { "@type": "Blog", name: article.series } });
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "script",
       {
         type: "application/ld+json",
         dangerouslySetInnerHTML: { __html: JSON.stringify(structuredData) }
       }
     ),
-    article.faq && article.faq.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    article.faq && article.faq.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "script",
       {
         type: "application/ld+json",
@@ -242,7 +384,7 @@ function ArticleSEO({
         }
       }
     ),
-    article.howTo && article.howTo.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    article.howTo && article.howTo.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "script",
       {
         type: "application/ld+json",
@@ -272,7 +414,7 @@ function FAQPageSchema({ items }) {
       acceptedAnswer: { "@type": "Answer", text: answer }
     }))
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "script",
     {
       type: "application/ld+json",
@@ -294,7 +436,7 @@ function CollectionPageSchema({
     url,
     numberOfItems: articleCount
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "script",
     {
       type: "application/ld+json",
@@ -305,17 +447,17 @@ function CollectionPageSchema({
 
 // src/ArticleSearchBar.tsx
 var import_lucide_react = require("lucide-react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function ArticleSearchBar({
   value,
   onChange,
   disabled,
   resultCount
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("section", { className: "py-8 bg-background border-b border-border", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground h-5 w-5" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("section", { className: "py-8 bg-background border-b border-border", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react.Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground h-5 w-5" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         "input",
         {
           type: "text",
@@ -326,44 +468,44 @@ function ArticleSearchBar({
           className: "flex w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 pl-10 pr-10 py-3 text-lg"
         }
       ),
-      value && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      value && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         "button",
         {
           type: "button",
           onClick: () => onChange(""),
           "aria-label": "Clear search",
           className: "absolute right-3 top-1/2 transform -translate-y-1/2 text-muted-foreground hover:text-foreground",
-          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.X, { className: "h-5 w-5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react.X, { className: "h-5 w-5" })
         }
       )
     ] }),
-    value && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mt-2 text-sm text-muted-foreground", children: resultCount === 0 ? "No articles found matching your search." : `Found ${resultCount} article${resultCount === 1 ? "" : "s"} matching "${value}"` })
+    value && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mt-2 text-sm text-muted-foreground", children: resultCount === 0 ? "No articles found matching your search." : `Found ${resultCount} article${resultCount === 1 ? "" : "s"} matching "${value}"` })
   ] }) });
 }
 
 // src/ArticlesHero.tsx
-var import_link2 = __toESM(require("next/link"), 1);
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_link3 = __toESM(require("next/link"), 1);
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var DEFAULT_TITLE = "Vox Populus Insights";
 var DEFAULT_DESCRIPTION = "Expert analysis, campaign strategies, and voter engagement insights from the frontlines of democracy.";
 function ArticlesHero({
   title = DEFAULT_TITLE,
   description = DEFAULT_DESCRIPTION
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("section", { className: "bg-linear-to-r from-gray-50 to-gray-100 py-16 md:py-24", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "max-w-3xl mx-auto text-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h1", { className: "text-4xl md:text-5xl font-bold text-foreground mb-6", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-xl text-muted-foreground mb-8", children: description }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex flex-col sm:flex-row gap-4 justify-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        import_link2.default,
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("section", { className: "bg-linear-to-r from-gray-50 to-gray-100 py-16 md:py-24", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "max-w-3xl mx-auto text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h1", { className: "text-4xl md:text-5xl font-bold text-foreground mb-6", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-xl text-muted-foreground mb-8", children: description }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col sm:flex-row gap-4 justify-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        import_link3.default,
         {
           href: "#latest",
           className: "inline-flex items-center justify-center px-4 py-2 bg-primary hover:bg-primary/90 text-primary-foreground rounded-md font-medium text-sm transition-colors",
           children: "Browse Latest Articles"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        import_link2.default,
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        import_link3.default,
         {
           href: "/contact",
           className: "inline-flex items-center justify-center px-4 py-2 border border-primary text-primary hover:bg-primary/10 rounded-md font-medium text-sm transition-colors",
@@ -375,44 +517,44 @@ function ArticlesHero({
 }
 
 // src/FeaturedArticle.tsx
-var import_link3 = __toESM(require("next/link"), 1);
+var import_link4 = __toESM(require("next/link"), 1);
 var import_image2 = __toESM(require("next/image"), 1);
 var import_lucide_react2 = require("lucide-react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function FeaturedArticle({ article, showAuthor = true }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("section", { className: "py-16 bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "grid lg:grid-cols-2 gap-12 items-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "inline-block bg-primary/10 text-primary text-sm font-medium px-3 py-1 rounded-full mb-4", children: "FEATURED ARTICLE" }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { className: "text-3xl font-bold text-foreground mb-4", children: article.title }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-lg text-muted-foreground mb-6", children: article.excerpt }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-6 text-sm text-muted-foreground mb-6", children: [
-        article.date && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.Calendar, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: article.date })
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("section", { className: "py-16 bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "grid lg:grid-cols-2 gap-12 items-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "inline-block bg-primary/10 text-primary text-sm font-medium px-3 py-1 rounded-full mb-4", children: "FEATURED ARTICLE" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { className: "text-3xl font-bold text-foreground mb-4", children: article.title }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-lg text-muted-foreground mb-6", children: article.excerpt }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-6 text-sm text-muted-foreground mb-6", children: [
+        article.date && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.Calendar, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: article.date })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.Clock, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: article.readTime })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.Clock, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: article.readTime })
         ] }),
-        showAuthor && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.User, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: article.author })
+        showAuthor && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.User, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: article.author })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-        import_link3.default,
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        import_link4.default,
         {
           href: `/articles/${article.slug}`,
           className: "inline-flex items-center justify-center px-4 py-2 bg-primary hover:bg-primary/90 text-primary-foreground rounded-md font-medium text-sm transition-colors",
           children: [
             "Read Full Article",
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.ArrowRight, { className: "ml-2 h-4 w-4" })
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.ArrowRight, { className: "ml-2 h-4 w-4" })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "bg-card rounded-lg p-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "bg-card rounded-lg p-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         import_image2.default,
         {
           src: article.featuredImage,
@@ -422,7 +564,7 @@ function FeaturedArticle({ article, showAuthor = true }) {
           className: "w-full h-64 object-cover rounded-lg mb-4"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "bg-primary/10 text-primary text-xs font-medium px-2 py-1 rounded", children: article.category }) })
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "bg-primary/10 text-primary text-xs font-medium px-2 py-1 rounded", children: article.category }) })
     ] })
   ] }) }) });
 }
@@ -435,12 +577,12 @@ var import_react2 = require("react");
 
 // src/ArticleCard.tsx
 var import_image3 = __toESM(require("next/image"), 1);
-var import_link4 = __toESM(require("next/link"), 1);
+var import_link5 = __toESM(require("next/link"), 1);
 var import_lucide_react3 = require("lucide-react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function ArticleCard({ article }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "rounded-lg border border-border bg-card text-card-foreground shadow-sm hover:shadow-lg transition-shadow duration-300", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "p-0", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "rounded-lg border border-border bg-card text-card-foreground shadow-sm hover:shadow-lg transition-shadow duration-300", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "p-0", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       import_image3.default,
       {
         src: article.featuredImage,
@@ -450,35 +592,35 @@ function ArticleCard({ article }) {
         height: 200
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "p-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex gap-2 mb-3", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "bg-primary/10 text-primary text-xs font-medium px-2 py-1 rounded", children: article.category }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h3", { className: "text-lg font-semibold leading-none tracking-tight mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        import_link4.default,
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "p-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex gap-2 mb-3", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "bg-primary/10 text-primary text-xs font-medium px-2 py-1 rounded", children: article.category }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h3", { className: "text-lg font-semibold leading-none tracking-tight mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        import_link5.default,
         {
           href: `/articles/${article.slug}`,
           className: "hover:text-indigo-600 transition-colors",
           children: article.title
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-muted-foreground mb-4 line-clamp-3", children: article.excerpt }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center justify-between text-sm text-muted-foreground border-t pt-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-3", children: [
-          article.date && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react3.Calendar, { className: "h-3 w-3" }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: article.date })
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-muted-foreground mb-4 line-clamp-3", children: article.excerpt }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center justify-between text-sm text-muted-foreground border-t pt-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-3", children: [
+          article.date && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.Calendar, { className: "h-3 w-3" }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: article.date })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react3.Clock, { className: "h-3 w-3" }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: article.readTime })
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.Clock, { className: "h-3 w-3" }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: article.readTime })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          import_link4.default,
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          import_link5.default,
           {
             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__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react3.ArrowRight, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.ArrowRight, { className: "h-4 w-4" })
           }
         )
       ] })
@@ -487,7 +629,7 @@ function ArticleCard({ article }) {
 }
 
 // src/LatestArticles.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function LatestArticles({ articles, pageSize }) {
   const [visibleCount, setVisibleCount] = (0, import_react2.useState)(pageSize);
   (0, import_react2.useEffect)(() => {
@@ -495,9 +637,9 @@ function LatestArticles({ articles, pageSize }) {
   }, [articles, pageSize]);
   const visible = articles.slice(0, visibleCount);
   const hasMore = visibleCount < articles.length;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "grid md:grid-cols-2 lg:grid-cols-3 gap-8", children: visible.map((article) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ArticleCard, { article }, article.slug)) }),
-    hasMore && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mt-10 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "grid md:grid-cols-2 lg:grid-cols-3 gap-8", children: visible.map((article) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ArticleCard, { article }, article.slug)) }),
+    hasMore && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "mt-10 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "button",
       {
         type: "button",
@@ -510,14 +652,14 @@ function LatestArticles({ articles, pageSize }) {
 }
 
 // src/LatestArticlesSection.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("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__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-lg text-muted-foreground", children: text });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-lg text-muted-foreground", children: text });
 }
 function LatestArticlesSection({
   articles,
@@ -525,20 +667,20 @@ function LatestArticlesSection({
   onClearSearch,
   pageSize = 6
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("section", { id: "latest", className: "py-16 bg-muted/50", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "text-center mb-12", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h2", { className: "text-3xl font-bold text-foreground mb-4", children: searchQuery ? "Search Results" : "Latest Articles" }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DescriptionText, { searchQuery, count: articles.length })
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("section", { id: "latest", className: "py-16 bg-muted/50", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "text-center mb-12", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h2", { className: "text-3xl font-bold text-foreground mb-4", children: searchQuery ? "Search Results" : "Latest Articles" }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DescriptionText, { searchQuery, count: articles.length })
     ] }),
-    articles.length === 0 && searchQuery ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "text-center py-12", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "max-w-md mx-auto", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react4.Search, { className: "h-12 w-12 text-muted-foreground mx-auto mb-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", { className: "text-lg font-semibold text-foreground mb-2", children: "No articles found" }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("p", { className: "text-muted-foreground mb-4", children: [
+    articles.length === 0 && searchQuery ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "text-center py-12", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "max-w-md mx-auto", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react4.Search, { className: "h-12 w-12 text-muted-foreground mx-auto mb-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h3", { className: "text-lg font-semibold text-foreground mb-2", children: "No articles found" }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("p", { className: "text-muted-foreground mb-4", children: [
         `We couldn't find any articles matching "`,
         searchQuery,
         '". Try adjusting your search terms.'
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         "button",
         {
           type: "button",
@@ -547,7 +689,7 @@ function LatestArticlesSection({
           children: "Clear search"
         }
       )
-    ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(LatestArticles, { articles, pageSize }, searchQuery)
+    ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(LatestArticles, { articles, pageSize }, searchQuery)
   ] }) });
 }
 
@@ -561,6 +703,15 @@ var DEFAULT_LAYOUT = [
   "latest",
   "categories"
 ];
+function breadcrumbsAreEnabled(config) {
+  var _a;
+  return config.breadcrumbs !== false && ((_a = config.breadcrumbs) == null ? void 0 : _a.show) !== false;
+}
+function getBreadcrumbsConfig(config) {
+  var _a;
+  if (config.breadcrumbs === false) return {};
+  return (_a = config.breadcrumbs) != null ? _a : {};
+}
 
 // src/useArticles.ts
 var import_react3 = require("react");
@@ -631,7 +782,7 @@ function useArticles() {
 }
 
 // src/ArticlesPage.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function buildThemeVars(theme) {
   if (!theme) return {};
   const vars = {};
@@ -664,7 +815,7 @@ function renderSection(section, ctx, config) {
   } = ctx;
   switch (section) {
     case "hero":
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         ArticlesHero,
         {
           title: (_a = config.hero) == null ? void 0 : _a.title,
@@ -673,7 +824,7 @@ function renderSection(section, ctx, config) {
         "hero"
       );
     case "search":
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         ArticleSearchBar,
         {
           value: searchQuery,
@@ -684,7 +835,7 @@ function renderSection(section, ctx, config) {
         "search"
       );
     case "featured":
-      return articles.length > 0 && !searchQuery ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      return articles.length > 0 && !searchQuery ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         FeaturedArticle,
         {
           article: articles[0],
@@ -694,16 +845,16 @@ function renderSection(section, ctx, config) {
       ) : null;
     case "latest":
       if (loading && articles.length === 0) {
-        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("section", { id: "latest", className: "py-16 bg-muted/50 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-center py-24", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "text-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-primary mx-auto mb-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-muted-foreground", children: "Loading articles..." })
+        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("section", { id: "latest", className: "py-16 bg-muted/50 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-center py-24", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "text-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-primary mx-auto mb-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "text-muted-foreground", children: "Loading articles..." })
         ] }) }) }, "latest");
       }
       if (error) {
-        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("section", { id: "latest", className: "py-16 bg-muted/50 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "bg-red-50 border border-red-200 rounded-lg p-6 max-w-md text-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h3", { className: "text-lg font-semibold text-red-800 mb-2", children: "Error Loading Articles" }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-red-600 mb-4", children: error }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("section", { id: "latest", className: "py-16 bg-muted/50 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "bg-red-50 border border-red-200 rounded-lg p-6 max-w-md text-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h3", { className: "text-lg font-semibold text-red-800 mb-2", children: "Error Loading Articles" }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "text-red-600 mb-4", children: error }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
             "button",
             {
               type: "button",
@@ -714,7 +865,7 @@ function renderSection(section, ctx, config) {
           )
         ] }) }) }, "latest");
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         LatestArticlesSection,
         {
           articles: displayedArticles,
@@ -725,7 +876,7 @@ function renderSection(section, ctx, config) {
         "latest"
       );
     case "categories":
-      return searchQuery ? null : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      return searchQuery ? null : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         ArticleCategoryGrid,
         {
           categories,
@@ -749,9 +900,9 @@ function ArticlesPage({ config }) {
   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__ */ (0, import_jsx_runtime9.jsxs)("div", { style: themeVars, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { style: themeVars, children: [
     layout.map((section) => renderSection(section, ctx, config)),
-    state.articles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    state.articles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       CollectionPageSchema,
       {
         title: `Articles | ${config.siteName}`,
@@ -764,10 +915,11 @@ function ArticlesPage({ config }) {
 }
 
 // src/ArticleDetailHero.tsx
+var import_react4 = require("react");
 var import_image4 = __toESM(require("next/image"), 1);
-var import_link5 = __toESM(require("next/link"), 1);
+var import_link6 = __toESM(require("next/link"), 1);
 var import_lucide_react5 = require("lucide-react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function toSlug(cat) {
   return cat.toLowerCase().replaceAll(/\s+/g, "-").replaceAll(/[^a-z0-9-]/g, "");
 }
@@ -775,9 +927,12 @@ function ArticleDetailHero({
   article,
   categoryBasePath = "/articles/category",
   showDate = false,
-  showAuthor = true
+  showAuthor = true,
+  authors = []
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  const showConfiguredAuthors = showAuthor && authors.length > 0;
+  const showLegacyAuthor = showAuthor && authors.length === 0 && article.author.trim().length > 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     "section",
     {
       style: {
@@ -789,7 +944,7 @@ function ArticleDetailHero({
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           import_image4.default,
           {
             src: article.featuredImage,
@@ -801,7 +956,7 @@ function ArticleDetailHero({
             priority: true
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           "div",
           {
             style: {
@@ -811,7 +966,7 @@ function ArticleDetailHero({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
           "div",
           {
             style: {
@@ -825,7 +980,7 @@ function ArticleDetailHero({
               width: "100%"
             },
             children: [
-              article.categories && article.categories.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              article.categories && article.categories.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
                 "div",
                 {
                   style: {
@@ -836,15 +991,15 @@ function ArticleDetailHero({
                     marginBottom: "1rem"
                   },
                   children: article.categories.slice(0, 4).map(
-                    (cat) => categoryBasePath ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                      import_link5.default,
+                    (cat) => categoryBasePath ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                      import_link6.default,
                       {
                         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__ */ (0, import_jsx_runtime10.jsx)(
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
                       "span",
                       {
                         className: "inline-block bg-white/20 text-white text-sm font-medium px-3 py-1 rounded-full",
@@ -855,8 +1010,8 @@ function ArticleDetailHero({
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h1", { className: "text-4xl md:text-5xl font-bold mb-4", children: article.title }),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h1", { className: "text-4xl md:text-5xl font-bold mb-4", children: article.title }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
                 "div",
                 {
                   style: {
@@ -868,17 +1023,35 @@ function ArticleDetailHero({
                     color: "rgba(255,255,255,0.8)"
                   },
                   children: [
-                    showDate && article.date && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react5.Calendar, { className: "h-4 w-4" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: article.date })
+                    showDate && article.date && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.Calendar, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: article.date })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react5.Clock, { className: "h-4 w-4" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: article.readTime })
+                    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.Clock, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: article.readTime })
                     ] }),
-                    showAuthor && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react5.User, { className: "h-4 w-4" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { children: [
+                    showConfiguredAuthors && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.User, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { children: [
+                        "By",
+                        " ",
+                        authors.map((author, index) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react4.Fragment, { children: [
+                          index > 0 && ", ",
+                          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                            import_link6.default,
+                            {
+                              href: `/articles/authors/${author.slug}`,
+                              className: "font-medium text-white underline-offset-4 hover:underline",
+                              children: author.name
+                            }
+                          )
+                        ] }, author.slug))
+                      ] })
+                    ] }),
+                    showLegacyAuthor && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.User, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { children: [
                         "By ",
                         article.author
                       ] })
@@ -896,8 +1069,8 @@ function ArticleDetailHero({
 
 // src/CategoryArticlesPage.tsx
 var import_image5 = __toESM(require("next/image"), 1);
-var import_link6 = __toESM(require("next/link"), 1);
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_link7 = __toESM(require("next/link"), 1);
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function getCategoryDescription(config, slug, categoryName) {
   var _a;
   const raw = (_a = config.categoryDescriptions) == null ? void 0 : _a[slug];
@@ -905,6 +1078,40 @@ function getCategoryDescription(config, slug, categoryName) {
   if (typeof raw === "string") return { short: raw };
   return raw;
 }
+function buildCategoryBreadcrumbItems(config, categoryName) {
+  var _a;
+  const siteUrl = config.siteUrl.replace(/\/$/, "");
+  const breadcrumbConfig = getBreadcrumbsConfig(config);
+  const trail = (_a = breadcrumbConfig.category) != null ? _a : ["home", "articles", "category"];
+  return trail.flatMap(
+    (entry) => {
+      var _a2;
+      return buildCategoryBreadcrumbEntry(entry, {
+        categoryName,
+        siteUrl,
+        labels: (_a2 = breadcrumbConfig.labels) != null ? _a2 : {}
+      });
+    }
+  );
+}
+function isCustomBreadcrumbItem(entry) {
+  return typeof entry === "object" && entry !== null && "name" in entry && "url" in entry;
+}
+function resolveCustomBreadcrumbItem(item, siteUrl) {
+  if (item.url.startsWith("/")) return { name: item.name, url: `${siteUrl}${item.url}` };
+  return { name: item.name, url: item.url };
+}
+function buildCategoryBreadcrumbEntry(entry, context) {
+  var _a, _b;
+  if (isCustomBreadcrumbItem(entry)) {
+    return [resolveCustomBreadcrumbItem(entry, context.siteUrl)];
+  }
+  if (entry === "home") return [{ name: (_a = context.labels.home) != null ? _a : "Home", url: context.siteUrl }];
+  if (entry === "articles") {
+    return [{ name: (_b = context.labels.articles) != null ? _b : "Articles", url: `${context.siteUrl}/articles` }];
+  }
+  return [{ name: context.categoryName }];
+}
 function CategoryArticlesPage({ category, articles, config }) {
   var _a;
   if (articles.length === 0) return null;
@@ -912,19 +1119,18 @@ function CategoryArticlesPage({ category, articles, config }) {
   const heroImage = articles[0].featuredImage;
   const description = getCategoryDescription(config, category, categoryName);
   const pageSize = (_a = config.pageSize) != null ? _a : DEFAULT_PAGE_SIZE;
-  const siteUrl = config.siteUrl.replace(/\/$/, "");
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-      BreadcrumbSchema,
+  const breadcrumbConfig = getBreadcrumbsConfig(config);
+  const breadcrumbItems = buildCategoryBreadcrumbItems(config, categoryName);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
+    breadcrumbsAreEnabled(config) && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      Breadcrumb,
       {
-        items: [
-          { name: "Home", url: siteUrl },
-          { name: "Articles", url: `${siteUrl}/articles` },
-          { name: categoryName, url: `${siteUrl}/articles/category/${category}` }
-        ]
+        items: breadcrumbItems,
+        separator: breadcrumbConfig.separator,
+        showSchema: breadcrumbConfig.showSchema !== false
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
       "section",
       {
         style: {
@@ -936,7 +1142,7 @@ function CategoryArticlesPage({ category, articles, config }) {
           overflow: "hidden"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             import_image5.default,
             {
               src: heroImage,
@@ -947,8 +1153,8 @@ function CategoryArticlesPage({ category, articles, config }) {
               priority: true
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { style: { position: "absolute", inset: 0, backgroundColor: "rgba(0,0,0,0.6)" } }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: { position: "absolute", inset: 0, backgroundColor: "rgba(0,0,0,0.6)" } }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
             "div",
             {
               style: {
@@ -959,10 +1165,10 @@ function CategoryArticlesPage({ category, articles, config }) {
                 padding: "0 1rem"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-sm font-semibold uppercase tracking-widest mb-3 opacity-80", children: "Category" }),
-                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h1", { className: "text-4xl md:text-5xl font-bold mb-3", children: categoryName }),
-                description.long && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-lg opacity-90 max-w-2xl mx-auto mt-2", children: description.long }),
-                /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("p", { className: "text-lg opacity-70 mt-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-sm font-semibold uppercase tracking-widest mb-3 opacity-80", children: "Category" }),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h1", { className: "text-4xl md:text-5xl font-bold mb-3", children: categoryName }),
+                description.long && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-lg opacity-90 max-w-2xl mx-auto mt-2", children: description.long }),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("p", { className: "text-lg opacity-70 mt-2", children: [
                   articles.length,
                   " article",
                   articles.length === 1 ? "" : "s"
@@ -973,22 +1179,170 @@ function CategoryArticlesPage({ category, articles, config }) {
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("section", { className: "py-16 bg-muted/50 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "mb-8 flex items-center justify-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_link6.default, { href: "/articles", className: "text-sm text-primary hover:underline", children: "\u2190 All Articles" }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-sm text-muted-foreground", children: description.short })
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("section", { className: "py-16 bg-muted/50 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "mb-8 flex items-center justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_link7.default, { href: "/articles", className: "text-sm text-primary hover:underline", children: "\u2190 All Articles" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-sm text-muted-foreground", children: description.short })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(LatestArticles, { articles, pageSize })
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(LatestArticles, { articles, pageSize })
     ] }) })
   ] });
 }
 
-// src/ArticleSocialShare.tsx
-var import_react4 = require("react");
+// src/AuthorArticlesPage.tsx
+var import_link8 = __toESM(require("next/link"), 1);
+var import_jsx_runtime13 = require("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 }) {
+  var _a;
+  const pageSize = (_a = config.pageSize) != null ? _a : DEFAULT_PAGE_SIZE;
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      "script",
+      {
+        type: "application/ld+json",
+        dangerouslySetInnerHTML: {
+          __html: JSON.stringify(getPersonSchema(author, config, articles.length))
+        }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("section", { className: "bg-background py-16", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "mx-auto max-w-7xl px-4 sm:px-6 lg:px-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "mb-8 flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_link8.default, { href: "/articles", className: "text-sm text-primary hover:underline", children: "All Articles" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
+          "Articles by ",
+          author.name
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(LatestArticles, { articles, pageSize })
+    ] }) })
+  ] });
+}
+
+// src/AuthorCard.tsx
+var import_image6 = __toESM(require("next/image"), 1);
+var import_link9 = __toESM(require("next/link"), 1);
 var import_lucide_react6 = require("lucide-react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("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__ */ (0, import_jsx_runtime14.jsx)(import_link9.default, { href: getAuthorUrl(author), className: "font-medium text-foreground hover:text-primary", children: author.name }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "font-medium text-foreground", children: author.name });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-start gap-3 rounded-lg border border-border bg-card p-4 text-card-foreground", children: [
+    avatar ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      import_image6.default,
+      {
+        src: avatar,
+        alt: author.name,
+        width: 48,
+        height: 48,
+        className: "h-12 w-12 rounded-full object-cover"
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "min-w-0 flex-1", children: [
+      name,
+      showBio && author.bio && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "mt-1 line-clamp-2 text-sm text-muted-foreground", children: author.bio }),
+      showSocial && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AuthorSocialLinks, { author })
+    ] })
+  ] });
+}
+var SOCIAL_ICONS = {
+  Website: import_lucide_react6.Globe,
+  Facebook: import_lucide_react6.Facebook,
+  Twitter: import_lucide_react6.Twitter,
+  X: import_lucide_react6.Twitter,
+  LinkedIn: import_lucide_react6.Linkedin,
+  Instagram: import_lucide_react6.Instagram,
+  YouTube: import_lucide_react6.Youtube,
+  GitHub: import_lucide_react6.Github,
+  Newsletter: import_lucide_react6.Mail
+};
+function getSocialIcon(label) {
+  var _a;
+  return (_a = SOCIAL_ICONS[label]) != null ? _a : import_lucide_react6.MessageCircle;
+}
+function AuthorSocialLinks({ author }) {
+  const links = getAuthorSocialLinks(author);
+  if (links.length === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "mt-3 flex items-center gap-2", children: links.map(({ href, label }) => {
+    const Icon = getSocialIcon(label);
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      import_link9.default,
+      {
+        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__ */ (0, import_jsx_runtime14.jsx)(Icon, { className: "h-4 w-4" })
+      },
+      `${label}-${href}`
+    );
+  }) });
+}
+
+// src/AuthorDetailHero.tsx
+var import_image7 = __toESM(require("next/image"), 1);
+var import_jsx_runtime15 = require("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__ */ (0, import_jsx_runtime15.jsx)("section", { className: "bg-muted/40 py-16", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("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__ */ (0, import_jsx_runtime15.jsx)(
+      import_image7.default,
+      {
+        src: avatar,
+        alt: author.name,
+        width: 120,
+        height: 120,
+        className: "h-28 w-28 rounded-full object-cover",
+        priority: true
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "mb-3 text-sm font-semibold uppercase tracking-widest text-muted-foreground", children: "Author" }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("h1", { className: "text-4xl font-bold text-foreground md:text-5xl", children: author.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "mx-auto mt-4 max-w-2xl text-lg text-muted-foreground", children: author.bio }),
+      typeof articleCount === "number" && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("p", { className: "mt-3 text-sm text-muted-foreground", children: [
+        articleCount,
+        " article",
+        articleCount === 1 ? "" : "s"
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AuthorSocialLinks, { author })
+  ] }) });
+}
+
+// src/ArticleSocialShare.tsx
+var import_react5 = require("react");
+var import_lucide_react7 = require("lucide-react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function ArticleSocialShare({ title, url, excerpt, shareMessage }) {
-  const [copied, setCopied] = (0, import_react4.useState)(false);
+  const [copied, setCopied] = (0, import_react5.useState)(false);
   const encodedTitle = encodeURIComponent(title);
   const encodedUrl = encodeURIComponent(url);
   const encodedExcerpt = encodeURIComponent(excerpt || "");
@@ -1013,84 +1367,84 @@ function ArticleSocialShare({ title, url, excerpt, shareMessage }) {
     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__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "border-t border-border pt-8 mt-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-2 mb-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Share2, { className: "h-5 w-5 text-muted-foreground" }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { className: "text-lg font-semibold text-foreground", children: "Share this article" })
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "border-t border-border pt-8 mt-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-2 mb-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react7.Share2, { className: "h-5 w-5 text-muted-foreground" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h3", { className: "text-lg font-semibold text-foreground", children: "Share this article" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-wrap gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.linkedin), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Users, { className: "h-4 w-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-wrap gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.linkedin), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react7.Users, { className: "h-4 w-4" }),
         "LinkedIn"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.facebook), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-xs font-bold", children: "f" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.facebook), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-xs font-bold", children: "f" }),
         " Facebook"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.twitter), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.MessageCircle, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.twitter), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react7.MessageCircle, { className: "h-4 w-4" }),
         "Twitter"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.reddit), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.FileText, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.reddit), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react7.FileText, { className: "h-4 w-4" }),
         "Reddit"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.whatsapp), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.MessageCircle, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.whatsapp), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react7.MessageCircle, { className: "h-4 w-4" }),
         "WhatsApp"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.telegram), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.MessageCircle, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.telegram), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react7.MessageCircle, { className: "h-4 w-4" }),
         "Telegram"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("a", { className: btnClass, href: shareLinks.email, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Mail, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("a", { className: btnClass, href: shareLinks.email, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react7.Mail, { className: "h-4 w-4" }),
         "Email"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { className: btnClass, onClick: copyToClipboard, children: [
-        copied ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Check, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Copy, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("button", { className: btnClass, onClick: copyToClipboard, children: [
+        copied ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react7.Check, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react7.Copy, { className: "h-4 w-4" }),
         copied ? "Copied!" : "Copy Link"
       ] })
     ] }),
-    shareMessage && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-sm text-muted-foreground mt-3", children: shareMessage })
+    shareMessage && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm text-muted-foreground mt-3", children: shareMessage })
   ] });
 }
 
 // src/ArticleNavigation.tsx
-var import_link7 = __toESM(require("next/link"), 1);
-var import_lucide_react7 = require("lucide-react");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_link10 = __toESM(require("next/link"), 1);
+var import_lucide_react8 = require("lucide-react");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function truncateTitle(title, maxLength = 60) {
   return title.length > maxLength ? `${title.substring(0, maxLength)}...` : title;
 }
 function ArticleNavigation({ previous, next, basePath }) {
   if (!previous && !next) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("nav", { className: "mt-12 pt-8 border-t border-border", "aria-label": "Article navigation", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex justify-between gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex-1 min-w-0", children: previous && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-      import_link7.default,
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("nav", { className: "mt-12 pt-8 border-t border-border", "aria-label": "Article navigation", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex justify-between gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex-1 min-w-0", children: previous && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      import_link10.default,
       {
         href: `${basePath}/${previous.slug}`,
         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__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react7.ChevronLeft, { className: "h-5 w-5 text-muted-foreground group-hover:text-primary shrink-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "text-sm text-muted-foreground mb-1", children: "Previous Article" }),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "font-medium text-foreground truncate", title: previous.title, children: truncateTitle(previous.title) })
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react8.ChevronLeft, { className: "h-5 w-5 text-muted-foreground group-hover:text-primary shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "text-sm text-muted-foreground mb-1", children: "Previous Article" }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "font-medium text-foreground truncate", title: previous.title, children: truncateTitle(previous.title) })
           ] })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex-1 min-w-0", children: next && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-      import_link7.default,
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex-1 min-w-0", children: next && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      import_link10.default,
       {
         href: `${basePath}/${next.slug}`,
         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__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "min-w-0 flex-1 text-right", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "text-sm text-muted-foreground mb-1", children: "Next Article" }),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "font-medium text-foreground truncate", title: next.title, children: truncateTitle(next.title) })
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "min-w-0 flex-1 text-right", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "text-sm text-muted-foreground mb-1", children: "Next Article" }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "font-medium text-foreground truncate", title: next.title, children: truncateTitle(next.title) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react7.ChevronRight, { className: "h-5 w-5 text-muted-foreground group-hover:text-primary shrink-0" })
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react8.ChevronRight, { className: "h-5 w-5 text-muted-foreground group-hover:text-primary shrink-0" })
         ]
       }
     ) })
@@ -1098,9 +1452,9 @@ function ArticleNavigation({ previous, next, basePath }) {
 }
 
 // src/ArticleBackLink.tsx
-var import_link8 = __toESM(require("next/link"), 1);
-var import_lucide_react8 = require("lucide-react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_link11 = __toESM(require("next/link"), 1);
+var import_lucide_react9 = require("lucide-react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function ArticleBackLink({
   config,
   href = "/articles",
@@ -1108,13 +1462,13 @@ function ArticleBackLink({
   className
 }) {
   if (config.showBackToArticles === false) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-    import_link8.default,
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    import_link11.default,
     {
       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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react8.ArrowLeft, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react9.ArrowLeft, { className: "h-4 w-4" }),
         label
       ]
     }
@@ -1122,17 +1476,17 @@ function ArticleBackLink({
 }
 
 // src/ArticleTOC.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function ArticleTOC({ toc, className }) {
   if (!toc.length) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     "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__ */ (0, import_jsx_runtime15.jsx)("p", { className: "mb-3 text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: "On this page" }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("ul", { className: "space-y-1 text-sm", children: toc.map((item) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("li", { style: { paddingLeft: `${Math.max(0, item.depth - 2) * 1}rem` }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "mb-3 text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: "On this page" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("ul", { className: "space-y-1 text-sm", children: toc.map((item) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("li", { style: { paddingLeft: `${Math.max(0, item.depth - 2) * 1}rem` }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           "a",
           {
             href: `#${item.id}`,
@@ -1146,35 +1500,35 @@ function ArticleTOC({ toc, className }) {
 }
 
 // src/ScrollToTop.tsx
-var import_react5 = require("react");
-var import_lucide_react9 = require("lucide-react");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_react6 = require("react");
+var import_lucide_react10 = require("lucide-react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function ScrollToTop() {
-  const [visible, setVisible] = (0, import_react5.useState)(false);
-  (0, import_react5.useEffect)(() => {
+  const [visible, setVisible] = (0, import_react6.useState)(false);
+  (0, import_react6.useEffect)(() => {
     const onScroll = () => setVisible(globalThis.scrollY > 300);
     globalThis.addEventListener("scroll", onScroll, { passive: true });
     return () => globalThis.removeEventListener("scroll", onScroll);
   }, []);
   if (!visible) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "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__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react9.ArrowUp, { className: "h-5 w-5" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.ArrowUp, { className: "h-5 w-5" })
     }
   );
 }
 
 // src/CommentsSection.tsx
-var import_react8 = require("next-auth/react");
-var import_react9 = require("react");
+var import_react9 = require("next-auth/react");
+var import_react10 = require("react");
 
 // src/CommentForm.tsx
-var import_react6 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_react7 = require("react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var MAX_LENGTH = 2e3;
 var WARN_THRESHOLD = 1800;
 function submitLabel(submitting, parentId) {
@@ -1182,9 +1536,9 @@ function submitLabel(submitting, parentId) {
   return parentId ? "Reply" : "Post comment";
 }
 function CommentForm({ articleSlug, parentId, onSuccess, onCancel }) {
-  const [body, setBody] = (0, import_react6.useState)("");
-  const [submitting, setSubmitting] = (0, import_react6.useState)(false);
-  const [error, setError] = (0, import_react6.useState)(null);
+  const [body, setBody] = (0, import_react7.useState)("");
+  const [submitting, setSubmitting] = (0, import_react7.useState)(false);
+  const [error, setError] = (0, import_react7.useState)(null);
   const remaining = MAX_LENGTH - body.length;
   function handleSubmit(e) {
     return __async(this, null, function* () {
@@ -1213,8 +1567,8 @@ function CommentForm({ articleSlug, parentId, onSuccess, onCancel }) {
       }
     });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       "textarea",
       {
         value: body,
@@ -1227,13 +1581,13 @@ function CommentForm({ articleSlug, parentId, onSuccess, onCancel }) {
         "aria-label": parentId ? "Reply text" : "Comment text"
       }
     ),
-    remaining <= MAX_LENGTH - WARN_THRESHOLD && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { className: `text-xs ${remaining < 0 ? "text-destructive" : "text-muted-foreground"}`, children: [
+    remaining <= MAX_LENGTH - WARN_THRESHOLD && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("p", { className: `text-xs ${remaining < 0 ? "text-destructive" : "text-muted-foreground"}`, children: [
       remaining,
       " characters remaining"
     ] }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-xs text-destructive", children: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    error && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-xs text-destructive", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         "button",
         {
           type: "submit",
@@ -1242,7 +1596,7 @@ function CommentForm({ articleSlug, parentId, onSuccess, onCancel }) {
           children: submitLabel(submitting, parentId)
         }
       ),
-      onCancel && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      onCancel && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         "button",
         {
           type: "button",
@@ -1256,8 +1610,8 @@ function CommentForm({ articleSlug, parentId, onSuccess, onCancel }) {
 }
 
 // src/CommentItem.tsx
-var import_react7 = require("react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_react8 = require("react");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function relativeTime(iso) {
   const diff = Date.now() - new Date(iso).getTime();
   const minutes = Math.floor(diff / 6e4);
@@ -1278,8 +1632,8 @@ function CommentItem({
   isReply = false,
   onRefresh
 }) {
-  const [showReplyForm, setShowReplyForm] = (0, import_react7.useState)(false);
-  const [deleting, setDeleting] = (0, import_react7.useState)(false);
+  const [showReplyForm, setShowReplyForm] = (0, import_react8.useState)(false);
+  const [deleting, setDeleting] = (0, import_react8.useState)(false);
   const replies = "replies" in comment ? comment.replies : [];
   const canReply = !isReply && !!currentUserId && !comment.isDeleted;
   const canDelete = !!currentUserId && currentUserId === comment.authorId && !comment.isDeleted;
@@ -1295,15 +1649,15 @@ function CommentItem({
       }
     });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: `${isReply ? "ml-8 border-l-2 border-border pl-4" : ""}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "rounded-lg bg-muted/40 p-3 space-y-1", children: comment.isDeleted ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm italic text-muted-foreground", children: "Comment removed" }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm font-medium text-foreground", children: comment.authorName }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-xs text-muted-foreground", children: relativeTime(comment.createdAt) })
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: `${isReply ? "ml-8 border-l-2 border-border pl-4" : ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "rounded-lg bg-muted/40 p-3 space-y-1", children: comment.isDeleted ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-sm italic text-muted-foreground", children: "Comment removed" }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-sm font-medium text-foreground", children: comment.authorName }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-xs text-muted-foreground", children: relativeTime(comment.createdAt) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm text-foreground whitespace-pre-wrap break-words", children: comment.body }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex gap-3 pt-1", children: [
-        canReply && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-sm text-foreground whitespace-pre-wrap break-words", children: comment.body }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex gap-3 pt-1", children: [
+        canReply && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           "button",
           {
             onClick: () => setShowReplyForm((v) => !v),
@@ -1311,7 +1665,7 @@ function CommentItem({
             children: showReplyForm ? "Cancel" : "Reply"
           }
         ),
-        canDelete && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        canDelete && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           "button",
           {
             onClick: handleDelete,
@@ -1322,7 +1676,7 @@ function CommentItem({
         )
       ] })
     ] }) }),
-    showReplyForm && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "mt-2 ml-2", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    showReplyForm && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "mt-2 ml-2", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       CommentForm,
       {
         articleSlug,
@@ -1334,7 +1688,7 @@ function CommentItem({
         onCancel: () => setShowReplyForm(false)
       }
     ) }),
-    replies.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "mt-2 space-y-2", children: replies.map((reply) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    replies.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "mt-2 space-y-2", children: replies.map((reply) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       CommentItem,
       {
         comment: __spreadProps(__spreadValues({}, reply), { replies: [] }),
@@ -1349,7 +1703,7 @@ function CommentItem({
 }
 
 // src/CommentThread.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function CommentThread({
   comments,
   articleSlug,
@@ -1357,9 +1711,9 @@ function CommentThread({
   onRefresh
 }) {
   if (comments.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-sm text-muted-foreground text-center py-6", children: "No comments yet. Be the first to share your thoughts." });
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-sm text-muted-foreground text-center py-6", children: "No comments yet. Be the first to share your thoughts." });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "space-y-4", children: comments.map((comment) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "space-y-4", children: comments.map((comment) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     CommentItem,
     {
       comment,
@@ -1372,17 +1726,17 @@ function CommentThread({
 }
 
 // src/CommentsSection.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function CommentsSection({ articleSlug, config }) {
   var _a, _b, _c, _d, _e, _f;
-  const { data: session, status } = (0, import_react8.useSession)();
-  const [comments, setComments] = (0, import_react9.useState)([]);
-  const [loading, setLoading] = (0, import_react9.useState)(true);
-  const [fetchError, setFetchError] = (0, import_react9.useState)(null);
+  const { data: session, status } = (0, import_react9.useSession)();
+  const [comments, setComments] = (0, import_react10.useState)([]);
+  const [loading, setLoading] = (0, import_react10.useState)(true);
+  const [fetchError, setFetchError] = (0, import_react10.useState)(null);
   const perArticleEnabled = (_b = (_a = config.perArticleOverride) == null ? void 0 : _a[articleSlug]) != null ? _b : true;
   const enabled = config.enabled && perArticleEnabled;
   const currentUserId = (_f = (_e = (_c = session == null ? void 0 : session.user) == null ? void 0 : _c.email) != null ? _e : (_d = session == null ? void 0 : session.user) == null ? void 0 : _d.name) != null ? _f : void 0;
-  const fetchComments = (0, import_react9.useCallback)(() => __async(this, null, function* () {
+  const fetchComments = (0, import_react10.useCallback)(() => __async(this, null, function* () {
     setLoading(true);
     setFetchError(null);
     try {
@@ -1396,7 +1750,7 @@ function CommentsSection({ articleSlug, config }) {
       setLoading(false);
     }
   }), [articleSlug]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (enabled) {
       fetchComments().catch(() => void 0);
     }
@@ -1404,13 +1758,13 @@ function CommentsSection({ articleSlug, config }) {
   if (!enabled) return null;
   const count = comments.length;
   const label = count === 1 ? "1 comment" : `${count} comments`;
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("section", { "aria-label": "Comments", className: "mt-12 pt-8 border-t border-border space-y-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h2", { className: "text-xl font-semibold text-foreground", children: loading ? "Comments" : label }),
-    status === "authenticated" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CommentForm, { articleSlug, onSuccess: fetchComments }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("section", { "aria-label": "Comments", className: "mt-12 pt-8 border-t border-border space-y-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h2", { className: "text-xl font-semibold text-foreground", children: loading ? "Comments" : label }),
+    status === "authenticated" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CommentForm, { articleSlug, onSuccess: fetchComments }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         "button",
         {
-          onClick: () => (0, import_react8.signIn)(),
+          onClick: () => (0, import_react9.signIn)(),
           className: "text-primary underline hover:no-underline focus:outline-none",
           children: "Sign in"
         }
@@ -1418,8 +1772,8 @@ function CommentsSection({ articleSlug, config }) {
       " ",
       "to join the discussion."
     ] }),
-    fetchError && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-sm text-destructive", children: fetchError }),
-    loading ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-sm text-muted-foreground", children: "Loading comments\u2026" }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    fetchError && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-sm text-destructive", children: fetchError }),
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-sm text-muted-foreground", children: "Loading comments\u2026" }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       CommentThread,
       {
         comments,
@@ -1444,6 +1798,11 @@ function CommentsSection({ articleSlug, config }) {
   ArticleTOC,
   ArticlesHero,
   ArticlesPage,
+  AuthorArticlesPage,
+  AuthorCard,
+  AuthorDetailHero,
+  AuthorSocialLinks,
+  Breadcrumb,
   BreadcrumbSchema,
   CategoryArticlesPage,
   CollectionPageSchema,
@@ -1459,6 +1818,8 @@ function CommentsSection({ articleSlug, config }) {
   LatestArticles,
   LatestArticlesSection,
   ScrollToTop,
+  breadcrumbsAreEnabled,
+  getBreadcrumbsConfig,
   useArticles
 });
 //# sourceMappingURL=index.cjs.map