fix(email-renderer): preserve AMP section and spacer layout

packages/email-renderer/test/email.test.ts

@@ -10,6 +10,26 @@ import {
   type EmailRenderBundle,
 } from "../src/index.ts";
 import type { BlockDocument } from "@wrnexus/blocks";
+import { ampLayoutClass, ampLayoutCss } from "../src/blocks.ts";
+
+test("AMP section and spacer CSS retains configured layout values", async () => {
+  const draft = structuredClone(document);
+  const section = draft.root.slots.content[0]!;
+  section.props = { background: "#abcdef", padding: "12px 30px" };
+  const spacer = { id: 'spacer:one"', type: "content.spacer", version: 1, props: { height: "77" }, styles: {}, slots: {} };
+  section.slots.content = [spacer];
+  const result = await renderEmail(draft, { amp: true, mjml: true });
+  expect(result.ok).toBe(true);
+  if (!result.ok) return;
+  const amp = result.value.parts.amp;
+  expect(amp?.validation.valid).toBe(true);
+  expect(amp?.content).toContain(`.${ampLayoutClass(section)}{background:#abcdef;padding:12px 30px}`);
+  expect(amp?.content).toContain(`.${ampLayoutClass(spacer)}{height:77px;line-height:77px;font-size:1px}`);
+  expect(amp?.content).toContain(`class="${ampLayoutClass(spacer)}"`);
+  expect(result.value.parts.html.content).toContain("height:77px");
+  expect(result.value.exports?.mjml).toContain('height="77px"');
+  expect(ampLayoutCss({ ...section, props: { background: "red;}body{display:none", padding: "</style>" } })).not.toContain("display:none");
+});
 
 const document: BlockDocument = {
   schemaVersion: 1,