@riverbankcms/sdk 0.78.0 → 0.79.0

package/dist/server/page-converter.mjs

@@ -304,6 +304,9 @@ function resolveRepeaterGridColumnFieldId(options) {
   return asNonEmptyString(options?.id) ?? DEFAULT_REPEATER_GRID_COLUMN_FIELD_ID;
 }
 
+// ../blocks/src/system/icons/presets.ts
+var ICON_PICKER_PRESETS = ["cta", "feature"];
+
 // ../blocks/src/system/manifest/schema.ts
 var visibilityLevels = ["admin", "designer", "author"];
 var MEDIA_KINDS = [
@@ -382,6 +385,8 @@ var uiSchema = z2.object({
   mediaPickerAutoOpen: z2.boolean().optional(),
   showMediaPreview: z2.boolean().optional(),
   showMediaOverlayActions: z2.boolean().optional(),
+  mediaPreviewMaxWidth: z2.enum(["xs", "sm", "md", "none"]).optional(),
+  preventMediaPreviewUpscale: z2.boolean().optional(),
   mediaDelivery: mediaDeliverySchema.optional(),
   mediaDeliveryByVariant: z2.record(z2.string(), mediaDeliverySchema).optional(),
   // Optional input hints for validators/widgets
@@ -460,7 +465,7 @@ var uiSchema = z2.object({
   layoutGridColumnField: z2.string().optional(),
   layoutGridMaxRows: z2.number().int().positive().optional(),
   // Icon picker configuration (used when ui.widget === 'iconPicker')
-  iconPickerPreset: z2.enum(["cta"]).optional(),
+  iconPickerPreset: z2.enum(ICON_PICKER_PRESETS).optional(),
   // Entry picker configuration
   contentTypeField: z2.string().optional(),
   fixedContentType: z2.string().optional(),
@@ -631,6 +636,9 @@ var repeaterFieldSchema = baseFieldSchema.extend({
   type: z2.literal("repeater"),
   itemLabel: z2.string().default("Item"),
   itemLabelSource: z2.string().optional(),
+  showSummary: z2.boolean().optional(),
+  summaryFields: z2.string().array().optional(),
+  summaryMaxChars: z2.number().int().positive().optional(),
   minItems: z2.number().int().min(0).default(0),
   maxItems: z2.number().int().positive().optional(),
   // Monomorphic mode
@@ -2049,7 +2057,7 @@ var themeColorBaseTokenNames = [
   "accentForeground"
 ];
 var themeColorBaseTokenSet = new Set(themeColorBaseTokenNames);
-var SHADE_STEPS = [
+var themeColorShadeSteps = [
   "50",
   "100",
   "200",
@@ -2062,7 +2070,7 @@ var SHADE_STEPS = [
   "900",
   "950"
 ];
-var shadeStepSet = new Set(SHADE_STEPS);
+var shadeStepSet = new Set(themeColorShadeSteps);
 function isKnownBaseToken(value) {
   return themeColorBaseTokenSet.has(value);
 }
@@ -5689,6 +5697,7 @@ var curatedSiteStyleIdValues = [
   "site-style:personal-retreat-journal",
   "site-style:tactile-workshop",
   "site-style:modern-wellness",
+  "site-style:clarity-zen-blue",
   SOFT_EARTH_SITE_STYLE_ID_VALUE,
   "site-style:bold-launch",
   "site-style:south-west-twerk-school"
@@ -6274,6 +6283,114 @@ var curatedSiteStyles = [
       paletteChoice("warm-neutral-clay")
     ]
   }),
+  defineCuratedSiteStyle({
+    id: "site-style:clarity-zen-blue",
+    name: "Clarity Zen",
+    description: "Calm, editorial, and reassuring for therapy, counselling, and wellbeing support practices.",
+    generationBrief: "Use a calm, soft palette, editorial serif headings, warm grounded copy, rounded cards, calm proof sections, and clear booking routes. Keep the tone compassionate and straightforward, with professional trust rather than hard-sell wellness language.",
+    siteCreatorSelection: {
+      kind: "site_creator_keyword_heuristic",
+      priority: 25
+    },
+    selectionKeywordRules: [
+      { kind: "substring", value: "psychotherap" },
+      { kind: "phrase", value: "mental health" },
+      { kind: "phrase", value: "talk therapy" },
+      { kind: "phrase", value: "therapy and wellbeing" }
+    ],
+    tokenRecipes: {
+      palette: "brand-led",
+      contrast: "standard",
+      radius: "rounded",
+      shadow: "subtle",
+      typography: "serif-editorial",
+      spacing: "airy",
+      motion: "subtle"
+    },
+    compositionBudget: balancedBudget,
+    themeOverrides: {
+      typography: {
+        body: {
+          family: "Inter, system-ui, sans-serif",
+          size: "md",
+          weight: "regular",
+          lineHeight: "relaxed",
+          letterSpacing: "normal"
+        },
+        headings: {
+          default: {
+            family: '"Cormorant Garamond", Georgia, serif',
+            weight: "regular",
+            lineHeight: "normal",
+            letterSpacing: "normal",
+            colorToken: "text",
+            italic: null,
+            case: null
+          },
+          h1: {
+            size: "xl",
+            weight: "regular",
+            lineHeight: "normal",
+            letterSpacing: "normal",
+            italic: null
+          },
+          h2: {
+            size: "lg",
+            weight: "regular",
+            lineHeight: "normal",
+            letterSpacing: "normal",
+            italic: null
+          },
+          h3: {
+            size: "md",
+            weight: "regular",
+            lineHeight: "normal",
+            letterSpacing: "normal",
+            italic: null
+          }
+        },
+        scale: "majorThird"
+      },
+      bodyText: {
+        intro: {
+          paragraphSize: "default",
+          headingSize: "editorial"
+        }
+      }
+    },
+    defaultBlockVariants: {
+      "block.faq": "split-heading-columns"
+    },
+    recommendedAppearancePresetIds: [
+      "hero-split-editorial",
+      "intro-organic-statement",
+      "feature-cards-raised-rule",
+      "media-text-quiet-story",
+      "testimonials-brand-background-quotes",
+      "faq-contained-help",
+      "contact-form-panel"
+    ],
+    recommendedHeaderLookIds: [
+      "centered-calm",
+      "serif-line",
+      "minimal-transparent"
+    ],
+    recommendedFooterLookIds: [
+      "footer-muted-grounding",
+      "site-footer-brand-two-band"
+    ],
+    buttonPersonalityChoices: [
+      buttonChoice("soft-pill"),
+      buttonChoice("pebble"),
+      buttonChoice("editorial-link")
+    ],
+    paletteVariantChoices: [
+      paletteChoice("brand-led-cool"),
+      paletteChoice("soft-natural-watercolor"),
+      paletteChoice("soft-natural-stone"),
+      paletteChoice("warm-neutral-cream")
+    ]
+  }),
   defineCuratedSiteStyle({
     id: "site-style:personal-retreat-journal",
     name: "Personal Retreat Journal",
@@ -8964,47 +9081,48 @@ function validateFieldDefinitions(fields3, fragmentId) {
 function prefixFieldId(field, scope) {
   const cloned = cloneFieldDefinition2(field);
   cloned.id = `${scope}.${field.id}`;
-  cloned.defaultValue = cloneUnknown(cloned.defaultValue);
+  const defaultValue = cloned.defaultValue;
+  cloned.defaultValue = cloneUnknown(defaultValue);
   cloned.visibleRoles = cloned.visibleRoles ? [...cloned.visibleRoles] : void 0;
   cloned.ui = cloneUnknown(cloned.ui);
   return cloned;
 }
 function cloneFieldDefinition2(field) {
-  switch (field.type) {
-    case "repeater":
-      if (field.polymorphic && field.itemTypes) {
-        return {
-          ...field,
-          polymorphic: true,
-          itemTypes: Object.fromEntries(
-            Object.entries(field.itemTypes).map(([key, itemType]) => [
-              key,
-              {
-                ...itemType,
-                fields: itemType.fields.map(cloneFieldDefinition2)
-              }
-            ])
-          )
-        };
-      } else if (field.schema) {
-        return {
-          ...field,
-          schema: {
-            fields: field.schema.fields.map(cloneFieldDefinition2)
-          }
-        };
-      }
-      return { ...field };
-    case "group":
+  if (field.type === "repeater") {
+    if (field.polymorphic && field.itemTypes) {
+      return {
+        ...field,
+        polymorphic: true,
+        itemTypes: Object.fromEntries(
+          Object.entries(field.itemTypes).map(([key, itemType]) => [
+            key,
+            {
+              ...itemType,
+              fields: itemType.fields.map(cloneFieldDefinition2)
+            }
+          ])
+        )
+      };
+    }
+    if (field.schema) {
       return {
         ...field,
         schema: {
           fields: field.schema.fields.map(cloneFieldDefinition2)
         }
       };
-    default:
-      return { ...field };
+    }
+    return { ...field };
   }
+  if (field.type === "group") {
+    return {
+      ...field,
+      schema: {
+        fields: field.schema.fields.map(cloneFieldDefinition2)
+      }
+    };
+  }
+  return { ...field };
 }
 function cloneUnknown(value) {
   if (value == null || typeof value !== "object") {
@@ -9773,36 +9891,46 @@ function buildCarouselLayout() {
     [buildTestimonialCard(repeat("data.entries", "testimonial"))]
   );
 }
+function buildResponsiveGridCards() {
+  return [
+    // 2 columns
+    grid(
+      { gap: "lg", cols: { base: 1, sm: 2 } },
+      [buildTestimonialCard(repeat("data.entries", "testimonial"))],
+      when("gridColumns", { equals: "2" })
+    ),
+    // 3 columns (default when unset)
+    grid(
+      { gap: "lg", cols: { base: 1, sm: 2, lg: 3 } },
+      [buildTestimonialCard(repeat("data.entries", "testimonial"))],
+      when("gridColumns", { equals: "3" })
+    ),
+    // 4 columns
+    grid(
+      { gap: "lg", cols: { base: 1, sm: 2, lg: 3, xl: 4 } },
+      [buildTestimonialCard(repeat("data.entries", "testimonial"))],
+      when("gridColumns", { equals: "4" })
+    ),
+    // Fallback to 3 columns when gridColumns is not set
+    grid(
+      { gap: "lg", cols: { base: 1, sm: 2, lg: 3 } },
+      [buildTestimonialCard(repeat("data.entries", "testimonial"))],
+      when("gridColumns", { not: true })
+    )
+  ];
+}
 function buildGridLayout() {
   return el(
     "div",
     { className: "rb-mt-12 rb-testimonials-carousel" },
-    [
-      // 2 columns
-      grid(
-        { gap: "lg", cols: { base: 1, sm: 2 } },
-        [buildTestimonialCard(repeat("data.entries", "testimonial"))],
-        when("gridColumns", { equals: "2" })
-      ),
-      // 3 columns (default when unset)
-      grid(
-        { gap: "lg", cols: { base: 1, sm: 2, lg: 3 } },
-        [buildTestimonialCard(repeat("data.entries", "testimonial"))],
-        when("gridColumns", { equals: "3" })
-      ),
-      // 4 columns
-      grid(
-        { gap: "lg", cols: { base: 1, sm: 2, lg: 3, xl: 4 } },
-        [buildTestimonialCard(repeat("data.entries", "testimonial"))],
-        when("gridColumns", { equals: "4" })
-      ),
-      // Fallback to 3 columns when gridColumns is not set
-      grid(
-        { gap: "lg", cols: { base: 1, sm: 2, lg: 3 } },
-        [buildTestimonialCard(repeat("data.entries", "testimonial"))],
-        when("gridColumns", { not: true })
-      )
-    ]
+    buildResponsiveGridCards()
+  );
+}
+function buildGridCardsLayout(className) {
+  return el(
+    "div",
+    { className },
+    buildResponsiveGridCards()
   );
 }
 var testimonialsCarouselFragment = defineFragment({
@@ -11347,7 +11475,8 @@ function createBlockManifestWithContentShape(config, _contentShape) {
   return createBlockManifest(config);
 }
 function normalizeBlockLayout(layout) {
-  return Array.isArray(layout) ? [...layout] : layout;
+  const rawLayout = layout;
+  return Array.isArray(rawLayout) ? rawLayout : rawLayout;
 }
 function deriveComponentName(id) {
   const base = id.replace(/^block\./, "");
@@ -12770,6 +12899,24 @@ var questionColumnsLayout = styledSection({
   }),
   baseClass: ""
 });
+var splitHeadingColumnsLayout = styledSection({
+  children: styledContainer({
+    baseClassName: "rb-relative rb-isolate",
+    children: el(
+      "div",
+      {
+        className: "rb-faq-split-heading-columns rb-grid rb-grid-cols-1 rb-gap-8 rb-lg-grid-cols-2 rb-lg-items-start"
+      },
+      [
+        el("div", { className: "rb-faq-split-heading-columns-copy" }, [headingLayout]),
+        el("div", { className: "rb-faq-split-heading-columns-accordion" }, [
+          questionColumnsAccordionLayout
+        ])
+      ]
+    )
+  }),
+  baseClass: ""
+});
 var faqManifest = createBlockManifest({
   id: "block.faq",
   title: "FAQ",
@@ -12790,7 +12937,8 @@ var faqManifest = createBlockManifest({
   variants: {
     default: defaultLayout,
     "two-column": twoColumnLayout,
-    "question-columns": questionColumnsLayout
+    "question-columns": questionColumnsLayout,
+    "split-heading-columns": splitHeadingColumnsLayout
   },
   defaultVariant: "default",
   variantOptions: {
@@ -12805,6 +12953,10 @@ var faqManifest = createBlockManifest({
     "question-columns": {
       label: "Question columns",
       description: "A full-width heading above FAQ items split into two columns."
+    },
+    "split-heading-columns": {
+      label: "Split heading columns",
+      description: "A left heading column with FAQ items split into two columns on the right."
     }
   },
   description: "Accordion of frequently asked questions and answers.",
@@ -13575,6 +13727,7 @@ var siteFooterBlockDefinition = {
 };
 
 // ../blocks/src/system/blocks/testimonials.tsx
+var backgroundImageClassName = "rb-absolute rb-inset-0 rb-z-neg-10 rb-h-full rb-w-full rb-object-cover rb-opacity-50";
 var wrapVariant = (variantLayout) => styledSection({
   children: styledContainer({
     children: stack(
@@ -13588,10 +13741,53 @@ var wrapVariant = (variantLayout) => styledSection({
   // styledContainer (rb-container) already provides horizontal padding
   baseClass: "",
   spacing: "comfortable",
-  imageClassName: "rb-absolute rb-inset-0 rb-z-neg-10 rb-h-full rb-w-full rb-object-cover rb-opacity-50"
+  imageClassName: backgroundImageClassName
 });
 var carouselLayout = wrapVariant(buildCarouselLayout());
 var gridLayout2 = wrapVariant(buildGridLayout());
+var splitHeading = stack(
+  { gap: "md", className: "rb-testimonials-split-heading-copy rb-max-w-xl" },
+  [
+    text(
+      { as: "h2" },
+      when("content.heading"),
+      bind("content.heading")
+    ),
+    headingDecoration({
+      family: "short-center-rule",
+      placement: "after-heading"
+    }),
+    text(
+      {
+        as: "p",
+        className: "rb-prose",
+        style: textColorStyle("mutedText")
+      },
+      when("content.subheading"),
+      bind("content.subheading")
+    )
+  ]
+);
+var splitGridLayout = styledSection({
+  children: styledContainer({
+    baseClassName: "rb-relative rb-isolate",
+    children: el(
+      "div",
+      {
+        className: "rb-testimonials-split-grid rb-grid rb-grid-cols-1 rb-gap-8 rb-lg-grid-cols-2 rb-lg-items-start"
+      },
+      [
+        el("div", { className: "rb-testimonials-split-grid-heading" }, [splitHeading]),
+        el("div", { className: "rb-testimonials-split-grid-cards" }, [
+          buildGridCardsLayout("rb-testimonials-split-grid-card-list")
+        ])
+      ]
+    )
+  }),
+  baseClass: "",
+  spacing: "comfortable",
+  imageClassName: backgroundImageClassName
+});
 var additionalFields = parseFieldDefinitions([
   // Heading fields from fragment
   ...testimonialsHeadingFragment.fields,
@@ -13623,7 +13819,7 @@ var additionalFields = parseFieldDefinitions([
     ],
     ui: {
       intent: "display",
-      visibleWhen: { field: "variant", equals: "grid" }
+      visibleWhen: { field: "variant", oneOf: ["grid", "split-grid"] }
     }
   },
   // Carousel-specific fields (from fragment)
@@ -13657,7 +13853,8 @@ var testimonialsManifest = createBlockManifest({
   // Variant system - enables the variant switcher control in the editor
   variants: {
     carousel: carouselLayout,
-    grid: gridLayout2
+    grid: gridLayout2,
+    "split-grid": splitGridLayout
   },
   defaultVariant: "carousel",
   variantOptions: {
@@ -13670,6 +13867,11 @@ var testimonialsManifest = createBlockManifest({
       label: "Grid",
       description: "Responsive grid layout",
       icon: "Grid"
+    },
+    "split-grid": {
+      label: "Split grid",
+      description: "Heading on the left with testimonial cards on the right",
+      icon: "PanelLeft"
     }
   },
   // Fields (variant field is auto-generated by augmentManifest)
@@ -14062,6 +14264,13 @@ var collectionBlockDefinition = {
   manifest: collectionManifest
 };
 
+// ../blocks/src/system/blocks/feature-card-icons.ts
+var FEATURE_CARD_ICON_TREATMENTS = [
+  "plain",
+  "soft-badge",
+  "utility-badge"
+];
+
 // ../blocks/src/system/blocks/feature-cards.ts
 function grid3(props2, children) {
   return el("grid", props2 ?? void 0, children ?? void 0);
@@ -14104,6 +14313,15 @@ var featureCard = styledCard(
       bind("card.media")
     ),
     stack({ gap: "sm", className: "rb-feature-card-content rb-flex-1 rb-p-6" }, [
+      el(
+        "feature-card-icon",
+        {
+          treatment: { $bind: { from: "content._iconTreatment", fallback: "soft-badge" } },
+          generatedAssets: { $bind: { from: "data.generatedIconAssets" } }
+        },
+        null,
+        bind("card.icon")
+      ),
       text(
         {
           as: "h3",
@@ -14225,6 +14443,16 @@ var featureCardsConfig = {
             defaultValue: "4/3",
             visibleWhen: { field: "media", notEquals: null }
           }),
+          {
+            id: "icon",
+            type: "text",
+            label: "Icon",
+            required: false,
+            ui: {
+              widget: "iconPicker",
+              iconPickerPreset: "feature"
+            }
+          },
           {
             id: "title",
             type: "text",
@@ -14260,6 +14488,19 @@ var featureCardsConfig = {
         ]
       }
     },
+    {
+      id: "_iconTreatment",
+      type: "select",
+      label: "Icon style",
+      required: false,
+      defaultValue: "soft-badge",
+      multiple: false,
+      options: FEATURE_CARD_ICON_TREATMENTS.map((value) => ({
+        value,
+        label: value === "plain" ? "Plain" : value === "soft-badge" ? "Soft badge" : "Utility badge"
+      })),
+      ui: { intent: "display" }
+    },
     cardStylesField({
       id: "_cardStyles",
       label: "Card styles"
@@ -15262,8 +15503,8 @@ var eventSurfaceScopeValues = [
   "custom"
 ];
 var eventScheduleScopeValues = ["any", "recurring", "oneOff"];
-var asEventCategoryId = (value) => value;
-var asVenueId = (value) => value;
+var unsafeAsEventCategoryId = (value) => value;
+var unsafeAsVenueId = (value) => value;
 function normalizeEventBlockKind(value) {
   return value === "courses" || value === "events" ? value : "all";
 }
@@ -15289,10 +15530,10 @@ function normalizeEventCategoryIds(value) {
   if (Array.isArray(value)) {
     return normalizeIdList(
       value.filter((entry) => typeof entry === "string")
-    ).map(asEventCategoryId);
+    ).map(unsafeAsEventCategoryId);
   }
   if (typeof value === "string") {
-    return normalizeIdList(value.split(",")).map(asEventCategoryId);
+    return normalizeIdList(value.split(",")).map(unsafeAsEventCategoryId);
   }
   return [];
 }
@@ -15305,7 +15546,7 @@ function normalizeEventVenueId(value) {
     return null;
   }
   const trimmed = value.trim();
-  return trimmed ? asVenueId(trimmed) : null;
+  return trimmed ? unsafeAsVenueId(trimmed) : null;
 }
 function normalizeEventStaffMemberId(value) {
   if (typeof value !== "string") {
@@ -22001,7 +22242,8 @@ var systemBlockDefinitionsRaw = [
     layoutProfiles: [
       layoutProfile({ variantKey: "default", family: "stack", weight: "standard" }),
       layoutProfile({ variantKey: "two-column", family: "split", weight: "standard" }),
-      layoutProfile({ variantKey: "question-columns", family: "grid", weight: "standard" })
+      layoutProfile({ variantKey: "question-columns", family: "grid", weight: "standard" }),
+      layoutProfile({ variantKey: "split-heading-columns", family: "split", weight: "standard" })
     ]
   })),
   withDesignCapability("block.site-header", siteHeaderBlockDefinition, declareNoBlockDesignCapability("site-chrome"), defineBlockDesignMetadata({
@@ -22032,6 +22274,12 @@ var systemBlockDefinitionsRaw = [
         family: "grid",
         weight: "standard",
         bias: "soft"
+      }),
+      layoutProfile({
+        variantKey: "split-grid",
+        family: "split",
+        weight: "featured",
+        bias: "soft"
       })
     ]
   })),
@@ -23749,11 +23997,14 @@ function collectFieldIds(fields3) {
     for (const field of fieldList) {
       ids.add(field.id);
       if (field.schema && typeof field.schema === "object" && "fields" in field.schema) {
-        collect(field.schema.fields);
+        const nestedFields = field.schema.fields;
+        if (isFieldIdRecordArray(nestedFields)) {
+          collect(nestedFields);
+        }
       }
-      if (field.tabs && Array.isArray(field.tabs)) {
+      if (isRecordArray(field.tabs)) {
         for (const tab of field.tabs) {
-          if (tab.fields && Array.isArray(tab.fields)) {
+          if (isFieldIdRecordArray(tab.fields)) {
             collect(tab.fields);
           }
         }
@@ -23770,6 +24021,12 @@ function collectFieldIds(fields3) {
   collect(fields3);
   return ids;
 }
+function isRecordArray(value) {
+  return Array.isArray(value);
+}
+function isFieldIdRecordArray(value) {
+  return Array.isArray(value) && value.every((item) => typeof item === "object" && item !== null && typeof item.id === "string");
+}
 var CONTENT_NODE_TYPES = ["text", "richText", "media", "button", "link"];
 function collectFieldInfo(fields3) {
   const topLevelFieldIds = /* @__PURE__ */ new Set();
@@ -25839,7 +26096,7 @@ async function convertHtmlToManifest(input, options) {
 
 // src/page-converter/passes/pass2-population.ts
 var builtinContentSchema = z59.object({
-  content: z59.any(),
+  content: z59.unknown(),
   rationale: z59.string()
 });
 var SECTION_STYLES_ALLOWED_KEYS = /* @__PURE__ */ new Set(["background", "spacing"]);
@@ -25899,6 +26156,9 @@ function sanitizeExtractedContent(content) {
   }
   return result;
 }
+function isRecord2(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
 function isBoxStylesField(fieldId) {
   return fieldId === "_sectionStyles" || fieldId === "_containerStyles" || fieldId === "_cardStyles";
 }
@@ -26004,7 +26264,8 @@ async function populateBuiltinBlock(sectionIndex, section2, blockInfo, ctx) {
     );
     await ctx.debug.writeText(`pass2-builtin-${sectionIndex}-raw.txt`, rawText);
     await ctx.debug.writeJson(`pass2-builtin-${sectionIndex}-output.json`, result);
-    const sanitizedContent = result.content && typeof result.content === "object" ? sanitizeExtractedContent(result.content) : result.content;
+    const rawContent = result.content;
+    const sanitizedContent = isRecord2(rawContent) ? sanitizeExtractedContent(rawContent) : {};
     return {
       success: true,
       block: {

package/dist/server/prebuild.mjs

@@ -4,7 +4,7 @@ import * as path from "path";
 import * as crypto from "crypto";
 
 // src/version.ts
-var SDK_VERSION = "0.78.0";
+var SDK_VERSION = "0.79.0";
 
 // src/constants.ts
 var PREBUILD_PAGE_SIZE = 50;