@sonordev/site-kit 5.8.3 → 6.0.0

package/dist/{chunk-MWKI6ZIS.mjs → articles/server-ui.mjs}

@@ -1,354 +1,24 @@
-import { widgetStyle, widgetTitleStyle } from './chunk-YFX3Q56O.mjs';
-import { resolveBlogSiteUrl, addExternalLinkTargets } from './chunk-Y5QZPUL3.mjs';
-import { createBlogRoutes, fetchBlogPostBySlug, resolveBlogArtwork, fetchRelatedBlogPosts, blogCategorySlug, blogArtworkImageStyle, fetchBlogCategories } from './chunk-5B4J3IBX.mjs';
-import { withSiteParam } from './chunk-4TLFZ6NR.mjs';
-import { resolveTrailingSlash, applyTrailingSlash } from './chunk-4LYW6PMU.mjs';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { readingTimeMinutes, ServiceCallouts, ClusterNavigation, getAuthorSocialLinks } from '../chunk-HXHRS3PX.mjs';
+export { ClusterNavigation } from '../chunk-HXHRS3PX.mjs';
+import { widgetStyle, widgetTitleStyle } from '../chunk-4KAMU5HD.mjs';
+import { resolvePublicationSiteUrl, addExternalLinkTargets } from '../chunk-5YVQWLSQ.mjs';
+import { fetchArticleBySlug, fetchRelatedArticles, fetchArticleCategories, getTopicCluster } from '../chunk-X3MY4PL7.mjs';
+export { articleTableCss, wrapArticleTables } from '../chunk-5F2FIM5A.mjs';
+import { resolveArticleArtwork, articleArtworkImageStyle } from '../chunk-ZL35JCDA.mjs';
+export { resolveArticleArtwork } from '../chunk-ZL35JCDA.mjs';
+import { createPublicationRoutes, articleCategorySlug } from '../chunk-6DCAMW62.mjs';
+export { articleCategorySlug, createPublicationRoutes, resolveArticleUrl, resolvePublicationUrl } from '../chunk-6DCAMW62.mjs';
+import { withSiteParam } from '../chunk-AS2HUIDW.mjs';
+import '../chunk-6XNEGG5B.mjs';
+import '../chunk-C2CTLLIO.mjs';
+import '../chunk-KZVSB5WE.mjs';
+import '../chunk-ZN4HBK5C.mjs';
+import '../chunk-BEXTDHO4.mjs';
 import { marked } from 'marked';
 import { notFound } from 'next/navigation';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import React from 'react';
 
