@fullstackdatasolutions/articles 1.2.3 → 1.3.0

package/dist/index.cjs

@@ -69,6 +69,7 @@ var __async = (__this, __arguments, generator) => {
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  ArticleAnswer: () => ArticleAnswer,
   ArticleBackLink: () => ArticleBackLink,
   ArticleCard: () => ArticleCard,
   ArticleCategoryGrid: () => ArticleCategoryGrid,
@@ -97,16 +98,23 @@ __export(src_exports, {
   DEFAULT_CATEGORIES_PAGE_SIZE: () => DEFAULT_CATEGORIES_PAGE_SIZE,
   DEFAULT_LAYOUT: () => DEFAULT_LAYOUT,
   DEFAULT_PAGE_SIZE: () => DEFAULT_PAGE_SIZE,
+  DEFAULT_TITLE_TEMPLATE: () => DEFAULT_TITLE_TEMPLATE,
   FAQPageSchema: () => FAQPageSchema,
   FeaturedArticle: () => FeaturedArticle,
   LatestArticles: () => LatestArticles,
   LatestArticlesSection: () => LatestArticlesSection,
+  OrganizationSchema: () => OrganizationSchema,
   PaginationNav: () => PaginationNav,
   RelatedArticlesSection: () => RelatedArticlesSection,
   ScrollToTop: () => ScrollToTop,
   SeriesArticlesPage: () => SeriesArticlesPage,
+  WebSiteSchema: () => WebSiteSchema,
   breadcrumbsAreEnabled: () => breadcrumbsAreEnabled,
+  formatPageTitle: () => formatPageTitle,
   getBreadcrumbsConfig: () => getBreadcrumbsConfig,
+  getOrganizationId: () => getOrganizationId,
+  getPersonId: () => getPersonId,
+  getWebSiteId: () => getWebSiteId,
   useArticles: () => useArticles
 });
 module.exports = __toCommonJS(src_exports);
@@ -161,7 +169,51 @@ function ArticleCategoryGrid({ categories, pageSize = 8 }) {
   ] }) });
 }
 
