@sonordev/site-kit 4.3.2 → 5.1.0

package/dist/{chunk-LVM63JSA.mjs.map → chunk-6YKNDQYJ.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/signal/SignalExperiment.tsx"],"names":[],"mappings":";;;;AAgDO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,YAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAA,GAAkB,IAAA;AAAA,EAClB;AACF,CAAA,EAA0B;AACxB,EAAA,MAAM,EAAE,UAAA,EAAY,OAAA,EAAS,SAAA,EAAU,GAAI,oBAAoB,YAAY,CAAA;AAC3E,EAAA,MAAM,aAAa,cAAA,EAAe;AAGlC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,mBAAmB,OAAA,EAAS;AAC9B,MAAA,UAAA,CAAW;AAAA,QACT,UAAA,EAAY,YAAA;AAAA,QACZ,UAAA,EAAY,YAAA;AAAA,QACZ,UAAA,EAAY;AAAA,UACV,aAAA,EAAe,YAAA;AAAA,UACf,WAAA,EAAa;AAAA;AACf,OACD,CAAA;AAAA,IACH;AAAA,EACF,GAAG,CAAC,YAAA,EAAc,OAAA,EAAS,eAAA,EAAiB,UAAU,CAAC,CAAA;AAGvD,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,uBAAO,GAAA,CAAA,QAAA,EAAA,EAAG,mBAAS,EAAE,OAAA,EAAS,WAAW,SAAA,EAAW,SAAA,EAAW,CAAA,EAAE,CAAA;AAAA,EACnE;AAGA,EAAA,MAAM,kBAAkB,OAAA,IAAW,SAAA;AACnC,EAAA,MAAM,OAAA,GAAU,SAAS,eAAe,CAAA;AAExC,EAAA,IAAI,YAAY,MAAA,EAAW;AACzB,IAAA,uCAAU,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,EACpB;AAGA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,uCAAU,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,EACrB;AAEA,EAAA,uBAAO,GAAA,CAAA,QAAA,EAAA,EAAG,QAAA,EAAA,QAAA,CAAS,OAAA,IAAW,IAAA,EAAK,CAAA;AACrC;AAYO,SAAS,qBAAqB,YAAA,EAAsB;AACzD,EAAA,OAAO,oBAAoB,YAAY,CAAA;AACzC;AAoBO,SAAS,oBAAA,CAAqB;AAAA,EACnC,YAAA;AAAA,EACA,WAAA,GAAc,OAAA;AAAA,EACd,KAAA;AAAA,EACA;AACF,CAAA,EAKG;AACD,EAAA,MAAM,aAAa,cAAA,EAAe;AAClC,EAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,mBAAA,CAAoB,YAAY,CAAA;AAEpD,EAAA,MAAM,oBAAoB,MAAM;AAC9B,IAAA,UAAA,CAAW;AAAA,MACT,UAAA,EAAY,YAAA;AAAA,MACZ,UAAA,EAAY,YAAA;AAAA,MACZ,UAAA,EAAY;AAAA,QACV,aAAA,EAAe,YAAA;AAAA,QACf,WAAA,EAAa,OAAA;AAAA,QACb,YAAA,EAAc,WAAA;AAAA,QACd;AAAA;AACF,KACD,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,OAAO,KAAA,CAAM,aAAa,QAAA,EAAU;AAAA,IAClC,OAAA,EAAS,CAAC,CAAA,KAAwB;AAChC,MAAA,iBAAA,EAAkB;AAElB,MAAA,IAAK,QAAA,CAAS,MAAsD,OAAA,EAAS;AAC3E,QAAC,QAAA,CAAS,KAAA,CAAsD,OAAA,CAAS,CAAC,CAAA;AAAA,MAC5E;AAAA,IACF;AAAA,GACD,CAAA;AACH","file":"chunk-LVM63JSA.mjs","sourcesContent":["/**\n * @sonordev/site-kit/signal - SignalExperiment\n * \n * A/B test component that renders different variants based on Signal assignment.\n * Uses Thompson Sampling (Bayesian bandit) for optimization.\n */\n\n'use client'\n\nimport React, { useMemo, useEffect } from 'react'\nimport { useSignalExperiment, useSignalEvent } from './SignalBridge'\n\ninterface SignalExperimentProps {\n  /** Unique experiment ID */\n  experimentId: string\n  \n  /** Variants to test - keys are variant names, values are React nodes */\n  variants: Record<string, React.ReactNode>\n  \n  /** Fallback content if no assignment (defaults to 'control' variant) */\n  fallback?: React.ReactNode\n  \n  /** Track impression automatically */\n  trackImpression?: boolean\n  \n  /** Children function for more control */\n  children?: (props: { variant: string; isControl: boolean }) => React.ReactNode\n}\n\n/**\n * Renders different content variants based on Signal's A/B assignment.\n * \n * @example\n * // Simple variant switching\n * <SignalExperiment experimentId=\"hero-cta\" variants={{\n *   control: <Button>Get Started</Button>,\n *   variant_a: <Button variant=\"primary\">Start Free Trial</Button>,\n *   variant_b: <Button variant=\"secondary\">Book a Demo</Button>,\n * }} />\n * \n * @example\n * // With render prop for more control\n * <SignalExperiment experimentId=\"pricing-layout\">\n *   {({ variant, isControl }) => (\n *     <PricingSection layout={isControl ? 'cards' : 'table'} />\n *   )}\n * </SignalExperiment>\n */\nexport function SignalExperiment({\n  experimentId,\n  variants,\n  fallback,\n  trackImpression = true,\n  children,\n}: SignalExperimentProps) {\n  const { assignment, variant, isControl } = useSignalExperiment(experimentId)\n  const trackEvent = useSignalEvent()\n  \n  // Track impression when variant is rendered\n  useEffect(() => {\n    if (trackImpression && variant) {\n      trackEvent({\n        event_type: 'experiment',\n        event_name: 'impression',\n        event_data: {\n          experiment_id: experimentId,\n          variant_key: variant,\n        },\n      })\n    }\n  }, [experimentId, variant, trackImpression, trackEvent])\n  \n  // If using render prop\n  if (children) {\n    return <>{children({ variant: variant || 'control', isControl })}</>\n  }\n  \n  // Determine what to render\n  const selectedVariant = variant || 'control'\n  const content = variants[selectedVariant]\n  \n  if (content !== undefined) {\n    return <>{content}</>\n  }\n  \n  // Fallback to provided fallback or control\n  if (fallback) {\n    return <>{fallback}</>\n  }\n  \n  return <>{variants.control || null}</>\n}\n\n/**\n * Hook for conditional experiment logic\n * \n * @example\n * const { variant, isControl } = useExperimentVariant('pricing-test')\n * \n * return isControl \n *   ? <OldPricing />\n *   : <NewPricing showAnnual={variant === 'annual_first'} />\n */\nexport function useExperimentVariant(experimentId: string) {\n  return useSignalExperiment(experimentId)\n}\n\n/**\n * Component for tracking experiment conversions\n * Wraps interactive elements to track when they convert\n * \n * @example\n * <SignalExperiment experimentId=\"signup-button\" variants={{\n *   control: (\n *     <ExperimentConversion experimentId=\"signup-button\" outcomeType=\"click\">\n *       <Button>Sign Up</Button>\n *     </ExperimentConversion>\n *   ),\n *   variant_a: (\n *     <ExperimentConversion experimentId=\"signup-button\" outcomeType=\"click\">\n *       <Button variant=\"large\">Join Now - It's Free!</Button>\n *     </ExperimentConversion>\n *   ),\n * }} />\n */\nexport function ExperimentConversion({\n  experimentId,\n  outcomeType = 'click',\n  value,\n  children,\n}: {\n  experimentId: string\n  outcomeType?: string\n  value?: number\n  children: React.ReactElement<{ onClick?: (e: React.MouseEvent) => void }>\n}) {\n  const trackEvent = useSignalEvent()\n  const { variant } = useSignalExperiment(experimentId)\n\n  const handleInteraction = () => {\n    trackEvent({\n      event_type: 'experiment',\n      event_name: 'conversion',\n      event_data: {\n        experiment_id: experimentId,\n        variant_key: variant,\n        outcome_type: outcomeType,\n        value,\n      },\n    })\n  }\n\n  return React.cloneElement(children, {\n    onClick: (e: React.MouseEvent) => {\n      handleInteraction()\n      // Call original onClick if exists\n      if ((children.props as { onClick?: (e: React.MouseEvent) => void }).onClick) {\n        (children.props as { onClick?: (e: React.MouseEvent) => void }).onClick!(e)\n      }\n    },\n  })\n}\n"]}
+{"version":3,"sources":["../src/signal/SignalExperiment.tsx"],"names":[],"mappings":";;;;AAgDO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,YAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAA,GAAkB,IAAA;AAAA,EAClB;AACF,CAAA,EAA0B;AACxB,EAAA,MAAM,EAAE,UAAA,EAAY,OAAA,EAAS,SAAA,EAAU,GAAI,oBAAoB,YAAY,CAAA;AAC3E,EAAA,MAAM,aAAa,cAAA,EAAe;AAGlC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,mBAAmB,OAAA,EAAS;AAC9B,MAAA,UAAA,CAAW;AAAA,QACT,UAAA,EAAY,YAAA;AAAA,QACZ,UAAA,EAAY,YAAA;AAAA,QACZ,UAAA,EAAY;AAAA,UACV,aAAA,EAAe,YAAA;AAAA,UACf,WAAA,EAAa;AAAA;AACf,OACD,CAAA;AAAA,IACH;AAAA,EACF,GAAG,CAAC,YAAA,EAAc,OAAA,EAAS,eAAA,EAAiB,UAAU,CAAC,CAAA;AAGvD,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,uBAAO,GAAA,CAAA,QAAA,EAAA,EAAG,mBAAS,EAAE,OAAA,EAAS,WAAW,SAAA,EAAW,SAAA,EAAW,CAAA,EAAE,CAAA;AAAA,EACnE;AAGA,EAAA,MAAM,kBAAkB,OAAA,IAAW,SAAA;AACnC,EAAA,MAAM,OAAA,GAAU,SAAS,eAAe,CAAA;AAExC,EAAA,IAAI,YAAY,MAAA,EAAW;AACzB,IAAA,uCAAU,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,EACpB;AAGA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,uCAAU,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,EACrB;AAEA,EAAA,uBAAO,GAAA,CAAA,QAAA,EAAA,EAAG,QAAA,EAAA,QAAA,CAAS,OAAA,IAAW,IAAA,EAAK,CAAA;AACrC;AAYO,SAAS,qBAAqB,YAAA,EAAsB;AACzD,EAAA,OAAO,oBAAoB,YAAY,CAAA;AACzC;AAoBO,SAAS,oBAAA,CAAqB;AAAA,EACnC,YAAA;AAAA,EACA,WAAA,GAAc,OAAA;AAAA,EACd,KAAA;AAAA,EACA;AACF,CAAA,EAKG;AACD,EAAA,MAAM,aAAa,cAAA,EAAe;AAClC,EAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,mBAAA,CAAoB,YAAY,CAAA;AAEpD,EAAA,MAAM,oBAAoB,MAAM;AAC9B,IAAA,UAAA,CAAW;AAAA,MACT,UAAA,EAAY,YAAA;AAAA,MACZ,UAAA,EAAY,YAAA;AAAA,MACZ,UAAA,EAAY;AAAA,QACV,aAAA,EAAe,YAAA;AAAA,QACf,WAAA,EAAa,OAAA;AAAA,QACb,YAAA,EAAc,WAAA;AAAA,QACd;AAAA;AACF,KACD,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,OAAO,KAAA,CAAM,aAAa,QAAA,EAAU;AAAA,IAClC,OAAA,EAAS,CAAC,CAAA,KAAwB;AAChC,MAAA,iBAAA,EAAkB;AAElB,MAAA,IAAK,QAAA,CAAS,MAAsD,OAAA,EAAS;AAC3E,QAAC,QAAA,CAAS,KAAA,CAAsD,OAAA,CAAS,CAAC,CAAA;AAAA,MAC5E;AAAA,IACF;AAAA,GACD,CAAA;AACH","file":"chunk-6YKNDQYJ.mjs","sourcesContent":["/**\n * @sonordev/site-kit/signal - SignalExperiment\n * \n * A/B test component that renders different variants based on Signal assignment.\n * Uses Thompson Sampling (Bayesian bandit) for optimization.\n */\n\n'use client'\n\nimport React, { useMemo, useEffect } from 'react'\nimport { useSignalExperiment, useSignalEvent } from './SignalBridge'\n\ninterface SignalExperimentProps {\n  /** Unique experiment ID */\n  experimentId: string\n  \n  /** Variants to test - keys are variant names, values are React nodes */\n  variants: Record<string, React.ReactNode>\n  \n  /** Fallback content if no assignment (defaults to 'control' variant) */\n  fallback?: React.ReactNode\n  \n  /** Track impression automatically */\n  trackImpression?: boolean\n  \n  /** Children function for more control */\n  children?: (props: { variant: string; isControl: boolean }) => React.ReactNode\n}\n\n/**\n * Renders different content variants based on Signal's A/B assignment.\n * \n * @example\n * // Simple variant switching\n * <SignalExperiment experimentId=\"hero-cta\" variants={{\n *   control: <Button>Get Started</Button>,\n *   variant_a: <Button variant=\"primary\">Start Free Trial</Button>,\n *   variant_b: <Button variant=\"secondary\">Book a Demo</Button>,\n * }} />\n * \n * @example\n * // With render prop for more control\n * <SignalExperiment experimentId=\"pricing-layout\">\n *   {({ variant, isControl }) => (\n *     <PricingSection layout={isControl ? 'cards' : 'table'} />\n *   )}\n * </SignalExperiment>\n */\nexport function SignalExperiment({\n  experimentId,\n  variants,\n  fallback,\n  trackImpression = true,\n  children,\n}: SignalExperimentProps) {\n  const { assignment, variant, isControl } = useSignalExperiment(experimentId)\n  const trackEvent = useSignalEvent()\n  \n  // Track impression when variant is rendered\n  useEffect(() => {\n    if (trackImpression && variant) {\n      trackEvent({\n        event_type: 'experiment',\n        event_name: 'impression',\n        event_data: {\n          experiment_id: experimentId,\n          variant_key: variant,\n        },\n      })\n    }\n  }, [experimentId, variant, trackImpression, trackEvent])\n  \n  // If using render prop\n  if (children) {\n    return <>{children({ variant: variant || 'control', isControl })}</>\n  }\n  \n  // Determine what to render\n  const selectedVariant = variant || 'control'\n  const content = variants[selectedVariant]\n  \n  if (content !== undefined) {\n    return <>{content}</>\n  }\n  \n  // Fallback to provided fallback or control\n  if (fallback) {\n    return <>{fallback}</>\n  }\n  \n  return <>{variants.control || null}</>\n}\n\n/**\n * Hook for conditional experiment logic\n * \n * @example\n * const { variant, isControl } = useExperimentVariant('pricing-test')\n * \n * return isControl \n *   ? <OldPricing />\n *   : <NewPricing showAnnual={variant === 'annual_first'} />\n */\nexport function useExperimentVariant(experimentId: string) {\n  return useSignalExperiment(experimentId)\n}\n\n/**\n * Component for tracking experiment conversions\n * Wraps interactive elements to track when they convert\n * \n * @example\n * <SignalExperiment experimentId=\"signup-button\" variants={{\n *   control: (\n *     <ExperimentConversion experimentId=\"signup-button\" outcomeType=\"click\">\n *       <Button>Sign Up</Button>\n *     </ExperimentConversion>\n *   ),\n *   variant_a: (\n *     <ExperimentConversion experimentId=\"signup-button\" outcomeType=\"click\">\n *       <Button variant=\"large\">Join Now - It's Free!</Button>\n *     </ExperimentConversion>\n *   ),\n * }} />\n */\nexport function ExperimentConversion({\n  experimentId,\n  outcomeType = 'click',\n  value,\n  children,\n}: {\n  experimentId: string\n  outcomeType?: string\n  value?: number\n  children: React.ReactElement<{ onClick?: (e: React.MouseEvent) => void }>\n}) {\n  const trackEvent = useSignalEvent()\n  const { variant } = useSignalExperiment(experimentId)\n\n  const handleInteraction = () => {\n    trackEvent({\n      event_type: 'experiment',\n      event_name: 'conversion',\n      event_data: {\n        experiment_id: experimentId,\n        variant_key: variant,\n        outcome_type: outcomeType,\n        value,\n      },\n    })\n  }\n\n  return React.cloneElement(children, {\n    onClick: (e: React.MouseEvent) => {\n      handleInteraction()\n      // Call original onClick if exists\n      if ((children.props as { onClick?: (e: React.MouseEvent) => void }).onClick) {\n        (children.props as { onClick?: (e: React.MouseEvent) => void }).onClick!(e)\n      }\n    },\n  })\n}\n"]}

package/dist/{chunk-JJS63TDR.mjs → chunk-A3VGZAZQ.mjs}

@@ -1,8 +1,8 @@
+import { widgetStyle, widgetTitleStyle } from './chunk-YFX3Q56O.mjs';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { marked } from 'marked';
 import React from 'react';
 
-// src/blog/ServiceCallout.tsx
 var defaults = {
   featured: {
     wrapper: {
@@ -366,6 +366,27 @@ function addExternalLinkTargets(html, siteUrl) {
   });
 }
 
+// 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;
+}
+
 // src/blog/blog-styles.ts
 var blogPostCss = (
   /* css */
@@ -955,7 +976,11 @@ function getClusterNav(post) {
   return {
     cluster_name: post.cluster_name || "",
     cluster_slug: post.cluster_slug || "",
-    pillar: isPillar ? null : post.parent_pillar_slug ? { slug: post.parent_pillar_slug, title: post.parent_pillar_title || "" } : null,
+    pillar: isPillar ? null : post.parent_pillar_slug ? {
+      slug: post.parent_pillar_slug,
+      title: post.parent_pillar_title || "",
+      category: post.parent_pillar_category || void 0
+    } : null,
     siblings: post.sibling_articles || [],
     is_pillar: isPillar
   };
@@ -1080,14 +1105,19 @@ async function BlogPost({
     ...item,
     answer: addExternalLinkTargets(item.answer || "", siteUrlResolved)
   })) ?? faqRaw;
+  const { BlogViewTracker } = await import('./BlogViewTracker-HG25ONRP.mjs');
   if (children) {
-    return children({ post, tableOfContents, relatedPosts });
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(BlogViewTracker, { slug: post.slug }),
+      children({ post, tableOfContents, relatedPosts })
+    ] });
   }
   const { BlogPostFaqSection } = await import('./BlogPostFaqSection-P3GXVQPA.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 }),
     /* @__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: [
@@ -1113,9 +1143,9 @@ async function BlogPost({
           ] }),
           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 && post.reading_time_minutes && /* @__PURE__ */ jsx("span", { className: "sk-blog-meta-dot" }),
-          post.reading_time_minutes && /* @__PURE__ */ jsxs("span", { className: cls(unstyled, styles, "metaItem", "sk-blog-meta-item"), children: [
-            post.reading_time_minutes,
+          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: [
+            readingTimeMinutes(post),
             " min read"
           ] })
         ] })