-var defaults = {
-  featured: {
-    wrapper: {
-      display: "flex",
-      flexWrap: "wrap",
-      alignItems: "center",
-      justifyContent: "space-between",
-      gap: "1.5rem",
-      padding: "2rem 2.5rem",
-      margin: "3rem 0",
-      borderRadius: "1rem",
-      background: "linear-gradient(135deg, color-mix(in srgb, var(--sk-primary, #2563eb) 8%, transparent), color-mix(in srgb, var(--sk-primary, #2563eb) 15%, transparent))",
-      border: "1px solid color-mix(in srgb, var(--sk-primary, #2563eb) 25%, transparent)"
-    },
-    title: {
-      fontSize: "1.25rem",
-      fontWeight: 700,
-      color: "var(--sk-text-primary, #0f172a)",
-      margin: 0
-    },
-    description: {
-      fontSize: "0.9375rem",
-      color: "var(--sk-text-secondary, #475569)",
-      marginTop: "0.5rem",
-      maxWidth: "40rem"
-    },
-    button: {
-      display: "inline-flex",
-      alignItems: "center",
-      gap: "0.5rem",
-      padding: "0.75rem 1.75rem",
-      borderRadius: "0.5rem",
-      fontWeight: 600,
-      fontSize: "0.9375rem",
-      color: "#ffffff",
-      background: "var(--sk-primary, #2563eb)",
-      textDecoration: "none",
-      transition: "transform 0.15s, box-shadow 0.15s",
-      whiteSpace: "nowrap"
-    }
-  },
-  inline: {
-    wrapper: {
-      display: "flex",
-      gap: "1rem",
-      padding: "1.25rem 1.5rem",
-      margin: "2rem 0",
-      borderRadius: "0.75rem",
-      background: "var(--sk-bg-elevated, #f8fafc)",
-      border: "1px solid color-mix(in srgb, var(--sk-primary, #2563eb) 20%, var(--sk-surface-border, #e2e8f0))"
-    },
-    icon: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      width: "2.5rem",
-      height: "2.5rem",
-      borderRadius: "0.625rem",
-      background: "var(--sk-primary, #2563eb)",
-      color: "#ffffff",
-      flexShrink: 0,
-      fontSize: "1.125rem"
-    },
-    title: {
-      fontSize: "1rem",
-      fontWeight: 600,
-      color: "var(--sk-text-primary, #0f172a)",
-      margin: 0
-    },
-    description: {
-      fontSize: "0.875rem",
-      color: "var(--sk-text-secondary, #475569)",
-      marginTop: "0.25rem"
-    },
-    link: {
-      display: "inline-flex",
-      alignItems: "center",
-      gap: "0.25rem",
-      marginTop: "0.5rem",
-      fontSize: "0.875rem",
-      fontWeight: 600,
-      color: "var(--sk-primary, #2563eb)",
-      textDecoration: "none"
-    }
-  }
-};
-function ServiceCallout({
-  title,
-  description,
-  cta = "Learn More",
-  url,
-  variant = "featured",
-  styles,
-  unstyled = false
-}) {
-  if (variant === "inline") {
-    return /* @__PURE__ */ jsxs(
-      "aside",
-      {
-        className: styles?.wrapper,
-        style: unstyled ? void 0 : defaults.inline.wrapper,
-        role: "complementary",
-        "aria-label": "Related service",
-        children: [
-          /* @__PURE__ */ jsx("div", { style: unstyled ? void 0 : defaults.inline.icon, children: "\u2192" }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(
-              "h4",
-              {
-                className: styles?.title,
-                style: unstyled ? void 0 : defaults.inline.title,
-                children: title
-              }
-            ),
-            description && /* @__PURE__ */ jsx(
-              "p",
-              {
-                className: styles?.description,
-                style: unstyled ? void 0 : defaults.inline.description,
-                children: description
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              "a",
-              {
-                href: url,
-                className: styles?.button,
-                style: unstyled ? void 0 : defaults.inline.link,
-                children: [
-                  cta,
-                  " \u2192"
-                ]
-              }
-            )
-          ] })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    "section",
-    {
-      className: styles?.wrapper,
-      style: unstyled ? void 0 : defaults.featured.wrapper,
-      role: "complementary",
-      "aria-label": "Call to action",
-      children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(
-            "h3",
-            {
-              className: styles?.title,
-              style: unstyled ? void 0 : defaults.featured.title,
-              children: title
-            }
-          ),
-          description && /* @__PURE__ */ jsx(
-            "p",
-            {
-              className: styles?.description,
-              style: unstyled ? void 0 : defaults.featured.description,
-              children: description
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs(
-          "a",
-          {
-            href: url,
-            className: styles?.button,
-            style: unstyled ? void 0 : defaults.featured.button,
-            children: [
-              cta,
-              " \u2192"
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-function ServiceCallouts({
-  callouts,
-  styles,
-  unstyled
-}) {
-  if (!callouts || callouts.length === 0) return null;
-  return /* @__PURE__ */ jsx(Fragment, { children: callouts.map((callout, i) => /* @__PURE__ */ jsx(
-    ServiceCallout,
-    {
-      ...callout,
-      variant: i === 0 ? "featured" : "inline",
-      styles,
-      unstyled
-    },
-    callout.url + i
-  )) });
-}
-var clusterNavCss = `
-.sk-cluster-nav {
-  --_cn-primary: var(--sk-primary, currentColor);
-  --_cn-bg: var(--sk-bg-elevated, color-mix(in srgb, currentColor 6%, transparent));
-  --_cn-border: var(--sk-surface-border, color-mix(in srgb, currentColor 12%, transparent));
-  --_cn-text: var(--sk-text-primary, inherit);
-  --_cn-text2: var(--sk-text-secondary, color-mix(in srgb, currentColor 70%, transparent));
-  --_cn-text3: var(--sk-text-tertiary, color-mix(in srgb, currentColor 45%, transparent));
-
-  margin: 2rem 0;
-  padding: 1.5rem;
-  border-radius: 0.75rem;
-  background: var(--_cn-bg);
-  border: 1px solid var(--_cn-border);
-  color: var(--_cn-text);
-}
-
-.sk-cluster-pillar-link {
-  margin-bottom: 1.25rem;
-  padding-bottom: 1.25rem;
-  border-bottom: 1px solid var(--_cn-border);
-}
-.sk-cluster-pillar-link-label {
-  font-size: 0.6875rem;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  color: var(--_cn-text3);
-  margin: 0 0 0.375rem 0;
-}
-.sk-cluster-pillar-link a {
-  font-size: 0.9375rem;
-  font-weight: 600;
-  color: var(--_cn-primary);
-  text-decoration: none;
-  transition: opacity 0.15s;
-}
-.sk-cluster-pillar-link a:hover { opacity: 0.8; }
-
-.sk-cluster-siblings-title {
-  font-size: 0.6875rem;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  color: var(--_cn-text3);
-  margin: 0 0 0.75rem 0;
-}
-.sk-cluster-siblings-list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-.sk-cluster-siblings-item {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-.sk-cluster-siblings-item a {
-  font-size: 0.875rem;
-  color: var(--_cn-text2);
-  text-decoration: none;
-  transition: color 0.15s;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.sk-cluster-siblings-item a:hover { color: var(--_cn-primary); }
-.sk-cluster-type-badge {
-  display: inline-flex;
-  align-items: center;
-  flex-shrink: 0;
-  padding: 0.125rem 0.4rem;
-  border-radius: 9999px;
-  font-size: 0.625rem;
-  font-weight: 500;
-  text-transform: capitalize;
-  background: color-mix(in srgb, var(--_cn-primary) 10%, transparent);
-  color: var(--_cn-primary);
-  border: 1px solid color-mix(in srgb, var(--_cn-primary) 20%, transparent);
-}
-`;
-function ClusterNavigation({
-  navigation,
-  basePath,
-  routing,
-  category,
-  trailingSlash: trailingSlashProp,
-  unstyled = false,
-  className
-}) {
-  if (!navigation) return null;
-  const siblings = (navigation.siblings || []).filter(
-    (s) => s.article_type !== "pillar"
-  );
-  const hasPillarLink = !navigation.is_pillar && navigation.pillar;
-  const hasSiblings = siblings.length > 0;
-  if (!hasPillarLink && !hasSiblings) return null;
-  const trailingSlash = resolveTrailingSlash(trailingSlashProp);
-  const articleUrl = (article) => {
-    const path = createBlogRoutes({ basePath, category, includeCategoryInPath: !routing, ...routing }).post(article);
-    return trailingSlash ? applyTrailingSlash(path, true) : path;
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    !unstyled && /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: clusterNavCss } }),
-    /* @__PURE__ */ jsxs("nav", { className: `${unstyled ? "" : "sk-cluster-nav"} ${className || ""}`, children: [
-      hasPillarLink && navigation.pillar && /* @__PURE__ */ jsxs("div", { className: unstyled ? "" : "sk-cluster-pillar-link", children: [
-        /* @__PURE__ */ jsx("p", { className: unstyled ? "" : "sk-cluster-pillar-link-label", children: "Full Guide" }),
-        /* @__PURE__ */ jsx("a", { href: articleUrl(navigation.pillar), children: navigation.pillar.title })
-      ] }),
-      hasSiblings && /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("p", { className: unstyled ? "" : "sk-cluster-siblings-title", children: navigation.is_pillar ? "Deep Dives" : "More in This Series" }),
-        /* @__PURE__ */ jsx("ul", { className: unstyled ? "" : "sk-cluster-siblings-list", children: siblings.map((sibling) => /* @__PURE__ */ jsxs("li", { className: unstyled ? "" : "sk-cluster-siblings-item", children: [
-          /* @__PURE__ */ jsx("span", { className: unstyled ? "" : "sk-cluster-type-badge", children: sibling.article_type }),
-          /* @__PURE__ */ jsx("a", { href: articleUrl(sibling), children: sibling.title })
-        ] }, sibling.slug)) })
-      ] })
-    ] })
-  ] });
-}
-
-// src/blog/reading-time.ts
-function readingTimeMinutes(post) {
-  const value = post.reading_time_minutes ?? post.reading_time;
-  return typeof value === "number" && value > 0 ? value : null;
-}
-
-// src/blog/author-social.ts
-var withPrefix = (value, base) => value.startsWith("http") ? value : `${base}${value}`;
-function getAuthorSocialLinks(author) {
-  const links = [];
-  const linkedin = author.linkedin_url || author.social_links?.linkedin;
-  if (linkedin) links.push({ label: "LinkedIn", href: withPrefix(linkedin, "https://linkedin.com/in/") });
-  const twitter = author.twitter_url ? author.twitter_url : author.social_links?.twitter ? withPrefix(author.social_links.twitter, "https://twitter.com/") : null;
-  if (twitter) links.push({ label: "Twitter", href: twitter });
-  const website = author.website_url || author.website;
-  if (website) links.push({ label: "Website", href: website });
-  const github = author.social_links?.github;
-  if (github) links.push({ label: "GitHub", href: withPrefix(github, "https://github.com/") });
-  return links;
-}
 function getClusterNav(post) {
   if (!post.cluster_id && !post.cluster_slug) return null;
   const isPillar = post.article_type === "pillar";
@@ -409,7 +79,7 @@ function cls(unstyled, styles, key, defaultClass, extra) {
   const base = styles[key] || defaultClass;
   return extra ? `${base} ${extra}` : base;
 }
-async function BlogPost({
+async function Article({
   apiUrl = process.env.SONOR_API_URL || "https://api.sonor.io",
   apiKey = process.env.SONOR_API_KEY || "",
   slug,
@@ -418,6 +88,7 @@ async function BlogPost({
   relatedCount = 3,
   showAuthor = true,
   basePath,
+  publicationName = "Articles",
   routing,
   className,
   styles = {},
@@ -427,117 +98,117 @@ async function BlogPost({
   notFound: notFound$1 = true,
   children
 }) {
-  const routes = createBlogRoutes({ basePath, ...routing });
+  const routes = createPublicationRoutes({ basePath, ...routing });
   if (!apiKey) {
-    console.warn("[Blog] No API key configured");
+    console.warn("[Articles] No API key configured");
     return null;
   }
-  const [post, { blogPostCss }, { wrapBlogTables }] = await Promise.all([
-    fetchBlogPostBySlug({ apiUrl, apiKey, site }, slug),
-    unstyled ? Promise.resolve({ blogPostCss: "" }) : import('./blog-styles-7AKRUMV7.mjs'),
-    import('./blog-tables-QGIHOESZ.mjs')
+  const [post, { articleCss }, { wrapArticleTables: wrapArticleTables2 }] = await Promise.all([
+    fetchArticleBySlug({ apiUrl, apiKey, site }, slug),
+    unstyled ? Promise.resolve({ articleCss: "" }) : import('../article-styles-DACUAOVT.mjs'),
+    import('../article-tables-OGE52LNT.mjs')
   ]);
   if (!post) {
     if (notFound$1) notFound();
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      !unstyled && /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: blogPostCss } }),
-      /* @__PURE__ */ jsxs("div", { className: cls(unstyled, styles, "notFound", "sk-blog-not-found", className), children: [
+      !unstyled && /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: articleCss } }),
+      /* @__PURE__ */ jsxs("div", { className: cls(unstyled, styles, "notFound", "sk-article-not-found", className), children: [
         /* @__PURE__ */ jsx("h1", { children: "Post Not Found" }),
-        /* @__PURE__ */ jsx("p", { children: "The blog post you\u2019re looking for doesn\u2019t exist or has been removed." }),
-        /* @__PURE__ */ jsx("a", { href: routes.index, children: "\u2190 Back to Blog" })
+        /* @__PURE__ */ jsx("p", { children: "The article you\u2019re looking for doesn\u2019t exist or has been removed." }),
+        /* @__PURE__ */ jsx("a", { href: routes.index, children: "\u2190 Back to articles" })
       ] })
     ] });
   }
   const rawContent = post.content_html || post.content || "";
   const content = ensureHtml(rawContent);
-  const siteUrlResolved = resolveBlogSiteUrl(siteUrl);
-  const contentWithExternalTargets = wrapBlogTables(addExternalLinkTargets(content, siteUrlResolved));
-  const artwork = resolveBlogArtwork(post, "article");
+  const siteUrlResolved = resolvePublicationSiteUrl(siteUrl);
+  const contentWithExternalTargets = wrapArticleTables2(addExternalLinkTargets(content, siteUrlResolved));
+  const artwork = resolveArticleArtwork(post, "article");
   const tableOfContents = showToc ? generateTableOfContents(content) : [];
-  const relatedPosts = showRelated ? await fetchRelatedBlogPosts({ apiUrl, apiKey, site }, post.id, relatedCount, { revalidate: 300 }) : [];
+  const relatedPosts = showRelated ? await fetchRelatedArticles({ apiUrl, apiKey, site }, post.id, relatedCount, { revalidate: 300 }) : [];
   const faqRaw = post.faq_items ?? post.faqItems;
   const faqItemsProcessed = faqRaw?.map((item) => ({
     ...item,
     answer: addExternalLinkTargets(item.answer || "", siteUrlResolved)
   })) ?? faqRaw;
-  const { BlogViewTracker } = await import('./BlogViewTracker-Q7Y4MN4B.mjs');
+  const { ArticleViewTracker } = await import('../ArticleViewTracker-AEWJMXQQ.mjs');
   if (children) {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(BlogViewTracker, { slug: post.slug, site }),
+      /* @__PURE__ */ jsx(ArticleViewTracker, { slug: post.slug, site }),
       children({ post, tableOfContents, relatedPosts })
     ] });
   }
-  const { BlogPostFaqSection } = await import('./BlogPostFaqSection-P3GXVQPA.mjs');
+  const { ArticleFaqSection } = await import('../ArticleFaqSection-XZPXJVH4.mjs');
   const date = post.published_at ? new Date(post.published_at).toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" }) : null;
   const hasToc = showToc && tableOfContents.length > 0;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    !unstyled && /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: blogPostCss } }),
