@reddoorla/maintenance 0.72.0 → 0.75.0

package/dist/{blux-FKZYMKLF.js → blux-C24OVDDW.js}

@@ -1,4 +1,5 @@
 import {
+  CDN_HOSTS,
   collectAssetUrls
 } from "./chunk-SL24DCGC.js";
 
@@ -188,12 +189,26 @@ function slugify(s) {
 }
 function normalizePages(raw) {
   const diagnostics = [];
-  const pages = raw.pages.map((p) => {
-    const uid = slugify(String(p.title ?? ""));
+  const seen = /* @__PURE__ */ new Set();
+  const pages = raw.pages.map((p, i) => {
+    const urlSlug = String(p.url ?? "").trim();
+    const path = i === 0 ? "" : urlSlug ? slugify(urlSlug) : slugify(String(p.title ?? ""));
+    let uid = i === 0 ? "home" : path;
+    if (seen.has(uid)) {
+      const base2 = uid;
+      for (let n = 2; seen.has(uid); n++) uid = `${base2}-${n}`;
+      diagnostics.push({
+        kind: "duplicate-page-uid",
+        where: base2,
+        message: `page ${i} ("${String(p.title ?? "")}") slugs to "${base2}" already used \u2014 renamed to "${uid}"`
+      });
+    }
+    seen.add(uid);
     return {
       uid,
       title: String(p.title ?? ""),
       description: String(p.description ?? ""),
+      path,
       sections: (p.items ?? []).map((b) => sectionFromBlock(b, uid, diagnostics))
     };
   });
@@ -212,6 +227,7 @@ function normalizeTheme(raw) {
     const m = entry[innerKey] ?? {};
     const transform = cleanCssValue(m["text-transform"]);
     const tracking = cleanCssValue(m["letter-spacing"]);
+    const margin = cleanCssValue(m["margin"]);
     const mobileSize = cleanCssValue(m["__media_mobile_font-size"]);
     const mobileLineHeight = cleanCssValue(m["__media_mobile_line-height"]);
     textStyles.push({
@@ -224,10 +240,38 @@ function normalizeTheme(raw) {
       lineHeight: cleanCssValue(m["line-height"]) || "1.5",
       ...transform && transform !== "none" ? { transform } : {},
       ...tracking ? { letterSpacing: tracking } : {},
+      ...margin && margin !== "0" ? { margin } : {},
       ...mobileSize ? { mobileSize } : {},
       ...mobileLineHeight ? { mobileLineHeight } : {}
     });
   }
+  const cleanCssMap = (v) => {
+    const out = {};
+    for (const [k, val] of Object.entries(v ?? {})) {
+      if (k === "font-ident") continue;
+      const s = cleanCssValue(typeof val === "number" ? String(val) : val);
+      if (s) out[k] = s;
+    }
+    return out;
+  };
+  const buttonStyles = [];
+  for (const v of Object.values(raw.styles.buttons ?? {})) {
+    const entry = v ?? {};
+    const innerKey = Object.keys(entry).find((k) => /^\.buttons\d+$/.test(k));
+    if (!innerKey) continue;
+    const css = cleanCssMap(entry[innerKey]);
+    if (Object.keys(css).length === 0) continue;
+    const hover = cleanCssMap(entry[`${innerKey}:hover`]);
+    const active = cleanCssMap(entry[`${innerKey}:active`]);
+    buttonStyles.push({
+      role: innerKey.slice(1),
+      // ".buttons2" -> "buttons2"
+      label: str(entry._label),
+      css,
+      ...Object.keys(hover).length ? { hover } : {},
+      ...Object.keys(active).length ? { active } : {}
+    });
+  }
   const fonts = raw.settings.fonts ?? {};
   const roleFont = (r) => textStyles.find((t) => t.role === r)?.fontFamily ?? "";
   return {
@@ -240,7 +284,8 @@ function normalizeTheme(raw) {
       parseGoogleFonts(str(fonts.google)),
       typekitFontLoads(str(fonts.string))
     ),
-    textStyles
+    textStyles,
+    buttonStyles
   };
 }
 
@@ -330,8 +375,17 @@ function assembleIR(input) {
       alt: String(m.name ?? "")
     };
   });
+  const faviconId = raw.settings.favicon?.media;
+  const favicon = faviconId ? { assetId: faviconId, sourceUrl: urlMap.get(faviconId) ?? null } : void 0;
+  if (favicon && !favicon.sourceUrl) {
+    diagnostics.push({
+      kind: "unresolved-asset",
+      where: favicon.assetId,
+      message: `no CDN url for favicon ${favicon.assetId}`
+    });
+  }
   return {
-    meta: raw.meta,
+    meta: { ...raw.meta, ...favicon ? { favicon } : {} },
     theme,
     pages,
     collections,
@@ -644,6 +698,7 @@ function emitThemeCss(theme) {
     if (t.fontFamily) lines.push(`  --text-${t.role}--font-family: ${t.fontFamily};`);
     if (t.transform) lines.push(`  --text-${t.role}--text-transform: ${t.transform};`);
     if (t.letterSpacing) lines.push(`  --text-${t.role}--letter-spacing: ${t.letterSpacing};`);
+    if (t.margin) lines.push(`  --text-${t.role}--margin: ${t.margin};`);
     if (t.mobileSize) lines.push(`  --text-${t.role}--mobile-font-size: ${t.mobileSize};`);
     if (t.mobileLineHeight)
       lines.push(`  --text-${t.role}--mobile-line-height: ${t.mobileLineHeight};`);
@@ -667,12 +722,40 @@ function emitRolesCss(theme) {
       `  line-height: var(--text-${r}--line-height);`,
       `  letter-spacing: var(--text-${r}--letter-spacing, normal);`,
       `  text-transform: var(--text-${r}--text-transform, none);`,
-      `  margin: 0;`,
+      `  margin: var(--text-${r}--margin, 0);`,
       `}`
     );
   }
   return lines.join("\n") + "\n";
 }
+function emitButtonsCss(theme) {
+  if (!theme.buttonStyles.length) return "";
+  const lines = [
+    "/* Button skins \u2014 one .buttonsN per Blux button style; raw anchors carry",
+    "   `ib middle buttonsN` verbatim. Generated by blux emit. */",
+    ".ib {",
+    "  display: inline-block;",
+    "}",
+    "/* Text links (`ib middle links`) are underlined by the Blux platform CSS;",
+    "   an inline-block box does not inherit an ancestor's text-decoration, so",
+    "   the affordance must be declared on the anchor itself. */",
+    ".links {",
+    "  text-decoration: underline;",
+    "}"
+  ];
+  const rule = (selector, css) => {
+    lines.push(`${selector} {`);
+    for (const [k, v] of Object.entries(css)) lines.push(`  ${k}: ${v};`);
+    lines.push("}");
+  };
+  for (const b of theme.buttonStyles) {
+    if (b.label) lines.push(`/* ${b.role} \u2014 ${b.label} */`);
+    rule(`.${b.role}`, b.css);
+    if (b.hover) rule(`.${b.role}:hover`, b.hover);
+    if (b.active) rule(`.${b.role}:active`, b.active);
+  }
+  return lines.join("\n") + "\n";
+}
 
 // src/blux/emit/review.ts
 function buildReviewManifest(ir, opts) {
@@ -769,6 +852,28 @@ function cssProp(style, prop) {
   const m = new RegExp(`(?:^|;|\\s)${prop}\\s*:\\s*([^;]+)`, "i").exec(style);
   return m?.[1]?.trim();
 }
+var MARGIN_UTIL_RE = /\bmargin-(\d+)(r|l|t|b)\b/g;
+var MARGIN_SIDES = { r: "right", l: "left", t: "top", b: "bottom" };
+function utilityStylesFromClass(className) {
+  const out = {};
+  for (const m of className.matchAll(MARGIN_UTIL_RE)) {
+    const [, n, side] = m;
+    if (n && side) out[`margin-${MARGIN_SIDES[side]}`] = `${n}%`;
+  }
+  return out;
+}
+function textLeafStyle(el) {
+  const out = utilityStylesFromClass(el.classNames ?? "");
+  for (const decl of (el.getAttribute("style") ?? "").split(";")) {
+    const colon = decl.indexOf(":");
+    if (colon < 0) continue;
+    const prop = decl.slice(0, colon).trim().toLowerCase();
+    const value = decl.slice(colon + 1).trim();
+    if (!value) continue;
+    if (prop === "color" || prop === "padding" || prop.startsWith("margin")) out[prop] = value;
+  }
+  return Object.keys(out).length ? out : null;
+}
 var CENTERED = /* @__PURE__ */ new Set(["center", "center center", "50% 50%", "50%"]);
 function readBgSizing(el) {
   const style = el.getAttribute("style") ?? "";
@@ -860,17 +965,93 @@ function mediaFromElement(el) {
 var DEFAULT_TOKEN = { cols: 1, raw: "grid-1" };
 var isElement = (n) => n.tagName !== void 0 && n.tagName !== null;
 var hasClass = (el, c) => el.classNames.split(/\s+/).includes(c);
+var isFeedTemplate = (el) => {
+  const id = el.getAttribute("id") ?? "";
+  const style = el.getAttribute("style") ?? "";
+  const hidden = /display\s*:\s*none/i.test(style);
+  return hidden && (/-template$/.test(id) || /\{\{[a-z_]+\}\}/i.test(el.innerHTML));
+};
 var isMediaHolder = (el) => hasClass(el, "block-media-holder") || hasClass(el, "camediaload") && !!el.getAttribute("data-media") || el.tagName === "VIDEO";
 var isLeafElement = (el) => hasClass(el, "block-title") || hasClass(el, "block-body") || hasClass(el, "block-subtitle") || isMediaHolder(el);
 var isLeafAnchor = (el) => el.tagName === "A" && collectStructuralChildren(el).length === 0;
 var isStructural = (el) => isLeafElement(el) || el.hasAttribute("data-exec") || // Blux custom-code embed (e.g. map mount)
 hasClass(el, "cagrid") || isLeafAnchor(el) || parseGridToken(el.classNames) !== null;
-function collectStructuralChildren(el) {
+var isCellBoundary = (el) => hasClass(el, "block-grid-container") || hasClass(el, "block-subcontent");
+function inlineBg(el) {
+  const c = cssProp(el.getAttribute("style") ?? "", "background-color")?.trim();
+  if (!c) return void 0;
+  const low = c.toLowerCase().replace(/\s+/g, "");
+  if (low === "transparent" || low === "rgba(0,0,0,0)") return void 0;
+  return c;
+}
+function inlinePadding(el) {
+  const c = cssProp(el.getAttribute("style") ?? "", "padding")?.trim();
+  if (!c) return void 0;
+  if (/^(0(px|%|em|rem)?\s*)+$/i.test(c)) return void 0;
+  return c;
+}
+function inlineMinHeight(el) {
+  const c = cssProp(el.getAttribute("style") ?? "", "min-height")?.trim();
+  if (!c) return void 0;
+  if (/^(0(px|%|em|rem|vh|vw)?|auto)$/i.test(c)) return void 0;
+  return c;
+}
+function layerBackground(el) {
+  for (const child of el.childNodes) {
+    if (!isElement(child) || !hasClass(child, "block-background-layer")) continue;
+    const s = child.getAttribute("style") ?? "";
+    const bg = (cssProp(s, "background") ?? cssProp(s, "background-color"))?.trim();
+    if (bg && !/^(none|transparent)$/i.test(bg)) return bg;
+  }
+  return void 0;
+}
+function collectStructuralChildren(el, inherited = {}) {
   const out = [];
+  const layerBg = inherited.nested === true ? layerBackground(el) : void 0;
+  const base2 = layerBg !== void 0 ? { ...inherited, layerBackground: layerBg } : inherited;
   for (const child of el.childNodes) {
     if (!isElement(child)) continue;
-    if (isStructural(child)) out.push(child);
-    else out.push(...collectStructuralChildren(child));
+    if (hasClass(child, "block-background-layer")) continue;
+    if (isFeedTemplate(child)) continue;
+    const nested = base2.nested === true || isCellBoundary(child);
+    const background = inlineBg(child) ?? base2.background;
+    const padding = (nested ? inlinePadding(child) : void 0) ?? base2.padding;
+    const minHeight = (nested ? inlineMinHeight(child) : void 0) ?? base2.minHeight;
+    const valign = nested && hasClass(child, "valignmiddle") || base2.valign === true;
+    const card = {
+      ...background !== void 0 ? { background } : {},
+      ...padding !== void 0 ? { padding } : {},
+      ...minHeight !== void 0 ? { minHeight } : {},
+      ...base2.layerBackground !== void 0 ? { layerBackground: base2.layerBackground } : {},
+      ...valign ? { valign } : {},
+      ...base2.fill === true ? { fill: true } : {},
+      ...nested ? { nested } : {}
+    };
+    const group = !isStructural(child) && (hasClass(child, "block-subcontent") && parseGridToken(child.classNames) === null || nested && (inlinePadding(child) !== void 0 || inlineMinHeight(child) !== void 0 || layerBackground(child) !== void 0)) && collectStructuralChildren(child).length >= 2;
+    if (isStructural(child)) {
+      const inheritedCard = {
+        ...base2.background !== void 0 ? { background: base2.background } : {},
+        ...base2.padding !== void 0 ? { padding: base2.padding } : {},
+        ...base2.minHeight !== void 0 ? { minHeight: base2.minHeight } : {},
+        ...base2.layerBackground !== void 0 ? { layerBackground: base2.layerBackground } : {},
+        ...base2.valign === true ? { valign: true } : {},
+        ...base2.fill === true ? { fill: true } : {},
+        ...nested ? { nested } : {}
+      };
+      out.push({
+        el: child,
+        ...Object.keys(inheritedCard).length > 0 ? { card: inheritedCard } : {}
+      });
+    } else if (group) {
+      const ownLayer = !isCellBoundary(child) ? layerBackground(child) : void 0;
+      const groupCard = ownLayer !== void 0 ? { ...card, layerBackground: ownLayer } : card;
+      out.push({
+        el: child,
+        ...Object.keys(groupCard).length > 0 ? { card: groupCard } : {}
+      });
+    } else {
+      out.push(...collectStructuralChildren(child, card));
+    }
   }
   return out;
 }
@@ -888,23 +1069,37 @@ function isDisabledWithin(caption, holder) {
   }
   return false;
 }
-function parseNode(el) {
+function parseNode(el, nested = false) {
   if (hasClass(el, "block-title") && /^H[1-6]$/.test(el.tagName ?? "")) {
     const role = textRoleFromClass(el.classNames);
+    const style = textLeafStyle(el);
     return {
       kind: "heading",
       ...role ? { role } : {},
+      ...style ? { style } : {},
       level: headingLevel(el),
       html: el.innerHTML
     };
   }
   if (hasClass(el, "block-body")) {
     const role = textRoleFromClass(el.classNames);
-    return { kind: "body", ...role ? { role } : {}, html: el.innerHTML };
+    const style = textLeafStyle(el);
+    return {
+      kind: "body",
+      ...role ? { role } : {},
+      ...style ? { style } : {},
+      html: el.innerHTML
+    };
   }
   if (hasClass(el, "block-subtitle")) {
     const role = textRoleFromClass(el.classNames);
-    return { kind: "subtitle", ...role ? { role } : {}, text: blockPlainText(el.innerHTML) };
+    const style = textLeafStyle(el);
+    return {
+      kind: "subtitle",
+      ...role ? { role } : {},
+      ...style ? { style } : {},
+      text: blockPlainText(el.innerHTML)
+    };
   }
   if (isMediaHolder(el)) {
     const media = mediaFromElement(el);
@@ -922,14 +1117,52 @@ function parseNode(el) {
   if (el.tagName === "A") {
     return { kind: "raw", html: el.outerHTML };
   }
-  return parseContainer(el);
-}
-function parseContainer(el) {
-  const kids = collectStructuralChildren(el);
-  const parsed = kids.map((k) => ({ token: parseGridToken(k.classNames), node: parseNode(k) })).filter((p) => !(p.node.kind === "raw" && p.node.html.trim() === ""));
+  return parseContainer(el, nested);
+}
+var nodePainted = (style) => "background" in style || "background-color" in style || "min-height" in style;
+function withCardStyle(node, card) {
+  if (!card || card.background === void 0 && card.padding === void 0 && card.minHeight === void 0 && card.layerBackground === void 0 && !card.valign && !card.fill)
+    return node;
+  if (node.kind === "row" || node.kind === "stack") {
+    const style2 = { ...node.style ?? {} };
+    if (card.background !== void 0) style2["background-color"] = card.background;
+    if (card.layerBackground !== void 0) style2["background"] = card.layerBackground;
+    if (card.padding !== void 0) style2.padding = card.padding;
+    if (card.minHeight !== void 0) style2["min-height"] = card.minHeight;
+    if (card.valign) style2["_valign"] = "middle";
+    if (card.fill && nodePainted(style2)) style2["_fill"] = "column";
+    if (Object.keys(style2).length === 0) return node;
+    return { ...node, style: style2 };
+  }
+  if (node.kind === "media" && card.padding === void 0 && !card.valign) {
+    if (card.minHeight !== void 0 && node.media.minHeight === void 0)
+      return { ...node, media: { ...node.media, minHeight: card.minHeight } };
+    return node;
+  }
+  if (card.padding === void 0 && card.minHeight === void 0 && card.layerBackground === void 0 && !card.valign)
+    return node;
+  const style = {};
+  if (card.padding !== void 0) style.padding = card.padding;
+  if (card.background !== void 0) style["background-color"] = card.background;
+  if (card.layerBackground !== void 0) style["background"] = card.layerBackground;
+  if (card.minHeight !== void 0) style["min-height"] = card.minHeight;
+  if (card.valign) style["_valign"] = "middle";
+  if (card.fill && nodePainted(style)) style["_fill"] = "column";
+  return { kind: "stack", children: [node], style };
+}
+function parseContainer(el, nested = false) {
+  const kids = collectStructuralChildren(
+    el,
+    isCellBoundary(el) || hasClass(el, "cagrid") ? { nested: true, ...hasClass(el, "cagridFlexHeight") ? { fill: true } : {} } : nested ? { nested: true } : {}
+  );
+  const parsed = kids.map((k) => ({
+    token: parseGridToken(k.el.classNames),
+    node: withCardStyle(parseNode(k.el, k.card?.nested === true), k.card)
+  })).filter((p) => !(p.node.kind === "raw" && p.node.html.trim() === ""));
   const isGrid = hasClass(el, "cagrid");
   const tokenCount = parsed.filter((p) => p.token).length;
-  if ((isGrid || tokenCount >= 2) && parsed.length > 0) {
+  const hasWidthToken = parsed.some((p) => p.token && p.token.cols !== 1 && p.token.cols !== "any");
+  if ((isGrid || tokenCount >= 2 || hasWidthToken) && parsed.length > 0) {
     const cells = parsed.map((p) => ({ token: p.token ?? DEFAULT_TOKEN, node: p.node }));
     if (hasClass(el, "caslider")) {
       const cols = Number(el.getAttribute("data-columns"));
@@ -940,10 +1173,15 @@ function parseContainer(el) {
   }
   const [only] = parsed;
   if (parsed.length === 1 && only) return only.node;
-  if (parsed.length === 0) return { kind: "raw", html: el.innerHTML };
+  if (parsed.length === 0) return { kind: "raw", html: rawInnerHtml(el) };
   return { kind: "stack", children: parsed.map((p) => p.node) };
 }
+function rawInnerHtml(el) {
+  const html = el.innerHTML;
+  return /\{\{[a-z_]+\}\}/i.test(html) ? "" : html;
+}
 var BAND_ID_RE = /^page-block-(\d+)$/;
+var BLOCK_CLASS_RE = /\bblocks\d+\b/;
 function bandBackground(el) {
   if (!hasClass(el, "camediaload")) return void 0;
   const rawId = el.getAttribute("data-media");
@@ -972,8 +1210,10 @@ function parseGridBands(html) {
     const idStr = m[1];
     if (idStr === void 0) continue;
     const background = bandBackground(child);
+    const blockClass = BLOCK_CLASS_RE.exec(child.classNames)?.[0];
     bands.push({
       index: Number(idStr),
+      ...blockClass ? { blockClass } : {},
       ...background ? { background } : {},
       root: parseContainer(child)
     });
@@ -1060,7 +1300,11 @@ function isEmptyRaw(node) {
   return text.length === 0;
 }
 function base(band) {
-  return { index: band.index, ...band.background ? { background: band.background } : {} };
+  return {
+    index: band.index,
+    ...band.blockClass ? { blockClass: band.blockClass } : {},
+    ...band.background ? { background: band.background } : {}
+  };
 }
 function nodeText(node) {
   switch (node.kind) {
@@ -1077,8 +1321,18 @@ function nodeText(node) {
       return "";
   }
 }
+function unboxed(node) {
+  let n = node;
+  while (n.kind === "stack" && n.children.length === 1) {
+    const only = n.children[0];
+    if (!only) break;
+    n = only;
+  }
+  return n;
+}
 function pureCellMedia(cell) {
-  return cell.node.kind === "media" ? cell.node.media : null;
+  const n = unboxed(cell.node);
+  return n.kind === "media" ? n.media : null;
 }
 function textRoleMeta(heading, subtitle) {
   return {
@@ -1093,6 +1347,12 @@ function cellRatio(cell) {
   if (t.cols === "any") return 50;
   return Math.round(100 / t.cols);
 }
+var isTextNode = (n) => n.kind === "heading" || n.kind === "body" || n.kind === "subtitle";
+var isBlankText = (n) => {
+  if (n.kind === "heading" || n.kind === "body") return blockPlainText(n.html) === "";
+  if (n.kind === "subtitle") return n.text.trim() === "";
+  return false;
+};
 function carouselSlides(cells) {
   const out = [];
   for (const c of cells) {
@@ -1101,12 +1361,18 @@ function carouselSlides(cells) {
       out.push({ media: n.media });
       continue;
     }
-    if (n.kind === "stack" && n.children.length === 2) {
-      const [m, h] = n.children;
-      if (m?.kind === "media" && h?.kind === "heading") {
+    if (n.kind === "stack" && n.children.length >= 2) {
+      const [m, ...rest] = n.children;
+      const h = rest.find((r) => r.kind === "heading");
+      if (m?.kind === "media" && h?.kind === "heading" && rest.every(isTextNode)) {
+        const sub = rest.find(
+          (r) => r !== h && (r.kind === "body" || r.kind === "subtitle") && !isBlankText(r)
+        );
+        const subcaption = sub?.kind === "body" ? { html: sub.html, ...sub.role ? { role: sub.role } : {} } : sub?.kind === "subtitle" ? { html: sub.text, ...sub.role ? { role: sub.role } : {} } : void 0;
         out.push({
           media: m.media,
-          caption: { html: h.html, level: h.level, ...h.role ? { role: h.role } : {} }
+          caption: { html: h.html, level: h.level, ...h.role ? { role: h.role } : {} },
+          ...subcaption ? { subcaption } : {}
         });
         continue;
       }
@@ -1134,12 +1400,18 @@ function rewriteMapMounts(node, isMapMount) {
           token: c.token,
           node: rewriteMapMounts(c.node, isMapMount)
         })),
-        // Keep the slider marker — dropping it here would silently demote a
-        // Carousel to Grid whenever a map config is present.
-        ...node.slider ? { slider: node.slider } : {}
+        // Preserve the row's own markers when rebuilding: dropping the slider
+        // would silently demote a Carousel to Grid, and dropping the style would
+        // lose a card background — for every band whenever a map config exists.
+        ...node.slider ? { slider: node.slider } : {},
+        ...node.style ? { style: node.style } : {}
       };
     case "stack":
-      return { kind: "stack", children: node.children.map((n) => rewriteMapMounts(n, isMapMount)) };
+      return {
+        kind: "stack",
+        children: node.children.map((n) => rewriteMapMounts(n, isMapMount)),
+        ...node.style ? { style: node.style } : {}
+      };
     case "heading":
     case "body":
     case "subtitle":
@@ -1375,10 +1647,272 @@ function extractToggles(html) {
   return groups.length === labels.length && groups.every((g) => g !== void 0) ? groups : [];
 }
 
+// src/blux/grid/feed-grid.ts
+var termMatchesTag = (term, tag) => term === tag || term.endsWith("s") && term.slice(0, -1) === tag || tag.endsWith("s") && tag.slice(0, -1) === term;
+function tagFilter(expr) {
+  const groups = (expr ?? "").split("||").map(
+    (g) => g.split("&&").map((t) => t.trim().toLowerCase()).filter(Boolean)
+  ).filter((g) => g.length > 0);
+  if (!groups.length) return () => true;
+  return (tags) => {
+    const set = tags.map((t) => t.toLowerCase());
+    return groups.some((g) => g.every((term) => set.some((tag) => termMatchesTag(term, tag))));
+  };
+}
+function sortRecords(records, sort) {
+  if (sort === "title") {
+    return [...records].sort(
+      (a, b) => String(a["title"] ?? "").localeCompare(String(b["title"] ?? ""))
+    );
+  }
+  if (sort === "fdate" || sort === "date") {
+    return [...records].sort(
+      (a, b) => String(b["date"] ?? "").localeCompare(String(a["date"] ?? ""))
+    );
+  }
+  return records;
+}
+function cropRatioOf(v) {
+  if (typeof v !== "string") return void 0;
+  const m = /^\s*(\d+(?:\.\d+)?)\s*:\s*(\d+(?:\.\d+)?)\s*$/.exec(v);
+  if (!m) return void 0;
+  const w = Number(m[1]);
+  const h = Number(m[2]);
+  return w > 0 && h > 0 ? `${w}:${h}` : void 0;
+}
+var isDisabled = (r) => r["disabled"] === true || r["disable"] === true;
+var styleDisabled = (cfg) => !!cfg && typeof cfg === "object" && cfg["class"] === "disable";
+function resolveFeedTiles(bandDef, resolvers) {
+  const sources = Array.isArray(bandDef.sources) ? bandDef.sources.map(String) : [];
+  const source = sources[0];
+  if (!source) return null;
+  const cfg = bandDef.sourceConfig ?? {};
+  const filterExpr = cfg["filters"]?.tag;
+  const match = tagFilter(filterExpr);
+  const sort = cfg["sort"];
+  const bodyOff = styleDisabled(cfg["_body"]);
+  const titleOff = styleDisabled(cfg["_title"]);
+  const ratio = cropRatioOf(cfg["mediaRatio"] ?? cfg["ratio"]);
+  const framed = (m) => m && ratio ? { ...m, cropRatio: ratio, fit: "cover" } : m;
+  if (source === "__media") {
+    const matched = [];
+    for (const [uuid, entry] of resolvers.media) {
+      const type = String(entry["type"] ?? "");
+      if (!type.startsWith("image/")) continue;
+      if (!match(entry["tags"] ?? [])) continue;
+      matched.push({ ...entry, __uuid: uuid });
+    }
+    const tiles2 = sortRecords(matched, sort).map((entry) => {
+      const media = framed(
+        resolvers.mediaFor(
+          String(entry["__uuid"]),
+          entry["type"],
+          entry["name"]
+        )
+      );
+      const tile = {};
+      if (media) tile.media = media;
+      if (!titleOff && entry["name"]) tile.title = escapeHtml(String(entry["name"]));
+      if (!bodyOff && entry["description"]) tile.body = plainToHtml(String(entry["description"]));
+      return tile;
+    }).filter((t) => t.media || t.title || t.body);
+    return tiles2.length ? tiles2 : null;
+  }
+  const records = resolvers.feeds.get(source);
+  if (!records) return null;
+  const enabled = records.filter((r) => !isDisabled(r));
+  const filtered = filterExpr ? enabled.filter((r) => match(r["tags"] ?? [])) : enabled;
+  const ordered = sortRecords(filtered, sort);
+  const tiles = ordered.map((r) => {
+    const tile = {};
+    const m = r["media"];
+    if (m?.media) {
+      const media = framed(resolvers.mediaFor(m.media, m.type));
+      if (media) tile.media = media;
+    }
+    if (!titleOff && r["title"]) tile.title = String(r["title"]);
+    if (!bodyOff && r["body"]) tile.body = String(r["body"]);
+    return tile;
+  });
+  return tiles.length ? tiles : null;
+}
+function materializeFeedGrid(opts) {
+  const { heading, tiles, columns, spacing, overlay } = opts;
+  const headingNode = heading ? {
+    kind: "heading",
+    level: heading.level,
+    html: heading.html,
+    ...heading.role ? { role: heading.role } : {}
+  } : null;
+  if (!tiles || !tiles.length) return headingNode;
+  const cols = Math.max(1, Math.round(columns));
+  const cells = tiles.map((t) => {
+    const parts = [];
+    if (t.media) parts.push({ kind: "media", media: t.media });
+    if (t.title) parts.push({ kind: "heading", level: 6, html: t.title, role: "text6" });
+    if (t.body) parts.push({ kind: "body", html: t.body });
+    let node;
+    if (overlay && t.media) {
+      node = {
+        kind: "stack",
+        children: parts,
+        style: {
+          _overlay: overlay.ratio,
+          ...overlay.color ? { _overlayColor: overlay.color } : {},
+          ...overlay.valign ? { _overlayValign: overlay.valign } : {}
+        }
+      };
+    } else {
+      node = parts.length === 1 ? parts[0] : { kind: "stack", children: parts };
+    }
+    return {
+      token: {
+        cols,
+        raw: `grid-${cols}${spacing ? `-s${spacing}` : ""}`,
+        ...spacing ? { spacing } : {}
+      },
+      node
+    };
+  });
+  const row = { kind: "row", cells };
+  return headingNode ? { kind: "stack", children: [headingNode, row] } : row;
+}
+function escapeHtml(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function plainToHtml(s) {
+  const inner = escapeHtml(s.trim()).replace(/\r?\n/g, "<br>");
+  return `<p>${inner}</p>`;
+}
+function extFor(mime, name) {
+  const byMime = {
+    "image/jpeg": "jpg",
+    "image/jpg": "jpg",
+    "image/png": "png",
+    "image/svg+xml": "svg",
+    "image/gif": "gif",
+    "image/webp": "webp",
+    "image/avif": "avif",
+    "image/bmp": "bmp",
+    "image/tiff": "tiff"
+  };
+  if (mime && byMime[mime]) return byMime[mime];
+  const m = /\.([a-z0-9]{2,5})$/i.exec(name ?? "");
+  const ext = m?.[1]?.toLowerCase();
+  const IMG = /* @__PURE__ */ new Set(["jpg", "jpeg", "png", "svg", "gif", "webp", "avif", "bmp", "tif", "tiff"]);
+  return ext && IMG.has(ext) ? ext === "jpeg" ? "jpg" : ext : null;
+}
+function isFeedBand(item) {
+  return !!item && typeof item === "object" && Array.isArray(item.sources) && item.sources.length > 0;
+}
+function feedAssetBase(htmls, siteId) {
+  for (const html of htmls) {
+    const m = /data-base="(https?:\/\/[^"]+?\/)"/i.exec(html);
+    if (m?.[1]) return m[1].replace(/^http:/, "https:");
+  }
+  return `https://${CDN_HOSTS[0]}/${siteId}/`;
+}
+function buildFeedResolvers(feeds, mediaLibrary, base2) {
+  const feedMap = /* @__PURE__ */ new Map();
+  for (const [id, f] of Object.entries(feeds)) {
+    if (Array.isArray(f?.items)) feedMap.set(id, f.items);
+  }
+  const mediaMap = new Map(Object.entries(mediaLibrary));
+  return {
+    feeds: feedMap,
+    media: mediaMap,
+    mediaFor: (uuid, type, name) => {
+      const ext = extFor(type, name);
+      if (!ext) return null;
+      return { kind: "image", assetId: uuid, base: base2, ext };
+    }
+  };
+}
+
+// src/blux/products.ts
+var CANONICAL_CATEGORIES = ["Upholstered", "Case", "Exterior", "Metal", "Finishes"];
+var CATEGORY_ALIASES = {
+  upholstrered: "Upholstered",
+  upholsered: "Upholstered"
+};
+var SUBCATEGORY_ALIASES = {
+  banuette: "Banquette",
+  "benches & ottomans": "Ottomans & Benches",
+  miscellaneous: "Misc."
+};
+function cleanWs(s) {
+  return String(s ?? "").replace(/\s+/g, " ").trim();
+}
+function titleCase(s) {
+  return s.replace(/\b\w/g, (c) => c.toUpperCase());
+}
+function normalizeCategory(raw) {
+  const cleaned = cleanWs(raw);
+  if (!cleaned) return "";
+  const lower = cleaned.toLowerCase();
+  if (CATEGORY_ALIASES[lower]) return CATEGORY_ALIASES[lower];
+  const canon = CANONICAL_CATEGORIES.find((c) => c.toLowerCase() === lower);
+  return canon ?? titleCase(lower);
+}
+function normalizeSubCategory(raw) {
+  const cleaned = cleanWs(raw);
+  if (!cleaned) return "";
+  const lower = cleaned.toLowerCase();
+  if (SUBCATEGORY_ALIASES[lower]) return SUBCATEGORY_ALIASES[lower];
+  return titleCase(lower);
+}
+function productSlug(record) {
+  const url = typeof record.url === "string" ? record.url.trim() : "";
+  if (url) return url.replace(/^\/+products\/+/i, "").replace(/^\/+|\/+$/g, "");
+  return String(record.title ?? "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
+}
+function mediaUuid(media) {
+  if (media && typeof media === "object") {
+    const m = media.media;
+    if (typeof m === "string" && m) return m;
+  }
+  return void 0;
+}
+function imageFor(uuid, resolveImage) {
+  if (!uuid) return void 0;
+  const url = resolveImage(uuid);
+  return url ? { assetId: uuid, url } : void 0;
+}
+function materializeProducts(records, resolveImage) {
+  const bySlug = /* @__PURE__ */ new Map();
+  for (const r of records) {
+    const slug = productSlug(r);
+    if (!slug) continue;
+    const gallery = [];
+    if (Array.isArray(r.items)) {
+      for (const it of r.items) {
+        const img2 = imageFor(mediaUuid(it?.media), resolveImage);
+        if (img2) gallery.push(img2);
+      }
+    }
+    const image = imageFor(mediaUuid(r.media), resolveImage);
+    const product = {
+      slug,
+      title: cleanWs(r.title),
+      category: normalizeCategory(r.category),
+      subCategory: normalizeSubCategory(r.sub_category),
+      dimensions: String(r.dimensions ?? ""),
+      tags: Array.isArray(r.tags) ? r.tags.filter((t) => typeof t === "string") : [],
+      disabled: r.disabled === true,
+      gallery,
+      // `exactOptionalPropertyTypes`: omit the key rather than set undefined.
+      ...image ? { image } : {}
+    };
+    const existing = bySlug.get(slug);
+    if (!existing || existing.disabled && !product.disabled) bySlug.set(slug, product);
+  }
+  return [...bySlug.values()];
+}
+
 // src/blux/emit/block-styles.ts
-function blockStylesByIndex(siteJson) {
+function blockStylesByIndex(siteJson, pageIndex = 0) {
   const out = /* @__PURE__ */ new Map();
-  const blocks = siteJson?.content?.pages?.[0]?.items;
+  const blocks = siteJson?.content?.pages?.[pageIndex]?.items;
   if (!Array.isArray(blocks)) return out;
   blocks.forEach((b, i) => {
     const styles = b?.styles ?? {};
@@ -1391,6 +1925,30 @@ function blockStylesByIndex(siteJson) {
   });
   return out;
 }
+var CONTAINER_RE = /^\.(blocks\d+)container$/;
+function blockClassDefaults(siteJson) {
+  const out = /* @__PURE__ */ new Map();
+  const blocks = siteJson?.styles?.blocks;
+  if (!Array.isArray(blocks)) return out;
+  for (const slot of blocks) {
+    if (slot === null || typeof slot !== "object") continue;
+    for (const [selector, css] of Object.entries(slot)) {
+      const blockClass = CONTAINER_RE.exec(selector)?.[1];
+      if (!blockClass || css === null || typeof css !== "object") continue;
+      const rec = css;
+      const padding = cleanCssValue(rec["padding"]);
+      const mobilePadding = cleanCssValue(rec["__media_mobile_padding"]);
+      const maxWidth = cleanCssValue(rec["max-width"]);
+      const defaults = {
+        ...padding ? { padding } : {},
+        ...mobilePadding ? { mobilePadding } : {},
+        ...maxWidth ? { maxWidth } : {}
+      };
+      if (Object.keys(defaults).length) out.set(blockClass, defaults);
+    }
+  }
+  return out;
+}
 
 // src/blux/emit/grid-slice.ts
 function stripTags(html) {
@@ -1446,9 +2004,10 @@ function sliceSpecToPlanSlice(spec) {
       return {
         slice_type: "carousel",
         variation: "default",
-        items: spec.slides.map(
-          (s) => s.caption ? { caption: blockPlainText(s.caption.html) } : {}
-        ),
+        items: spec.slides.map((s) => ({
+          ...s.caption ? { caption: blockPlainText(s.caption.html) } : {},
+          ...s.subcaption ? { subcaption: blockPlainText(s.subcaption.html) } : {}
+        })),
         primary: { band: spec.index }
       };
     case "MediaFull":
@@ -1526,13 +2085,17 @@ function collectPlanAssets(specs, resolve, diagnostics) {
 }
 function buildGridPlan(specs, ir) {
   const page = ir.pages[0];
-  const uid = page?.uid ?? "home";
-  const title = page?.title ?? uid;
-  const doc = {
+  return buildGridSitePlan(
+    [{ uid: page?.uid ?? "home", title: page?.title ?? page?.uid ?? "home", specs }],
+    ir
+  );
+}
+function buildGridSitePlan(pages, ir) {
+  const documents = pages.map((p) => ({
     type: "page",
-    uid,
-    data: { title: richText(`<h1>${title}</h1>`), slices: specs.map(sliceSpecToPlanSlice) }
-  };
+    uid: p.uid,
+    data: { title: richText(`<h1>${p.title}</h1>`), slices: p.specs.map(sliceSpecToPlanSlice) }
+  }));
   const assetById = new Map(ir.assets.map((a) => [a.id, a]));
   const sourceUrlById = new Map(ir.assets.map((a) => [a.id, a.sourceUrl]));
   const resolve = (m) => {
@@ -1541,9 +2104,13 @@ function buildGridPlan(specs, ir) {
     return url ? { id: m.assetId, url, alt: asset?.alt ?? "" } : null;
   };
   const diagnostics = [...ir.diagnostics ?? []];
-  const assets = collectPlanAssets(specs, resolve, diagnostics);
+  const assets = collectPlanAssets(
+    pages.flatMap((p) => p.specs),
+    resolve,
+    diagnostics
+  );
   const customTypes = ir.collections.map(buildCustomType);
-  return { customTypes, documents: [doc], assets, stylesManifest: [], diagnostics };
+  return { customTypes, documents, assets, stylesManifest: [], diagnostics };
 }
 
 // src/blux/emit/presentation.ts
@@ -1562,7 +2129,7 @@ function renderNode(node, resolve) {
         const rn = renderNode(c.node, resolve);
         if (rn) cells.push({ token: renderToken(c.token), node: rn });
       }
-      return { kind: "row", cells };
+      return { kind: "row", cells, ...node.style ? { style: node.style } : {} };
     }
     case "stack": {
       const children = [];
@@ -1570,19 +2137,30 @@ function renderNode(node, resolve) {
         const rn = renderNode(c, resolve);
         if (rn) children.push(rn);
       }
-      return { kind: "stack", children };
+      return { kind: "stack", children, ...node.style ? { style: node.style } : {} };
     }
     case "heading":
       return {
         kind: "heading",
         level: node.level,
         html: node.html,
-        ...node.role ? { role: node.role } : {}
+        ...node.role ? { role: node.role } : {},
+        ...node.style ? { style: node.style } : {}
       };
     case "body":
-      return { kind: "body", html: node.html, ...node.role ? { role: node.role } : {} };
+      return {
+        kind: "body",
+        html: node.html,
+        ...node.role ? { role: node.role } : {},
+        ...node.style ? { style: node.style } : {}
+      };
     case "subtitle":
-      return { kind: "subtitle", text: node.text, ...node.role ? { role: node.role } : {} };
+      return {
+        kind: "subtitle",
+        text: node.text,
+        ...node.role ? { role: node.role } : {},
+        ...node.style ? { style: node.style } : {}
+      };
     case "media": {
       const m = resolve(node.media);
       return m ? { kind: "media", media: m } : null;
@@ -1599,12 +2177,45 @@ function hasMapWidget(node) {
   if (node.kind === "stack") return node.children.some(hasMapWidget);
   return false;
 }
+function markPanelRows(node, toggleCount) {
+  if (node.kind === "row") {
+    return {
+      ...node,
+      cells: node.cells.map((c) => ({ ...c, node: markPanelRows(c.node, toggleCount) }))
+    };
+  }
+  if (node.kind === "stack") {
+    const children = node.children.map((c) => markPanelRows(c, toggleCount));
+    for (let i = 0; i + 1 < children.length; i++) {
+      const cur = children[i];
+      const next = children[i + 1];
+      if (cur?.kind === "widget" && cur.widget.type === "map" && next?.kind === "row" && next.cells.length === toggleCount) {
+        children[i + 1] = { ...next, panels: true };
+      }
+    }
+    return { ...node, children };
+  }
+  return node;
+}
 function buildPresentation(specs, deps) {
   const bands = {};
   for (const spec of specs) {
     const bp = {};
     const style = deps.styleFor(spec.index);
     if (style) bp.style = style;
+    const defaults = spec.blockClass ? deps.defaultsFor(spec.blockClass) : void 0;
+    if (defaults) {
+      const own = bp.style ?? {};
+      const fill = {};
+      if (own["_contentPadding"] === void 0 && defaults.padding) {
+        fill["_contentPadding"] = defaults.padding;
+        if (defaults.mobilePadding) fill["_contentPaddingMobile"] = defaults.mobilePadding;
+      }
+      if (own["_max-content-width"] === void 0 && defaults.maxWidth) {
+        fill["_max-content-width"] = defaults.maxWidth;
+      }
+      if (Object.keys(fill).length) bp.style = { ...own, ...fill };
+    }
     if (spec.background) {
       const bg = deps.resolveMedia(spec.background);
       if (bg) bp.background = bg;
@@ -1633,14 +2244,15 @@ function buildPresentation(specs, deps) {
         for (const s of spec.slides) {
           const media = deps.resolveMedia(s.media);
           if (!media) break;
-          const slide = {
-            media
-          };
+          const slide = { media };
           if (s.caption) {
             const caption = { level: s.caption.level };
             if (s.caption.role !== void 0) caption.role = s.caption.role;
             slide.caption = caption;
           }
+          if (s.subcaption) {
+            slide.subcaption = s.subcaption.role !== void 0 ? { role: s.subcaption.role } : {};
+          }
           slides.push(slide);
         }
         if (slides.length > 0) {
@@ -1665,8 +2277,9 @@ function buildPresentation(specs, deps) {
         break;
       case "Grid": {
         const tree = renderNode(spec.root, deps.resolveMedia);
-        if (tree) bp.tree = tree;
-        if (deps.map && hasMapWidget(spec.root)) bp.map = deps.map;
+        const co = deps.map && hasMapWidget(spec.root) ? deps.map : null;
+        if (co) bp.map = co;
+        if (tree) bp.tree = co ? markPanelRows(tree, co.toggles.length) : tree;
         break;
       }
     }
@@ -1699,6 +2312,7 @@ function convertExport({
   const assetsById = new Map(ir.assets.map((a) => [a.id, a]));
   const sourceUrlById = new Map(ir.assets.map((a) => [a.id, a.sourceUrl]));
   const styles = blockStylesByIndex(siteJson);
+  const defaults = blockClassDefaults(siteJson);
   const deps = {
     resolveMedia: (m) => {
       const url = mediaUrl(m, sourceUrlById);
@@ -1713,17 +2327,284 @@ function convertExport({
         ...m.fit ? { fit: m.fit } : {},
         ...m.position ? { position: m.position } : {},
         ...m.minHeight ? { minHeight: m.minHeight } : {},
+        ...m.cropRatio ? { cropRatio: m.cropRatio } : {},
         ...m.playback ? { playback: m.playback } : {}
       };
       return rm;
     },
     styleFor: (i) => styles.get(i),
+    defaultsFor: (blockClass) => defaults.get(blockClass),
     map: mapConfig ? mapRenderFromConfig(mapConfig) : null
   };
   const plan = buildGridPlan(specs, ir);
   const presentation = buildPresentation(specs, deps);
   return { bands, specs, ir, mapConfig, plan, presentation };
 }
+function leadingHeadings(root) {
+  if (root.kind === "heading" || root.kind === "subtitle") return [root];
+  if (root.kind === "stack") {
+    const out = [];
+    for (const c of root.children) {
+      if (c.kind === "heading" || c.kind === "subtitle") out.push(c);
+      else break;
+    }
+    return out;
+  }
+  return [];
+}
+function feedColumns(item) {
+  const n = Number(item.columns);
+  return Number.isFinite(n) && n > 0 ? n : 3;
+}
+function tileOverlay(item) {
+  const cfg = item?.sourceConfig;
+  if (!cfg || cfg["overlay"] !== true) return null;
+  const ratio = cropRatioOf(cfg["mediaRatio"] ?? cfg["ratio"]);
+  if (!ratio) return null;
+  const color = typeof cfg["overlayColor"] === "string" ? cfg["overlayColor"] : void 0;
+  const valign = typeof cfg["contentvalign"] === "string" ? cfg["contentvalign"] : void 0;
+  return { ratio, ...color ? { color } : {}, ...valign ? { valign } : {} };
+}
+function isEmptyish(root) {
+  switch (root.kind) {
+    case "heading":
+    case "subtitle":
+      return true;
+    case "raw":
+      return root.html.trim() === "";
+    case "media":
+    case "widget":
+      return false;
+    case "row":
+      return root.cells.length === 0;
+    case "stack":
+      return root.children.every(isEmptyish);
+    default:
+      return false;
+  }
+}
+function materializeFeedBands(bands, pageItems, resolvers, diagnostics) {
+  if (!Array.isArray(pageItems)) return;
+  for (const band of bands) {
+    const item = pageItems[band.index];
+    if (!isFeedBand(item)) continue;
+    if (!isEmptyish(band.root)) {
+      diagnostics.push({
+        kind: "empty-feed-grid",
+        where: String(band.index),
+        message: `band ${band.index} has parsed content but site.json item is a feed source \u2014 positional join misaligned, left as parsed`
+      });
+      continue;
+    }
+    const tiles = resolveFeedTiles(item, resolvers);
+    if (!tiles) {
+      diagnostics.push({
+        kind: "empty-feed-grid",
+        where: String(band.index),
+        message: `feed band ${band.index} (source ${String(item.sources[0])}) resolved to no tiles`
+      });
+      continue;
+    }
+    const spacing = parseInt(String(item.spacing ?? ""), 10);
+    const row = materializeFeedGrid({
+      tiles,
+      columns: feedColumns(item),
+      ...Number.isFinite(spacing) && spacing > 0 ? { spacing } : {},
+      ...tileOverlay(item) ? { overlay: tileOverlay(item) } : {}
+    });
+    if (!row) continue;
+    const headings = leadingHeadings(band.root);
+    band.root = headings.length ? { kind: "stack", children: [...headings, row] } : row;
+  }
+}
+function sitePages(siteJson) {
+  const { pages } = normalizePages(parseBluxSite(siteJson));
+  return pages.map((p) => ({ uid: p.uid, path: p.path, title: p.title }));
+}
+function convertSite({
+  siteJson,
+  htmlByUid
+}) {
+  const ir = assembleIR({ siteJson, htmls: [...htmlByUid.values()] });
+  const assetsById = new Map(ir.assets.map((a) => [a.id, a]));
+  const sourceUrlById = new Map(ir.assets.map((a) => [a.id, a.sourceUrl]));
+  const defaults = blockClassDefaults(siteJson);
+  const raw = parseBluxSite(siteJson);
+  const assetBase = feedAssetBase([...htmlByUid.values()], ir.meta.bluxSiteId);
+  const feedResolvers = buildFeedResolvers(raw.feeds, raw.media, assetBase);
+  const pageItemsByIndex = siteJson?.content?.pages;
+  const pages = [];
+  const presentation = { pages: {} };
+  ir.pages.forEach((page, pageIndex) => {
+    const html = htmlByUid.get(page.uid);
+    if (html === void 0) {
+      ir.diagnostics.push({
+        kind: "missing-page-html",
+        where: page.uid,
+        message: `no rendered html for page "${page.uid}" (${page.path || "/"}) \u2014 page skipped`
+      });
+      return;
+    }
+    const bands = parseGridBands(html);
+    materializeFeedBands(
+      bands,
+      pageItemsByIndex?.[pageIndex]?.items,
+      feedResolvers,
+      ir.diagnostics
+    );
+    const mapConfig = extractMapConfig(html);
+    const specs = classifyBands(bands, mapConfig ? { isMapMount: makeIsMapMount(mapConfig) } : {});
+    const styles = blockStylesByIndex(siteJson, pageIndex);
+    const deps = {
+      resolveMedia: (m) => {
+        const url = mediaUrl(m, sourceUrlById);
+        if (!url) return null;
+        const alt = assetsById.get(m.assetId)?.alt;
+        const rm = {
+          kind: m.kind,
+          url,
+          ...alt ? { alt } : {},
+          ...m.width !== void 0 ? { width: m.width } : {},
+          ...m.aspect !== void 0 ? { aspect: m.aspect } : {},
+          ...m.fit ? { fit: m.fit } : {},
+          ...m.position ? { position: m.position } : {},
+          ...m.minHeight ? { minHeight: m.minHeight } : {},
+          ...m.cropRatio ? { cropRatio: m.cropRatio } : {},
+          ...m.playback ? { playback: m.playback } : {}
+        };
+        return rm;
+      },
+      styleFor: (i) => styles.get(i),
+      defaultsFor: (blockClass) => defaults.get(blockClass),
+      map: mapConfig ? mapRenderFromConfig(mapConfig) : null
+    };
+    presentation.pages[page.uid] = buildPresentation(specs, deps);
+    pages.push({ uid: page.uid, title: page.title, path: page.path, bands, specs, mapConfig });
+  });
+  const plan = buildGridSitePlan(
+    pages.map((p) => ({ uid: p.uid, title: p.title, specs: p.specs })),
+    ir
+  );
+  return { pages, ir, plan, presentation };
+}
+
+// src/blux/emit/site-config.ts
+function parseNavItems(items) {
+  if (!Array.isArray(items)) return [];
+  const out = [];
+  for (const raw of items) {
+    const label = typeof raw?.title === "string" ? raw.title.trim() : "";
+    if (!label) continue;
+    const href = typeof raw?.link === "string" ? raw.link : "";
+    const children = parseNavItems(raw?.items);
+    out.push({ label, href, ...children.length ? { children } : {} });
+  }
+  return out;
+}
+var SOCIAL_DOMAINS = {
+  facebook: ["facebook.com", "fb.com"],
+  twitter: ["twitter.com", "x.com"],
+  instagram: ["instagram.com"],
+  pinterest: ["pinterest.com"],
+  linkedin: ["linkedin.com"],
+  "linkedin-company": ["linkedin.com"],
+  youtube: ["youtube.com", "youtu.be"],
+  reddit: ["reddit.com"]
+};
+function hostMatches(host, domain) {
+  return host === domain || host.endsWith("." + domain);
+}
+function hostOf(url) {
+  try {
+    return new URL(url).hostname.toLowerCase();
+  } catch {
+    return "";
+  }
+}
+function footerRegion(html) {
+  const lower = html.toLowerCase();
+  const start = lower.lastIndexOf("<footer");
+  if (start === -1) return html;
+  const end = lower.indexOf("</footer>", start);
+  return end === -1 ? html.slice(start) : html.slice(start, end + "</footer>".length);
+}
+function socialHrefResolverFromHtml(htmls) {
+  const hrefs = [];
+  const re = /href\s*=\s*["']([^"']+)["']/gi;
+  for (const html of htmls) {
+    if (typeof html !== "string") continue;
+    const region = footerRegion(html);
+    let m;
+    while (m = re.exec(region)) {
+      const url = m[1];
+      if (url && /^https?:\/\//i.test(url)) hrefs.push(url);
+    }
+  }
+  return (network) => {
+    const domains = SOCIAL_DOMAINS[network];
+    if (!domains) return void 0;
+    return hrefs.find((u) => {
+      const host = hostOf(u);
+      return host && domains.some((d) => hostMatches(host, d));
+    });
+  };
+}
+function parseSocials(raw, resolveSocialHref) {
+  const out = [];
+  const items = Array.isArray(raw) ? raw : [];
+  for (const it of items) {
+    const media = it?.media;
+    if (!media || media.type !== "social") continue;
+    const networks = media.networks;
+    if (!networks || typeof networks !== "object") continue;
+    const urls = media.urls ?? {};
+    for (const [network, on] of Object.entries(networks)) {
+      if (on !== true) continue;
+      const fromExport = typeof urls[network] === "string" ? urls[network] : void 0;
+      const url = fromExport ?? resolveSocialHref?.(network);
+      out.push({ network, ...url ? { href: url } : {} });
+    }
+  }
+  return out;
+}
+function collectTitles(node, acc) {
+  if (Array.isArray(node)) {
+    for (const n of node) collectTitles(n, acc);
+    return acc;
+  }
+  if (node && typeof node === "object") {
+    const rec = node;
+    if (typeof rec.title === "string" && rec.title.trim()) acc.push(rec.title.trim());
+    for (const k of Object.keys(rec)) if (k !== "title") collectTitles(rec[k], acc);
+  }
+  return acc;
+}
+var COPYRIGHT_RE = /©|\(c\)|\bcopyright\b|rights reserved/i;
+function parseFooterText(raw) {
+  return collectTitles(raw, []).find((t) => COPYRIGHT_RE.test(t));
+}
+function buildSiteConfig(siteJson, resolveLogo, resolveSocialHref) {
+  const j = siteJson;
+  const navRoot = Array.isArray(j.navigation) ? j.navigation[0] : j.navigation;
+  const footRoot = Array.isArray(j.footer) ? j.footer[0] : j.footer;
+  const items = parseNavItems(navRoot?.items);
+  const logoMedia = navRoot?.logo?.media;
+  const logoUuid = typeof logoMedia?.media === "string" ? logoMedia.media : void 0;
+  const logoUrl = logoUuid ? resolveLogo(logoUuid) : null;
+  const maxWidth = typeof logoMedia?.["max-width"] === "string" ? logoMedia["max-width"] : void 0;
+  const socials = parseSocials(footRoot?.items, resolveSocialHref);
+  const text = parseFooterText(footRoot?.items);
+  return {
+    nav: {
+      ...logoUrl ? { logo: { url: logoUrl, ...maxWidth ? { maxWidth } : {} } } : {},
+      items
+    },
+    footer: {
+      socials,
+      ...text ? { text } : {}
+    }
+  };
+}
 
 // src/blux/emit/validate-layout.ts
 function tokKey(t) {
@@ -1963,11 +2844,19 @@ function walkBand(bp, map) {
     };
   return out;
 }
-function rewriteManifestUrls(manifest, urlMap) {
+function rewritePage(p, map) {
   const bands = {};
-  for (const [k, bp] of Object.entries(manifest.bands)) bands[k] = walkBand(bp, urlMap);
+  for (const [k, bp] of Object.entries(p.bands)) bands[k] = walkBand(bp, map);
   return { bands };
 }
+function rewriteManifestUrls(manifest, urlMap) {
+  if ("pages" in manifest && manifest.pages) {
+    const pages = {};
+    for (const [uid, p] of Object.entries(manifest.pages)) pages[uid] = rewritePage(p, urlMap);
+    return { pages };
+  }
+  return rewritePage(manifest, urlMap);
+}
 
 // src/cli/commands/blux.ts
 async function runBluxCommand(action, dir, opts) {
@@ -2021,9 +2910,10 @@ async function runBluxCommand(action, dir, opts) {
     await writeFile(join(out, "ir.json"), JSON.stringify(ir, null, 2));
     await writeFile(join(out, "migration-plan.json"), JSON.stringify(plan, null, 2));
     const rolesCss = emitRolesCss(ir.theme);
+    const buttonsCss = emitButtonsCss(ir.theme);
     await writeFile(
       join(out, "theme.css"),
-      emitThemeCss(ir.theme) + (rolesCss ? "\n" + rolesCss : "")
+      emitThemeCss(ir.theme) + (rolesCss ? "\n" + rolesCss : "") + (buttonsCss ? "\n" + buttonsCss : "")
     );
     await writeFile(join(out, "review-manifest.json"), JSON.stringify(manifest, null, 2));
     await writeFile(
@@ -2068,12 +2958,16 @@ async function runBluxCommand(action, dir, opts) {
 WARNING missing assets: ${r.missingAssets.join(", ")}` : "";
     let manifestNote = "";
     const manifestPath = join(dirname(planPath), "blux-presentation.json");
+    let manifestRaw = null;
     try {
-      const manifest = JSON.parse(await readFile(manifestPath, "utf-8"));
+      manifestRaw = await readFile(manifestPath, "utf-8");
+    } catch {
+    }
+    if (manifestRaw !== null) {
+      const manifest = JSON.parse(manifestRaw);
       const rewritten = rewriteManifestUrls(manifest, r.assetUrlByCdn);
       await writeFile(manifestPath, JSON.stringify(rewritten, null, 2) + "\n");
       manifestNote = "\nmanifest media rewritten to Prismic urls";
-    } catch {
     }
     return {
       output: `custom types pushed: ${pushed.join(", ") || "none"}
@@ -2163,15 +3057,24 @@ assets: ${r.assetsUploaded} uploaded, ${r.assetsReused} reused | documents: ${r.
   }
   if (action === "convert") {
     if (!dir) return { output: "blux convert needs a Blux export directory.", code: 1 };
-    let html;
     let siteJson;
     try {
-      html = await readFile(join(dir, "index.html"), "utf-8");
       siteJson = JSON.parse(await readFile(join(dir, "site.json"), "utf-8"));
     } catch (err) {
       return { output: `could not read export in ${dir}: ${err.message}`, code: 1 };
     }
-    const { bands, mapConfig, plan, presentation, ir, specs } = convertExport({ html, siteJson });
+    const htmlByUid = /* @__PURE__ */ new Map();
+    for (const p of sitePages(siteJson)) {
+      const file = p.path ? join(dir, p.path, "index.html") : join(dir, "index.html");
+      try {
+        htmlByUid.set(p.uid, await readFile(file, "utf-8"));
+      } catch {
+      }
+    }
+    if (!htmlByUid.size) {
+      return { output: `could not read any page html in ${dir}`, code: 1 };
+    }
+    const { pages, ir, plan, presentation } = convertSite({ siteJson, htmlByUid });
     const outDir = opts.out ?? join(dir, "blux-out");
     await mkdir(outDir, { recursive: true });
     await writeFile(join(outDir, "migration-plan.json"), JSON.stringify(plan, null, 2));
@@ -2179,18 +3082,90 @@ assets: ${r.assetsUploaded} uploaded, ${r.assetsReused} reused | documents: ${r.
       join(outDir, "blux-presentation.json"),
       JSON.stringify(presentation, null, 2) + "\n"
     );
-    await writeFile(
-      join(outDir, "theme.css"),
-      emitThemeCss(ir.theme) + "\n" + emitRolesCss(ir.theme)
+    {
+      const buttonsCss = emitButtonsCss(ir.theme);
+      await writeFile(
+        join(outDir, "theme.css"),
+        emitThemeCss(ir.theme) + "\n" + emitRolesCss(ir.theme) + (buttonsCss ? "\n" + buttonsCss : "")
+      );
+    }
+    const mapConfigs = Object.fromEntries(
+      pages.filter((p) => p.mapConfig).map((p) => [p.uid, p.mapConfig])
     );
-    if (mapConfig) {
-      await writeFile(join(outDir, "map-config.json"), JSON.stringify(mapConfig, null, 2) + "\n");
+    if (Object.keys(mapConfigs).length) {
+      await writeFile(join(outDir, "map-config.json"), JSON.stringify(mapConfigs, null, 2) + "\n");
     }
-    const layout = validateLayout(specs, presentation);
-    await writeFile(join(outDir, "layout-report.json"), JSON.stringify(layout, null, 2) + "\n");
-    const sliceCount = plan.documents[0]?.data.slices?.length ?? 0;
+    {
+      const sourceUrlById = new Map(ir.assets.map((a) => [a.id, a.sourceUrl]));
+      const base2 = feedAssetBase([...htmlByUid.values()], ir.meta.bluxSiteId);
+      const mediaDict = siteJson.media ?? {};
+      const extByMime = {
+        "image/png": "png",
+        "image/jpeg": "jpg",
+        "image/svg+xml": "svg",
+        "image/gif": "gif",
+        "image/webp": "webp"
+      };
+      const resolveLogo = (uuid) => {
+        const scraped = sourceUrlById.get(uuid);
+        if (scraped) return scraped;
+        const ext = extByMime[String(mediaDict[uuid]?.type ?? "")];
+        return ext ? `${base2}${uuid}.${ext}` : null;
+      };
+      const resolveSocialHref = socialHrefResolverFromHtml([...htmlByUid.values()]);
+      const siteConfig = buildSiteConfig(siteJson, resolveLogo, resolveSocialHref);
+      await writeFile(join(outDir, "site-config.json"), JSON.stringify(siteConfig, null, 2) + "\n");
+    }
+    {
+      const feeds = siteJson.feeds ?? {};
+      const productFeed = Object.values(feeds).find((f) => f?.publish === "products");
+      if (productFeed && Array.isArray(productFeed.items)) {
+        const base2 = feedAssetBase([...htmlByUid.values()], ir.meta.bluxSiteId);
+        const mediaMeta = siteJson.media ?? {};
+        const resolveImage = (uuid) => {
+          const ext = extFor(mediaMeta[uuid]?.type, mediaMeta[uuid]?.name);
+          return ext ? `${base2}${uuid}.${ext}` : null;
+        };
+        const products = materializeProducts(productFeed.items, resolveImage);
+        await writeFile(join(outDir, "products.json"), JSON.stringify(products, null, 2) + "\n");
+      }
+    }
+    let faviconLine = "";
+    if (ir.meta.favicon?.sourceUrl) {
+      const { assetId, sourceUrl } = ir.meta.favicon;
+      try {
+        const res = await (opts.fetchImpl ?? fetch)(sourceUrl);
+        if (!res.ok) throw new Error(`HTTP ${res.status}`);
+        await writeFile(join(outDir, "favicon.png"), new Uint8Array(await res.arrayBuffer()));
+        faviconLine = `
+favicon \u2192 ${join(outDir, "favicon.png")}`;
+      } catch (err) {
+        await writeFile(
+          join(outDir, "favicon.json"),
+          JSON.stringify({ assetId, url: sourceUrl }, null, 2) + "\n"
+        );
+        faviconLine = `
+favicon fetch failed (${err.message}) \u2014 url preserved in ${join(outDir, "favicon.json")}`;
+      }
+    }
+    const layoutByUid = {};
+    const reportLines = [];
+    for (const p of pages) {
+      const pagePresentation = presentation.pages[p.uid];
+      if (!pagePresentation) continue;
+      const layout = validateLayout(p.specs, pagePresentation);
+      layoutByUid[p.uid] = layout;
+      reportLines.push(`[${p.uid}] ${formatLayoutReport(layout)}`);
+    }
+    await writeFile(
+      join(outDir, "layout-report.json"),
+      JSON.stringify({ pages: layoutByUid }, null, 2) + "\n"
+    );
+    const totalBands = pages.reduce((n, p) => n + p.bands.length, 0);
+    const missing = ir.diagnostics.filter((d) => d.kind === "missing-page-html");
     return {
-      output: `Converted ${bands.length} bands \u2192 ${outDir} (${Object.keys(presentation.bands).length} manifest bands, ${sliceCount} slices` + (mapConfig ? ", map config extracted" : "") + ")\n" + formatLayoutReport(layout),
+      output: `Converted ${pages.length} pages / ${totalBands} bands \u2192 ${outDir} (${plan.documents.length} page documents` + (Object.keys(mapConfigs).length ? `, map config on ${Object.keys(mapConfigs).join(", ")}` : "") + ")" + (missing.length ? `
+skipped (no html): ${missing.map((d) => d.where).join(", ")}` : "") + faviconLine + "\n" + reportLines.join("\n"),
       code: 0
     };
   }
@@ -2202,4 +3177,4 @@ assets: ${r.assetsUploaded} uploaded, ${r.assetsReused} reused | documents: ${r.
 export {
   runBluxCommand
 };
-//# sourceMappingURL=blux-FKZYMKLF.js.map
+//# sourceMappingURL=blux-C24OVDDW.js.map