@riverbankcms/sdk 0.70.3 → 0.71.0

package/dist/server/page-converter.mjs

@@ -305,6 +305,28 @@ function resolveRepeaterGridColumnFieldId(options) {
 
 // ../blocks/src/system/manifest/schema.ts
 var visibilityLevels = ["admin", "designer", "author"];
+var MEDIA_KINDS = [
+  "image",
+  "video",
+  "audio",
+  "document",
+  "spreadsheet",
+  "archive"
+];
+var DISPLAY_MEDIA_KINDS = [
+  "image",
+  "video",
+  "audio"
+];
+var PUBLIC_FILE_FIELD_KINDS = [
+  "document",
+  "spreadsheet",
+  "archive",
+  "audio"
+];
+function isDisplayMediaKind(kind) {
+  return DISPLAY_MEDIA_KINDS.includes(kind);
+}
 var siteOptionSources = [
   "eventCategories",
   "venues",
@@ -468,11 +490,19 @@ var richTextFieldSchema = baseFieldSchema.extend({
 });
 var mediaFieldSchema = baseFieldSchema.extend({
   type: z2.literal("media"),
-  mediaKinds: z2.array(
-    z2.enum(["image", "video", "audio", "document", "spreadsheet", "archive"])
-  ).default(["image"]),
+  // Keep full MEDIA_KINDS parse compatibility for pre-file-field manifests.
+  // New authoring surfaces should use `file.fileKinds` for document/archive
+  // style assets, but old saved schemas must not fail to open.
+  mediaKinds: z2.array(z2.enum(MEDIA_KINDS)).default(["image"]).transform((kinds) => {
+    const displayKinds = kinds.filter(isDisplayMediaKind);
+    return displayKinds.length > 0 ? displayKinds : ["image"];
+  }),
   aspectRatio: z2.string().optional()
 });
+var fileFieldSchema = baseFieldSchema.extend({
+  type: z2.literal("file"),
+  fileKinds: z2.array(z2.enum(PUBLIC_FILE_FIELD_KINDS)).default([...PUBLIC_FILE_FIELD_KINDS])
+});
 var booleanFieldSchema = baseFieldSchema.extend({
   type: z2.literal("boolean")
 });
@@ -778,6 +808,7 @@ function getFieldSchemaInternal() {
     textFieldSchema,
     richTextFieldSchema,
     mediaFieldSchema,
+    fileFieldSchema,
     booleanFieldSchema,
     numberFieldSchema,
     dateFieldSchema,
@@ -7210,13 +7241,18 @@ var fragmentDataSchema = z25.object({
   loader: dataLoaderSchema.optional()
 });
 var fragmentConfigSchema = z25.object({
-  id: z25.string().min(1, "Fragment id is required").regex(FRAGMENT_ID_PATTERN, "Fragment id must be alphanumeric with optional . _ - separators"),
+  id: z25.string().min(1, "Fragment id is required").regex(
+    FRAGMENT_ID_PATTERN,
+    "Fragment id must be alphanumeric with optional . _ - separators"
+  ),
   title: z25.string().optional(),
   description: z25.string().optional(),
   category: z25.enum(["content", "media", "interactive", "layout"]).optional(),
   icon: z25.string().optional(),
   fields: fieldSchema.array().default([]),
-  layout: z25.union([NodeSchema, NodeSchema.array()]).transform((value) => Array.isArray(value) ? value : [value]),
+  layout: z25.union([NodeSchema, NodeSchema.array()]).transform(
+    (value) => Array.isArray(value) ? value : [value]
+  ),
   data: fragmentDataSchema.optional()
 });
 var FragmentConfigError = class extends Error {
@@ -7238,13 +7274,19 @@ function defineFragment(config) {
 function scopeFragmentFields(fragment, scope) {
   const normalizedScope = scope.trim();
   if (!normalizedScope) {
-    return fragment.fields.map((field) => cloneFieldDefinition2(field));
+    return fragment.fields.map(
+      (field) => cloneFieldDefinition2(field)
+    );
   }
-  return fragment.fields.map((field) => prefixFieldId(field, normalizedScope));
+  return fragment.fields.map(
+    (field) => prefixFieldId(field, normalizedScope)
+  );
 }
 function scopeFragmentLayout(fragment, scope) {
   const normalizedScope = scope.trim();
-  return fragment.layout.map((node) => cloneAndScopeNode(node, normalizedScope));
+  return fragment.layout.map(
+    (node) => cloneAndScopeNode(node, normalizedScope)
+  );
 }
 function validateFieldDefinitions(fields3, fragmentId) {
   const seen = /* @__PURE__ */ new Set();
@@ -7326,7 +7368,9 @@ function cloneAndScopeNode(node, scope) {
     ...node
   };
   if (node.children) {
-    cloned.children = node.children.map((child) => cloneAndScopeNode(child, scope));
+    cloned.children = node.children.map(
+      (child) => cloneAndScopeNode(child, scope)
+    );
   }
   if (node.props) {
     cloned.props = scopePropBindings(node.props, scope);
@@ -7352,7 +7396,9 @@ function scopeBinding(binding, scope) {
   const cloned = {
     ...binding,
     transforms: binding.transforms?.map(
-      (step) => ({ ...step })
+      (step) => ({
+        ...step
+      })
     ) ?? []
   };
   cloned.from = scopeContentPath(binding.from, scope);
@@ -7396,7 +7442,9 @@ function scopePropValue(value, scope) {
       };
     }
     const result = {};
-    for (const [key, entry] of Object.entries(value)) {
+    for (const [key, entry] of Object.entries(
+      value
+    )) {
       result[key] = scopePropValue(entry, scope);
     }
     return result;
@@ -7845,28 +7893,29 @@ var ctaRowFragment = defineFragment({
 });
 
 // ../blocks/src/system/fragments/library/heroCtaRow.ts
+var heroCtaFields = [
+  createCtasRepeater({
+    label: "Calls to action",
+    itemLabel: "CTA",
+    maxItems: 3,
+    button: {
+      variants: [
+        { value: "default", label: "Default" },
+        { value: "primary", label: "Primary" },
+        { value: "secondary", label: "Secondary" },
+        { value: "outline", label: "Outline" }
+      ],
+      defaultVariant: "default",
+      includeSize: true,
+      defaultSize: "lg"
+    }
+  })
+];
 var heroCtaRowFragment = defineFragment({
   id: "heroCtaRow",
   title: "Hero CTAs",
   description: "Repeatable hero calls to action rendered inline.",
-  fields: [
-    createCtasRepeater({
-      label: "Calls to action",
-      itemLabel: "CTA",
-      maxItems: 3,
-      button: {
-        variants: [
-          { value: "default", label: "Default" },
-          { value: "primary", label: "Primary" },
-          { value: "secondary", label: "Secondary" },
-          { value: "outline", label: "Outline" }
-        ],
-        defaultVariant: "default",
-        includeSize: true,
-        defaultSize: "lg"
-      }
-    })
-  ],
+  fields: heroCtaFields,
   layout: [
     ctaRow({
       collectionPath: "content.ctas",
@@ -12534,8 +12583,7 @@ var PUBLIC_DOWNLOAD_MEDIA_TYPES = [
   "document",
   "spreadsheet",
   "archive",
-  "audio",
-  "video"
+  "audio"
 ];
 var hotspotSchema2 = z31.object({
   x: z31.number().min(0).max(1),
@@ -14110,104 +14158,107 @@ var courseDetailsBlockDefinition = {
 };
 
 // ../blocks/src/system/blocks/events/event-spotlight.ts
-var eventSpotlightManifest = createBlockManifest({
+var eventSpotlightFields = [
+  ...sectionHeaderFields("Upcoming Events"),
+  {
+    id: "maxEvents",
+    type: "select",
+    label: "Events to display",
+    description: "Number of events to show",
+    required: false,
+    multiple: false,
+    defaultValue: "3",
+    options: [
+      { value: "1", label: "1 event" },
+      { value: "2", label: "2 events" },
+      { value: "3", label: "3 events" },
+      { value: "4", label: "4 events" },
+      { value: "5", label: "5 events" },
+      { value: "6", label: "6 events" }
+    ],
+    ui: { intent: "display" }
+  },
+  {
+    id: "ctaLabel",
+    type: "text",
+    label: "Section button text",
+    description: "Optional button shown below the spotlight cards",
+    required: false,
+    multiline: false,
+    maxLength: 40,
+    ui: { intent: "content" }
+  },
+  {
+    id: "ctaUrl",
+    type: "link",
+    label: "Section button destination",
+    required: false,
+    ui: { intent: "display" }
+  },
+  layoutField,
+  columnsField(["2", "3"]),
+  ...cardStylingFields,
+  ...eventDisplayFields,
+  emptyStateField,
+  sectionStylesField({
+    id: "_sectionStyles",
+    label: "Section styles"
+  })
+];
+var eventSpotlightLayout = [
+  styledSection({
+    children: sectionContainer([
+      // Optional heading
+      text(
+        { as: "h2" },
+        bind("content.heading"),
+        when("content.heading")
+      ),
+      // Optional description
+      richText(
+        { className: "rb-prose rb-max-w-none" },
+        bind("content.description"),
+        when("content.description")
+      ),
+      // Event spotlight component
+      el("event-spotlight", {
+        events: { $bind: { from: "data.events" } },
+        layout: { $bind: { from: "content.layout", fallback: "grid" } },
+        columns: { $bind: { from: "content.columns", fallback: "3" } },
+        cardVariant: { $bind: { from: "content.cardVariant", fallback: "default" } },
+        buttonVariant: { $bind: { from: "content.buttonVariant", fallback: "primary" } },
+        buttonText: { $bind: { from: "content.buttonText", fallback: "View event" } },
+        ctaLabel: { $bind: { from: "content.ctaLabel" } },
+        ctaUrl: { $bind: { from: "content.ctaUrl", transforms: [{ id: "links.resolve" }] } },
+        showVenue: { $bind: { from: "content.showVenue" } },
+        showMap: { $bind: { from: "content.showMap" } },
+        showCapacity: { $bind: { from: "content.showCapacity" } },
+        emptyMessage: { $bind: { from: "content.emptyMessage" } }
+      })
+    ], {
+      gap: "lg"
+    }),
+    // sectionContainer (rb-container) already provides horizontal padding
+    baseClass: "",
+    spacing: "comfortable"
+  })
+];
+var eventSpotlightConfig = {
   id: "block.event-spotlight",
   version: "1.1.0",
   title: "Event Spotlight",
   titleSource: "heading",
   description: "Feature a few upcoming events on your homepage",
   skipSectionStyles: true,
-  additionalFields: [
-    ...sectionHeaderFields("Upcoming Events"),
-    {
-      id: "maxEvents",
-      type: "select",
-      label: "Events to display",
-      description: "Number of events to show",
-      required: false,
-      multiple: false,
-      defaultValue: "3",
-      options: [
-        { value: "1", label: "1 event" },
-        { value: "2", label: "2 events" },
-        { value: "3", label: "3 events" },
-        { value: "4", label: "4 events" },
-        { value: "5", label: "5 events" },
-        { value: "6", label: "6 events" }
-      ],
-      ui: { intent: "display" }
-    },
-    {
-      id: "ctaLabel",
-      type: "text",
-      label: "Section button text",
-      description: "Optional button shown below the spotlight cards",
-      required: false,
-      multiline: false,
-      maxLength: 40,
-      ui: { intent: "content" }
-    },
-    {
-      id: "ctaUrl",
-      type: "link",
-      label: "Section button destination",
-      required: false,
-      ui: { intent: "display" }
-    },
-    layoutField,
-    columnsField(["2", "3"]),
-    ...cardStylingFields,
-    ...eventDisplayFields,
-    emptyStateField,
-    sectionStylesField({
-      id: "_sectionStyles",
-      label: "Section styles"
-    })
-  ],
+  additionalFields: eventSpotlightFields,
   styleTokens: { background: "surface", typography: "body", spacing: "md" },
   behaviours: { supportsThemeSwitching: true, inlineEditing: false, animation: false, paletteHidden: false },
   category: "content",
   tags: ["events", "featured", "homepage", "spotlight", "upcoming"],
   icon: "Star",
-  layout: [
-    styledSection({
-      children: sectionContainer([
-        // Optional heading
-        text(
-          { as: "h2" },
-          bind("content.heading"),
-          when("content.heading")
-        ),
-        // Optional description
-        richText(
-          { className: "rb-prose rb-max-w-none" },
-          bind("content.description"),
-          when("content.description")
-        ),
-        // Event spotlight component
-        el("event-spotlight", {
-          events: { $bind: { from: "data.events" } },
-          layout: { $bind: { from: "content.layout", fallback: "grid" } },
-          columns: { $bind: { from: "content.columns", fallback: "3" } },
-          cardVariant: { $bind: { from: "content.cardVariant", fallback: "default" } },
-          buttonVariant: { $bind: { from: "content.buttonVariant", fallback: "primary" } },
-          buttonText: { $bind: { from: "content.buttonText", fallback: "View event" } },
-          ctaLabel: { $bind: { from: "content.ctaLabel" } },
-          ctaUrl: { $bind: { from: "content.ctaUrl", transforms: [{ id: "links.resolve" }] } },
-          showVenue: { $bind: { from: "content.showVenue" } },
-          showMap: { $bind: { from: "content.showMap" } },
-          showCapacity: { $bind: { from: "content.showCapacity" } },
-          emptyMessage: { $bind: { from: "content.emptyMessage" } }
-        })
-      ], {
-        gap: "lg"
-      }),
-      // sectionContainer (rb-container) already provides horizontal padding
-      baseClass: "",
-      spacing: "comfortable"
-    })
-  ]
-});
+  layout: eventSpotlightLayout
+};
+var eventSpotlightManifest = createBlockManifest(eventSpotlightConfig);
 var eventSpotlightBlockDefinition = {
   manifest: eventSpotlightManifest,
   dataSchemas: {
@@ -16821,18 +16872,18 @@ var fileDownloadManifest = createBlockManifest({
   title: "File Download",
   titleSource: ["title", "file.filename"],
   category: "media",
-  description: "Add a simple public download link for a document, ZIP, audio, or video file.",
+  description: "Add a simple public download link for a document, ZIP, or audio file.",
   tags: ["file", "download", "document", "zip", "media"],
   icon: "Download",
   includeContainerStyles: true,
   additionalFields: [
     {
       id: "file",
-      type: "media",
+      type: "file",
       label: "Download file",
       description: "Choose the file visitors can download.",
       required: false,
-      mediaKinds: [...PUBLIC_DOWNLOAD_MEDIA_TYPES],
+      fileKinds: [...PUBLIC_DOWNLOAD_MEDIA_TYPES],
       ui: { intent: "content" }
     },
     {
@@ -20551,7 +20602,14 @@ var titleSourceValueSchema = z54.union([
 ]);
 
 // src/manifest/validation/output-schema.ts
-var blockCategoryEnum2 = z55.enum(["marketing", "content", "blog", "media", "layout", "interactive"]);
+var blockCategoryEnum2 = z55.enum([
+  "marketing",
+  "content",
+  "blog",
+  "media",
+  "layout",
+  "interactive"
+]);
 var llmColorValue = z55.object({
   name: z55.string(),
   hex: z55.string()
@@ -20569,8 +20627,16 @@ var llmThemePatchValue = z55.union([
   z55.array(llmThemePrimitive)
 ]);
 var llmThemePatchOpSchema = z55.discriminatedUnion("op", [
-  z55.object({ op: z55.literal("add"), path: z55.string().min(1), value: llmThemePatchValue }),
-  z55.object({ op: z55.literal("replace"), path: z55.string().min(1), value: llmThemePatchValue }),
+  z55.object({
+    op: z55.literal("add"),
+    path: z55.string().min(1),
+    value: llmThemePatchValue
+  }),
+  z55.object({
+    op: z55.literal("replace"),
+    path: z55.string().min(1),
+    value: llmThemePatchValue
+  }),
   z55.object({ op: z55.literal("remove"), path: z55.string().min(1) })
 ]);
 var llmCssDeclaration = z55.object({
@@ -20647,7 +20713,11 @@ var llmRichTextFieldSchema = llmBaseFieldSchema.extend({
 });
 var llmMediaFieldSchema = llmBaseFieldSchema.extend({
   type: z55.literal("media"),
-  mediaKinds: z55.array(z55.enum(["image", "video", "audio", "document", "spreadsheet", "archive"])).nullable()
+  mediaKinds: z55.array(z55.enum(["image", "video", "audio"])).nullable()
+});
+var llmFileFieldSchema = llmBaseFieldSchema.extend({
+  type: z55.literal("file"),
+  fileKinds: z55.array(z55.enum(["document", "spreadsheet", "archive", "audio"])).nullable()
 });
 var llmBooleanFieldSchema = llmBaseFieldSchema.extend({
   type: z55.literal("boolean")
@@ -20657,10 +20727,12 @@ var llmLinkFieldSchema = llmBaseFieldSchema.extend({
 });
 var llmSelectFieldSchema = llmBaseFieldSchema.extend({
   type: z55.literal("select"),
-  options: z55.array(z55.object({
-    value: z55.string(),
-    label: z55.string()
-  })),
+  options: z55.array(
+    z55.object({
+      value: z55.string(),
+      label: z55.string()
+    })
+  ),
   multiple: z55.boolean().nullable()
 });
 var llmNumberFieldSchema = llmBaseFieldSchema.extend({
@@ -20696,6 +20768,7 @@ var llmFieldSchema = z55.union([
   llmTextFieldSchema,
   llmRichTextFieldSchema,
   llmMediaFieldSchema,
+  llmFileFieldSchema,
   llmBooleanFieldSchema,
   llmLinkFieldSchema,
   llmSelectFieldSchema,
@@ -20706,9 +20779,11 @@ var llmFieldSchema = z55.union([
 var llmBindingSchema = z55.object({
   from: z55.string(),
   fallback: z55.string().nullable(),
-  transforms: z55.array(z55.object({
-    id: z55.string()
-  })).nullable()
+  transforms: z55.array(
+    z55.object({
+      id: z55.string()
+    })
+  ).nullable()
 });
 var llmRepeatSchema = z55.object({
   collection: z55.object({ from: z55.string() }),
@@ -20767,11 +20842,17 @@ function collectValidationErrors(output) {
   const blockIds = output.blocks.map((b) => b.id);
   const singleBlockId = blockIds.length === 1 ? blockIds[0] ?? null : null;
   for (const block of output.blocks) {
-    const layoutErrors = validateLayoutDeep(block.layout, block.id, block.fields);
+    const layoutErrors = validateLayoutDeep(
+      block.layout,
+      block.id,
+      block.fields
+    );
     errors.push(...layoutErrors);
     const fieldInfo = collectFieldInfo(block.fields);
     const used = collectUsedFieldRefs(block.layout);
-    const unusedTopLevelFields = Array.from(fieldInfo.topLevelFieldIds).filter((id) => !used.topLevel.has(id));
+    const unusedTopLevelFields = Array.from(fieldInfo.topLevelFieldIds).filter(
+      (id) => !used.topLevel.has(id)
+    );
     if (unusedTopLevelFields.length > 0) {
       errors.push({
         path: `blocks["${block.id}"].fields`,
@@ -20779,10 +20860,15 @@ function collectValidationErrors(output) {
         suggestion: `Every field should be bound to a layout node. Add $bind: { from: "content.${unusedTopLevelFields[0]}" } to an appropriate node, or remove unused fields.`
       });
     }
-    for (const [repeaterFieldId, nestedFieldIds] of fieldInfo.repeaterNestedFieldIds.entries()) {
+    for (const [
+      repeaterFieldId,
+      nestedFieldIds
+    ] of fieldInfo.repeaterNestedFieldIds.entries()) {
       if (!used.topLevel.has(repeaterFieldId)) continue;
       const usedNested = used.nestedByRepeater.get(repeaterFieldId) ?? /* @__PURE__ */ new Set();
-      const missingNested = Array.from(nestedFieldIds).filter((id) => !usedNested.has(id));
+      const missingNested = Array.from(nestedFieldIds).filter(
+        (id) => !usedNested.has(id)
+      );
       if (missingNested.length === 0) continue;
       const itemName = used.itemNameByRepeater.get(repeaterFieldId) ?? "item";
       errors.push({
@@ -20795,10 +20881,18 @@ function collectValidationErrors(output) {
     errors.push(...missingBindings);
     errors.push(...validateLinkFieldDefaultValues(block));
     errors.push(...findMissingLinkHrefs(block.layout, block.id, block.fields));
-    errors.push(...detectRedundantLinkLabels(block.layout, block.id, block.fields));
+    errors.push(
+      ...detectRedundantLinkLabels(block.layout, block.id, block.fields)
+    );
   }
   if (output.customCssRules && output.customCssRules.length > 0) {
-    errors.push(...validateCustomCssRules(output.customCssRules, singleBlockId, output.blocks));
+    errors.push(
+      ...validateCustomCssRules(
+        output.customCssRules,
+        singleBlockId,
+        output.blocks
+      )
+    );
   }
   return errors;
 }
@@ -20874,7 +20968,9 @@ function resolveFieldTypeForFrom(allFields, from, repeatStack) {
     const segments = from.slice(prefix.length).split(".").filter(Boolean);
     const [nestedId, ...rest] = segments;
     if (!nestedId) return null;
-    let current = ctx.fields.find((f) => f.id === nestedId);
+    let current = ctx.fields.find(
+      (f) => f.id === nestedId
+    );
     if (!current) return null;
     for (const seg of rest) {
       const nested = getNestedFields(current);
@@ -20890,7 +20986,9 @@ function bindingHasTransform(bind2, id) {
   if (!bind2) return false;
   const transforms = bind2.transforms;
   if (!Array.isArray(transforms)) return false;
-  return transforms.some((t) => t && typeof t === "object" && t.id === id);
+  return transforms.some(
+    (t) => t && typeof t === "object" && t.id === id
+  );
 }
 function extractNestedHrefBindFromProps(props2) {
   if (!props2 || typeof props2 !== "object") return null;
@@ -20951,7 +21049,15 @@ function findMissingLinkHrefs(node, blockId, fields3, path2 = "layout", repeatSt
   }
   if ("children" in n && Array.isArray(n.children)) {
     for (let i = 0; i < n.children.length; i++) {
-      errors.push(...findMissingLinkHrefs(n.children[i], blockId, fields3, `${path2}.children[${i}]`, nextRepeatStack));
+      errors.push(
+        ...findMissingLinkHrefs(
+          n.children[i],
+          blockId,
+          fields3,
+          `${path2}.children[${i}]`,
+          nextRepeatStack
+        )
+      );
     }
   }
   return errors;
@@ -20975,22 +21081,30 @@ function detectRedundantLinkLabels(node, blockId, fields3, path2 = "layout", rep
   }
   if (Array.isArray(n.children) && n.children.length > 1) {
     const children = n.children;
-    const redundancies = findRedundantLinkTextSiblings(children, nextRepeatStack, path2);
-    errors.push(...redundancies.map((r) => ({
-      path: r.path,
-      message: `Block "${blockId}": ${r.message}`,
-      suggestion: r.suggestion
-    })));
+    const redundancies = findRedundantLinkTextSiblings(
+      children,
+      nextRepeatStack,
+      path2
+    );
+    errors.push(
+      ...redundancies.map((r) => ({
+        path: r.path,
+        message: `Block "${blockId}": ${r.message}`,
+        suggestion: r.suggestion
+      }))
+    );
   }
   if (Array.isArray(n.children)) {
     for (let i = 0; i < n.children.length; i++) {
-      errors.push(...detectRedundantLinkLabels(
-        n.children[i],
-        blockId,
-        fields3,
-        `${path2}.children[${i}]`,
-        nextRepeatStack
-      ));
+      errors.push(
+        ...detectRedundantLinkLabels(
+          n.children[i],
+          blockId,
+          fields3,
+          `${path2}.children[${i}]`,
+          nextRepeatStack
+        )
+      );
     }
   }
   return errors;
@@ -21044,7 +21158,8 @@ function checkRedundantLabelBinding(linkBindFrom, textBindFrom, repeatStack) {
     const ctx = repeatStack[i];
     if (!ctx) continue;
     const prefix = `${ctx.itemName}.`;
-    if (!linkBindFrom.startsWith(prefix) || !textBindFrom.startsWith(prefix)) continue;
+    if (!linkBindFrom.startsWith(prefix) || !textBindFrom.startsWith(prefix))
+      continue;
     const linkFieldId = linkBindFrom.slice(prefix.length).split(".")[0] ?? "";
     const textFieldId = textBindFrom.slice(prefix.length).split(".")[0] ?? "";
     const linkField = ctx.fields.find((f) => f.id === linkFieldId);
@@ -21069,7 +21184,10 @@ function validateCustomCssRules(rules, singleBlockId, blocks) {
   const layoutClassNamesByBlockId = /* @__PURE__ */ new Map();
   const layoutNodeInfosByBlockId = /* @__PURE__ */ new Map();
   for (const block of blocks) {
-    layoutClassNamesByBlockId.set(block.id, collectLayoutClassNames(block.layout));
+    layoutClassNamesByBlockId.set(
+      block.id,
+      collectLayoutClassNames(block.layout)
+    );
     layoutNodeInfosByBlockId.set(block.id, collectLayoutNodeInfos(block.layout));
   }
   const missingLayoutHooksByBlockId = /* @__PURE__ */ new Map();
@@ -21138,11 +21256,18 @@ function validateCustomCssRules(rules, singleBlockId, blocks) {
       }
     }
   }
-  for (const [blockId, missingClassNames] of missingLayoutHooksByBlockId.entries()) {
+  for (const [
+    blockId,
+    missingClassNames
+  ] of missingLayoutHooksByBlockId.entries()) {
     const missing = Array.from(missingClassNames).sort();
     if (missing.length === 0) continue;
     const layoutNodeInfos = layoutNodeInfosByBlockId.get(blockId) ?? [];
-    const attachSuggestions = buildClassHookAttachSuggestions(blockId, missing, layoutNodeInfos);
+    const attachSuggestions = buildClassHookAttachSuggestions(
+      blockId,
+      missing,
+      layoutNodeInfos
+    );
     const attachSuggestionsLine = attachSuggestions ? `
 
 Suggested attachments:
@@ -21176,7 +21301,9 @@ function buildClassHookAttachSuggestions(blockId, missingClassNames, nodes) {
       continue;
     }
     if ((lower.includes("headline") || lower.includes("title")) && (headlineNode ?? firstStack)) {
-      lines.push(`- ${className} \u2192 add to ${headlineNode ?? firstStack}.props.className`);
+      lines.push(
+        `- ${className} \u2192 add to ${headlineNode ?? firstStack}.props.className`
+      );
       continue;
     }
     if (lower.includes("highlight") && highlightNode) {
@@ -21184,7 +21311,9 @@ function buildClassHookAttachSuggestions(blockId, missingClassNames, nodes) {
       continue;
     }
     if ((lower.includes("body") || lower.includes("copy") || lower.includes("paragraph")) && (paragraphNode ?? firstStack)) {
-      lines.push(`- ${className} \u2192 add to ${paragraphNode ?? firstStack}.props.className`);
+      lines.push(
+        `- ${className} \u2192 add to ${paragraphNode ?? firstStack}.props.className`
+      );
       continue;
     }
     lines.push(`- ${className} \u2192 add to ${rootPath}.props.className (fallback)`);
@@ -21192,7 +21321,10 @@ function buildClassHookAttachSuggestions(blockId, missingClassNames, nodes) {
   return lines.slice(0, 8).join("\n");
 }
 function extractSelectorClasses(selector) {
-  const withoutDataBlockAttrs = selector.replace(/\[data-block=(["']).*?\1\]/g, "");
+  const withoutDataBlockAttrs = selector.replace(
+    /\[data-block=(["']).*?\1\]/g,
+    ""
+  );
   const classes = /* @__PURE__ */ new Set();
   const re = /\.([_a-zA-Z][-_a-zA-Z0-9]*)/g;
   let match;
@@ -21209,7 +21341,9 @@ function extractBlockIdFromSelector(selector) {
   return match?.[2] ?? null;
 }
 function validateNodeType(nodeType, path2, ctx) {
-  if (!ALLOWED_NODE_TYPES.includes(nodeType)) {
+  if (!ALLOWED_NODE_TYPES.includes(
+    nodeType
+  )) {
     return {
       path: `${path2}.type`,
       message: `Block "${ctx.blockId}": Unknown node type "${nodeType}" at ${path2}`,
@@ -21223,7 +21357,9 @@ function validateTransforms(transforms, path2, ctx) {
   for (let i = 0; i < transforms.length; i++) {
     const transform = transforms[i];
     if (transform.id && typeof transform.id === "string") {
-      if (!ALLOWED_TRANSFORM_IDS.includes(transform.id)) {
+      if (!ALLOWED_TRANSFORM_IDS.includes(
+        transform.id
+      )) {
         errors.push({
           path: `${path2}.transforms[${i}].id`,
           message: `Block "${ctx.blockId}": Unknown transform "${transform.id}"`,
@@ -21272,16 +21408,28 @@ function validateLayoutNode(node, path2, ctx) {
     if (typeError) errors.push(typeError);
   }
   if ("$bind" in n && n.$bind && typeof n.$bind === "object") {
-    const bindErrors = validateBinding(n.$bind, `${path2}.$bind`, ctx);
+    const bindErrors = validateBinding(
+      n.$bind,
+      `${path2}.$bind`,
+      ctx
+    );
     errors.push(...bindErrors);
   }
   if ("props" in n && n.props && typeof n.props === "object") {
-    const propsErrors = validatePropsBindings(n.props, `${path2}.props`, ctx);
+    const propsErrors = validatePropsBindings(
+      n.props,
+      `${path2}.props`,
+      ctx
+    );
     errors.push(...propsErrors);
   }
   if ("children" in n && Array.isArray(n.children)) {
     for (let i = 0; i < n.children.length; i++) {
-      const childErrors = validateLayoutNode(n.children[i], `${path2}.children[${i}]`, ctx);
+      const childErrors = validateLayoutNode(
+        n.children[i],
+        `${path2}.children[${i}]`,
+        ctx
+      );
       errors.push(...childErrors);
     }
   }
@@ -21295,7 +21443,11 @@ function validatePropsBindings(props2, path2, ctx) {
       const bindErrors = validateBinding(bind2, `${path2}.${key}.$bind`, ctx);
       errors.push(...bindErrors);
     } else if (value && typeof value === "object" && !Array.isArray(value)) {
-      const nestedErrors = validatePropsBindings(value, `${path2}.${key}`, ctx);
+      const nestedErrors = validatePropsBindings(
+        value,
+        `${path2}.${key}`,
+        ctx
+      );
       errors.push(...nestedErrors);
     }
   }
@@ -21336,7 +21488,10 @@ function collectFieldInfo(fields3) {
     topLevelFieldIds.add(field.id);
     if (field.type === "repeater" && field.schema && typeof field.schema === "object" && "fields" in field.schema) {
       const nestedFields = field.schema.fields ?? [];
-      repeaterNestedFieldIds.set(field.id, new Set(nestedFields.map((f) => f.id)));
+      repeaterNestedFieldIds.set(
+        field.id,
+        new Set(nestedFields.map((f) => f.id))
+      );
     }
   }
   return { topLevelFieldIds, repeaterNestedFieldIds };
@@ -21456,7 +21611,11 @@ function findMissingBindings(node, blockId, path2 = "layout") {
   }
   if ("children" in n && Array.isArray(n.children)) {
     for (let i = 0; i < n.children.length; i++) {
-      const childErrors = findMissingBindings(n.children[i], blockId, `${path2}.children[${i}]`);
+      const childErrors = findMissingBindings(
+        n.children[i],
+        blockId,
+        `${path2}.children[${i}]`
+      );
       errors.push(...childErrors);
     }
   }
@@ -21467,7 +21626,9 @@ function getMaxDepth(node, currentDepth = 0) {
   const n = node;
   if (!n.children || !Array.isArray(n.children)) return currentDepth;
   if (n.children.length === 0) return currentDepth;
-  return Math.max(...n.children.map((child) => getMaxDepth(child, currentDepth + 1)));
+  return Math.max(
+    ...n.children.map((child) => getMaxDepth(child, currentDepth + 1))
+  );
 }
 var CONTAINER_NODE_TYPES = ["section", "stack", "grid", "div", "inline"];
 function detectPotentialTruncation(node, maxAllowedDepth, currentDepth = 0, path2 = "layout") {
@@ -21482,7 +21643,12 @@ function detectPotentialTruncation(node, maxAllowedDepth, currentDepth = 0, path
   if (n.children && Array.isArray(n.children)) {
     n.children.forEach((child, i) => {
       truncatedPaths.push(
-        ...detectPotentialTruncation(child, maxAllowedDepth, currentDepth + 1, `${path2}.children[${i}]`)
+        ...detectPotentialTruncation(
+          child,
+          maxAllowedDepth,
+          currentDepth + 1,
+          `${path2}.children[${i}]`
+        )
       );
     });
   }
@@ -21497,14 +21663,20 @@ function formatValidationFeedback(errors, output) {
     if (truncatedPaths.length > 0) {
       lines.push("### DEPTH LIMIT WARNING");
       lines.push("");
-      lines.push(`The layout reached the maximum depth of ${MAX_LAYOUT_DEPTH} levels.`);
+      lines.push(
+        `The layout reached the maximum depth of ${MAX_LAYOUT_DEPTH} levels.`
+      );
       lines.push("These container nodes at the depth limit have no children:");
       for (const path2 of truncatedPaths) {
         lines.push(`  \u26A0\uFE0F ${path2}`);
       }
       lines.push("");
-      lines.push("**FIX**: Flatten your layout structure or use $repeat for lists.");
-      lines.push("- Combine wrapper nodes where possible (e.g., section > stack > div \u2192 section > stack)");
+      lines.push(
+        "**FIX**: Flatten your layout structure or use $repeat for lists."
+      );
+      lines.push(
+        "- Combine wrapper nodes where possible (e.g., section > stack > div \u2192 section > stack)"
+      );
       lines.push("- Use $repeat instead of manual nesting for repeated items");
       lines.push(`- Current max depth: ${maxDepth}, limit: ${MAX_LAYOUT_DEPTH}`);
       lines.push("");
@@ -21513,13 +21685,19 @@ function formatValidationFeedback(errors, output) {
   if (errors.length === 0) {
     return lines.length > 0 ? lines.join("\n") : "";
   }
-  lines.push("## CRITICAL: Your output failed validation. You MUST fix these errors.");
+  lines.push(
+    "## CRITICAL: Your output failed validation. You MUST fix these errors."
+  );
   lines.push("");
   lines.push("Your previous output had the following problems:");
   lines.push("");
   const missingBindErrors = errors.filter((e) => e.message.includes("no $bind"));
-  const unusedFieldErrors = errors.filter((e) => e.message.includes("never used"));
-  const otherErrors = errors.filter((e) => !e.message.includes("no $bind") && !e.message.includes("never used"));
+  const unusedFieldErrors = errors.filter(
+    (e) => e.message.includes("never used")
+  );
+  const otherErrors = errors.filter(
+    (e) => !e.message.includes("no $bind") && !e.message.includes("never used")
+  );
   if (missingBindErrors.length > 0) {
     lines.push("### MISSING $bind ERRORS (nodes that display nothing)");
     lines.push("");
@@ -21527,16 +21705,22 @@ function formatValidationFeedback(errors, output) {
       lines.push(`\u274C ${error.message}`);
     }
     lines.push("");
-    lines.push("**FIX**: Every text, richText, media, button, and link node MUST have $bind.");
+    lines.push(
+      "**FIX**: Every text, richText, media, button, and link node MUST have $bind."
+    );
     lines.push("");
     lines.push("WRONG (displays nothing):");
     lines.push("```json");
-    lines.push('{ "type": "text", "props": { "as": "h1" }, "children": null, "$bind": null }');
+    lines.push(
+      '{ "type": "text", "props": { "as": "h1" }, "children": null, "$bind": null }'
+    );
     lines.push("```");
     lines.push("");
     lines.push("CORRECT (bound to field):");
     lines.push("```json");
-    lines.push('{ "type": "text", "props": { "as": "h1" }, "children": null, "$bind": { "from": "content.headline", "fallback": null, "transforms": null } }');
+    lines.push(
+      '{ "type": "text", "props": { "as": "h1" }, "children": null, "$bind": { "from": "content.headline", "fallback": null, "transforms": null } }'
+    );
     lines.push("```");
     lines.push("");
   }
@@ -21555,11 +21739,15 @@ function formatValidationFeedback(errors, output) {
     if (fieldNames.length > 0) {
       lines.push("**CHECKLIST - Add a binding for EACH of these fields:**");
       for (const field of fieldNames) {
-        lines.push(`- [ ] ${field} \u2192 text node with $bind: { from: "content.${field}" }`);
+        lines.push(
+          `- [ ] ${field} \u2192 text node with $bind: { from: "content.${field}" }`
+        );
       }
       lines.push("");
     }
-    lines.push("**COMMON MISTAKE**: Creating container nodes with `children: null` instead of actual bindings.");
+    lines.push(
+      "**COMMON MISTAKE**: Creating container nodes with `children: null` instead of actual bindings."
+    );
     lines.push("");
     lines.push("This is WRONG (container with no content inside):");
     lines.push("```json");
@@ -21569,12 +21757,18 @@ function formatValidationFeedback(errors, output) {
     lines.push("This is CORRECT (container with bound text node):");
     lines.push("```json");
     lines.push('{ "type": "inline", "children": [');
-    lines.push('  { "type": "text", "$bind": { "from": "content.fieldName", "fallback": null, "transforms": null }, "props": null, "$repeat": null, "$when": null, "children": null }');
+    lines.push(
+      '  { "type": "text", "$bind": { "from": "content.fieldName", "fallback": null, "transforms": null }, "props": null, "$repeat": null, "$when": null, "children": null }'
+    );
     lines.push("] }");
     lines.push("```");
     lines.push("");
-    lines.push("**FIX**: Every field you define MUST be used in a $bind somewhere in the layout.");
-    lines.push('If you have a field "highlight", you MUST have a node with $bind: { from: "content.highlight" }');
+    lines.push(
+      "**FIX**: Every field you define MUST be used in a $bind somewhere in the layout."
+    );
+    lines.push(
+      'If you have a field "highlight", you MUST have a node with $bind: { from: "content.highlight" }'
+    );
     lines.push("");
   }
   if (otherErrors.length > 0) {