+// src/articlesConfig.ts
+var DEFAULT_PAGE_SIZE = 6;
+var DEFAULT_CATEGORIES_PAGE_SIZE = 8;
+var DEFAULT_LAYOUT = [
+  "hero",
+  "search",
+  "featured",
+  "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 : {};
+}
+function getOrganizationId(config) {
+  return `${config.siteUrl.replace(/\/$/, "")}/#organization`;
+}
+function getWebSiteId(config) {
+  return `${config.siteUrl.replace(/\/$/, "")}/#website`;
+}
+function getPersonId(authorUrl) {
+  return `${authorUrl.replace(/\/$/, "")}#person`;
+}
+function resolveEntityUrl(value, config) {
+  if (/^https?:\/\//.test(value)) return value;
+  return `${config.siteUrl.replace(/\/$/, "")}/${value.replace(/^\/+/, "")}`;
+}
+var DEFAULT_TITLE_TEMPLATE = "{title} | {siteName}";
+function formatPageTitle(title, config) {
+  var _a;
+  return ((_a = config.titleTemplate) != null ? _a : DEFAULT_TITLE_TEMPLATE).replaceAll("{title}", title).replaceAll("{siteName}", config.siteName);
+}
+
 // src/authorUtils.ts
+function getAuthorIdentityUrl(author, config) {
+  if (author.identityUrl) return author.identityUrl;
+  if (author.url) return author.url;
+  if (!config) return void 0;
+  return `${config.siteUrl.replace(/\/$/, "")}/articles/authors/${author.slug}`;
+}
 function getAuthorUrl(author) {
   var _a;
   return (_a = author.url) != null ? _a : `/articles/authors/${author.slug}`;
@@ -176,7 +228,10 @@ function getAuthorAvatar(author, config) {
   return `${config.siteUrl.replace(/\/$/, "")}${path}`;
 }
 function getAuthorSameAs(author) {
-  return getAuthorSocialLinks(author).map((link) => link.href);
+  var _a, _b;
+  const derived = getAuthorSocialLinks(author).map((link) => link.href);
+  const explicit = (_b = (_a = author.sameAs) == null ? void 0 : _a.filter((url) => url.trim() !== "")) != null ? _b : [];
+  return [.../* @__PURE__ */ new Set([...derived, ...explicit])];
 }
 function normalizeHandle(value) {
   return value.replace(/^@/, "");
@@ -309,37 +364,129 @@ function getPersonSchemas(article, authors, config) {
   } else if (article.author) {
     resolvedAuthors = [{ name: article.author, slug: "", bio: "" }];
   }
-  return resolvedAuthors.map((author) => __spreadValues(__spreadValues(__spreadValues({
-    "@type": "Person",
-    name: author.name
-  }, author.url && { url: author.url }), getAuthorAvatar(author, config) && { image: getAuthorAvatar(author, config) }), getAuthorSameAs(author).length > 0 && { sameAs: getAuthorSameAs(author) }));
+  return resolvedAuthors.map((author) => {
+    const identityUrl = getAuthorIdentityUrl(author, config);
+    return __spreadValues(__spreadValues(__spreadValues(__spreadProps(__spreadValues({
+      "@type": "Person"
+    }, identityUrl && { "@id": getPersonId(identityUrl) }), {
+      name: author.name
+    }), author.url && { url: author.url }), getAuthorAvatar(author, config) && { image: getAuthorAvatar(author, config) }), getAuthorSameAs(author).length > 0 && { sameAs: getAuthorSameAs(author) });
+  });
 }
-function ArticleSEO({
+function resolveModifiedAt(article, publishedAt, config) {
+  if (article.lastmod) return new Date(article.lastmod).toISOString();
+  return (config == null ? void 0 : config.lastmodFallback) === "none" ? void 0 : publishedAt;
+}
+function resolveSchemaImageUrl(image, articleUrl, config) {
+  if (/^https?:\/\//.test(image)) return image;
+  if (config) return resolveEntityUrl(image, config);
+  try {
+    return `${new URL(articleUrl).origin}/${image.replace(/^\/+/, "")}`;
+  } catch (e) {
+    return image;
+  }
+}
+function buildPublisher(siteName, siteLogo, config) {
+  if (config == null ? void 0 : config.organization) return { "@id": getOrganizationId(config) };
+  return __spreadValues({
+    "@type": "Organization",
+    name: siteName
+  }, siteLogo && { logo: { "@type": "ImageObject", url: siteLogo } });
+}
+function buildQuestionEntity(article, articleUrl, publishedAt) {
+  if (article.articleType !== "QAPage" || !article.answer) return void 0;
+  return __spreadProps(__spreadValues({
+    "@type": "Question",
+    name: article.title,
+    text: article.excerpt || article.title
+  }, publishedAt && { dateCreated: publishedAt }), {
+    answerCount: 1,
+    acceptedAnswer: { "@type": "Answer", text: article.answer, url: articleUrl }
+  });
+}
+function buildCommentFields(comments) {
+  var _a;
+  const visible = (_a = comments == null ? void 0 : comments.filter((comment) => !comment.isDeleted && !comment.parentId)) != null ? _a : [];
+  if (visible.length === 0) return {};
+  return {
+    commentCount: visible.length,
+    comment: visible.map((comment) => ({
+      "@type": "Comment",
+      text: comment.body,
+      dateCreated: comment.createdAt,
+      author: { "@type": "Person", name: comment.authorName }
+    }))
+  };
+}
+function buildTopicFields(article, config) {
+  var _a, _b;
+  const about = (_a = article.about) == null ? void 0 : _a.map((entity) => __spreadValues({
+    "@type": "Thing",
+    name: entity.name
+  }, entity.sameAs && { sameAs: entity.sameAs }));
+  const citation = (_b = article.citation) == null ? void 0 : _b.map((source) => __spreadValues({
+    "@type": "CreativeWork",
+    name: source.name
+  }, source.url && { url: source.url }));
+  const selectors = config == null ? void 0 : config.speakableSelectors;
+  return __spreadValues(__spreadValues(__spreadValues({}, (about == null ? void 0 : about.length) && { about }), (citation == null ? void 0 : citation.length) && { citation }), (selectors == null ? void 0 : selectors.length) && {
+    speakable: { "@type": "SpeakableSpecification", cssSelector: selectors }
+  });
+}
+function buildArticleSchema({
   article,
   articleUrl,
   siteName,
   siteLogo,
-  showAuthor = true,
-  authors,
-  config
+  showAuthor,
+  personSchemas,
+  config,
+  comments
 }) {
+  var _a, _b;
   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, config);
-  const structuredData = __spreadValues(__spreadValues(__spreadValues(__spreadProps(__spreadValues(__spreadValues(__spreadValues({
+  const modifiedAt = resolveModifiedAt(article, publishedAt, config);
+  const mainEntity = buildQuestionEntity(article, articleUrl, publishedAt);
+  return __spreadValues(__spreadValues(__spreadValues(__spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadProps(__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
+    image: article.featuredImage ? {
+      "@type": "ImageObject",
+      url: resolveSchemaImageUrl(article.featuredImage, articleUrl, config)
+    } : void 0
   }, 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,
+    publisher: buildPublisher(siteName, siteLogo, config),
+    description: article.excerpt
+  }), article.answer && { abstract: article.answer }), {
     articleSection: article.category
-  }), article.tags && article.tags.length > 0 && { keywords: article.tags.join(", ") }), article.wordCount !== void 0 && { wordCount: article.wordCount }), article.series && { isPartOf: { "@type": "Blog", name: article.series } });
+  }), ((_a = article.tags) == null ? void 0 : _a.length) && { keywords: article.tags.join(", ") }), article.wordCount !== void 0 && { wordCount: article.wordCount }), article.series && { isPartOf: { "@type": "Blog", name: article.series } }), {
+    inLanguage: (_b = config == null ? void 0 : config.language) != null ? _b : "en",
+    isAccessibleForFree: (config == null ? void 0 : config.isAccessibleForFree) !== false
+  }), buildTopicFields(article, config)), buildCommentFields(comments)), mainEntity && { mainEntity });
+}
+function ArticleSEO({
+  article,
+  articleUrl,
+  siteName,
+  siteLogo,
+  showAuthor = true,
+  authors,
+  config,
+  comments
+}) {
+  const personSchemas = getPersonSchemas(article, authors, config);
+  const structuredData = buildArticleSchema({
+    article,
+    articleUrl,
+    siteName,
+    siteLogo,
+    showAuthor,
+    personSchemas,
+    config,
+    comments
+  });
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "script",
@@ -436,6 +583,65 @@ function CollectionPageSchema({
     }
   );
 }