-    /* @__PURE__ */ jsx(BlogViewTracker, { slug: post.slug, site }),
-    /* @__PURE__ */ jsxs("article", { className: cls(unstyled, styles, "article", "sk-blog-article", className), children: [
-      /* @__PURE__ */ jsxs("header", { className: cls(unstyled, styles, "header", "sk-blog-header"), children: [
-        /* @__PURE__ */ jsxs("nav", { className: cls(unstyled, styles, "breadcrumb", "sk-blog-breadcrumb"), children: [
-          /* @__PURE__ */ jsx("a", { href: routes.index, className: styles.breadcrumbLink || void 0, children: "Blog" }),
+    !unstyled && /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: articleCss } }),
+    /* @__PURE__ */ jsx(ArticleViewTracker, { slug: post.slug, site }),
+    /* @__PURE__ */ jsxs("article", { className: cls(unstyled, styles, "article", "sk-article", className), children: [
+      /* @__PURE__ */ jsxs("header", { className: cls(unstyled, styles, "header", "sk-article-header"), children: [
+        /* @__PURE__ */ jsxs("nav", { className: cls(unstyled, styles, "breadcrumb", "sk-article-breadcrumb"), children: [
+          /* @__PURE__ */ jsx("a", { href: routes.index, className: styles.breadcrumbLink || void 0, children: publicationName }),
           post.category && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("span", { className: "sk-blog-breadcrumb-sep", children: "/" }),
+            /* @__PURE__ */ jsx("span", { className: "sk-article-breadcrumb-sep", children: "/" }),
             /* @__PURE__ */ jsx(
               "a",
               {
-                href: routing?.categoryPath ? routes.category(blogCategorySlug(post.category)) : `${routes.index}?category=${encodeURIComponent(blogCategorySlug(post.category))}`,
+                href: routing?.categoryPath ? routes.category(articleCategorySlug(post.category)) : `${routes.index}?category=${encodeURIComponent(articleCategorySlug(post.category))}`,
                 className: styles.breadcrumbLink || void 0,
                 children: typeof post.category === "string" ? post.category : post.category?.name || "Uncategorized"
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx("h1", { className: cls(unstyled, styles, "title", "sk-blog-title"), children: post.title }),
-        post.subtitle && /* @__PURE__ */ jsx("p", { className: cls(unstyled, styles, "subtitle", "sk-blog-subtitle"), children: post.subtitle }),
-        /* @__PURE__ */ jsxs("div", { className: cls(unstyled, styles, "meta", "sk-blog-meta"), children: [
-          post.author && /* @__PURE__ */ jsxs("span", { className: cls(unstyled, styles, "metaItem", "sk-blog-meta-item"), children: [
+        /* @__PURE__ */ jsx("h1", { className: cls(unstyled, styles, "title", "sk-article-title"), children: post.title }),
+        post.subtitle && /* @__PURE__ */ jsx("p", { className: cls(unstyled, styles, "subtitle", "sk-article-subtitle"), children: post.subtitle }),
+        /* @__PURE__ */ jsxs("div", { className: cls(unstyled, styles, "meta", "sk-article-meta"), children: [
+          post.author && /* @__PURE__ */ jsxs("span", { className: cls(unstyled, styles, "metaItem", "sk-article-meta-item"), children: [
             "By ",
             typeof post.author === "string" ? post.author : post.author.name
           ] }),
-          post.author && date && /* @__PURE__ */ jsx("span", { className: "sk-blog-meta-dot" }),
-          date && /* @__PURE__ */ jsx("span", { className: cls(unstyled, styles, "metaItem", "sk-blog-meta-item"), children: date }),
-          date && readingTimeMinutes(post) && /* @__PURE__ */ jsx("span", { className: "sk-blog-meta-dot" }),
-          readingTimeMinutes(post) && /* @__PURE__ */ jsxs("span", { className: cls(unstyled, styles, "metaItem", "sk-blog-meta-item"), children: [
+          post.author && date && /* @__PURE__ */ jsx("span", { className: "sk-article-meta-dot" }),
+          date && /* @__PURE__ */ jsx("span", { className: cls(unstyled, styles, "metaItem", "sk-article-meta-item"), children: date }),
+          date && readingTimeMinutes(post) && /* @__PURE__ */ jsx("span", { className: "sk-article-meta-dot" }),
+          readingTimeMinutes(post) && /* @__PURE__ */ jsxs("span", { className: cls(unstyled, styles, "metaItem", "sk-article-meta-item"), children: [
             readingTimeMinutes(post),
             " min read"
           ] })
         ] })
       ] }),
-      artwork.src && /* @__PURE__ */ jsx("figure", { className: cls(unstyled, styles, "featuredImageWrapper", "sk-blog-featured-wrap"), children: /* @__PURE__ */ jsx(
+      artwork.src && /* @__PURE__ */ jsx("figure", { className: cls(unstyled, styles, "featuredImageWrapper", "sk-article-featured-wrap"), children: /* @__PURE__ */ jsx(
         "img",
         {
           src: artwork.src,
           alt: artwork.alt,
           "data-sk-composed-card": artwork.composed || void 0,
-          style: blogArtworkImageStyle(artwork),
-          className: cls(unstyled, styles, "featuredImage", "sk-blog-featured-img")
+          style: articleArtworkImageStyle(artwork),
+          className: cls(unstyled, styles, "featuredImage", "sk-article-featured-img")
         }
       ) }),
-      /* @__PURE__ */ jsxs("div", { className: cls(unstyled, styles, "contentLayout", hasToc ? "sk-blog-layout sk-blog-layout--has-toc" : "sk-blog-layout"), children: [
+      /* @__PURE__ */ jsxs("div", { className: cls(unstyled, styles, "contentLayout", hasToc ? "sk-article-layout sk-article-layout--has-toc" : "sk-article-layout"), children: [
         /* @__PURE__ */ jsx(
           "div",
           {
-            className: cls(unstyled, styles, "content", "sk-blog-content"),
+            className: cls(unstyled, styles, "content", "sk-article-content"),
             dangerouslySetInnerHTML: { __html: contentWithExternalTargets }
           }
         ),
-        hasToc && /* @__PURE__ */ jsxs("aside", { className: cls(unstyled, styles, "tocSidebar", "sk-blog-toc"), children: [
-          /* @__PURE__ */ jsx("h4", { className: cls(unstyled, styles, "tocTitle", "sk-blog-toc-title"), children: "On This Page" }),
-          /* @__PURE__ */ jsx("ul", { className: cls(unstyled, styles, "tocList", "sk-blog-toc-list"), children: tableOfContents.map((item) => /* @__PURE__ */ jsx(
+        hasToc && /* @__PURE__ */ jsxs("aside", { className: cls(unstyled, styles, "tocSidebar", "sk-article-toc"), children: [
+          /* @__PURE__ */ jsx("h4", { className: cls(unstyled, styles, "tocTitle", "sk-article-toc-title"), children: "On This Page" }),
+          /* @__PURE__ */ jsx("ul", { className: cls(unstyled, styles, "tocList", "sk-article-toc-list"), children: tableOfContents.map((item) => /* @__PURE__ */ jsx(
             "li",
             {
-              className: cls(unstyled, styles, "tocItem", item.level > 2 ? `sk-blog-toc-indent-${item.level}` : ""),
+              className: cls(unstyled, styles, "tocItem", item.level > 2 ? `sk-article-toc-indent-${item.level}` : ""),
               children: /* @__PURE__ */ jsx("a", { href: `#${item.id}`, className: styles.tocLink || void 0, children: item.text })
             },
             item.id
           )) })
         ] })
       ] }),
-      post.tags && post.tags.length > 0 && /* @__PURE__ */ jsx("div", { className: cls(unstyled, styles, "tags", "sk-blog-tags"), children: post.tags.map((tag, index) => {
+      post.tags && post.tags.length > 0 && /* @__PURE__ */ jsx("div", { className: cls(unstyled, styles, "tags", "sk-article-tags"), children: post.tags.map((tag, index) => {
         const tagName = typeof tag === "string" ? tag : tag?.name || "";
-        return /* @__PURE__ */ jsxs("a", { href: `${routes.index}?tag=${encodeURIComponent(tagName)}`, className: cls(unstyled, styles, "tag", "sk-blog-tag"), children: [
+        return /* @__PURE__ */ jsxs("a", { href: `${routes.index}?tag=${encodeURIComponent(tagName)}`, className: cls(unstyled, styles, "tag", "sk-article-tag"), children: [
           "#",
           tagName
         ] }, `${tagName}-${index}`);
@@ -550,7 +221,7 @@ async function BlogPost({
         }
       ),
       /* @__PURE__ */ jsx(
-        BlogPostFaqSection,
+        ArticleFaqSection,
         {
           items: faqItemsProcessed ?? [],
           unstyled,
@@ -577,13 +248,13 @@ async function BlogPost({
           }
         );
       })(),
-      showRelated && relatedPosts.length > 0 && /* @__PURE__ */ jsxs("section", { className: cls(unstyled, styles, "relatedSection", "sk-blog-related"), children: [
-        /* @__PURE__ */ jsx("h2", { className: cls(unstyled, styles, "relatedTitle", "sk-blog-related-title"), children: "Related Posts" }),
-        /* @__PURE__ */ jsx("div", { className: cls(unstyled, styles, "relatedGrid", "sk-blog-related-grid"), children: relatedPosts.map((rp) => {
-          const relatedArtwork = resolveBlogArtwork(rp);
-          return /* @__PURE__ */ jsxs("a", { href: routes.post(rp), className: cls(unstyled, styles, "relatedCard", "sk-blog-related-card"), children: [
-            relatedArtwork.src && /* @__PURE__ */ jsx("img", { src: relatedArtwork.src, alt: relatedArtwork.alt, "data-sk-composed-card": relatedArtwork.composed || void 0, style: blogArtworkImageStyle(relatedArtwork) }),
-            /* @__PURE__ */ jsxs("div", { className: "sk-blog-related-card-body", children: [
+      showRelated && relatedPosts.length > 0 && /* @__PURE__ */ jsxs("section", { className: cls(unstyled, styles, "relatedSection", "sk-article-related"), children: [
+        /* @__PURE__ */ jsx("h2", { className: cls(unstyled, styles, "relatedTitle", "sk-article-related-title"), children: "Related articles" }),
+        /* @__PURE__ */ jsx("div", { className: cls(unstyled, styles, "relatedGrid", "sk-article-related-grid"), children: relatedPosts.map((rp) => {
+          const relatedArtwork = resolveArticleArtwork(rp);
+          return /* @__PURE__ */ jsxs("a", { href: routes.post(rp), className: cls(unstyled, styles, "relatedCard", "sk-article-related-card"), children: [
+            relatedArtwork.src && /* @__PURE__ */ jsx("img", { src: relatedArtwork.src, alt: relatedArtwork.alt, "data-sk-composed-card": relatedArtwork.composed || void 0, style: articleArtworkImageStyle(relatedArtwork) }),
+            /* @__PURE__ */ jsxs("div", { className: "sk-article-related-card-body", children: [
               /* @__PURE__ */ jsx("h3", { children: rp.title }),
               rp.excerpt && /* @__PURE__ */ jsxs("p", { children: [
                 rp.excerpt.slice(0, 120),
@@ -628,20 +299,20 @@ function normalizeSocialProfiles(value) {
   return [];
 }
 function AuthorSection({ author, className, unstyled = false }) {
-  const base = unstyled ? className : className || "sk-blog-author";
+  const base = unstyled ? className : className || "sk-article-author";
   const socialLinks = getAuthorSocialLinks(author);
   return /* @__PURE__ */ jsxs("section", { className: base || void 0, children: [
-    author.avatar_url && /* @__PURE__ */ jsx("img", { src: author.avatar_url, alt: author.name, className: unstyled ? void 0 : "sk-blog-author-avatar" }),
+    author.avatar_url && /* @__PURE__ */ jsx("img", { src: author.avatar_url, alt: author.name, className: unstyled ? void 0 : "sk-article-author-avatar" }),
     /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("h3", { className: unstyled ? void 0 : "sk-blog-author-name", children: author.name }),
-      "title" in author && author.title && /* @__PURE__ */ jsx("p", { className: unstyled ? void 0 : "sk-blog-author-title", children: author.title }),
-      author.bio && /* @__PURE__ */ jsx("p", { className: unstyled ? void 0 : "sk-blog-author-bio", children: author.bio }),
-      socialLinks.length > 0 && /* @__PURE__ */ jsx("div", { className: unstyled ? void 0 : "sk-blog-author-links", children: socialLinks.map((link) => /* @__PURE__ */ jsx("a", { href: link.href, target: "_blank", rel: "noopener noreferrer", children: link.label }, link.label)) }),
-      "sameAs" in author && author.sameAs && author.sameAs.length > 0 && socialLinks.length === 0 && /* @__PURE__ */ jsx("div", { className: unstyled ? void 0 : "sk-blog-author-links", children: author.sameAs.map((url, i) => /* @__PURE__ */ jsx("a", { href: url, target: "_blank", rel: "noopener noreferrer", children: "Profile" }, i)) })
+      /* @__PURE__ */ jsx("h3", { className: unstyled ? void 0 : "sk-article-author-name", children: author.name }),
+      "title" in author && author.title && /* @__PURE__ */ jsx("p", { className: unstyled ? void 0 : "sk-article-author-title", children: author.title }),
+      author.bio && /* @__PURE__ */ jsx("p", { className: unstyled ? void 0 : "sk-article-author-bio", children: author.bio }),
+      socialLinks.length > 0 && /* @__PURE__ */ jsx("div", { className: unstyled ? void 0 : "sk-article-author-links", children: socialLinks.map((link) => /* @__PURE__ */ jsx("a", { href: link.href, target: "_blank", rel: "noopener noreferrer", children: link.label }, link.label)) }),
+      "sameAs" in author && author.sameAs && author.sameAs.length > 0 && socialLinks.length === 0 && /* @__PURE__ */ jsx("div", { className: unstyled ? void 0 : "sk-article-author-links", children: author.sameAs.map((url, i) => /* @__PURE__ */ jsx("a", { href: url, target: "_blank", rel: "noopener noreferrer", children: "Profile" }, i)) })
     ] })
   ] });
 }
-async function fetchBlogList(params) {
+async function fetchArticleList(params) {
   const {
     apiUrl,
     apiKey,
@@ -669,12 +340,12 @@ async function fetchBlogList(params) {
   queryParams.set("order_by", orderBy);
   queryParams.set("order", order);
   try {
-    const response = await fetch(withSiteParam(`${apiUrl}/public/blog/posts?${queryParams}`, site), {
+    const response = await fetch(withSiteParam(`${apiUrl}/public/articles/posts?${queryParams}`, site), {
       headers: { "x-api-key": apiKey },
       next: { revalidate: 60 }
     });
     if (!response.ok) {
-      console.error("[Blog] Failed to fetch posts:", response.statusText);
+      console.error("[Articles] Failed to fetch posts:", response.statusText);
       return emptyResult();
     }
     const data = await response.json();
@@ -690,7 +361,7 @@ async function fetchBlogList(params) {
       }
     };
   } catch (error) {
-    console.error("[Blog] Error fetching posts:", error);
+    console.error("[Articles] Error fetching posts:", error);
     return emptyResult();
   }
 }
@@ -702,7 +373,7 @@ function cls2(unstyled, styles, key, defaultClass, extra) {
   const base = styles[key] || defaultClass;
   return extra ? `${base} ${extra}` : base;
 }
-async function BlogList({
+async function ArticleList({
   apiUrl = process.env.SONOR_API_URL || "https://api.sonor.io",
   apiKey = process.env.SONOR_API_KEY || "",
   category,
@@ -726,35 +397,35 @@ async function BlogList({
   renderPost,
   children
 }) {
-  const routes = createBlogRoutes({ basePath, ...routing });
+  const routes = createPublicationRoutes({ basePath, ...routing });
   if (!apiKey) {
-    console.warn("[Blog] No API key configured");
+    console.warn("[Articles] No API key configured");
     return null;
   }
-  const [blogData, categories, { blogListCss }] = await Promise.all([
-    fetchBlogList({ apiUrl, apiKey, category, tag, author, featured, search, cluster, page, perPage, orderBy, order, site }),
-    showCategoryFilter ? fetchBlogCategories({ apiUrl, apiKey, site }) : Promise.resolve([]),
-    unstyled || children ? Promise.resolve({ blogListCss: "" }) : import('./blog-styles-7AKRUMV7.mjs')
+  const [articleData, categories, { articleListCss }] = await Promise.all([
+    fetchArticleList({ apiUrl, apiKey, category, tag, author, featured, search, cluster, page, perPage, orderBy, order, site }),
+    showCategoryFilter ? fetchArticleCategories({ apiUrl, apiKey, site }) : Promise.resolve([]),
+    unstyled || children ? Promise.resolve({ articleListCss: "" }) : import('../article-styles-DACUAOVT.mjs')
   ]);
   if (children) {
-    return children({ posts: blogData.posts, pagination: blogData.pagination, categories });
+    return children({ posts: articleData.posts, pagination: articleData.pagination, categories });
   }
-  const { posts, pagination } = blogData;
+  const { posts, pagination } = articleData;
   if (posts.length === 0) {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      !unstyled && /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: blogListCss } }),
-      /* @__PURE__ */ jsx("div", { className: cls2(unstyled, styles, "emptyState", "sk-bloglist sk-bloglist-empty", className), children: /* @__PURE__ */ jsx("p", { children: "No posts found." }) })
+      !unstyled && /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: articleListCss } }),
+      /* @__PURE__ */ jsx("div", { className: cls2(unstyled, styles, "emptyState", "sk-article-list sk-article-list-empty", className), children: /* @__PURE__ */ jsx("p", { children: "No posts found." }) })
     ] });
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    !unstyled && /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: blogListCss } }),
-    /* @__PURE__ */ jsxs("div", { className: cls2(unstyled, styles, "container", "sk-bloglist", className), children: [
-      showCategoryFilter && categories.length > 0 && /* @__PURE__ */ jsxs("nav", { className: cls2(unstyled, styles, "categoryNav", "sk-bloglist-cats"), children: [
+    !unstyled && /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: articleListCss } }),
+    /* @__PURE__ */ jsxs("div", { className: cls2(unstyled, styles, "container", "sk-article-list", className), children: [
+      showCategoryFilter && categories.length > 0 && /* @__PURE__ */ jsxs("nav", { className: cls2(unstyled, styles, "categoryNav", "sk-article-list-cats"), children: [
         /* @__PURE__ */ jsx(
           "a",
           {
             href: routes.index,
-            className: cls2(unstyled, styles, "categoryLink", !category ? "sk-bloglist-cat sk-bloglist-cat--active" : "sk-bloglist-cat"),
+            className: cls2(unstyled, styles, "categoryLink", !category ? "sk-article-list-cat sk-article-list-cat--active" : "sk-article-list-cat"),
             children: "All"
           }
         ),
@@ -762,7 +433,7 @@ async function BlogList({
           "a",
           {
             href: routing?.categoryPath ? routes.category(cat.slug) : `${routes.index}?category=${encodeURIComponent(cat.slug)}`,
-            className: cls2(unstyled, styles, "categoryLink", category === cat.slug ? "sk-bloglist-cat sk-bloglist-cat--active" : "sk-bloglist-cat"),
+            className: cls2(unstyled, styles, "categoryLink", category === cat.slug ? "sk-article-list-cat sk-article-list-cat--active" : "sk-article-list-cat"),
             children: [
               cat.name,
               " (",
@@ -773,40 +444,40 @@ async function BlogList({
           cat.slug
         ))
       ] }),
-      /* @__PURE__ */ jsx("div", { className: cls2(unstyled, styles, "grid", "sk-bloglist-grid"), children: posts.map(
-        (post) => renderPost ? /* @__PURE__ */ jsx(React.Fragment, { children: renderPost(post) }, post.id) : /* @__PURE__ */ jsx(BlogPostCard, { post, href: routes.post(post), styles, unstyled }, post.id)
+      /* @__PURE__ */ jsx("div", { className: cls2(unstyled, styles, "grid", "sk-article-list-grid"), children: posts.map(
+        (post) => renderPost ? /* @__PURE__ */ jsx(React.Fragment, { children: renderPost(post) }, post.id) : /* @__PURE__ */ jsx(ArticleCard, { post, href: routes.post(post), styles, unstyled }, post.id)
       ) }),
-      showPagination && pagination.totalPages > 1 && /* @__PURE__ */ jsxs("nav", { className: cls2(unstyled, styles, "pagination", "sk-bloglist-pagination"), children: [
-        pagination.hasPrev && /* @__PURE__ */ jsx("a", { href: buildPaginationUrl(routes.index, page - 1, category), className: cls2(unstyled, styles, "paginationLink", "sk-bloglist-page-link"), children: "\u2190 Previous" }),
-        /* @__PURE__ */ jsxs("span", { className: cls2(unstyled, styles, "paginationInfo", "sk-bloglist-page-info"), children: [
+      showPagination && pagination.totalPages > 1 && /* @__PURE__ */ jsxs("nav", { className: cls2(unstyled, styles, "pagination", "sk-article-list-pagination"), children: [
+        pagination.hasPrev && /* @__PURE__ */ jsx("a", { href: buildPaginationUrl(routes.index, page - 1, category), className: cls2(unstyled, styles, "paginationLink", "sk-article-list-page-link"), children: "\u2190 Previous" }),
+        /* @__PURE__ */ jsxs("span", { className: cls2(unstyled, styles, "paginationInfo", "sk-article-list-page-info"), children: [
           "Page ",
           pagination.page,
           " of ",
           pagination.totalPages
         ] }),
-        pagination.hasNext && /* @__PURE__ */ jsx("a", { href: buildPaginationUrl(routes.index, page + 1, category), className: cls2(unstyled, styles, "paginationLink", "sk-bloglist-page-link"), children: "Next \u2192" })
+        pagination.hasNext && /* @__PURE__ */ jsx("a", { href: buildPaginationUrl(routes.index, page + 1, category), className: cls2(unstyled, styles, "paginationLink", "sk-article-list-page-link"), children: "Next \u2192" })
       ] })
     ] })
   ] });
 }
-function BlogPostCard({ post, href, styles = {}, unstyled = false }) {
-  const artwork = resolveBlogArtwork(post);
+function ArticleCard({ post, href, styles = {}, unstyled = false }) {
+  const artwork = resolveArticleArtwork(post);
   const date = post.published_at ? new Date(post.published_at).toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" }) : null;
-  return /* @__PURE__ */ jsxs("article", { className: cls2(unstyled, styles, "card", "sk-bloglist-card"), children: [
-    artwork.src && /* @__PURE__ */ jsx("a", { href, className: cls2(unstyled, styles, "cardImageWrapper", "sk-bloglist-card-img-link"), children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs("article", { className: cls2(unstyled, styles, "card", "sk-article-list-card"), children: [
+    artwork.src && /* @__PURE__ */ jsx("a", { href, className: cls2(unstyled, styles, "cardImageWrapper", "sk-article-list-card-img-link"), children: /* @__PURE__ */ jsx(
       "img",
       {
         src: artwork.src,
         alt: artwork.alt,
         "data-sk-composed-card": artwork.composed || void 0,
-        style: blogArtworkImageStyle(artwork),
-        className: cls2(unstyled, styles, "cardImage", "sk-bloglist-card-img")
+        style: articleArtworkImageStyle(artwork),
+        className: cls2(unstyled, styles, "cardImage", "sk-article-list-card-img")
       }
     ) }),
-    /* @__PURE__ */ jsxs("div", { className: cls2(unstyled, styles, "cardBody", "sk-bloglist-card-body"), children: [
-      /* @__PURE__ */ jsxs("div", { className: cls2(unstyled, styles, "cardMeta", "sk-bloglist-card-meta"), children: [
-        post.category && /* @__PURE__ */ jsx("span", { className: cls2(unstyled, styles, "cardCategory", "sk-bloglist-card-category"), children: typeof post.category === "string" ? post.category : post.category?.name || "Uncategorized" }),
-        post.article_type && /* @__PURE__ */ jsx("span", { className: "sk-bloglist-card-article-type", style: {
+    /* @__PURE__ */ jsxs("div", { className: cls2(unstyled, styles, "cardBody", "sk-article-list-card-body"), children: [
+      /* @__PURE__ */ jsxs("div", { className: cls2(unstyled, styles, "cardMeta", "sk-article-list-card-meta"), children: [
+        post.category && /* @__PURE__ */ jsx("span", { className: cls2(unstyled, styles, "cardCategory", "sk-article-list-card-category"), children: typeof post.category === "string" ? post.category : post.category?.name || "Uncategorized" }),
+        post.article_type && /* @__PURE__ */ jsx("span", { className: "sk-article-list-card-article-type", style: {
           display: "inline-flex",
           alignItems: "center",
           padding: "0.0625rem 0.375rem",
@@ -818,11 +489,11 @@ function BlogPostCard({ post, href, styles = {}, unstyled = false }) {
           border: "1px solid rgba(99,102,241,0.15)",
           textTransform: "capitalize"
         }, children: post.article_type }),
-        date && /* @__PURE__ */ jsx("span", { className: cls2(unstyled, styles, "cardDate", "sk-bloglist-card-date"), children: date })
+        date && /* @__PURE__ */ jsx("span", { className: cls2(unstyled, styles, "cardDate", "sk-article-list-card-date"), children: date })
       ] }),
-      /* @__PURE__ */ jsx("h3", { className: cls2(unstyled, styles, "cardTitle", "sk-bloglist-card-title"), children: /* @__PURE__ */ jsx("a", { href, className: styles.cardTitleLink || void 0, children: post.title }) }),
-      post.excerpt && /* @__PURE__ */ jsx("p", { className: cls2(unstyled, styles, "cardExcerpt", "sk-bloglist-card-excerpt"), children: post.excerpt }),
-      /* @__PURE__ */ jsxs("div", { className: cls2(unstyled, styles, "cardFooter", "sk-bloglist-card-footer"), children: [
+      /* @__PURE__ */ jsx("h3", { className: cls2(unstyled, styles, "cardTitle", "sk-article-list-card-title"), children: /* @__PURE__ */ jsx("a", { href, className: styles.cardTitleLink || void 0, children: post.title }) }),
+      post.excerpt && /* @__PURE__ */ jsx("p", { className: cls2(unstyled, styles, "cardExcerpt", "sk-article-list-card-excerpt"), children: post.excerpt }),
+      /* @__PURE__ */ jsxs("div", { className: cls2(unstyled, styles, "cardFooter", "sk-article-list-card-footer"), children: [
         post.author && /* @__PURE__ */ jsxs("span", { className: cls2(unstyled, styles, "cardAuthor", ""), children: [
           "By ",
           typeof post.author === "string" ? post.author : post.author.name
@@ -841,9 +512,192 @@ function buildPaginationUrl(basePath, page, category) {
   if (category) params.set("category", category);
   return `${basePath}?${params}`;
 }
+var clusterLandingCss = `
+.sk-cluster-landing { max-width: 72rem; margin: 0 auto; padding: 2rem 1rem; }
+
+.sk-cluster-hero { margin-bottom: 3rem; text-align: center; }
+.sk-cluster-hero-label {
+  display: inline-flex; align-items: center; gap: 0.375rem;
+  font-size: 0.75rem; font-weight: 600; text-transform: uppercase;
+  letter-spacing: 0.05em; color: #6366f1; margin-bottom: 0.75rem;
+}
+.sk-cluster-hero-title {
+  font-size: 2.25rem; font-weight: 800; color: #111827;
+  line-height: 1.2; margin: 0 0 0.75rem 0;
+}
+.sk-cluster-hero-desc {
+  font-size: 1.125rem; color: #6b7280; max-width: 40rem;
+  margin: 0 auto; line-height: 1.6;
+}
+.sk-cluster-hero-meta {
+  display: flex; justify-content: center; gap: 1.5rem;
+  margin-top: 1rem; font-size: 0.875rem; color: #9ca3af;
+}
+
+.sk-cluster-pillar-card {
+  display: block; text-decoration: none; color: inherit;
+  padding: 2rem; border-radius: 0.75rem;
+  background: linear-gradient(135deg, rgba(99,102,241,0.04), rgba(99,102,241,0.01));
+  border: 2px solid rgba(99,102,241,0.2);
+  margin-bottom: 3rem; transition: border-color 0.2s, box-shadow 0.2s;
+}
+.sk-cluster-pillar-card:hover {
+  border-color: rgba(99,102,241,0.4);
+  box-shadow: 0 4px 24px rgba(99,102,241,0.08);
+}
+.sk-cluster-pillar-label {
+  display: inline-flex; align-items: center; gap: 0.375rem;
+  font-size: 0.6875rem; font-weight: 700; text-transform: uppercase;
+  letter-spacing: 0.05em; color: #6366f1; margin-bottom: 0.75rem;
+  padding: 0.25rem 0.5rem; border-radius: 9999px;
+  background: rgba(99,102,241,0.08);
+}
+.sk-cluster-pillar-title {
+  font-size: 1.5rem; font-weight: 700; color: #111827;
+  margin: 0 0 0.5rem 0; line-height: 1.3;
+}
+.sk-cluster-pillar-excerpt {
+  font-size: 1rem; color: #6b7280; line-height: 1.6;
+  margin: 0 0 1rem 0;
+}
+.sk-cluster-pillar-meta {
+  display: flex; gap: 1rem; font-size: 0.8125rem; color: #9ca3af;
+}
+
+.sk-cluster-supports-section { margin-bottom: 2rem; }
+.sk-cluster-supports-title {
+  font-size: 1.25rem; font-weight: 700; color: #111827;
+  margin: 0 0 1.25rem 0;
+}
+.sk-cluster-supports-grid {
+  display: grid; gap: 1.25rem;
+  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
+}
+.sk-cluster-support-card {
+  display: block; text-decoration: none; color: inherit;
+  padding: 1.25rem; border-radius: 0.5rem;
+  border: 1px solid #e5e7eb; background: #fff;
+  transition: border-color 0.2s, box-shadow 0.2s;
+}
+.sk-cluster-support-card:hover {
+  border-color: #c7d2fe;
+  box-shadow: 0 2px 12px rgba(0,0,0,0.04);
+}
+.sk-cluster-support-card-header {
+  display: flex; align-items: center; gap: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+.sk-cluster-support-type {
+  display: inline-flex; align-items: center;
+  padding: 0.125rem 0.375rem; border-radius: 9999px;
+  font-size: 0.6875rem; font-weight: 500;
+  background: rgba(99,102,241,0.06); color: #6366f1;
+  border: 1px solid rgba(99,102,241,0.12);
+  text-transform: capitalize;
+}
+.sk-cluster-support-intent {
+  font-size: 0.6875rem; color: #9ca3af;
+  text-transform: capitalize;
+}
+.sk-cluster-support-title {
+  font-size: 1rem; font-weight: 600; color: #111827;
+  margin: 0 0 0.375rem 0; line-height: 1.4;
+}
+.sk-cluster-support-excerpt {
+  font-size: 0.875rem; color: #6b7280; line-height: 1.5;
+  margin: 0; display: -webkit-box; -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical; overflow: hidden;
+}
+.sk-cluster-support-meta {
+  display: flex; gap: 0.75rem; margin-top: 0.75rem;
+  font-size: 0.75rem; color: #9ca3af;
+}
+`;
+async function ClusterLandingPage({
+  slug,
+  site,
+  basePath,
+  routing,
+  categoryInPath = false,
+  unstyled = false,
+  className,
+  children
+}) {
+  const cluster = await getTopicCluster(slug, { site });
+  if (!cluster) {
+    return /* @__PURE__ */ jsx("div", { style: { padding: "4rem 1rem", textAlign: "center", color: "#6b7280" }, children: /* @__PURE__ */ jsx("p", { children: "Topic cluster not found." }) });
+  }
+  if (children) {
+    return children({ cluster });
+  }
+  const pillar = cluster.pillar;
+  const supports = cluster.supports || [];
+  const articleUrl = createPublicationRoutes({ basePath, includeCategoryInPath: categoryInPath, ...routing }).post;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    !unstyled && /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: clusterLandingCss } }),
+    /* @__PURE__ */ jsxs("div", { className: `${unstyled ? "" : "sk-cluster-landing"} ${className || ""}`, children: [
+      /* @__PURE__ */ jsxs("header", { className: unstyled ? "" : "sk-cluster-hero", children: [
+        /* @__PURE__ */ jsx("p", { className: unstyled ? "" : "sk-cluster-hero-label", children: "Topic Cluster" }),
+        /* @__PURE__ */ jsx("h1", { className: unstyled ? "" : "sk-cluster-hero-title", children: cluster.cluster_name }),
+        /* @__PURE__ */ jsxs("p", { className: unstyled ? "" : "sk-cluster-hero-desc", children: [
+          cluster.core_topic,
+          cluster.geo_target ? ` in ${cluster.geo_target}` : ""
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: unstyled ? "" : "sk-cluster-hero-meta", children: [
+          /* @__PURE__ */ jsxs("span", { children: [
+            cluster.article_count,
+            " articles"
+          ] }),
+          cluster.geo_target && /* @__PURE__ */ jsx("span", { children: cluster.geo_target })
+        ] })
+      ] }),
+      pillar && /* @__PURE__ */ jsxs("a", { href: articleUrl(pillar), className: unstyled ? "" : "sk-cluster-pillar-card", children: [
+        /* @__PURE__ */ jsx("span", { className: unstyled ? "" : "sk-cluster-pillar-label", children: "Pillar Guide" }),
+        /* @__PURE__ */ jsx("h2", { className: unstyled ? "" : "sk-cluster-pillar-title", children: pillar.title }),
+        pillar.excerpt && /* @__PURE__ */ jsx("p", { className: unstyled ? "" : "sk-cluster-pillar-excerpt", children: pillar.excerpt }),
+        /* @__PURE__ */ jsxs("div", { className: unstyled ? "" : "sk-cluster-pillar-meta", children: [
+          readingTimeMinutes(pillar) && /* @__PURE__ */ jsxs("span", { children: [
+            readingTimeMinutes(pillar),
+            " min read"
+          ] }),
+          pillar.word_count && /* @__PURE__ */ jsxs("span", { children: [
+            pillar.word_count.toLocaleString(),
+            " words"
+          ] })
+        ] })
+      ] }),
+      supports.length > 0 && /* @__PURE__ */ jsxs("section", { className: unstyled ? "" : "sk-cluster-supports-section", children: [
+        /* @__PURE__ */ jsx("h2", { className: unstyled ? "" : "sk-cluster-supports-title", children: "Deep Dives" }),
+        /* @__PURE__ */ jsx("div", { className: unstyled ? "" : "sk-cluster-supports-grid", children: supports.map((post) => /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: articleUrl(post),
+            className: unstyled ? "" : "sk-cluster-support-card",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: unstyled ? "" : "sk-cluster-support-card-header", children: [
+                post.article_type && /* @__PURE__ */ jsx("span", { className: unstyled ? "" : "sk-cluster-support-type", children: post.article_type }),
+                post.search_intent && /* @__PURE__ */ jsx("span", { className: unstyled ? "" : "sk-cluster-support-intent", children: post.search_intent })
+              ] }),
+              /* @__PURE__ */ jsx("h3", { className: unstyled ? "" : "sk-cluster-support-title", children: post.title }),
+              post.excerpt && /* @__PURE__ */ jsx("p", { className: unstyled ? "" : "sk-cluster-support-excerpt", children: post.excerpt }),
+              /* @__PURE__ */ jsxs("div", { className: unstyled ? "" : "sk-cluster-support-meta", children: [
+                readingTimeMinutes(post) && /* @__PURE__ */ jsxs("span", { children: [
+                  readingTimeMinutes(post),
+                  " min read"
+                ] }),
+                post.relationship_to_pillar && /* @__PURE__ */ jsx("span", { children: post.relationship_to_pillar })
+              ] })
+            ]
+          },
+          post.id || post.slug
+        )) })
+      ] })
+    ] })
+  ] });
+}
 async function fetchRecentPosts(apiUrl, apiKey, limit = 5, site) {
   try {
-    const response = await fetch(withSiteParam(`${apiUrl}/public/blog/recent?limit=${limit}`, site), {
+    const response = await fetch(withSiteParam(`${apiUrl}/public/articles/recent?limit=${limit}`, site), {
       headers: { "x-api-key": apiKey },
       next: { revalidate: 300 }
     });
@@ -851,13 +705,13 @@ async function fetchRecentPosts(apiUrl, apiKey, limit = 5, site) {
     const data = await response.json();
     return data.posts || [];
   } catch (error) {
-    console.error("[Blog] Error fetching recent posts:", error);
+    console.error("[Articles] Error fetching recent posts:", error);
     return [];
   }
 }
 async function fetchTags(apiUrl, apiKey, site) {
   try {
-    const response = await fetch(withSiteParam(`${apiUrl}/public/blog/tags`, site), {
+    const response = await fetch(withSiteParam(`${apiUrl}/public/articles/tags`, site), {
       headers: { "x-api-key": apiKey },
       next: { revalidate: 300 }
     });
@@ -865,11 +719,11 @@ async function fetchTags(apiUrl, apiKey, site) {
     const data = await response.json();
     return data.tags || [];
   } catch (error) {
-    console.error("[Blog] Error fetching tags:", error);
+    console.error("[Articles] Error fetching tags:", error);
     return [];
   }
 }
-async function BlogSidebar({
+async function PublicationSidebar({
   apiUrl = process.env.SONOR_API_URL || "https://api.sonor.io",
   apiKey = process.env.SONOR_API_KEY || "",
   site,
@@ -884,13 +738,13 @@ async function BlogSidebar({
   currentCategory,
   children
 }) {
-  const routes = createBlogRoutes({ basePath, ...routing });
+  const routes = createPublicationRoutes({ basePath, ...routing });
   if (!apiKey) {
-    console.warn("[Blog] No API key configured for sidebar");
+    console.warn("[Articles] No API key configured for sidebar");
     return null;
   }
   const [categories, recentPosts, tags] = await Promise.all([
-    showCategories ? fetchBlogCategories({ apiUrl, apiKey, site }) : Promise.resolve([]),
+    showCategories ? fetchArticleCategories({ apiUrl, apiKey, site }) : Promise.resolve([]),
     showRecentPosts ? fetchRecentPosts(apiUrl, apiKey, recentPostsCount, site) : Promise.resolve([]),
     showTags ? fetchTags(apiUrl, apiKey, site) : Promise.resolve([])
   ]);
@@ -980,7 +834,7 @@ function RecentPostsWidget({
   return /* @__PURE__ */ jsxs("div", { style: widgetStyle, children: [
     /* @__PURE__ */ jsx("h4", { style: widgetTitleStyle, children: "Recent Posts" }),
     /* @__PURE__ */ jsx("ul", { style: { listStyle: "none", margin: 0, padding: 0 }, children: posts.map((post) => {
-      const artwork = resolveBlogArtwork(post);
+      const artwork = resolveArticleArtwork(post);
       const date = post.published_at ? new Date(post.published_at).toLocaleDateString("en-US", {
         month: "short",
         day: "numeric"
@@ -1006,7 +860,7 @@ function RecentPostsWidget({
                   objectFit: "cover",
                   borderRadius: 6,
                   flexShrink: 0,
-                  ...blogArtworkImageStyle(artwork)
+                  ...articleArtworkImageStyle(artwork)
                 }
               }
             ) }),
@@ -1068,7 +922,7 @@ var categoryLinkStyle = {
   fontSize: 14,
   textDecoration: "none"
 };
-async function BlogLayout({
+async function PublicationLayout({
   apiUrl = process.env.SONOR_API_URL || "https://api.sonor.io",
   apiKey = process.env.SONOR_API_KEY || "",
   site,
@@ -1142,7 +996,7 @@ async function BlogLayout({
             },
             children: [
               hasSidebar && layout === "sidebar-left" && /* @__PURE__ */ jsx(
-                BlogSidebar,
+                PublicationSidebar,
                 {
                   apiUrl,
                   apiKey,
@@ -1155,7 +1009,7 @@ async function BlogLayout({
               ),
               /* @__PURE__ */ jsx("main", { style: { minWidth: 0 }, children }),
               hasSidebar && layout === "sidebar-right" && /* @__PURE__ */ jsx(
-                BlogSidebar,
+                PublicationSidebar,
                 {
                   apiUrl,
                   apiKey,
@@ -1173,11 +1027,11 @@ async function BlogLayout({
     )
   ] });
 }
-async function BlogPage({ listComponent, ...layoutProps }) {
-  return /* @__PURE__ */ jsx(BlogLayout, { ...layoutProps, children: listComponent });
+async function PublicationPage({ listComponent, ...layoutProps }) {
+  return /* @__PURE__ */ jsx(PublicationLayout, { ...layoutProps, children: listComponent });
 }
-async function BlogPostPage({ postComponent, ...layoutProps }) {
-  return /* @__PURE__ */ jsx(BlogLayout, { ...layoutProps, showSidebar: false, layout: "full-width", children: /* @__PURE__ */ jsx("div", { style: { maxWidth: 800, margin: "0 auto" }, children: postComponent }) });
+async function ArticlePage({ postComponent, ...layoutProps }) {
+  return /* @__PURE__ */ jsx(PublicationLayout, { ...layoutProps, showSidebar: false, layout: "full-width", children: /* @__PURE__ */ jsx("div", { style: { maxWidth: 800, margin: "0 auto" }, children: postComponent }) });
 }
 async function CategoryPage({
   category,
@@ -1191,7 +1045,7 @@ async function CategoryPage({
     subtitle: `Browse all posts in ${categoryName || category}`,
     backgroundColor: "var(--sk-primary)"
   };
-  return /* @__PURE__ */ jsx(BlogLayout, { ...layoutProps, hero: categoryHero, currentCategory: category, children: listComponent });
+  return /* @__PURE__ */ jsx(PublicationLayout, { ...layoutProps, hero: categoryHero, currentCategory: category, children: listComponent });
 }
 async function RelatedPosts({
   apiUrl = process.env.SONOR_API_URL || "https://api.sonor.io",
@@ -1204,17 +1058,17 @@ async function RelatedPosts({
   routing,
   renderItem
 }) {
-  const routes = createBlogRoutes({ basePath, ...routing });
+  const routes = createPublicationRoutes({ basePath, ...routing });
   if (!apiKey) {
-    console.warn("[Blog] No API key configured for RelatedPosts");
+    console.warn("[Articles] No API key configured for RelatedPosts");
     return null;
   }
-  const posts = await fetchRelatedBlogPosts({ apiUrl, apiKey, site }, currentPostId, limit);
+  const posts = await fetchRelatedArticles({ apiUrl, apiKey, site }, currentPostId, limit);
   if (posts.length === 0) return null;
   return /* @__PURE__ */ jsxs("section", { className, children: [
-    /* @__PURE__ */ jsx("h3", { style: { marginBottom: 16 }, children: "Related Posts" }),
+    /* @__PURE__ */ jsx("h3", { style: { marginBottom: 16 }, children: "Related articles" }),
     /* @__PURE__ */ jsx("div", { style: { display: "grid", gap: 16 }, children: posts.map((post) => {
-      const artwork = resolveBlogArtwork(post);
+      const artwork = resolveArticleArtwork(post);
       return renderItem ? renderItem(post) : /* @__PURE__ */ jsxs("article", { style: { borderBottom: "1px solid var(--sk-border)", paddingBottom: 16 }, children: [
         artwork.src && /* @__PURE__ */ jsx(
           "img",
@@ -1228,7 +1082,7 @@ async function RelatedPosts({
               objectFit: "cover",
               borderRadius: 8,
               marginBottom: 8,
-              ...blogArtworkImageStyle(artwork)
+              ...articleArtworkImageStyle(artwork)
             }
           }
         ),
@@ -1239,6 +1093,6 @@ async function RelatedPosts({
   ] });
 }
 
-export { BlogLayout, BlogList, BlogPage, BlogPost, BlogPostPage, BlogSidebar, CategoryPage, ClusterNavigation, RelatedPosts, ServiceCallout, ServiceCallouts, getAuthorSocialLinks, readingTimeMinutes };
-//# sourceMappingURL=chunk-MWKI6ZIS.mjs.map
-//# sourceMappingURL=chunk-MWKI6ZIS.mjs.map
+export { Article, ArticleList, ArticlePage, CategoryPage, ClusterLandingPage, PublicationLayout, PublicationPage, PublicationSidebar, RelatedPosts };
+//# sourceMappingURL=server-ui.mjs.map
+//# sourceMappingURL=server-ui.mjs.map