@brightsideoy/kama 0.1.0-alpha.155 → 0.1.0-alpha.157

package/dist/schema-compiler.js

@@ -20,7 +20,7 @@ async function u() {
 	if (n(d)) u = (await import(t(d).href)).compileDefinitions;
 	else if (n(f)) u = (await import(t(f).href)).compileDefinitions;
 	else try {
-		u = (await import("./dist-C-WAK7EF.js")).compileDefinitions;
+		u = (await import("./dist-mic4UZBb.js")).compileDefinitions;
 	} catch (e) {
 		console.error("❌ Could not resolve Kama Schema Engine:", e), process.exit(1);
 	}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightsideoy/kama",
-  "version": "0.1.0-alpha.155",
+  "version": "0.1.0-alpha.157",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/schema.sql

@@ -46,7 +46,7 @@ CREATE TABLE IF NOT EXISTS "channels" (
     channelType TEXT,
     domain TEXT,
     baseUrl TEXT,
-    defaultLanguage TEXT DEFAULT 'en',
+    defaultLanguage TEXT,
     isHidden INTEGER NOT NULL DEFAULT 0,
     dataJson TEXT,
     createdById TEXT,
@@ -89,7 +89,7 @@ CREATE TABLE IF NOT EXISTS "content_nodes" (
     contentType TEXT NOT NULL,
     title TEXT NOT NULL,
     slug TEXT,
-    language TEXT DEFAULT 'en',
+    language TEXT,
     isHidden INTEGER NOT NULL DEFAULT 0,
     status TEXT DEFAULT 'draft',
     hasUnpublishedChanges INTEGER DEFAULT 0,

package/templates/astro-starter/src/components/blocks/BlockRenderer.astro

@@ -1,5 +1,6 @@
 ---
 // src/components/blocks/BlockRenderer.astro
+
 import ImageBlock from "@/components/blocks/ImageBlock.astro";
 import HeaderImage from "@/components/blocks/HeaderImage.astro";
 import ColumnLayout from "@/components/blocks/ColumnLayout.astro";

package/templates/astro-starter/src/components/blocks/ColumnLayout.astro

@@ -1,5 +1,6 @@
 ---
 // src/components/blocks/ColumnLayout.astro
+
 import BlockRenderer from "@/components/blocks/BlockRenderer.astro";
 
 interface Props {

package/templates/astro-starter/src/components/blocks/HeaderImage.astro

@@ -1,5 +1,6 @@
 ---
 // src/components/blocks/HeaderImage.astro
+
 import KamaImage from "@/components/ui/KamaImage.astro";
 
 interface Props {

package/templates/astro-starter/src/components/blocks/HtmlBlock.astro

@@ -1,5 +1,6 @@
 ---
 // src/components/blocks/HtmlBlock.astro
+
 interface Props {
   data: {
     body?: string;
@@ -21,4 +22,4 @@ const rawHtml = data?.body || data?.html || data?.content || data?.text || "";
       <Fragment set:html={rawHtml} />
     </div>
   )
-}
+}

package/templates/astro-starter/src/components/blocks/ImageBlock.astro

@@ -1,43 +1,11 @@
 ---
 // src/components/blocks/ImageBlock.astro
-import KamaImage from "@/components/ui/KamaImage.astro";
 
-interface CropVariant {
-  id?: string;
-  url?: string;
-  cropCoordinates?: {
-    width?: number;
-    height?: number;
-  };
-}
+import KamaImage from "@/components/ui/KamaImage.astro";
 
 interface Props {
   data: {
-    image?: {
-      id?: string;
-      url?: string;
-      path?: string;
-      filename?: string;
-      alt?: string;
-      width?: number | string;
-      height?: number | string;
-      cropCoordinates?: {
-        width?: number;
-        height?: number;
-      };
-      variants?: {
-        standard?: CropVariant;
-        tablet?: CropVariant;
-        mobile?: CropVariant;
-        [key: string]: CropVariant | undefined;
-      };
-    };
-    image_meta?: {
-      cropCoordinates?: {
-        width?: number;
-        height?: number;
-      };
-    };
+    image?: any;
     width?: number | string;
     height?: number | string;
   };
@@ -48,10 +16,9 @@ interface Props {
 const { data, region = "main", isFirst = false } = Astro.props;
 
 const img = data?.image;
-const isValid = Boolean(img && (img.url || img.path || img.variants));
-
 const isLcp = region === "header" || (region === "main" && isFirst);
 
+// 🎯 Detect column layout based on CMS region names
 let columnCount = 1;
 if (region.includes("_")) {
   columnCount = 2;
@@ -59,46 +26,48 @@ if (region.includes("_")) {
   if (region.includes("_col4")) columnCount = 4;
 }
 
-let maxWidth = "1352";
-let targetColumnWidth = 1352;
-let optimizedWidths = [768, 1352];
-let sizes = "(max-width: 1399px) calc(100vw - 48px), 1352px";
+// 🎯 Column Config Lookup (Max width, breakpoint widths, sizes)
+const COLUMN_CONFIGS: Record<
+  number,
+  { targetWidth: number; widths: number[]; sizes: string }
+> = {
+  1: {
+    targetWidth: 1352,
+    widths: [768, 1352],
+    sizes: "(max-width: 1399px) calc(100vw - 48px), 1352px",
+  },
+  2: {
+    targetWidth: 660,
+    widths: [400, 660],
+    sizes:
+      "(max-width: 767px) calc(100vw - 48px), (max-width: 1399px) calc((100vw - 80px) / 2), 660px",
+  },
+  3: {
+    targetWidth: 429,
+    widths: [300, 429],
+    sizes:
+      "(max-width: 767px) calc(100vw - 48px), (max-width: 1399px) calc((100vw - 112px) / 3), 429px",
+  },
+  4: {
+    targetWidth: 314,
+    widths: [264, 314],
+    sizes:
+      "(max-width: 767px) calc(100vw - 48px), (max-width: 1399px) calc((100vw - 144px) / 4), 314px",
+  },
+};
 
-if (columnCount === 2) {
-  maxWidth = "660";
-  targetColumnWidth = 660;
-  optimizedWidths = [400, 660];
-  sizes =
-    "(max-width: 767px) calc(100vw - 48px), " +
-    "(max-width: 1399px) calc((100vw - 80px) / 2), " +
-    "660px";
-} else if (columnCount === 3) {
-  maxWidth = "429";
-  targetColumnWidth = 429;
-  optimizedWidths = [300, 429];
-  sizes =
-    "(max-width: 767px) calc(100vw - 48px), " +
-    "(max-width: 1399px) calc((100vw - 112px) / 3), " +
-    "429px";
-} else if (columnCount === 4) {
-  maxWidth = "314";
-  targetColumnWidth = 314;
-  optimizedWidths = [264, 314];
-  sizes =
-    "(max-width: 767px) calc(100vw - 48px), " +
-    "(max-width: 1399px) calc((100vw - 144px) / 4), " +
-    "314px";
-}
+const layout = COLUMN_CONFIGS[columnCount] || COLUMN_CONFIGS[1];
 ---
 
 {
-  isValid && (
-    <div class="cms-block cms-block-image" style={`--max-w: ${maxWidth}px;`}>
+  img && (
+    <div class="cms-block cms-block-image">
       <KamaImage
         image={img}
-        sizes={sizes}
-        desktopWidths={optimizedWidths}
-        idealWidth={targetColumnWidth}
+        sizes={layout.sizes}
+        desktopWidths={layout.widths}
+        idealWidth={layout.targetWidth}
+        maxWidth={layout.targetWidth}
         class="free-crop-image"
         loading={isLcp ? "eager" : "lazy"}
         fetchpriority={isLcp ? "high" : "auto"}
@@ -110,7 +79,6 @@ if (columnCount === 2) {
 <style>
   .cms-block-image {
     width: 100%;
-    max-width: var(--max-w, 1352px);
     margin: 0 auto 1.5rem auto;
   }
 

package/templates/astro-starter/src/components/blocks/TextBlock.astro

@@ -1,4 +1,6 @@
 ---
+// src/components/blocks/TextBlock.astro
+
 interface Props {
   data: {
     text?: string;

package/templates/astro-starter/src/components/global/Breadcrumb.astro

@@ -1,4 +1,6 @@
 ---
+// src/components/global/Breadcrumb.astro
+
 interface Props {
   title: string;
   slug?: string;

package/templates/astro-starter/src/components/global/Footer.astro

@@ -1,4 +1,6 @@
 ---
+// src/components/global/Footer.astro
+
 import BlockRenderer from "@/components/blocks/BlockRenderer.astro";
 
 interface Props {

package/templates/astro-starter/src/components/global/Header.astro

@@ -1,7 +1,9 @@
 ---
-// templates/astro-starter/src/components/global/Header.astro
+// src/components/global/Header.astro
+
 import NavigationMenu from "@/components/global/NavigationMenu.astro";
-import { getTree, getTreeId, getChannelId } from "@/lib/cms";
+import KamaImage from "@/components/ui/KamaImage.astro";
+import { getTree, getTreeId, getChannel, getChannelId } from "@/lib/cms";
 import type { TreeNode } from "@/lib/cms";
 
 interface Props {
@@ -13,44 +15,103 @@ const props = Astro.props as Props;
 const currentPropsNode = props.node || {};
 let rawTree: TreeNode[] = props.tree || [];
 
-// Fallback: If the layout didn't pass the tree, fetch it directly
-if (!rawTree || rawTree.length === 0) {
-  const locals = Astro.locals as Record<string, any>;
-  const runtimeEnv = locals?.runtime?.env || {};
-  const cmsWorker = runtimeEnv.CMS_WORKER;
+// 🎯 Read the safely extracted environment from middleware (Fixes Astro 7 crash)
+const safeEnv = (Astro.locals as any).safeEnv || {};
+const cmsWorker = safeEnv.CMS_WORKER;
 
-  // Safely wrap the fetcher for Service Bindings
-  const customFetch = (input: RequestInfo | URL, init?: RequestInit) => {
-    if (cmsWorker && typeof cmsWorker.fetch === "function") {
-      return cmsWorker.fetch(new Request(input, init));
-    }
-    return fetch(input, init);
-  };
+const customFetch = (input: RequestInfo | URL, init?: RequestInit) => {
+  const reqInit = { ...init };
+  delete reqInit.cache;
+
+  let urlStr = input instanceof URL ? input.toString() : String(input);
 
-  try {
-    rawTree = await getTree(getTreeId(), getChannelId(), customFetch);
-  } catch (e) {
-    rawTree = [];
+  if (urlStr.startsWith("/")) {
+    const baseUrl =
+      import.meta.env.PUBLIC_API_URL ||
+      safeEnv.PUBLIC_API_URL ||
+      "http://127.0.0.1:8787";
+    urlStr = `${baseUrl}${urlStr}`;
   }
-}
 
-const homeSlug = import.meta.env.PUBLIC_HOME_SLUG || "home";
-const homeNodeInTree =
-  rawTree.find(n => n.slug === homeSlug) || rawTree[0] || {};
+  const req = new Request(urlStr, reqInit);
+
+  if (cmsWorker && typeof cmsWorker.fetch === "function") {
+    return cmsWorker.fetch(req);
+  }
+  return fetch(req);
+};
+
+// 🎯 Fetch Global Channel Metadata and Nav Tree in Parallel
+const channelId = getChannelId() || "website";
+const treeId = getTreeId() || "main-nav";
+
+let channelData: Record<string, any> | null = null;
+
+try {
+  const [fetchedChannel, fetchedTree] = await Promise.all([
+    getChannel(channelId, customFetch),
+    !rawTree || rawTree.length === 0
+      ? getTree(treeId, channelId, customFetch)
+      : Promise.resolve(rawTree),
+  ]);
 
-let siteName = currentPropsNode.logoText;
-if (!siteName && homeNodeInTree && "logoText" in homeNodeInTree) {
-  siteName = homeNodeInTree.logoText as string;
+  channelData = fetchedChannel;
+  if (!rawTree || rawTree.length === 0) {
+    rawTree = fetchedTree || [];
+  }
+} catch (e) {
+  console.error("[Header] Failed to load layout data:", e);
 }
-if (!siteName) {
-  siteName = import.meta.env.PUBLIC_SITE_NAME || "KAMA";
+
+// 🎯 1. Resolve Logo Text (Strict waterfall prioritizing explicit strings)
+const rawLogoText = channelData?.logoText;
+const rawSiteTitle = channelData?.siteTitle;
+const rawLabel = channelData?.label;
+
+let logoText = "";
+
+if (typeof rawLogoText === "string" && rawLogoText.trim() !== "") {
+  logoText = rawLogoText;
+} else if (typeof rawSiteTitle === "string" && rawSiteTitle.trim() !== "") {
+  logoText = rawSiteTitle;
+} else if (typeof rawLabel === "string" && rawLabel.trim() !== "") {
+  logoText = rawLabel;
+} else if (currentPropsNode.logoText) {
+  logoText = currentPropsNode.logoText;
+} else {
+  logoText = import.meta.env.PUBLIC_SITE_NAME || "KAMA";
 }
+
+// 🎯 2. Extract Raw Logo Asset (Unwraps array wrappers if present)
+const rawLogoAsset = channelData?.logoImage || channelData?.logo;
+const targetLogo = Array.isArray(rawLogoAsset) ? rawLogoAsset[0] : rawLogoAsset;
+
+// 🎯 3. Strict Image Validation Guard (Guarantees non-empty string or populated object)
+const hasValidLogoImage = Boolean(
+  targetLogo &&
+  ((typeof targetLogo === "string" && targetLogo.trim() !== "") ||
+    targetLogo.url ||
+    targetLogo.path ||
+    targetLogo.variants),
+);
 ---
 
 <header class="site-header">
   <div class="header-container main-header-row">
     <a href="/" class="logo-block">
-      <span class="logo-text">{siteName}</span>
+      {
+        hasValidLogoImage ? (
+          <KamaImage
+            image={targetLogo}
+            idealWidth={300}
+            class="logo-image"
+            loading="eager"
+            fetchpriority="high"
+          />
+        ) : (
+          <span class="logo-text">{logoText}</span>
+        )
+      }
     </a>
     <NavigationMenu tree={rawTree} />
   </div>
@@ -91,8 +152,19 @@ if (!siteName) {
     z-index: 1001;
   }
 
+  /* 🎯 Strict 16px Height Constraint for KamaImage output */
+  :global(.logo-image) {
+    height: 16px !important;
+    max-height: 16px !important;
+    width: auto !important;
+    object-fit: contain;
+    display: block;
+  }
+
   .logo-text {
     white-space: nowrap;
+    font-size: 16px;
+    line-height: 16px;
   }
 
   @media (min-width: 768px) {

package/templates/astro-starter/src/components/{seo/SeoHead.astro → global/MetaHead.astro}

@@ -1,7 +1,9 @@
 ---
-// src/components/seo/SeoHead.astro
+// src/components/global/MetaHead.astro
+
 import type { ContentBlock } from "@/lib/cms";
-import { buildAgnosticImageUrl } from "@/lib/media/media-url"; 
+import { getChannel, getChannelId } from "@/lib/cms";
+import { getImageUri } from "@/lib/media/media-url";
 
 interface Props {
   node: Record<string, any>;
@@ -9,6 +11,7 @@ interface Props {
   normalizedSlug: string;
   isHomePage: boolean;
   headerBlocks?: ContentBlock[];
+  resolvedLanguage?: string;
 }
 
 const { 
@@ -16,77 +19,124 @@ const {
   content = {}, 
   normalizedSlug, 
   isHomePage, 
-  headerBlocks = [] 
+  headerBlocks = [],
+  resolvedLanguage
 } = Astro.props;
 
+// 🎯 0. Read the safely extracted environment from middleware (Fixes Astro 7 crash)
+const safeEnv = (Astro.locals as any).safeEnv || {};
+const cmsWorker = safeEnv.CMS_WORKER;
+
+const customFetch = (input: RequestInfo | URL, init?: RequestInit) => {
+  const reqInit = { ...init };
+  delete reqInit.cache;
+
+  let urlStr = input instanceof URL ? input.toString() : String(input);
+
+  if (urlStr.startsWith("/")) {
+    const baseUrl = import.meta.env.PUBLIC_API_URL || safeEnv.PUBLIC_API_URL || "http://127.0.0.1:8787";
+    urlStr = `${baseUrl}${urlStr}`;
+  }
+
+  const req = new Request(urlStr, reqInit);
+
+  if (cmsWorker && typeof cmsWorker.fetch === "function") {
+    return cmsWorker.fetch(req);
+  }
+  return fetch(req);
+};
+
+// 🎯 Fetch Global Channel Metadata
+const channel = await getChannel(getChannelId(), customFetch);
+
+// 🎯 Language Cascade Final Resolution:
+// Prop / Node Language -> Channel Default -> Undefined
+const activeLanguage = resolvedLanguage || node?.language || channel?.defaultLanguage || channel?.language || undefined;
+
+// Convert BCP 47 (e.g. et-EE, zh-CN) to Open Graph locale format (et_EE, zh_CN)
+const ogLocale = activeLanguage ? activeLanguage.replace("-", "_") : undefined;
+
 // 🎯 1. Resolve Origin Safely
-let siteOrigin = import.meta.env.PUBLIC_FRONTEND_URL || Astro.site?.origin || Astro.url.origin;
+let siteOrigin = import.meta.env.PUBLIC_FRONTEND_URL || safeEnv.PUBLIC_FRONTEND_URL || Astro.site?.origin || Astro.url.origin;
 if (siteOrigin === "https://example.com") {
   siteOrigin = Astro.url.origin;
 }
-// Remove trailing slash for consistent concatenation
 siteOrigin = siteOrigin.replace(/\/$/, "");
 
-// 🎯 Helper: Get raw URL from a CMS Image Object
-const getRawImageUrl = (imgObj: any) => {
-  return imgObj?.variants?.standard?.url || imgObj?.url || imgObj?.path || null;
-};
+// 🎯 2. Favicon Resolution (Channel -> Fallback Static)
+const faviconUrl = getImageUri(channel?.favicon, {
+  fallback: "/favicon.png",
+})!;
 
-// 🎯 Helper: Make URL Absolute for Social Tags
-const makeAbsolute = (pathStr: string) => {
-  if (!pathStr) return "";
-  return pathStr.startsWith("http") ? pathStr : `${siteOrigin}${pathStr.startsWith("/") ? "" : "/"}${pathStr}`;
+// Detect MIME type dynamically for the favicon link tag
+const getFaviconType = (url: string) => {
+  if (url.endsWith(".svg")) return "image/svg+xml";
+  if (url.endsWith(".ico")) return "image/x-icon";
+  return "image/png";
 };
 
-// 🎯 2. Detect Block-level LCP Image Candidate (Fallback)
+// 🎯 3. Detect Block-level LCP Image Candidate
 const firstHeaderBlock = headerBlocks && headerBlocks[0];
 const firstContentBlock = content?.content && content.content[0];
 const candidateBlock = (firstHeaderBlock?.data?.image ? firstHeaderBlock : null) 
   || (firstContentBlock?.data?.image ? firstContentBlock : null);
 
-let lcpImageUrl = "";
-let fallbackRawImage = "";
+const lcpImageUrl = getImageUri(candidateBlock?.data?.image, {
+  width: 1352,
+  quality: 75,
+});
 
-if (candidateBlock?.data?.image) {
-  fallbackRawImage = getRawImageUrl(candidateBlock.data.image);
-  if (fallbackRawImage) {
-    lcpImageUrl = buildAgnosticImageUrl(fallbackRawImage, 1352, 75);
-  }
-}
+// 🎯 4. Text Metadata Variables
+const brandName = channel?.siteTitle || channel?.label || import.meta.env.PUBLIC_SITE_NAME || safeEnv.PUBLIC_SITE_NAME || "KAMA";
+const agencyName = import.meta.env.PUBLIC_AGENCY_NAME || safeEnv.PUBLIC_AGENCY_NAME || "";
 
-// 🎯 3. Text Metadata Variables
-const brandName = import.meta.env.PUBLIC_SITE_NAME || "KAMA";
-const agencyName = import.meta.env.PUBLIC_AGENCY_NAME || "Brightside OÜ";
-const brandLogo = `${siteOrigin}/logo.png`;
+const brandLogo = getImageUri(channel?.logoImage || channel?.logo, {
+  width: 512,
+  absoluteOrigin: siteOrigin,
+  fallback: `${siteOrigin}/logo.png`,
+})!;
 
 const prefix = node?.titlePrefix?.trim() ? `${node.titlePrefix.trim()} ` : "";
-const suffix = node?.titleSuffix?.trim() ? ` ${node.titleSuffix.trim()}` : "";
+
+// Suffix Waterfall: Page node -> Channel level (e.g. "- Suffix")
+const channelSuffix = channel?.titleSuffix?.trim() || "";
+const rawSuffix = node?.titleSuffix?.trim() || channelSuffix;
+const suffix = rawSuffix ? ` ${rawSuffix}` : "";
+
 const baseTitle = node?.title?.trim() || brandName;
 const fullTitle = `${prefix}${baseTitle}${suffix}`;
-const metaDescription = node?.summary || "KAMA – The headless content engine built for omnichannel delivery and Cloudflare Edge computing.";
+
+// Description Waterfall: Page summary -> Channel metaDescription
+const metaDescription = node?.summary || channel?.metaDescription || "KAMA – The headless content engine built for omnichannel delivery and Cloudflare Edge computing.";
 
 const canonicalURL = new URL(Astro.url.pathname, siteOrigin).href;
 
-// 🎯 4. Social Text Waterfall (Uses YAML fields)
+// 🎯 5. Social Text Waterfall
 const fbTitle = node?.fbTitle?.trim() || fullTitle;
 const xTitle = node?.xTitle?.trim() || fbTitle;
 const fbDescription = node?.fbDescription?.trim() || metaDescription;
 const xDescription = node?.xDescription?.trim() || fbDescription;
 
-// 🎯 5. Social Image Waterfall (Updated for nested JSON payload)
-const rawFbImage = node?.socialImages?.facebook?.url || fallbackRawImage;
-const rawXImage = node?.socialImages?.x?.url || fallbackRawImage;
+// 🎯 6. Social Image Waterfall (Page -> LCP Candidate -> Channel Default -> Fallback)
+const channelDefaultOg = channel?.defaultSeoImage;
+const rawFbImage = node?.socialImages?.facebook?.url || candidateBlock?.data?.image || channelDefaultOg;
+const rawXImage = node?.socialImages?.x?.url || candidateBlock?.data?.image || channelDefaultOg;
 
-// Build the optimized, absolute URLs
-const fbImageUrl = rawFbImage 
-  ? makeAbsolute(buildAgnosticImageUrl(rawFbImage, 1200, 80)) 
-  : `${siteOrigin}/default-og-image.png`;
+const fbImageUrl = getImageUri(rawFbImage, {
+  width: 1200,
+  quality: 80,
+  absoluteOrigin: siteOrigin,
+  fallback: `${siteOrigin}/default-og-image.png`,
+})!;
 
-const xImageUrl = rawXImage 
-  ? makeAbsolute(buildAgnosticImageUrl(rawXImage, 1200, 80)) 
-  : `${siteOrigin}/default-og-image.png`;
+const xImageUrl = getImageUri(rawXImage, {
+  width: 1200,
+  quality: 80,
+  absoluteOrigin: siteOrigin,
+  fallback: `${siteOrigin}/default-og-image.png`,
+})!;
 
-// 🎯 6. Structured Data Breadcrumbs
+// 🎯 7. Structured Data Breadcrumbs
 const breadcrumbListItems = [
   {
     "@type": "ListItem",
@@ -119,24 +169,24 @@ if (!isHomePage && normalizedSlug) {
   });
 }
 
-// 🎯 7. JSON-LD Schema
+// 🎯 8. JSON-LD Schema
 const structuredDataGraph = {
   "@context": "https://schema.org",
   "@graph": [
     {
       "@type": "Organization",
       "@id": `${siteOrigin}/#organization`,
-      "name": agencyName,
-      "url": "https://brightside.ee",
+      "name": agencyName || brandName,
+      "url": siteOrigin,
       "logo": {
         "@type": "ImageObject",
         "url": brandLogo,
-        "caption": agencyName
+        "caption": brandName
       },
       "address": {
         "@type": "PostalAddress",
-        "addressLocality": "Kuressaare",
-        "addressCountry": "EE"
+        "addressLocality": "",
+        "addressCountry": ""
       }
     },
     {
@@ -146,7 +196,7 @@ const structuredDataGraph = {
       "applicationCategory": "DeveloperApplication",
       "softwareVersion": "v0.1.0",
       "operatingSystem": "Cloudflare Workers, Node.js",
-      "description": "A headless content engine and visual block editor architected for edge networks.",
+      "description": metaDescription,
       "url": siteOrigin,
       "publisher": {
         "@id": `${siteOrigin}/#organization`
@@ -158,6 +208,7 @@ const structuredDataGraph = {
       "url": siteOrigin,
       "name": brandName,
       "description": metaDescription,
+      "inLanguage": activeLanguage,
       "publisher": {
         "@id": `${siteOrigin}/#organization`
       }
@@ -177,8 +228,8 @@ const structuredDataGraph = {
 <title>{fullTitle}</title>
 <meta name="description" content={metaDescription} />
 
-<!-- 🎯 Favicon -->
-<link rel="icon" type="image/png" href="/favicon.png" />
+<!-- 🎯 Channel Favicon -->
+<link rel="icon" type={getFaviconType(faviconUrl)} href={faviconUrl} />
 
 <link rel="canonical" href={canonicalURL} />
 <link rel="author" type="text/plain" href="/llms.txt" title="LLM Directory" />
@@ -190,6 +241,7 @@ const structuredDataGraph = {
 <meta property="og:description" content={fbDescription} />
 <meta property="og:image" content={fbImageUrl} />
 <meta property="og:site_name" content={brandName} />
+{ogLocale && <meta property="og:locale" content={ogLocale} />}
 
 <!-- 🎯 X / Twitter -->
 <meta name="twitter:card" content="summary_large_image" />

package/templates/astro-starter/src/components/global/NavigationMenu.astro

@@ -1,5 +1,6 @@
 ---
 // src/components/global/NavigationMenu.astro
+
 import type { TreeNode } from "@/lib/cms";
 
 interface Props {