+function OrganizationSchema({ config }) {
+  var _a, _b, _c, _d, _e;
+  const org = config.organization;
+  if (!org) return null;
+  const schema = __spreadValues(__spreadValues(__spreadValues(__spreadValues({
+    "@context": "https://schema.org",
+    "@type": (_a = org.type) != null ? _a : "Organization",
+    "@id": getOrganizationId(config),
+    name: (_b = org.name) != null ? _b : config.siteName,
+    url: (_c = org.url) != null ? _c : config.siteUrl.replace(/\/$/, "")
+  }, org.logo && {
+    logo: { "@type": "ImageObject", url: resolveEntityUrl(org.logo, config) }
+  }), ((_d = org.description) != null ? _d : config.description) && {
+    description: (_e = org.description) != null ? _e : config.description
+  }), org.sameAs && org.sameAs.length > 0 && { sameAs: org.sameAs }), org.parentOrganization && {
+    parentOrganization: {
+      "@type": "Organization",
+      name: org.parentOrganization.name,
+      url: org.parentOrganization.url
+    }
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "script",
+    {
+      type: "application/ld+json",
+      dangerouslySetInnerHTML: { __html: JSON.stringify(schema) }
+    }
+  );
+}
+function WebSiteSchema({ config }) {
+  const org = config.organization;
+  if (!org) return null;
+  const siteUrl = config.siteUrl.replace(/\/$/, "");
+  const template = org.searchUrlTemplate;
+  const schema = __spreadValues(__spreadValues({
+    "@context": "https://schema.org",
+    "@type": "WebSite",
+    "@id": getWebSiteId(config),
+    name: config.siteName,
+    url: siteUrl,
+    publisher: { "@id": getOrganizationId(config) }
+  }, config.description && { description: config.description }), template && {
+    potentialAction: {
+      "@type": "SearchAction",
+      target: {
+        "@type": "EntryPoint",
+        urlTemplate: resolveEntityUrl(template, config)
+      },
+      "query-input": "required name=search_term_string"
+    }
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "script",
+    {
+      type: "application/ld+json",
+      dangerouslySetInnerHTML: { __html: JSON.stringify(schema) }
+    }
+  );
+}
 
 // src/ArticleSearchBar.tsx
 var import_lucide_react = require("lucide-react");
@@ -901,26 +1107,6 @@ function LatestArticlesSection({
   ] }) });
 }
 
