@riverbankcms/sdk 0.145.0 → 0.147.0

package/dist/{SdkPreviewModeRuntime-DYbA_4iv.mjs → SdkPreviewModeRuntime-DMMNCngt.mjs}

@@ -1,12 +1,12 @@
 "use client";
-import { $i as attachRenderableMediaAssetFields, $n as LINKED_CONTENT_ENTRY_META_KEY, $r as ctaButton, Aa as DialogContent, Ai as corners, An as containerResponsiveThemeCss, Ar as surfaceResolutionContextFromTheme, At as RichTextField, Bn as compileManifestContentContract, Br as autoDesignChoice, Bt as getBlockManifestFromSdkConfig, Ci as BlockApiProvider, Cn as deriveLaunchReadiness, Co as expectParsedBrandedId, Cr as formatSiteChromeBackgroundTokenLabel, Ct as ButtonVariantField, Da as TabsList, Di as bookingConsentCarrierSchema, Dn as useApiMediaUploader, Dt as ReferenceField, Ea as TabsContent, Ei as eventCalendarListLayoutOptions, En as useMediaEditorOptional, Eo as __exportAll, Er as componentRuntimeRulesForTheme, Et as MediaField, Fi as assertNever$1, Fn as SITE_CHROME_VISIBLE_HEADER_SELECTOR, Fr as GRADIENT_PRESETS, Ft as LinkWidgetProvider, G as confirmAutosaveBatch, Gi as defaultThemeTokens, Gn as escapeStyleContent, Gr as boundaryTreatmentForBoundaryOptionId, Gt as canRedoHistory, Hn as buildThemeRuntime, Hr as boundaryLayout, Ht as useEditorUiStore, Ii as makeBoundaryId, In as SITE_OVERLAY_HEADER_CLEARANCE_CSS_VAR, Ir as GRADIENT_PRESET_IDS, J as idleEditorTransactionQueueState, Ja as cn, Jn as getDefaultComponentRegistry, Jr as sectionTransitionFamilyForBoundaryOptionId, Jt as pushHistoryEntry, K as deriveTransactionCapabilities, Ka as Button, Ki as parseThemeForPersistence, Kn as mergeContentWithBlockStyleOverrides, Kr as defaultSectionTransitionVariantForFamily, Kt as canUndoHistory, Ln as planSiteOverlayHeaderClearance, Lr as getGradientPreset, Lt as hideThemeV2RawStyleFields, Ma as DialogFooter, Mi as pageDesignEditorBackgroundOverrideOwner, Mn as makeDefaultBlockComponent, Mt as EditorProvider, Na as DialogHeader, Ni as stripStaleTransitionStyleGroup, Nn as getBlockDefinition, Nt as useEditor, Oa as TabsTrigger, Oi as isObjectRecord, On as isSupportedLoaderEndpoint, Or as designRuntimeRulesForTheme, Ot as ReferenceWidgetProvider, Pa as DialogTitle, Pi as asDesignBlockId, Pn as projectRecurringSchedule, Pr as gradientToCss, Pt as LinkField, Q as resolvePreviewSidebarTab, Qi as resolveSdkFooterMode, Qn as resolveRouteTarget, Qr as parseBackgroundAppearanceColorToken, Qt as recordsEqual, Rn as visibleHeaderClearancePx, Rr as parseGradientPresetId, Rt as prepareBlockEditorManifest, Si as siblingPath, Sn as DEFAULT_LAUNCH_READINESS_INPUT, So as assertNever$2, Sr as compileEditorModelRuntime, St as EntryPickerWidgetProvider, Ta as Tabs, Ti as eventCalendarListLayoutCompatibleDisplayModeValues, Tn as MediaEditorContextProvider, To as parseSiteId, Tr as resolvePageDesignEditorBoundaryForChoice, Tt as FileField, Un as DEFAULT_THEME_RESPONSIVE_MODE, Ur as composeBoundary, Ut as useEditorUiStoreInstance, Vn as validateManifestDraft, Vr as userPinnedDesignChoice, W as beginAutosaveBatch, Wi as textColorStyle, Wn as getResponsiveScopeSpec, Wr as sectionFactsForContent, Wt as useOptionalEditorUiStoreInstance, Xa as Upload, Xi as paletteColorsSchema, Xn as resolveEntryRouteTarget, Xr as backgroundAppearanceColorTokenNames, Xt as undoHistory, Y as rejectAutosaveBatch, Ya as X, Yn as defaultTransforms, Yr as sectionTransitionVariantForBoundaryOptionId, Yt as redoHistory, Zi as paletteModeSchema, Zn as resolvePageRouteTarget, Zr as backgroundAppearanceQuickColorTokenNames, Zt as unsafeAsLinkedContentEntryId, _ as reportPreviewDesignError, _a as SelectValue, _i as getCurrentResolveImageUrlContext, _n as MediaEditor, _r as ctaRowFragment, _t as loadMailingListAuthoringContext, aa as mapCurrentValueForSelect, ai as parseBlockIconValue, an as parseReferenceKind, ar as headingFragment, at as useUISelector, bi as SECTION_BACKGROUND_MIN_SOURCE_WIDTH, bo as unsafeAsEditorBlockId, br as defineFragment, bt as IconPickerField, ca as FieldFrame, cr as faqHeadingFragment, d as PreviewDesignCoordinatorProvider, di as coerceInlineTextWithFallback, do as Image, dr as formEmbedFragment, dt as createSiteOptionWidgetAdapters, ea as getFieldIntent, ei as bindingSchema, en as useDebouncedLatestSave, er as coerceLinkedContentEntriesPayload, et as renderSiteChromeBlock, fi as inlineTextToPlainText, fn as createManifestFormAdapter, fo as GripVertical, fr as formCopyFragment, ft as SiteOptionPickerField, g as PREVIEW_DESIGN_SAVE_ERROR_MESSAGE, ga as SelectTrigger, gi as buildResolveImageUrlContext, gn as createStoreBackend, go as ChevronLeft, gr as heroCtaRowFragment, gt as MailingListTargetingField, h as PREVIEW_DESIGN_LOAD_ERROR_MESSAGE, ha as SelectItem, hi as RichText$1, hn as evaluateVisibility, ho as ChevronRight, hr as ctaCopyFragment, ht as OfferingsPreviewWidgetProvider, i as usePreviewDesignHistoryOrder, ia as hasEmptyOption, ii as runTransforms, ir as richTextFragment, ja as DialogDescription, ji as isThemeV2NormalEditorRawStyleFieldName, jn as createCustomBlockRegistry, jt as RichTextWidgetProvider, ka as Dialog, ki as isRecord$11, kn as ThemeScope, kt as useRichTextImagePicker, la as useField, li as renderInlineText, ln as PaletteProvider, lr as blogFeaturedPostFragment, lt as useEntryEditorController, m as usePreviewThemeOverlay, ma as SelectContent, mi as Text$1, mn as FormRenderer, mr as testimonialsHeadingFragment, mt as OfferingsPreviewGroupOrderField, n as useSiteChromeCustomizeOptional, na as SdkConfigProvider, ni as planSiteChromePlacement, nn as createSnapshotFromPageRecord, nr as clientComponentRegistry, nt as PreviewInlineTextEditor, oa as mapOptionValueForSelect, oi as parseGeneratedIconAssetId, or as cardFragment, ot as EditableBlockProvider, p as PreviewThemeOverlayProvider, pa as Select, pi as isInlineTextEmpty, pr as testimonialsCarouselFragment, pt as SiteOptionWidgetProvider, q as enqueueTransaction, qi as ORDINARY_TEXT_MIN_CONTRAST_RATIO, qn as readBlockComposition, qr as sectionTransitionFamilies, qt as createHistoryState, r as PreviewDesignHistoryOrderProvider, ra as useSdkConfig, ri as parseBackgroundContent, rn as BUILT_IN_REFERENCE_KINDS, ro as RotateCcw, rr as ImageResolveContextProvider, rt as PreviewTextEditor, sa as unmapValueFromSelect, si as parseGeneratedIconSetId, sr as faqAccordionFragment, st as EntryControllerProvider, t as SiteChromeCustomizeProvider, ta as isHeaderField, tn as createRoutingHelpers, tr as getLinkedContentEntryMeta, tt as PreviewRichTextEditor, ui as logger, un as usePalette, ur as singleButtonFragment, ut as createSiteOptionApiLoader, vi as resolveImageUrlWithContext, vn as applyPageDesignEditorAction, vr as heroCopyFragment, vt as MailingListTargetingProvider, wi as calendarWindowQuerySchema, wn as AMBIENT_BACKGROUND_ROLES, wo as parseMediaAssetId, wr as planPageDesignLayoutLookCompatibility, wt as ButtonWidgetProvider, xi as getAtPath, xn as decodePublicProductCategorySelectorQuery, xo as unsafeAsEditorBlockValues, xr as applyCompiledRuntimeFieldsToContent, xt as EntryPickerField, yi as setContextResolveImageUrlContext, yn as getPageDesignEditorState, yo as parseFooterModuleId, yr as bodyCopyFragment, yt as InlineTextField, zn as resolveVariantKey, zt as stripTopLevelRoutingUi } from "./SiteChromeCustomizeContext-CNTKQ9nx.mjs";
-import { i as useOptionalPreviewLayout, t as PreviewQueryProvider } from "./PreviewQueryProvider-BxGwdOCV.mjs";
-import { _ as API_ENDPOINTS, a as usePreviewToken, c as createBearerAPIClient, d as unwrapResponse, g as resolveSurfaceDocumentAttributes, h as SURFACE_IDS, i as usePreviewAuthFetch, m as SURFACE_DOCUMENT_DATA_ATTRIBUTE, n as markPreviewAuthExpired, o as isPreviewRuntimeSessionEditable, r as usePreviewAuth, s as ApiRequestError, t as initPreviewAuth } from "./previewAuthStore-BxAFlu-j.mjs";
+import { $i as resolveSdkFooterMode, $n as resolveRouteTarget, $r as parseBackgroundAppearanceColorToken, $t as recordsEqual, Aa as Dialog, Ai as isRecord$11, An as ThemeScope, Ao as __exportAll, At as useRichTextImagePicker, Bn as resolveVariantKey, Bt as stripTopLevelRoutingUi, Ci as siblingPath, Cn as DEFAULT_LAUNCH_READINESS_INPUT, Co as parseMailingListPlacementTargeting, Cr as compileEditorModelRuntime, Ct as EntryPickerWidgetProvider, Da as TabsContent, Di as eventCalendarListLayoutOptions, Dn as useMediaEditorOptional, Do as expectParsedBrandedId, Dr as componentRuntimeRulesForTheme, Dt as MediaField, Ea as Tabs, Ei as eventCalendarListLayoutCompatibleDisplayModeValues, En as MediaEditorContextProvider, Eo as assertNever$2, Er as resolvePageDesignEditorBoundaryForChoice, Et as FileField, Fa as DialogTitle, Fi as asDesignBlockId, Fn as projectRecurringSchedule, Fr as gradientToCss, Ft as LinkField, G as confirmAutosaveBatch, Gi as textColorStyle, Gn as getResponsiveScopeSpec, Gr as sectionFactsForContent, Gt as useOptionalEditorUiStoreInstance, Hn as validateManifestDraft, Hr as userPinnedDesignChoice, Ii as assertNever$1, In as SITE_CHROME_VISIBLE_HEADER_SELECTOR, Ir as GRADIENT_PRESETS, It as LinkWidgetProvider, J as idleEditorTransactionQueueState, Ji as ORDINARY_TEXT_MIN_CONTRAST_RATIO, Jn as readBlockComposition, Jr as sectionTransitionFamilies, Jt as createHistoryState, K as deriveTransactionCapabilities, Ki as defaultThemeTokens, Kn as escapeStyleContent, Kr as boundaryTreatmentForBoundaryOptionId, Kt as canRedoHistory, Li as makeBoundaryId, Ln as SITE_OVERLAY_HEADER_CLEARANCE_CSS_VAR, Lr as GRADIENT_PRESET_IDS, Ma as DialogDescription, Mi as isThemeV2NormalEditorRawStyleFieldName, Mn as createCustomBlockRegistry, Mt as RichTextWidgetProvider, Na as DialogFooter, Ni as pageDesignEditorBackgroundOverrideOwner, Nn as makeDefaultBlockComponent, Nt as EditorProvider, Oa as TabsList, Oi as bookingConsentCarrierSchema, On as useApiMediaUploader, Oo as parseMediaAssetId, Ot as ReferenceField, Pa as DialogHeader, Pi as stripStaleTransitionStyleGroup, Pn as getBlockDefinition, Pt as useEditor, Q as resolvePreviewSidebarTab, Qi as paletteModeSchema, Qn as resolvePageRouteTarget, Qr as backgroundAppearanceQuickColorTokenNames, Qt as unsafeAsLinkedContentEntryId, Rn as planSiteOverlayHeaderClearance, Rr as getGradientPreset, Rt as hideThemeV2RawStyleFields, Si as getAtPath, Sn as decodePublicProductCategorySelectorQuery, So as parseFooterModuleId, Sr as applyCompiledRuntimeFieldsToContent, St as EntryPickerField, Ti as calendarWindowQuerySchema, Tn as AMBIENT_BACKGROUND_ROLES, To as unsafeAsEditorBlockValues, Tr as planPageDesignLayoutLookCompatibility, Tt as ButtonWidgetProvider, Un as buildThemeRuntime, Ur as boundaryLayout, Ut as useEditorUiStore, Vn as compileManifestContentContract, Vr as autoDesignChoice, Vt as getBlockManifestFromSdkConfig, W as beginAutosaveBatch, Wn as DEFAULT_THEME_RESPONSIVE_MODE, Wr as composeBoundary, Wt as useEditorUiStoreInstance, Xa as X, Xn as defaultTransforms, Xr as sectionTransitionVariantForBoundaryOptionId, Xt as redoHistory, Y as rejectAutosaveBatch, Ya as cn, Yn as getDefaultComponentRegistry, Yr as sectionTransitionFamilyForBoundaryOptionId, Yt as pushHistoryEntry, Za as Upload, Zi as paletteColorsSchema, Zn as resolveEntryRouteTarget, Zr as backgroundAppearanceColorTokenNames, Zt as undoHistory, _ as reportPreviewDesignError, _a as SelectTrigger, _i as buildResolveImageUrlContext, _n as createStoreBackend, _o as ChevronLeft, _r as heroCtaRowFragment, _t as MailingListTargetingField, aa as hasEmptyOption, ai as runTransforms, ar as richTextFragment, bi as setContextResolveImageUrlContext, bn as getPageDesignEditorState, bo as buildMailingListSignupBlockSourceRef, br as bodyCopyFragment, bt as InlineTextField, ca as unmapValueFromSelect, ci as parseGeneratedIconSetId, cr as faqAccordionFragment, ct as EntryControllerProvider, d as PreviewDesignCoordinatorProvider, di as logger, dn as usePalette, dr as singleButtonFragment, dt as createSiteOptionApiLoader, ea as attachRenderableMediaAssetFields, ei as ctaButton, er as LINKED_CONTENT_ENTRY_META_KEY, et as renderSiteChromeBlock, fi as coerceInlineTextWithFallback, fo as Image, fr as formEmbedFragment, ft as createSiteOptionWidgetAdapters, g as PREVIEW_DESIGN_SAVE_ERROR_MESSAGE, ga as SelectItem, gi as RichText$1, gn as evaluateVisibility, go as ChevronRight, gr as ctaCopyFragment, gt as OfferingsPreviewWidgetProvider, h as PREVIEW_DESIGN_LOAD_ERROR_MESSAGE, ha as SelectContent, hi as Text$1, hn as FormRenderer, hr as testimonialsHeadingFragment, ht as OfferingsPreviewGroupOrderField, i as usePreviewDesignHistoryOrder, ia as useSdkConfig, ii as parseBackgroundContent, in as BUILT_IN_REFERENCE_KINDS, io as RotateCcw, ir as ImageResolveContextProvider, it as PREVIEW_EDITABLE_OUTLINE, ja as DialogContent, ji as corners, jn as containerResponsiveThemeCss, jr as surfaceResolutionContextFromTheme, jt as RichTextField, ka as TabsTrigger, ki as isObjectRecord, kn as isSupportedLoaderEndpoint, ko as parseSiteId, kr as designRuntimeRulesForTheme, kt as ReferenceWidgetProvider, la as FieldFrame, lr as faqHeadingFragment, m as usePreviewThemeOverlay, ma as Select, mi as isInlineTextEmpty, mr as testimonialsCarouselFragment, mt as SiteOptionWidgetProvider, n as useSiteChromeCustomizeOptional, na as isHeaderField, nn as createRoutingHelpers, nr as getLinkedContentEntryMeta, nt as PreviewInlineTextEditor, oa as mapCurrentValueForSelect, oi as parseBlockIconValue, on as parseReferenceKind, or as headingFragment, ot as useUISelector, p as PreviewThemeOverlayProvider, pi as inlineTextToPlainText, pn as createManifestFormAdapter, po as GripVertical, pr as formCopyFragment, pt as SiteOptionPickerField, q as enqueueTransaction, qa as Button, qi as parseThemeForPersistence, qn as mergeContentWithBlockStyleOverrides, qr as defaultSectionTransitionVariantForFamily, qt as canUndoHistory, r as PreviewDesignHistoryOrderProvider, ra as SdkConfigProvider, ri as planSiteChromePlacement, rn as createSnapshotFromPageRecord, rr as clientComponentRegistry, rt as PreviewTextEditor, sa as mapOptionValueForSelect, si as parseGeneratedIconAssetId, sr as cardFragment, st as EditableBlockProvider, t as SiteChromeCustomizeProvider, ta as getFieldIntent, ti as bindingSchema, tn as useDebouncedLatestSave, tr as coerceLinkedContentEntriesPayload, tt as PreviewRichTextEditor, ua as useField, ui as renderInlineText, un as PaletteProvider, ur as blogFeaturedPostFragment, ut as useEntryEditorController, va as SelectValue, vi as getCurrentResolveImageUrlContext, vn as MediaEditor, vr as ctaRowFragment, vt as loadMailingListAuthoringContext, wi as BlockApiProvider, wn as deriveLaunchReadiness, wo as unsafeAsEditorBlockId, wr as formatSiteChromeBackgroundTokenLabel, wt as ButtonVariantField, xi as SECTION_BACKGROUND_MIN_SOURCE_WIDTH, xo as sameMailingListPlacementTargeting, xr as defineFragment, xt as IconPickerField, yi as resolveImageUrlWithContext, yn as applyPageDesignEditorAction, yr as heroCopyFragment, yt as MailingListTargetingProvider, zn as visibleHeaderClearancePx, zr as parseGradientPresetId, zt as prepareBlockEditorManifest } from "./SiteChromeCustomizeContext-DQXZXiqS.mjs";
+import { i as useOptionalPreviewLayout, t as PreviewQueryProvider } from "./PreviewQueryProvider-Dd4dxOiU.mjs";
+import { _ as API_ENDPOINTS, a as usePreviewToken, c as createBearerAPIClient, d as unwrapResponse, g as resolveSurfaceDocumentAttributes, h as SURFACE_IDS, i as usePreviewAuthFetch, m as SURFACE_DOCUMENT_DATA_ATTRIBUTE, n as markPreviewAuthExpired, o as isPreviewRuntimeSessionEditable, r as usePreviewAuth, s as ApiRequestError, t as initPreviewAuth } from "./previewAuthStore-C_EHQ5XA.mjs";
 import * as React$1 from "react";
 import React, { Children, Fragment, cloneElement, createContext, isValidElement, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { createPortal } from "react-dom";
 import { z } from "zod";
+import { createPortal } from "react-dom";
 //#region ../ui/src/fixed-bottom-surface.tsx
 const SURFACE_CLASS_BY_VARIANT = {
 	light: "z-40 border-t border-border bg-editor-chrome-surface text-foreground",
@@ -561,9 +561,10 @@ function pageBlockPosition(index, blockCount) {
 //#endregion
 //#region ../blocks/src/pageRendererContracts.ts
 function buildPageRendererRootRuntime(dataContext) {
-	const { siteId = null, pageId = null, pathname = null, bookingTimeZone, previewStage = "published", apiBaseUrl = null, portalToken = null, readAuthority, bookingOfferingPresets = [], appointmentServicePathPrefix = null, mailingList = { tag: "not_configured" }, eventRegistrationOverlayEnabled = false, loaderFailures = {} } = dataContext ?? {};
+	const { siteId = null, siteName, pageId = null, pathname = null, bookingTimeZone, previewStage = "published", apiBaseUrl = null, portalToken = null, readAuthority, bookingOfferingPresets = [], appointmentServicePathPrefix = null, mailingList = { tag: "not_configured" }, eventRegistrationOverlayEnabled = false, loaderFailures = {} } = dataContext ?? {};
 	return {
 		siteId,
+		siteName,
 		pageId,
 		pathname,
 		bookingTimeZone,
@@ -990,6 +991,40 @@ function resolveBlockData(blockId, dataLoaders, dataContext, routes) {
 	return dataLoaders && typeof dataLoaders === "object" && Object.keys(dataLoaders).length > 0 ? {} : void 0;
 }
 //#endregion
+//#region ../blocks/src/system/runtime/nodes/newsletter-form.block-submission.ts
+/** Authorise one block source for both public and preview rendering. */
+function planNewsletterBlockSubmission(placement) {
+	if (placement.stage === "published") {
+		const sourceRef = buildMailingListSignupBlockSourceRef(placement.blockId, placement.selectedContentVersionId);
+		return sourceRef ? {
+			tag: "ready",
+			sourceRef
+		} : { tag: "unavailable" };
+	}
+	if (placement.publishedPlacement && "kind" in placement.publishedPlacement) return { tag: "unpublished-settings" };
+	if (placement.publishedPlacement) return planNewsletterPreviewSubmission({
+		blockId: placement.blockId,
+		publishedContentId: placement.publishedPlacement.id,
+		renderedContent: placement.renderedContent,
+		publishedContent: placement.publishedPlacement.content
+	});
+	if (placement.stage === "preview") return { tag: "unpublished-form" };
+	return { tag: "unavailable" };
+}
+/** Decide whether the visible draft can safely cite the published placement. */
+function planNewsletterPreviewSubmission(placement) {
+	if (!placement.publishedContentId) return { tag: "unpublished-form" };
+	if (!placement.publishedContent) return { tag: "unpublished-settings" };
+	const draft = parseMailingListPlacementTargeting(placement.renderedContent.targeting ?? { mode: "default" });
+	const published = parseMailingListPlacementTargeting(placement.publishedContent.targeting);
+	if (!draft.ok || !published.ok || !sameMailingListPlacementTargeting(draft.value, published.value)) return { tag: "unpublished-settings" };
+	const sourceRef = buildMailingListSignupBlockSourceRef(placement.blockId, placement.publishedContentId);
+	return sourceRef ? {
+		tag: "ready",
+		sourceRef
+	} : { tag: "unpublished-settings" };
+}
+//#endregion
 //#region ../blocks/src/pageRenderPreparation.ts
 /**
 * Stage two of the render plan.
@@ -1118,9 +1153,20 @@ function buildBlockOverrideProps(input) {
 		imageResolveContext: input.imageResolveContext,
 		blockId: block.id ?? null,
 		contentVersionId: block.contentVersionId ?? null,
+		...newsletterBlockProps(block, input.content, dataContext?.previewStage),
 		blockKind: block.kind
 	};
 }
+function newsletterBlockProps(block, renderedContent, stage) {
+	if (block.kind !== "block.newsletter-signup") return {};
+	return { newsletterBlockSubmission: planNewsletterBlockSubmission({
+		blockId: block.id,
+		selectedContentVersionId: block.contentVersionId ?? null,
+		publishedPlacement: block.publishedPlacement,
+		renderedContent,
+		stage
+	}) };
+}
 /** Site, transport and session context a block needs to call back to the API. */
 function blockSessionProps(dataContext) {
 	return {
@@ -1210,12 +1256,26 @@ function createBlockErrorBoundary() {
 const BlockErrorBoundary = createBlockErrorBoundary();
 //#endregion
 //#region ../blocks/src/pageRenderAdmission.ts
+/** Pair a published version with the content it authorises at the render boundary. */
+function readPublishedBlockPlacement(id, content) {
+	if (id == null && content == null) return null;
+	if (id == null || content == null) return {
+		kind: "incomplete",
+		id: id ?? null,
+		content: content ?? null
+	};
+	return {
+		id,
+		content
+	};
+}
 function toEditorPresentationPage(page) {
 	if (!page) return null;
 	return {
 		...page,
 		blocks: page.blocks.map((block) => ({
 			...block,
+			publishedPlacement: block.publishedPlacement,
 			presentationAdmission: { kind: "editor" }
 		}))
 	};
@@ -7016,6 +7076,20 @@ const PAGE_CONTENT_TYPE_SCHEMA = {
 };
 //#endregion
 //#region ../preview-next/src/client/preview/PreviewEntryControllerProvider.tsx
+function toEditorInitialBlock(block, index) {
+	return {
+		id: block.id,
+		draftContentId: block.draftContentId ?? null,
+		publishedContentId: block.publishedContentId ?? null,
+		kind: block.kind,
+		orderIndex: typeof block.orderIndex === "number" ? block.orderIndex : index,
+		content: block.content ?? null,
+		draftContent: block.draftContent ?? null,
+		publishedContent: block.publishedContent ?? null,
+		bindings: block.bindings ?? null,
+		optimisticHash: block.optimisticHash ?? null
+	};
+}
 function PreviewEntryControllerProvider({ children, siteId, pageId, routeId: providedRouteId, entryData, contentTypeSchema, draftContent, initialStatus = "draft", initialBlocks, pageMetadata, apiClient }) {
 	const { isEditingMode } = useEditor();
 	const schema = contentTypeSchema ?? PAGE_CONTENT_TYPE_SCHEMA;
@@ -7076,17 +7150,7 @@ function PreviewEntryControllerProvider({ children, siteId, pageId, routeId: pro
 		schema
 	]);
 	const normalizedInitialBlocks = useMemo(() => {
-		return (initialBlocks ?? []).map((b, index) => ({
-			id: b.id ?? null,
-			contentVersionId: b.contentVersionId ?? null,
-			kind: b.kind,
-			orderIndex: typeof b.orderIndex === "number" ? b.orderIndex : index,
-			content: b.content ?? null,
-			draftContent: b.draftContent ?? null,
-			publishedContent: b.publishedContent ?? null,
-			bindings: b.bindings ?? null,
-			optimisticHash: b.optimisticHash ?? null
-		}));
+		return (initialBlocks ?? []).map(toEditorInitialBlock);
 	}, [initialBlocks]);
 	const entityId = pageId || entryData?.id || "";
 	const entityType = entryData ? entryData.type : "page";
@@ -8603,7 +8667,7 @@ function CustomizeBackgroundControlRows({ modeLabel, valueLabel, valueAriaLabel,
 }
 //#endregion
 //#region ../preview-next/src/client/preview/SiteChromeCustomizeButton.tsx
-function SiteChromeCustomizeButton({ surface, containerClassName = "pointer-events-auto absolute right-2 top-2 z-50 opacity-0 transition group-focus-within/site-chrome:opacity-100 group-hover/site-chrome:opacity-100" }) {
+function SiteChromeCustomizeButton({ surface, containerClassName = "pointer-events-auto absolute right-2 top-2 z-50 flex gap-1 opacity-0 transition group-focus-within/site-chrome:opacity-100 group-hover/site-chrome:opacity-100" }) {
 	const customize = useSiteChromeCustomizeOptional();
 	const editorUiStore = useOptionalEditorUiStoreInstance();
 	const popover = useCustomizePopoverController();
@@ -8669,121 +8733,136 @@ function SiteChromeCustomizeButton({ surface, containerClassName = "pointer-even
 		}),
 		fallbackClassName: containerClassName,
 		forceVisible: popover.open,
-		children: [/* @__PURE__ */ jsx(CustomizePillButton, {
-			buttonRef: popover.buttonRef,
-			ariaLabel: `Customize ${surface}`,
-			open: popover.open,
-			controlsId: popover.panelId,
-			onClick: popover.toggle,
-			disabled: !hasCustomizeControls
-		}), popover.open && surfaceState.kind === "available" ? /* @__PURE__ */ jsxs(CustomizePopoverShell, {
-			panelId: popover.panelId,
-			descriptionId: popover.descriptionId,
-			dialogLabel: `Customize ${surface}`,
-			eyebrow: "Site",
-			title: surfaceState.label,
-			dialogRef: popover.dialogRef,
-			closeButtonRef: popover.registerInitialFocus,
-			onClose: popover.close,
-			onKeyDown: popover.handleDialogKeyDown,
-			side: popoverSide,
-			children: [
-				controlPlan.cycleRows.map((row) => /* @__PURE__ */ jsx(CustomizeCycleRow, { ...row }, row.label)),
-				background?.available ? /* @__PURE__ */ jsx(SiteChromeBackgroundControl, {
-					background,
-					applyAllowed: surfaceState.applyAllowed,
-					chooserOpen: backgroundChooserOpen,
-					onToggleChooser: (event) => {
-						event.preventDefault();
-						event.stopPropagation();
-						setBackgroundChooserOpen((open) => !open);
-					},
-					onCycleMode: (direction, event) => {
-						event.preventDefault();
-						event.stopPropagation();
-						chooseSiteChromeBackgroundMode({
-							background,
-							direction,
-							onChoose: (override) => customize?.chooseSurfaceBackground(surfaceState.surface, override)
-						});
-					},
-					onCycleValue: (direction, event) => {
-						event.preventDefault();
-						event.stopPropagation();
-						customize?.cycleSurfaceBackground(surfaceState.surface, direction);
-					},
-					onChoose: (override) => customize?.chooseSurfaceBackground(surfaceState.surface, override)
-				}) : null,
-				surfaceState.surface === "header" ? /* @__PURE__ */ jsxs("div", {
-					className: "grid grid-cols-2 gap-2 border-t pt-3",
-					children: [/* @__PURE__ */ jsxs("label", {
-						className: "block text-xs font-medium text-muted-foreground",
-						children: [/* @__PURE__ */ jsx("span", { children: "Display" }), /* @__PURE__ */ jsx("select", {
-							className: "mt-1 h-8 w-full rounded-md border bg-background px-2 text-sm text-foreground disabled:cursor-not-allowed disabled:opacity-50",
-							value: surfaceState.brandDisplay,
-							onChange: (event) => {
-								event.stopPropagation();
-								customize?.setHeaderBrandDisplay(event.currentTarget.value);
-							},
-							disabled: !surfaceState.applyAllowed,
-							children: surfaceState.brandDisplayOptions.map((option) => /* @__PURE__ */ jsx("option", {
-								value: option.value,
-								disabled: option.disabled,
-								children: option.label
-							}, option.value))
-						})]
-					}), /* @__PURE__ */ jsxs("label", {
-						className: "block text-xs font-medium text-muted-foreground",
-						children: [/* @__PURE__ */ jsx("span", { children: surfaceState.brandSizeLabel }), /* @__PURE__ */ jsx("select", {
-							className: "mt-1 h-8 w-full rounded-md border bg-background px-2 text-sm text-foreground disabled:cursor-not-allowed disabled:opacity-50",
-							value: surfaceState.logoSize,
-							onChange: (event) => {
-								event.stopPropagation();
-								customize?.setHeaderLogoSize(event.currentTarget.value);
-							},
-							disabled: !surfaceState.applyAllowed,
-							children: surfaceState.logoSizeOptions.map((option) => /* @__PURE__ */ jsx("option", {
-								value: option.value,
-								children: option.label
-							}, option.value))
-						})]
-					})]
-				}) : null,
-				editorUiStore && (surfaceState.surface === "footer" || customize?.canOpenDesignEditor === true) ? /* @__PURE__ */ jsx("div", {
-					className: "border-t pt-2",
-					children: /* @__PURE__ */ jsx("button", {
-						type: "button",
-						className: "w-full rounded-md border bg-background px-3 py-2 text-sm font-medium hover:bg-muted",
-						onClick: (event) => {
+		children: [
+			/* @__PURE__ */ jsx(CustomizePillButton, {
+				buttonRef: popover.buttonRef,
+				ariaLabel: `Customize ${surface}`,
+				open: popover.open,
+				controlsId: popover.panelId,
+				onClick: popover.toggle,
+				disabled: !hasCustomizeControls
+			}),
+			surface === "footer" ? /* @__PURE__ */ jsx(FooterEditPill, {}) : null,
+			popover.open && surfaceState.kind === "available" ? /* @__PURE__ */ jsxs(CustomizePopoverShell, {
+				panelId: popover.panelId,
+				descriptionId: popover.descriptionId,
+				dialogLabel: `Customize ${surface}`,
+				eyebrow: "Site",
+				title: surfaceState.label,
+				dialogRef: popover.dialogRef,
+				closeButtonRef: popover.registerInitialFocus,
+				onClose: popover.close,
+				onKeyDown: popover.handleDialogKeyDown,
+				side: popoverSide,
+				children: [
+					controlPlan.cycleRows.map((row) => /* @__PURE__ */ jsx(CustomizeCycleRow, { ...row }, row.label)),
+					background?.available ? /* @__PURE__ */ jsx(SiteChromeBackgroundControl, {
+						background,
+						applyAllowed: surfaceState.applyAllowed,
+						chooserOpen: backgroundChooserOpen,
+						onToggleChooser: (event) => {
 							event.preventDefault();
 							event.stopPropagation();
-							if (surfaceState.surface === "footer") editorUiStore.getState().openPreviewEditor({
-								kind: "footer",
-								target: "overview"
-							});
-							else editorUiStore.getState().openPreviewEditor({
-								kind: "design",
-								row: "header-style"
+							setBackgroundChooserOpen((open) => !open);
+						},
+						onCycleMode: (direction, event) => {
+							event.preventDefault();
+							event.stopPropagation();
+							chooseSiteChromeBackgroundMode({
+								background,
+								direction,
+								onChoose: (override) => customize?.chooseSurfaceBackground(surfaceState.surface, override)
 							});
-							popover.close();
 						},
-						children: surfaceState.surface === "footer" ? "Edit footer" : "More options"
-					})
-				}) : null,
-				surfaceState.diagnostics.length > 0 ? /* @__PURE__ */ jsx("ul", {
-					className: "space-y-1 text-xs text-amber-700",
-					children: surfaceState.diagnostics.map((diagnostic) => /* @__PURE__ */ jsx("li", { children: diagnostic }, diagnostic))
-				}) : null,
-				surfaceState.failure ? /* @__PURE__ */ jsx("p", {
-					className: "text-xs text-red-700",
-					children: surfaceState.failure
-				}) : null,
-				!surfaceState.applyAllowed ? /* @__PURE__ */ jsx("p", {
-					className: "text-xs text-muted-foreground",
-					children: "Preview only - ask an admin to apply."
-				}) : null
-			]
-		}) : null]
+						onCycleValue: (direction, event) => {
+							event.preventDefault();
+							event.stopPropagation();
+							customize?.cycleSurfaceBackground(surfaceState.surface, direction);
+						},
+						onChoose: (override) => customize?.chooseSurfaceBackground(surfaceState.surface, override)
+					}) : null,
+					surfaceState.surface === "header" ? /* @__PURE__ */ jsxs("div", {
+						className: "grid grid-cols-2 gap-2 border-t pt-3",
+						children: [/* @__PURE__ */ jsxs("label", {
+							className: "block text-xs font-medium text-muted-foreground",
+							children: [/* @__PURE__ */ jsx("span", { children: "Display" }), /* @__PURE__ */ jsx("select", {
+								className: "mt-1 h-8 w-full rounded-md border bg-background px-2 text-sm text-foreground disabled:cursor-not-allowed disabled:opacity-50",
+								value: surfaceState.brandDisplay,
+								onChange: (event) => {
+									event.stopPropagation();
+									customize?.setHeaderBrandDisplay(event.currentTarget.value);
+								},
+								disabled: !surfaceState.applyAllowed,
+								children: surfaceState.brandDisplayOptions.map((option) => /* @__PURE__ */ jsx("option", {
+									value: option.value,
+									disabled: option.disabled,
+									children: option.label
+								}, option.value))
+							})]
+						}), /* @__PURE__ */ jsxs("label", {
+							className: "block text-xs font-medium text-muted-foreground",
+							children: [/* @__PURE__ */ jsx("span", { children: surfaceState.brandSizeLabel }), /* @__PURE__ */ jsx("select", {
+								className: "mt-1 h-8 w-full rounded-md border bg-background px-2 text-sm text-foreground disabled:cursor-not-allowed disabled:opacity-50",
+								value: surfaceState.logoSize,
+								onChange: (event) => {
+									event.stopPropagation();
+									customize?.setHeaderLogoSize(event.currentTarget.value);
+								},
+								disabled: !surfaceState.applyAllowed,
+								children: surfaceState.logoSizeOptions.map((option) => /* @__PURE__ */ jsx("option", {
+									value: option.value,
+									children: option.label
+								}, option.value))
+							})]
+						})]
+					}) : null,
+					editorUiStore && surfaceState.surface === "header" && customize?.canOpenDesignEditor === true ? /* @__PURE__ */ jsx("div", {
+						className: "border-t pt-2",
+						children: /* @__PURE__ */ jsx("button", {
+							type: "button",
+							className: "w-full rounded-md border bg-background px-3 py-2 text-sm font-medium hover:bg-muted",
+							onClick: (event) => {
+								event.preventDefault();
+								event.stopPropagation();
+								editorUiStore.getState().openPreviewEditor({
+									kind: "design",
+									row: "header-style"
+								});
+								popover.close();
+							},
+							children: "More options"
+						})
+					}) : null,
+					surfaceState.diagnostics.length > 0 ? /* @__PURE__ */ jsx("ul", {
+						className: "space-y-1 text-xs text-amber-700",
+						children: surfaceState.diagnostics.map((diagnostic) => /* @__PURE__ */ jsx("li", { children: diagnostic }, diagnostic))
+					}) : null,
+					surfaceState.failure ? /* @__PURE__ */ jsx("p", {
+						className: "text-xs text-red-700",
+						children: surfaceState.failure
+					}) : null,
+					!surfaceState.applyAllowed ? /* @__PURE__ */ jsx("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Preview only - ask an admin to apply."
+					}) : null
+				]
+			}) : null
+		]
+	});
+}
+/** Opens the footer composer, matching the block toolbar's Edit pill. */
+function FooterEditPill() {
+	const editorUiStore = useOptionalEditorUiStoreInstance();
+	if (!editorUiStore) return null;
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		className: previewCustomizePillButtonClassName,
+		"aria-label": "Edit footer",
+		onClick: () => editorUiStore.getState().openPreviewEditor({
+			kind: "footer",
+			target: "overview"
+		}),
+		children: "Edit"
 	});
 }
 const POPOVER_VIEWPORT_GUTTER_PX = 16;
@@ -8957,36 +9036,52 @@ function FooterModuleInspectionSurface({ children }) {
 		children
 	}) : /* @__PURE__ */ jsx(Fragment$1, { children });
 }
+const FOOTER_MODULE_SELECTOR = "[data-preview-footer-module-id]";
+/**
+* Footer sections are edited like in-place text: hovering one, or keyboard
+* focus anywhere inside it, draws the preview's standard dashed outline.
+*
+* - A section with nothing interactive inside (logo, text) is itself a
+*   button: click, Enter or Space opens the footer composer on it.
+* - A section holding links or form controls is a labelled group, never a
+*   button (no nested interactive content, no extra tab stop). Activating one
+*   of its links, by click or Enter, opens the section; form controls (the
+*   footer signup form) keep working.
+*
+* The footer-wide Edit and Customize pills live in SiteChromeCustomizeButton.
+*/
+const footerModuleAffordanceCss = `
+${FOOTER_MODULE_SELECTOR} {
+  cursor: pointer;
+  border-radius: 2px;
+}
+${FOOTER_MODULE_SELECTOR}:hover,
+${FOOTER_MODULE_SELECTOR}:focus-visible,
+${FOOTER_MODULE_SELECTOR}:has(:focus-visible) {
+  outline: ${PREVIEW_EDITABLE_OUTLINE};
+  outline-offset: 2px;
+}
+`;
 function EnabledFooterModuleInspectionSurface({ children, editorUiStore }) {
 	const rootRef = useRef(null);
-	const [active, setActive] = useState(null);
-	const [position, setPosition] = useState(null);
 	useEffect(() => {
 		const root = rootRef.current;
 		if (!root) return;
-		const modules = root.querySelectorAll("[data-preview-footer-module-id]");
+		const modules = root.querySelectorAll(FOOTER_MODULE_SELECTOR);
 		for (const module of modules) {
-			module.tabIndex = 0;
+			if (module.querySelector(INTERACTIVE_CONTENT_SELECTOR)) {
+				module.setAttribute("role", "group");
+				module.removeAttribute("tabindex");
+			} else {
+				module.setAttribute("role", "button");
+				module.tabIndex = 0;
+			}
 			const label = module.dataset.previewFooterModuleId?.replace(/-/gu, " ") ?? "footer section";
 			module.setAttribute("aria-label", `Edit ${label}`);
 		}
 	}, [children]);
-	const activateElement = (element) => {
-		if (!element) return;
-		const parsed = parseFooterModuleId(element.dataset.previewFooterModuleId);
-		if (!parsed.ok) return;
-		const label = element.dataset.previewFooterModuleId?.replace(/-/gu, " ") ?? "footer section";
-		const rect = element.getBoundingClientRect();
-		setActive({
-			moduleId: parsed.value,
-			label
-		});
-		setPosition({
-			top: Math.max(8, rect.top + 8),
-			left: Math.max(8, rect.right - 64)
-		});
-	};
-	const inspect = (moduleId) => {
+	const inspect = (moduleId, event) => {
+		event.preventDefault();
 		editorUiStore.getState().openPreviewEditor({
 			kind: "footer",
 			target: { moduleId }
@@ -8995,27 +9090,34 @@ function EnabledFooterModuleInspectionSurface({ children, editorUiStore }) {
 	return /* @__PURE__ */ jsxs("div", {
 		ref: rootRef,
 		style: { display: "contents" },
-		onMouseOver: (event) => activateElement(event.target.closest("[data-preview-footer-module-id]")),
-		onFocusCapture: (event) => activateElement(event.target.closest("[data-preview-footer-module-id]")),
+		onClick: (event) => {
+			const moduleId = footerModuleIdForClick(event.target);
+			if (moduleId) inspect(moduleId, event);
+		},
 		onKeyDown: (event) => {
 			if (event.key !== "Enter" && event.key !== " ") return;
-			const element = event.target.closest("[data-preview-footer-module-id]");
-			if (!element) return;
-			const parsed = parseFooterModuleId(element.dataset.previewFooterModuleId);
-			if (!parsed.ok) return;
-			event.preventDefault();
-			inspect(parsed.value);
+			const moduleId = footerModuleIdForKey(event.target);
+			if (moduleId) inspect(moduleId, event);
 		},
-		children: [children, active && position ? /* @__PURE__ */ jsx("button", {
-			type: "button",
-			className: "pointer-events-auto fixed z-[75] rounded-full border bg-background px-3 py-1.5 text-xs font-medium text-foreground shadow-md",
-			style: position,
-			"aria-label": `Edit ${active.label}`,
-			onClick: () => inspect(active.moduleId),
-			children: "Edit"
-		}) : null]
+		children: [/* @__PURE__ */ jsx("style", { children: footerModuleAffordanceCss }), children]
 	});
 }
+const FORM_CONTROL_SELECTOR = "input, select, textarea, button, label";
+const INTERACTIVE_CONTENT_SELECTOR = `a[href], ${FORM_CONTROL_SELECTOR}`;
+function footerModuleIdOf(element) {
+	if (!(element instanceof HTMLElement)) return null;
+	const parsed = parseFooterModuleId(element.dataset.previewFooterModuleId);
+	return parsed.ok ? parsed.value : null;
+}
+/** The footer section a click should open, or null to let the click through. */
+function footerModuleIdForClick(target) {
+	if (!(target instanceof Element) || target.closest(FORM_CONTROL_SELECTOR)) return null;
+	return footerModuleIdOf(target.closest(FOOTER_MODULE_SELECTOR));
+}
+/** Enter/Space only opens a section when the section itself has focus. */
+function footerModuleIdForKey(target) {
+	return target instanceof Element && target.matches(FOOTER_MODULE_SELECTOR) ? footerModuleIdOf(target) : null;
+}
 function isHostElement(child) {
 	return typeof child.type === "string";
 }
@@ -9300,10 +9402,10 @@ function resolveShellThemeRoles(props) {
 }
 const previewContainerResponsiveEnabled = process.env.NEXT_PUBLIC_ENABLE_PREVIEW_CONTAINER_RESPONSIVE !== "false";
 const PreviewEditorSidebar = React.lazy(async () => {
-	return { default: (await import("./PreviewEditorSidebar-O-V6Pl5a.mjs")).PreviewEditorSidebar };
+	return { default: (await import("./PreviewEditorSidebar-DtpB3_sS.mjs")).PreviewEditorSidebar };
 });
 const PreviewEditorUI = React.lazy(async () => {
-	return { default: (await import("./PreviewEditorUI-1UlX_9cw.mjs")).PreviewEditorUI };
+	return { default: (await import("./PreviewEditorUI-DxTLgaHo.mjs")).PreviewEditorUI };
 });
 const previewPaneContainmentStyle = {
 	contain: "layout paint",
@@ -10059,25 +10161,30 @@ function getDraftSnapshots(uiStore) {
 	return new Map(snapshots.map((snap) => [snap.id, snap]));
 }
 function mergeBlockWithDraft(block, draftMap, index, projections = [], linkedEntryOverlays = EMPTY_LINKED_ENTRY_OVERLAY) {
+	const { draftContentId = null, publishedContentId = null } = block;
 	const id = block.id ?? null;
 	const editorBlockId = id ? unsafeAsEditorBlockId(id) : null;
 	const snap = editorBlockId ? draftMap.get(editorBlockId) ?? null : null;
 	const draftContent = editorBlockId ? readProjectedDraftRenderContent(block, editorBlockId, snap, projections) : null;
-	const baseline = snap?.baseline ?? block.content ?? block.publishedContent ?? null;
+	const baseline = blockBaseline(block, snap);
 	return {
 		id,
-		contentVersionId: block.contentVersionId ?? null,
+		draftContentId,
+		publishedContentId,
 		kind: block.kind,
 		purpose: "content",
 		orderIndex: block.orderIndex ?? index,
 		content: renderContent(block, baseline, projections, linkedEntryOverlays),
 		draftContent: renderContent(block, draftContent, projections, linkedEntryOverlays),
-		publishedContent: renderContent(block, block.publishedContent ?? null, projections, EMPTY_LINKED_ENTRY_OVERLAY),
+		publishedContent: block.publishedContent ?? null,
 		bindings: block.bindings ?? null
 	};
 }
 function readProjectedDraftRenderContent(block, editorBlockId, snap, projections) {
-	return applyPreviewContentFieldProjections(editorBlockId, snap?.current ?? snap?.baseline ?? block.content ?? block.publishedContent ?? null, projections);
+	return applyPreviewContentFieldProjections(editorBlockId, snap?.current ?? blockBaseline(block, snap), projections);
+}
+function blockBaseline(block, snapshot) {
+	return snapshot?.baseline ?? block.content ?? block.publishedContent ?? null;
 }
 function renderContent(block, content, projections, linkedEntryOverlays) {
 	return applyPreviewRuntimeContentProjections(block, applyLinkedEntryRenderOverlay(content, linkedEntryOverlays), projections);
@@ -10085,14 +10192,15 @@ function renderContent(block, content, projections, linkedEntryOverlays) {
 //#endregion
 //#region ../preview-next/src/client/blocks/composer/transformBlock.ts
 function transformToPageBlock(enriched) {
+	const publishedPlacement = readPublishedBlockPlacement(enriched.publishedContentId, enriched.publishedContent);
 	return {
 		id: enriched.id,
-		...enriched.contentVersionId !== null ? { contentVersionId: enriched.contentVersionId } : {},
+		publishedPlacement,
+		contentVersionId: enriched.draftContentId ?? enriched.publishedContentId,
 		kind: enriched.kind,
 		purpose: enriched.purpose,
 		content: enriched.content ?? {},
 		draftContent: enriched.draftContent ?? void 0,
-		publishedContent: enriched.publishedContent,
 		bindings: enriched.bindings ?? void 0
 	};
 }
@@ -10137,7 +10245,14 @@ function composePageFromBlocks(args, cacheRef) {
 function composePreviewRenderPage(args, cacheRef) {
 	const { page, blockItems, draftSnapshots, projections, linkedEntryOverlays } = args;
 	if (!page) return page;
-	if (!blockItems.length) return page;
+	if (!blockItems.length) return {
+		...page,
+		blocks: page.blocks.map((block) => ({
+			...block,
+			publishedPlacement: null,
+			contentVersionId: null
+		}))
+	};
 	const draftMap = draftSnapshotMap(draftSnapshots);
 	const renderedBlocks = applyCacheOptimization([...applyPreviewStructureProjections(blockItems, projections).map((block, index) => mergeBlockWithDraft(block, draftMap, index, projections, linkedEntryOverlays))].sort((a, b) => (a.orderIndex ?? 0) - (b.orderIndex ?? 0)), cacheRef);
 	return {
@@ -11308,7 +11423,7 @@ function BoundaryControl({ previousBlockId, nextBlockId, previousBlockKind, next
 				/* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-sky-500/10 opacity-0 transition-opacity duration-150 group-hover/boundary:opacity-100 group-focus-within/boundary:opacity-100" }),
 				/* @__PURE__ */ jsx("button", {
 					type: "button",
-					className: "pointer-events-auto absolute inset-0 z-10 flex items-center justify-center opacity-0 transition hover:opacity-100 focus:opacity-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-sky-300 group-hover/boundary:opacity-100 group-focus-within/boundary:opacity-100",
+					className: "pointer-events-auto relative z-10 flex h-11 min-w-11 items-center justify-center rounded-full opacity-0 transition hover:opacity-100 focus:opacity-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-sky-300 group-hover/boundary:opacity-100 group-focus-within/boundary:opacity-100",
 					"aria-controls": open ? panelId : void 0,
 					"aria-expanded": open,
 					"aria-haspopup": "dialog",
@@ -11764,7 +11879,12 @@ function EditablePageRenderer(props) {
 		renderProjections,
 		uiStore,
 		renderStateVersion
-	]) ?? pageRendererProps.page;
+	]) ?? {
+		name: "",
+		path: "",
+		purpose: "",
+		blocks: []
+	};
 	const runtimeJoins = editorRuntimeJoins(runtimeProjection, pageRendererProps.runtimeJoins);
 	const renderedBlockById = useMemo(() => {
 		return new Map((renderPage?.blocks ?? []).filter((block) => Boolean(block.id)).map((block) => [block.id, block]));
@@ -12109,6 +12229,21 @@ var SdkPreviewModeRuntime_exports = /* @__PURE__ */ __exportAll({ SdkPreviewMode
 function isSdkCustomBlockArray(value) {
 	return Array.isArray(value);
 }
+function toPreviewBlock(block, index) {
+	const publishedContent = block.publishedContent;
+	return {
+		id: block.id,
+		draftContentId: typeof block.draftContentId === "string" ? block.draftContentId : null,
+		publishedContentId: typeof block.publishedContentId === "string" ? block.publishedContentId : null,
+		kind: block.kind,
+		purpose: block.purpose,
+		orderIndex: index,
+		content: block.content ?? null,
+		draftContent: block.draftContent ?? null,
+		publishedContent: publishedContent && typeof publishedContent === "object" && !Array.isArray(publishedContent) ? publishedContent : null,
+		bindings: block.bindings ?? null
+	};
+}
 function getSdkConfigForPreview(value) {
 	if (!value || typeof value !== "object") return null;
 	if (!("customBlocks" in value)) return { layout: { footerMode: resolveSdkFooterMode(value) } };
@@ -12212,17 +12347,7 @@ function resolveSdkPreviewRuntimeModel(props) {
 	const routeMap = content.routeMap ?? void 0;
 	const sdkConfig = getSdkConfigForPreview(content.sdkConfig);
 	const customBlocks = isSdkCustomBlockArray(content.customBlocks) ? content.customBlocks : null;
-	const initialBlocks = (page.blocks ?? []).map((block, index) => ({
-		id: block.id ?? null,
-		contentVersionId: typeof block.contentVersionId === "string" ? block.contentVersionId : null,
-		kind: block.kind,
-		purpose: block.purpose ?? null,
-		orderIndex: index,
-		content: block.content ?? null,
-		draftContent: block.draftContent ?? null,
-		publishedContent: null,
-		bindings: block.bindings ?? null
-	}));
+	const initialBlocks = (page.blocks ?? []).map(toPreviewBlock);
 	const commonModel = {
 		content,
 		customBlocks,