@@ -1150,7 +1180,7 @@ async function BlogPost({
       ] }),
       post.tags && post.tags.length > 0 && /* @__PURE__ */ jsx("div", { className: cls(unstyled, styles, "tags", "sk-blog-tags"), children: post.tags.map((tag, index) => {
         const tagName = typeof tag === "string" ? tag : tag?.name || "";
-        return /* @__PURE__ */ jsxs("a", { href: `${basePath}?tag=${tagName}`, className: cls(unstyled, styles, "tag", "sk-blog-tag"), children: [
+        return /* @__PURE__ */ jsxs("a", { href: `${basePath}?tag=${encodeURIComponent(tagName)}`, className: cls(unstyled, styles, "tag", "sk-blog-tag"), children: [
           "#",
           tagName
         ] }, `${tagName}-${index}`);
@@ -1214,27 +1244,39 @@ function normalizeAuthorForDisplay(author) {
     slug: a.slug ?? "author",
     bio: a.bio ?? void 0,
     avatar_url: a.avatar_url ?? a.image ?? a.image_url ?? void 0,
-    email: a.email ?? void 0,
     website: a.website ?? a.url ?? void 0,
     social_links: a.social_links,
+    // Real API columns (blog_authors) — previously dropped here, so
+    // AuthorSection could never render socials from a live author row.
+    linkedin_url: a.linkedin_url ?? void 0,
+    twitter_url: a.twitter_url ?? void 0,
+    website_url: a.website_url ?? void 0,
+    same_as: a.same_as ?? void 0,
     is_active: a.is_active ?? true,
-    ...a.socialProfiles?.length ? { sameAs: a.socialProfiles } : {},
+    ...normalizeSocialProfiles(a.socialProfiles).length ? { sameAs: normalizeSocialProfiles(a.socialProfiles) } : {},
     ...a.title ? { title: a.title } : {}
   };
 }
+function normalizeSocialProfiles(value) {
+  if (Array.isArray(value)) return value.filter((v) => typeof v === "string" && !!v);
+  if (value && typeof value === "object") {
+    return Object.values(value).filter(
+      (v) => typeof v === "string" && !!v
+    );
+  }
+  return [];
+}
 function AuthorSection({ author, className, unstyled = false }) {
   const base = unstyled ? className : className || "sk-blog-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" }),
     /* @__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 }),
-      author.social_links && /* @__PURE__ */ jsxs("div", { className: unstyled ? void 0 : "sk-blog-author-links", children: [
-        author.social_links.twitter && /* @__PURE__ */ jsx("a", { href: `https://twitter.com/${author.social_links.twitter}`, target: "_blank", rel: "noopener noreferrer", children: "Twitter" }),
-        author.social_links.linkedin && /* @__PURE__ */ jsx("a", { href: author.social_links.linkedin, target: "_blank", rel: "noopener noreferrer", children: "LinkedIn" })
-      ] }),
-      "sameAs" in author && author.sameAs && author.sameAs.length > 0 && !author.social_links && /* @__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)) })
+      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)) })
     ] })
   ] });
 }
@@ -1247,6 +1289,7 @@ async function fetchBlogList(params) {
     author,
     featured,
     search,
+    cluster,
     page = 1,
     perPage = 12,
     orderBy = "published_at",
@@ -1258,7 +1301,7 @@ async function fetchBlogList(params) {
   if (author) queryParams.set("author", author);
   if (featured) queryParams.set("featured", "true");
   if (search) queryParams.set("search", search);
-  if (params.cluster) queryParams.set("cluster", params.cluster);
+  if (cluster) queryParams.set("cluster", cluster);
   queryParams.set("page", String(page));
   queryParams.set("per_page", String(perPage));
   queryParams.set("order_by", orderBy);
@@ -1319,6 +1362,7 @@ async function BlogList({
   author,
   featured,
   search,
+  cluster,
   page = 1,
   perPage = 12,
   orderBy = "published_at",
@@ -1337,7 +1381,7 @@ async function BlogList({
     return null;
   }
   const [blogData, categories] = await Promise.all([
-    fetchBlogList({ apiUrl, apiKey, category, tag, author, featured, search, page, perPage, orderBy, order }),
+    fetchBlogList({ apiUrl, apiKey, category, tag, author, featured, search, cluster, page, perPage, orderBy, order }),
     showCategoryFilter ? fetchCategories(apiUrl, apiKey) : Promise.resolve([])
   ]);
   if (children) {
@@ -1428,8 +1472,8 @@ function BlogPostCard({ post, basePath, styles = {}, unstyled = false }) {
           "By ",
           typeof post.author === "string" ? post.author : post.author.name
         ] }),
-        post.reading_time_minutes && /* @__PURE__ */ jsxs("span", { className: cls2(unstyled, styles, "cardReadingTime", ""), children: [
-          post.reading_time_minutes,
+        readingTimeMinutes(post) && /* @__PURE__ */ jsxs("span", { className: cls2(unstyled, styles, "cardReadingTime", ""), children: [
+          readingTimeMinutes(post),
           " min read"
         ] })
       ] })
@@ -1442,7 +1486,425 @@ function buildPaginationUrl(basePath, page, category) {
   if (category) params.set("category", category);
   return `${basePath}?${params}`;
 }
+async function fetchRecentPosts(apiUrl, apiKey, limit = 5) {
+  try {
+    const response = await fetch(`${apiUrl}/public/blog/recent?limit=${limit}`, {
+      headers: { "x-api-key": apiKey },
+      next: { revalidate: 300 }
+    });
+    if (!response.ok) return [];
+    const data = await response.json();
+    return data.posts || [];
+  } catch (error) {
+    console.error("[Blog] Error fetching recent posts:", error);
+    return [];
+  }
+}
+async function fetchCategories2(apiUrl, apiKey) {
+  try {
+    const response = await fetch(`${apiUrl}/public/blog/categories`, {
+      headers: { "x-api-key": apiKey },
+      next: { revalidate: 300 }
+    });
+    if (!response.ok) return [];
+    const data = await response.json();
+    return data.categories || [];
+  } catch (error) {
+    console.error("[Blog] Error fetching categories:", error);
+    return [];
+  }
+}
+async function fetchTags(apiUrl, apiKey) {
+  try {
+    const response = await fetch(`${apiUrl}/public/blog/tags`, {
+      headers: { "x-api-key": apiKey },
+      next: { revalidate: 300 }
+    });
+    if (!response.ok) return [];
+    const data = await response.json();
+    return data.tags || [];
+  } catch (error) {
+    console.error("[Blog] Error fetching tags:", error);
+    return [];
+  }
+}
+async function BlogSidebar({
+  apiUrl = process.env.SONOR_API_URL || "https://api.sonor.io",
+  apiKey = process.env.SONOR_API_KEY || "",
+  showCategories = true,
+  showRecentPosts = true,
+  recentPostsCount = 5,
+  showTags = true,
+  showSearch = true,
+  basePath = "/blog",
+  className,
+  currentCategory,
+  children
+}) {
+  if (!apiKey) {
+    console.warn("[Blog] No API key configured for sidebar");
+    return null;
+  }
+  const [categories, recentPosts, tags] = await Promise.all([
+    showCategories ? fetchCategories2(apiUrl, apiKey) : Promise.resolve([]),
+    showRecentPosts ? fetchRecentPosts(apiUrl, apiKey, recentPostsCount) : Promise.resolve([]),
+    showTags ? fetchTags(apiUrl, apiKey) : Promise.resolve([])
+  ]);
+  return /* @__PURE__ */ jsxs("aside", { className, style: { display: "flex", flexDirection: "column", gap: 32 }, children: [
+    showSearch && /* @__PURE__ */ jsx(SearchWidget, { basePath }),
+    showCategories && categories.length > 0 && /* @__PURE__ */ jsx(
+      CategoriesWidget,
+      {
+        categories,
+        basePath,
+        currentCategory
+      }
+    ),
+    showRecentPosts && recentPosts.length > 0 && /* @__PURE__ */ jsx(RecentPostsWidget, { posts: recentPosts, basePath }),
+    showTags && tags.length > 0 && /* @__PURE__ */ jsx(TagsWidget, { tags, basePath }),
+    children
+  ] });
+}
+function SearchWidget({ basePath }) {
+  return /* @__PURE__ */ jsxs("div", { style: widgetStyle, children: [
+    /* @__PURE__ */ jsx("h4", { style: widgetTitleStyle, children: "Search" }),
+    /* @__PURE__ */ jsx("form", { action: basePath, method: "get", children: /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "search",
+        name: "search",
+        placeholder: "Search posts...",
+        style: {
+          width: "100%",
+          padding: "10px 12px",
+          border: "1px solid var(--sk-border)",
+          borderRadius: 8,
+          fontSize: 14
+        }
+      }
+    ) })
+  ] });
+}
+function CategoriesWidget({
+  categories,
+  basePath,
+  currentCategory
+}) {
+  return /* @__PURE__ */ jsxs("div", { style: widgetStyle, children: [
+    /* @__PURE__ */ jsx("h4", { style: widgetTitleStyle, children: "Categories" }),
+    /* @__PURE__ */ jsxs("ul", { style: { listStyle: "none", margin: 0, padding: 0 }, children: [
+      /* @__PURE__ */ jsx("li", { style: { marginBottom: 8 }, children: /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: basePath,
+          style: {
+            ...categoryLinkStyle,
+            fontWeight: !currentCategory ? 600 : 400,
+            color: !currentCategory ? "var(--sk-primary)" : "var(--sk-text-primary)"
+          },
+          children: "All Posts"
+        }
+      ) }),
+      categories.map((cat) => /* @__PURE__ */ jsx("li", { style: { marginBottom: 8 }, children: /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: `${basePath}?category=${cat.slug}`,
+          style: {
+            ...categoryLinkStyle,
+            fontWeight: currentCategory === cat.slug ? 600 : 400,
+            color: currentCategory === cat.slug ? "var(--sk-primary)" : "var(--sk-text-primary)"
+          },
+          children: [
+            cat.name,
+            /* @__PURE__ */ jsxs("span", { style: { color: "var(--sk-text-tertiary)", marginLeft: 8 }, children: [
+              "(",
+              cat.post_count,
+              ")"
+            ] })
+          ]
+        }
+      ) }, cat.slug))
+    ] })
+  ] });
+}
+function RecentPostsWidget({
+  posts,
+  basePath
+}) {
+  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 date = post.published_at ? new Date(post.published_at).toLocaleDateString("en-US", {
+        month: "short",
+        day: "numeric"
+      }) : null;
+      return /* @__PURE__ */ jsx(
+        "li",
+        {
+          style: {
+            marginBottom: 16,
+            paddingBottom: 16,
+            borderBottom: "1px solid var(--sk-border)"
+          },
+          children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 12 }, children: [
+            post.featured_image && /* @__PURE__ */ jsx("a", { href: `${basePath}/${post.slug}`, children: /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: post.featured_image,
+                alt: "",
+                style: {
+                  width: 64,
+                  height: 48,
+                  objectFit: "cover",
+                  borderRadius: 6,
+                  flexShrink: 0
+                }
+              }
+            ) }),
+            /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
+              /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href: `${basePath}/${post.slug}`,
+                  style: {
+                    fontSize: 14,
+                    fontWeight: 500,
+                    color: "var(--sk-text-primary)",
+                    textDecoration: "none",
+                    display: "-webkit-box",
+                    WebkitLineClamp: 2,
+                    WebkitBoxOrient: "vertical",
+                    overflow: "hidden"
+                  },
+                  children: post.title
+                }
+              ),
+              date && /* @__PURE__ */ jsx("span", { style: { fontSize: 12, color: "var(--sk-text-tertiary)", display: "block", marginTop: 4 }, children: date })
+            ] })
+          ] })
+        },
+        post.id
+      );
+    }) })
+  ] });
+}
+function TagsWidget({
+  tags,
+  basePath
+}) {
+  return /* @__PURE__ */ jsxs("div", { style: widgetStyle, children: [
+    /* @__PURE__ */ jsx("h4", { style: widgetTitleStyle, children: "Popular Tags" }),
+    /* @__PURE__ */ jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: 8 }, children: tags.slice(0, 15).map((tag) => /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: `${basePath}?tag=${encodeURIComponent(tag.name)}`,
+        style: {
+          padding: "4px 10px",
+          backgroundColor: "var(--sk-bg-elevated)",
+          borderRadius: 9999,
+          fontSize: 12,
+          color: "var(--sk-text-primary)",
+          textDecoration: "none",
+          transition: "background-color 0.2s"
+        },
+        children: tag.name
+      },
+      tag.slug
+    )) })
+  ] });
+}
+var categoryLinkStyle = {
+  display: "flex",
+  alignItems: "center",
+  fontSize: 14,
+  textDecoration: "none"
+};
+async function BlogLayout({
+  apiUrl = process.env.SONOR_API_URL || "https://api.sonor.io",
+  apiKey = process.env.SONOR_API_KEY || "",
+  layout = "sidebar-right",
+  showSidebar = true,
+  sidebarProps = {},
+  hero,
+  maxWidth = 1280,
+  basePath = "/blog",
+  className,
+  currentCategory,
+  children
+}) {
+  const hasSidebar = showSidebar && layout !== "full-width";
+  return /* @__PURE__ */ jsxs("div", { className, children: [
+    hero && /* @__PURE__ */ jsx(
+      "section",
+      {
+        style: {
+          padding: "60px 20px",
+          backgroundColor: hero.backgroundColor || "var(--sk-primary)",
+          backgroundImage: hero.backgroundImage ? `url(${hero.backgroundImage})` : void 0,
+          backgroundSize: "cover",
+          backgroundPosition: "center",
+          color: "var(--sk-bg)",
+          textAlign: "center"
+        },
+        children: /* @__PURE__ */ jsxs("div", { style: { maxWidth, margin: "0 auto" }, children: [
+          hero.title && /* @__PURE__ */ jsx(
+            "h1",
+            {
+              style: {
+                fontSize: "clamp(32px, 5vw, 48px)",
+                fontWeight: 700,
+                marginBottom: 16
+              },
+              children: hero.title
+            }
+          ),
+          hero.subtitle && /* @__PURE__ */ jsx(
+            "p",
+            {
+              style: {
+                fontSize: "clamp(16px, 2vw, 20px)",
+                opacity: 0.9,
+                maxWidth: 600,
+                margin: "0 auto"
+              },
+              children: hero.subtitle
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          maxWidth,
+          margin: "0 auto",
+          padding: "40px 20px"
+        },
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: hasSidebar ? "grid" : "block",
+              gridTemplateColumns: hasSidebar ? layout === "sidebar-left" ? "300px 1fr" : "1fr 300px" : void 0,
+              gap: 48
+            },
+            children: [
+              hasSidebar && layout === "sidebar-left" && /* @__PURE__ */ jsx(
+                BlogSidebar,
+                {
+                  apiUrl,
+                  apiKey,
+                  basePath,
+                  currentCategory,
+                  ...sidebarProps
+                }
+              ),
+              /* @__PURE__ */ jsx("main", { style: { minWidth: 0 }, children }),
+              hasSidebar && layout === "sidebar-right" && /* @__PURE__ */ jsx(
+                BlogSidebar,
+                {
+                  apiUrl,
+                  apiKey,
+                  basePath,
+                  currentCategory,
+                  ...sidebarProps
+                }
+              )
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+async function BlogPage({ listComponent, ...layoutProps }) {
+  return /* @__PURE__ */ jsx(BlogLayout, { ...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 CategoryPage({
+  category,
+  categoryName,
+  listComponent,
+  hero,
+  ...layoutProps
+}) {
+  const categoryHero = hero || {
+    title: categoryName || category,
+    subtitle: `Browse all posts in ${categoryName || category}`,
+    backgroundColor: "var(--sk-primary)"
+  };
+  return /* @__PURE__ */ jsx(BlogLayout, { ...layoutProps, hero: categoryHero, currentCategory: category, children: listComponent });
+}
+async function fetchRelatedPosts2(apiUrl, apiKey, currentPostId, limit) {
+  try {
+    const response = await fetch(`${apiUrl}/public/blog/related`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "x-api-key": apiKey
+      },
+      // The controller reads snake_case `current_post_id` and looks the post
+      // up by id. camelCase here meant the id arrived as undefined, the
+      // lookup matched nothing, and this rendered "no related posts" as a
+      // clean 200 — the silent sibling of the 404 path bug fixed above.
+      body: JSON.stringify({
+        current_post_id: currentPostId,
+        limit
+      })
+    });
+    if (!response.ok) {
+      console.error("Failed to fetch related posts:", response.statusText);
+      return [];
+    }
+    const data = await response.json();
+    return data.posts || [];
+  } catch (error) {
+    console.error("Failed to fetch related posts:", error);
+    return [];
+  }
+}
+async function RelatedPosts({
+  apiUrl = process.env.SONOR_API_URL || "https://api.sonor.io",
+  apiKey = process.env.SONOR_API_KEY || "",
+  currentPostId,
+  limit = 3,
+  className,
+  renderItem
+}) {
+  if (!apiKey) {
+    console.warn("[Blog] No API key configured for RelatedPosts");
+    return null;
+  }
+  const posts = await fetchRelatedPosts2(apiUrl, apiKey, 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("div", { style: { display: "grid", gap: 16 }, children: posts.map(
+      (post) => renderItem ? renderItem(post) : /* @__PURE__ */ jsxs("article", { style: { borderBottom: "1px solid var(--sk-border)", paddingBottom: 16 }, children: [
+        post.featured_image && /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: post.featured_image,
+            alt: post.title,
+            style: {
+              width: "100%",
+              height: 120,
+              objectFit: "cover",
+              borderRadius: 8,
+              marginBottom: 8
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx("a", { href: `/blog/${post.slug}`, style: { textDecoration: "none" }, children: /* @__PURE__ */ jsx("h4", { style: { margin: 0, color: "inherit" }, children: post.title }) }),
+        post.excerpt && /* @__PURE__ */ jsx("p", { style: { margin: "4px 0 0", fontSize: 14, color: "var(--sk-text-secondary)" }, children: post.excerpt })
+      ] }, post.id)
+    ) })
+  ] });
+}
 
-export { BlogList, BlogPost, ClusterNavigation, ServiceCallout, ServiceCallouts, addExternalLinkTargets, normalizeSiteHost, resolveBlogSiteUrl };
-//# sourceMappingURL=chunk-JJS63TDR.mjs.map
-//# sourceMappingURL=chunk-JJS63TDR.mjs.map
+export { BlogLayout, BlogList, BlogPage, BlogPost, BlogPostPage, BlogSidebar, CategoryPage, ClusterNavigation, RelatedPosts, ServiceCallout, ServiceCallouts, addExternalLinkTargets, getAuthorSocialLinks, normalizeSiteHost, readingTimeMinutes, resolveBlogSiteUrl };
+//# sourceMappingURL=chunk-A3VGZAZQ.mjs.map
+//# sourceMappingURL=chunk-A3VGZAZQ.mjs.map