-// src/articlesConfig.ts
-var DEFAULT_PAGE_SIZE = 6;
-var DEFAULT_CATEGORIES_PAGE_SIZE = 8;
-var DEFAULT_LAYOUT = [
-  "hero",
-  "search",
-  "featured",
-  "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");
 function useArticles(initialArticles, initialCategories) {
@@ -1623,17 +1809,28 @@ function CtaViewTracker({ ctaId, articleSlug, config, children }) {
 
 // src/AuthorArticlesPage.tsx
 var import_jsx_runtime18 = require("react/jsx-runtime");
-function getPersonSchema(author, config, articleCount) {
+function getKnowsAbout(author, articles) {
+  var _a;
+  if ((_a = author.knowsAbout) == null ? void 0 : _a.length) return [...author.knowsAbout];
+  return [...new Set(articles.flatMap((article) => {
+    var _a2;
+    return (_a2 = article.categories) != null ? _a2 : [];
+  }))].filter(Boolean);
+}
+function getPersonSchema(author, config, articleCount, knowsAbout) {
   var _a, _b;
-  return __spreadProps(__spreadValues(__spreadValues({
+  const pageUrl = `${config.siteUrl.replace(/\/$/, "")}/articles/authors/${author.slug}`;
+  const identityUrl = (_a = getAuthorIdentityUrl(author, config)) != null ? _a : pageUrl;
+  const authorUrl = (_b = author.url) != null ? _b : pageUrl;
+  return __spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
     "@context": "https://schema.org",
     "@type": "Person",
+    "@id": getPersonId(identityUrl),
     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}`,
+    url: authorUrl
+  }, getAuthorAvatar(author, config) && { image: getAuthorAvatar(author, config) }), getAuthorSameAs(author).length > 0 && { sameAs: getAuthorSameAs(author) }), knowsAbout.length > 0 && { knowsAbout: [...knowsAbout] }), config.organization && { worksFor: { "@id": getOrganizationId(config) } }), {
+    mainEntityOfPage: pageUrl,
     interactionStatistic: {
       "@type": "InteractionCounter",
       interactionType: "https://schema.org/WriteAction",
@@ -1786,7 +1983,9 @@ function AuthorArticlesPage({
       {
         type: "application/ld+json",
         dangerouslySetInnerHTML: {
-          __html: JSON.stringify(getPersonSchema(author, config, articleCount))
+          __html: JSON.stringify(
+            getPersonSchema(author, config, articleCount, getKnowsAbout(author, articles))
+          )
         }
       }
     ),
@@ -2117,10 +2316,32 @@ function ArticleTOC({ toc, className }) {
   );
 }
 
+// src/ArticleAnswer.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function ArticleAnswer({
+  article,
+  label = "The short answer",
+  className
+}) {
+  var _a;
+  if (!((_a = article.answer) == null ? void 0 : _a.trim())) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    "aside",
+    {
+      className: `mb-8 rounded-lg border-l-4 border-primary bg-muted/40 px-6 py-4 ${className != null ? className : ""}`,
+      style: { borderLeftWidth: "4px" },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "mb-2 text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-base leading-relaxed", children: article.answer })
+      ]
+    }
+  );
+}
+
 // src/ScrollToTop.tsx
 var import_react7 = require("react");
 var import_lucide_react11 = require("lucide-react");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function ScrollToTop() {
   const [visible, setVisible] = (0, import_react7.useState)(false);
   (0, import_react7.useEffect)(() => {
@@ -2129,13 +2350,13 @@ function ScrollToTop() {
     return () => globalThis.removeEventListener("scroll", onScroll);
   }, []);
   if (!visible) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.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_runtime24.jsx)(import_lucide_react11.ArrowUp, { className: "h-5 w-5" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react11.ArrowUp, { className: "h-5 w-5" })
     }
   );
 }
@@ -2146,7 +2367,7 @@ var import_react11 = require("react");
 
 // src/CommentForm.tsx
 var import_react8 = require("react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var MAX_LENGTH = 2e3;
 var WARN_THRESHOLD = 1800;
 function submitLabel(submitting, parentId) {
@@ -2185,8 +2406,8 @@ function CommentForm({ articleSlug, parentId, onSuccess, onCancel }) {
       }
     });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       "textarea",
       {
         value: body,
@@ -2199,13 +2420,13 @@ function CommentForm({ articleSlug, parentId, onSuccess, onCancel }) {
         "aria-label": parentId ? "Reply text" : "Comment text"
       }
     ),
-    remaining <= MAX_LENGTH - WARN_THRESHOLD && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("p", { className: `text-xs ${remaining < 0 ? "text-destructive" : "text-muted-foreground"}`, children: [
+    remaining <= MAX_LENGTH - WARN_THRESHOLD && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("p", { className: `text-xs ${remaining < 0 ? "text-destructive" : "text-muted-foreground"}`, children: [
       remaining,
       " characters remaining"
     ] }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-xs text-destructive", children: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    error && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-xs text-destructive", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         "button",
         {
           type: "submit",
@@ -2214,7 +2435,7 @@ function CommentForm({ articleSlug, parentId, onSuccess, onCancel }) {
           children: submitLabel(submitting, parentId)
         }
       ),
-      onCancel && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      onCancel && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         "button",
         {
           type: "button",
@@ -2229,7 +2450,7 @@ function CommentForm({ articleSlug, parentId, onSuccess, onCancel }) {
 
 // src/CommentItem.tsx
 var import_react9 = require("react");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function relativeTime(iso) {
   const diff = Date.now() - new Date(iso).getTime();
   const minutes = Math.floor(diff / 6e4);
@@ -2267,15 +2488,15 @@ function CommentItem({
       }
     });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: `${isReply ? "ml-8 border-l-2 border-border pl-4" : ""}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "rounded-lg bg-muted/40 p-3 space-y-1", children: comment.isDeleted ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm italic text-muted-foreground", children: "Comment removed" }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-sm font-medium text-foreground", children: comment.authorName }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-xs text-muted-foreground", children: relativeTime(comment.createdAt) })
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: `${isReply ? "ml-8 border-l-2 border-border pl-4" : ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "rounded-lg bg-muted/40 p-3 space-y-1", children: comment.isDeleted ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-sm italic text-muted-foreground", children: "Comment removed" }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-sm font-medium text-foreground", children: comment.authorName }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-xs text-muted-foreground", children: relativeTime(comment.createdAt) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm text-foreground whitespace-pre-wrap break-words", children: comment.body }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex gap-3 pt-1", children: [
-        canReply && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-sm text-foreground whitespace-pre-wrap break-words", children: comment.body }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex gap-3 pt-1", children: [
+        canReply && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           "button",
           {
             onClick: () => setShowReplyForm((v) => !v),
@@ -2283,7 +2504,7 @@ function CommentItem({
             children: showReplyForm ? "Cancel" : "Reply"
           }
         ),
-        canDelete && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        canDelete && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           "button",
           {
             onClick: handleDelete,
@@ -2294,7 +2515,7 @@ function CommentItem({
         )
       ] })
     ] }) }),
-    showReplyForm && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "mt-2 ml-2", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    showReplyForm && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "mt-2 ml-2", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       CommentForm,
       {
         articleSlug,
@@ -2306,7 +2527,7 @@ function CommentItem({
         onCancel: () => setShowReplyForm(false)
       }
     ) }),
-    replies.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "mt-2 space-y-2", children: replies.map((reply) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    replies.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "mt-2 space-y-2", children: replies.map((reply) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       CommentItem,
       {
         comment: __spreadProps(__spreadValues({}, reply), { replies: [] }),
@@ -2321,7 +2542,7 @@ function CommentItem({
 }
 
 // src/CommentThread.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function CommentThread({
   comments,
   articleSlug,
@@ -2329,9 +2550,9 @@ function CommentThread({
   onRefresh
 }) {
   if (comments.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime27.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_runtime28.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_runtime27.jsx)("div", { className: "space-y-4", children: comments.map((comment) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "space-y-4", children: comments.map((comment) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     CommentItem,
     {
       comment,
@@ -2344,7 +2565,7 @@ function CommentThread({
 }
 
 // src/CommentsSection.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function CommentsSection({ articleSlug, config }) {
   var _a, _b, _c, _d, _e, _f;
   const { data: session, status } = (0, import_react10.useSession)();
@@ -2376,10 +2597,10 @@ 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_runtime28.jsxs)("section", { "aria-label": "Comments", className: "mt-12 pt-8 border-t border-border space-y-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("h2", { className: "text-xl font-semibold text-foreground", children: loading ? "Comments" : label }),
-    status === "authenticated" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(CommentForm, { articleSlug, onSuccess: fetchComments }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("section", { "aria-label": "Comments", className: "mt-12 pt-8 border-t border-border space-y-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("h2", { className: "text-xl font-semibold text-foreground", children: loading ? "Comments" : label }),
+    status === "authenticated" ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(CommentForm, { articleSlug, onSuccess: fetchComments }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         "button",
         {
           onClick: () => (0, import_react10.signIn)(),
@@ -2390,8 +2611,8 @@ function CommentsSection({ articleSlug, config }) {
       " ",
       "to join the discussion."
     ] }),
-    fetchError && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-sm text-destructive", children: fetchError }),
-    loading ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-sm text-muted-foreground", children: "Loading comments\u2026" }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    fetchError && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-sm text-destructive", children: fetchError }),
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-sm text-muted-foreground", children: "Loading comments\u2026" }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       CommentThread,
       {
         comments,
@@ -2404,6 +2625,7 @@ function CommentsSection({ articleSlug, config }) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ArticleAnswer,
   ArticleBackLink,
   ArticleCard,
   ArticleCategoryGrid,
@@ -2432,16 +2654,23 @@ function CommentsSection({ articleSlug, config }) {
   DEFAULT_CATEGORIES_PAGE_SIZE,
   DEFAULT_LAYOUT,
   DEFAULT_PAGE_SIZE,
+  DEFAULT_TITLE_TEMPLATE,
   FAQPageSchema,
   FeaturedArticle,
   LatestArticles,
   LatestArticlesSection,
+  OrganizationSchema,
   PaginationNav,
   RelatedArticlesSection,
   ScrollToTop,
   SeriesArticlesPage,
+  WebSiteSchema,
   breadcrumbsAreEnabled,
+  formatPageTitle,
   getBreadcrumbsConfig,
+  getOrganizationId,
+  getPersonId,
+  getWebSiteId,
   useArticles
 });
 //# sourceMappingURL=index.cjs.map