@riverbankcms/sdk 0.128.0 → 0.129.0

package/dist/{SdkPreviewModeRuntime-BZHt6e9w.mjs → SdkPreviewModeRuntime-BJumZy1B.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { $a as Image, $n as clientComponentRegistry, $t as useDebouncedLatestSave, Aa as parseFooterModuleId, Ai as assertNever$1, An as createCustomBlockRegistry, Ar as gradientToCss, At as RichTextWidgetProvider, Bi as mapCurrentValueForSelect, Bn as getLinkedContentEntryMeta, C as usePreviewThemeOverlay, Cn as AMBIENT_BACKGROUND_ROLES, Cr as planPageDesignLayoutLookCompatibility, Ct as ButtonWidgetProvider, Da as Button, Di as isThemeV2NormalEditorRawStyleFieldName, Dn as isSupportedLoaderEndpoint, Dt as ReferenceWidgetProvider, Ei as parseThemeForPersistence, En as useApiMediaUploader, Er as designRuntimeRulesForTheme, Et as ReferenceField, Fa as parseMediaAssetId, Fi as getFieldIntent, Fn as makeDefaultBlockComponent, Fr as defaultSectionTransitionVariantForFamily, Ga as RotateCcw, Gn as getBlockDefinition, Gr as parseBackgroundAppearanceColorToken, Gt as canUndoHistory, Hi as unmapValueFromSelect, Hn as resolveEntryRouteTarget, Hr as backgroundAppearanceColorTokenNames, Ht as useEditorUiStoreInstance, Ia as parseSiteId, Ii as isHeaderField, In as readBlockComposition, Ir as sectionTransitionFamilies, It as hideThemeV2RawStyleFields, J as confirmAutosaveBatch, Ji as Select, Jn as SITE_OVERLAY_HEADER_CLEARANCE_CSS_VAR, Jr as runTransforms, Jt as redoHistory, Kn as projectRecurringSchedule, Kr as defaultThemeTokens, Kt as createHistoryState, La as X, Li as SdkConfigProvider, Ln as getDefaultComponentRegistry, Lr as sectionTransitionFamilyForBoundaryOptionId, Lt as prepareBlockEditorManifest, Ma as unsafeAsEditorBlockValues, Mn as DEFAULT_THEME_RESPONSIVE_MODE, Mr as GRADIENT_PRESET_IDS, Mt as useEditor, Na as assertNever$2, Ni as textColorStyle, Nn as getResponsiveScopeSpec, Nr as getGradientPreset, Nt as LinkField, Oi as pageDesignEditorBackgroundOverrideOwner, On as ThemeScope, Or as surfaceResolutionContextFromTheme, Ot as useRichTextImagePicker, Pa as expectParsedBrandedId, Pi as BlockApiProvider, Pn as escapeStyleContent, Pr as parseGradientPresetId, Pt as LinkWidgetProvider, Q as rejectAutosaveBatch, Qi as SelectValue, Qn as createManifestValidator, Qr as eventCalendarListLayoutOptions, Ra as Upload, Ri as useSdkConfig, Rn as LINKED_CONTENT_ENTRY_META_KEY, Rr as sectionTransitionVariantForBoundaryOptionId, Rt as stripTopLevelRoutingUi, S as PreviewThemeOverlayProvider, Sn as deriveLaunchReadiness, Sr as retargetCompiledRuntimeFieldsForContentAdjacency, St as ButtonVariantField, Tn as useMediaEditorOptional, Tt as MediaField, Ui as FieldFrame, Un as resolvePageRouteTarget, Ur as backgroundAppearanceQuickColorTokenNames, Ut as useOptionalEditorUiStoreInstance, Vi as mapOptionValueForSelect, Vn as defaultTransforms, Vr as BACKGROUND_BODY_TEXT_MIN_CONTRAST_RATIO, Vt as useEditorUiStore, Wi as useField, Wn as resolveRouteTarget, Wr as foregroundTokenForBackgroundAppearanceColorToken, Wt as canRedoHistory, X as enqueueTransaction, Xi as SelectItem, Xn as visibleHeaderClearancePx, Xr as bindingSchema, Xt as unsafeAsLinkedContentEntryId, Y as deriveTransactionCapabilities, Yi as SelectContent, Yn as planSiteOverlayHeaderClearance, Yr as ctaButton, Yt as undoHistory, Z as idleEditorTransactionQueueState, Zi as SelectTrigger, Zn as resolveVariantKey, Zr as eventCalendarListLayoutCompatibleDisplayModeValues, Zt as recordsEqual, _i as attachRenderableMediaAssetFields, _n as applyPageDesignEditorAction, _r as defineFragment, _t as OfferingsPreviewWidgetProvider, ai as isObjectRecord, ar as faqHeadingFragment, at as PreviewTextEditor, b as PreviewDesignCoordinatorProvider, bn as decodePublicProductCategorySelectorQuery, br as compileEditorModelRuntime, bt as EntryPickerField, ca as TabsList, ci as inlineTextToPlainText, cn as PaletteProvider, cr as formEmbedFragment, ct as EditableBlockProvider, da as DialogContent, di as RichText$1, dn as createManifestFormAdapter, dr as testimonialsHeadingFragment, dt as useEntryEditorController, ei as planSiteChromePlacement, en as createRoutingHelpers, eo as GripVertical, er as ImageResolveContextProvider, et as resolvePreviewSidebarTab, f as PREVIEW_DESIGN_LOAD_ERROR_MESSAGE, fa as DialogDescription, fi as buildResolveImageUrlContext, fr as ctaCopyFragment, ft as createSiteOptionApiLoader, gi as SECTION_BACKGROUND_MIN_SOURCE_WIDTH, gn as MediaEditor, gr as bodyCopyFragment, gt as OfferingsPreviewGroupOrderField, ha as DialogTitle, hi as setContextResolveImageUrlContext, hn as createStoreBackend, hr as heroCopyFragment, ht as SiteOptionWidgetProvider, i as usePreviewDesignHistoryOrder, ii as renderInlineText, in as parseReferenceKind, io as ChevronLeft, ir as faqAccordionFragment, it as PreviewInlineTextEditor, ja as unsafeAsEditorBlockId, jn as buildThemeRuntime, jr as GRADIENT_PRESETS, jt as EditorProvider, ka as cn, ki as asDesignBlockId, kn as containerResponsiveThemeCss, kt as RichTextField, la as TabsTrigger, li as isInlineTextEmpty, ln as usePalette, lr as formCopyFragment, lt as EntryControllerProvider, m as reportPreviewDesignError, ma as DialogHeader, mi as resolveImageUrlWithContext, mn as evaluateVisibility, mr as ctaRowFragment, mt as SiteOptionPickerField, n as useSiteChromeCustomizeOptional, ni as parseGeneratedIconAssetId, nn as BUILT_IN_REFERENCE_KINDS, nr as headingFragment, nt as renderSiteChromeBlock, oa as Tabs, oi as isRecord$13, or as blogFeaturedPostFragment, p as PREVIEW_DESIGN_SAVE_ERROR_MESSAGE, pa as DialogFooter, pi as getCurrentResolveImageUrlContext, pn as FormRenderer, pr as heroCtaRowFragment, pt as createSiteOptionWidgetAdapters, q as beginAutosaveBatch, qn as SITE_CHROME_VISIBLE_HEADER_SELECTOR, qt as pushHistoryEntry, r as PreviewDesignHistoryOrderProvider, ri as parseGeneratedIconSetId, ro as ChevronRight, rr as cardFragment, rt as PreviewRichTextEditor, sa as TabsContent, si as coerceInlineTextWithFallback, so as __exportAll, sr as singleButtonFragment, st as useUISelector, t as SiteChromeCustomizeProvider, ti as parseBlockIconValue, tn as createSnapshotFromPageRecord, tr as richTextFragment, ua as Dialog, ui as Text$1, ur as testimonialsCarouselFragment, vi as getAtPath, vn as getPageDesignEditorState, vr as formatSiteChromeBackgroundTokenLabel, vt as InlineTextField, wn as MediaEditorContextProvider, wr as componentRuntimeRulesForTheme, wt as FileField, xn as DEFAULT_LAUNCH_READINESS_INPUT, xr as retargetCompiledBoundaryRuntimeForContentAdjacency, xt as EntryPickerWidgetProvider, yi as siblingPath, yr as applyCompiledRuntimeFieldsToContent, yt as IconPickerField, zi as hasEmptyOption, zn as coerceLinkedContentEntriesPayload, zt as getBlockManifestFromSdkConfig } from "./SiteChromeCustomizeContext-CvuGbHJX.mjs";
+import { $a as Image, $n as clientComponentRegistry, $t as useDebouncedLatestSave, Aa as parseFooterModuleId, Ai as assertNever$1, An as buildThemeRuntime, Ar as gradientToCss, At as RichTextWidgetProvider, Bi as mapCurrentValueForSelect, Bn as getLinkedContentEntryMeta, C as usePreviewThemeOverlay, Cn as AMBIENT_BACKGROUND_ROLES, Cr as planPageDesignLayoutLookCompatibility, Ct as ButtonWidgetProvider, Da as Button, Di as isThemeV2NormalEditorRawStyleFieldName, Dn as isSupportedLoaderEndpoint, Dt as ReferenceWidgetProvider, Ei as parseThemeForPersistence, En as useApiMediaUploader, Er as designRuntimeRulesForTheme, Et as ReferenceField, Fa as parseMediaAssetId, Fi as getFieldIntent, Fn as makeDefaultBlockComponent, Fr as defaultSectionTransitionVariantForFamily, Ga as RotateCcw, Gn as getBlockDefinition, Gr as parseBackgroundAppearanceColorToken, Gt as canUndoHistory, Hi as unmapValueFromSelect, Hn as resolveEntryRouteTarget, Hr as backgroundAppearanceColorTokenNames, Ht as useEditorUiStoreInstance, Ia as parseSiteId, Ii as isHeaderField, In as readBlockComposition, Ir as sectionTransitionFamilies, It as hideThemeV2RawStyleFields, J as confirmAutosaveBatch, Ji as Select, Jn as SITE_OVERLAY_HEADER_CLEARANCE_CSS_VAR, Jr as runTransforms, Jt as redoHistory, Kn as projectRecurringSchedule, Kr as defaultThemeTokens, Kt as createHistoryState, La as X, Li as SdkConfigProvider, Ln as getDefaultComponentRegistry, Lr as sectionTransitionFamilyForBoundaryOptionId, Lt as prepareBlockEditorManifest, Ma as unsafeAsEditorBlockValues, Mn as getResponsiveScopeSpec, Mr as GRADIENT_PRESET_IDS, Mt as useEditor, Na as assertNever$2, Ni as textColorStyle, Nn as escapeStyleContent, Nr as getGradientPreset, Nt as LinkField, Oi as pageDesignEditorBackgroundOverrideOwner, On as ThemeScope, Or as surfaceResolutionContextFromTheme, Ot as useRichTextImagePicker, Pa as expectParsedBrandedId, Pi as BlockApiProvider, Pn as createCustomBlockRegistry, Pr as parseGradientPresetId, Pt as LinkWidgetProvider, Q as rejectAutosaveBatch, Qi as SelectValue, Qn as createManifestValidator, Qr as eventCalendarListLayoutOptions, Ra as Upload, Ri as useSdkConfig, Rn as LINKED_CONTENT_ENTRY_META_KEY, Rr as sectionTransitionVariantForBoundaryOptionId, Rt as stripTopLevelRoutingUi, S as PreviewThemeOverlayProvider, Sn as deriveLaunchReadiness, Sr as retargetCompiledRuntimeFieldsForContentAdjacency, St as ButtonVariantField, Tn as useMediaEditorOptional, Tt as MediaField, Ui as FieldFrame, Un as resolvePageRouteTarget, Ur as backgroundAppearanceQuickColorTokenNames, Ut as useOptionalEditorUiStoreInstance, Vi as mapOptionValueForSelect, Vn as defaultTransforms, Vr as BACKGROUND_BODY_TEXT_MIN_CONTRAST_RATIO, Vt as useEditorUiStore, Wi as useField, Wn as resolveRouteTarget, Wr as foregroundTokenForBackgroundAppearanceColorToken, Wt as canRedoHistory, X as enqueueTransaction, Xi as SelectItem, Xn as visibleHeaderClearancePx, Xr as bindingSchema, Xt as unsafeAsLinkedContentEntryId, Y as deriveTransactionCapabilities, Yi as SelectContent, Yn as planSiteOverlayHeaderClearance, Yr as ctaButton, Yt as undoHistory, Z as idleEditorTransactionQueueState, Zi as SelectTrigger, Zn as resolveVariantKey, Zr as eventCalendarListLayoutCompatibleDisplayModeValues, Zt as recordsEqual, _i as attachRenderableMediaAssetFields, _n as applyPageDesignEditorAction, _r as defineFragment, _t as OfferingsPreviewWidgetProvider, ai as isObjectRecord, ar as faqHeadingFragment, at as PreviewTextEditor, b as PreviewDesignCoordinatorProvider, bn as decodePublicProductCategorySelectorQuery, br as compileEditorModelRuntime, bt as EntryPickerField, ca as TabsList, ci as inlineTextToPlainText, cn as PaletteProvider, cr as formEmbedFragment, ct as EditableBlockProvider, da as DialogContent, di as RichText$1, dn as createManifestFormAdapter, dr as testimonialsHeadingFragment, dt as useEntryEditorController, ei as planSiteChromePlacement, en as createRoutingHelpers, eo as GripVertical, er as ImageResolveContextProvider, et as resolvePreviewSidebarTab, f as PREVIEW_DESIGN_LOAD_ERROR_MESSAGE, fa as DialogDescription, fi as buildResolveImageUrlContext, fr as ctaCopyFragment, ft as createSiteOptionApiLoader, gi as SECTION_BACKGROUND_MIN_SOURCE_WIDTH, gn as MediaEditor, gr as bodyCopyFragment, gt as OfferingsPreviewGroupOrderField, ha as DialogTitle, hi as setContextResolveImageUrlContext, hn as createStoreBackend, hr as heroCopyFragment, ht as SiteOptionWidgetProvider, i as usePreviewDesignHistoryOrder, ii as renderInlineText, in as parseReferenceKind, io as ChevronLeft, ir as faqAccordionFragment, it as PreviewInlineTextEditor, ja as unsafeAsEditorBlockId, jn as DEFAULT_THEME_RESPONSIVE_MODE, jr as GRADIENT_PRESETS, jt as EditorProvider, ka as cn, ki as asDesignBlockId, kn as containerResponsiveThemeCss, kt as RichTextField, la as TabsTrigger, li as isInlineTextEmpty, ln as usePalette, lr as formCopyFragment, lt as EntryControllerProvider, m as reportPreviewDesignError, ma as DialogHeader, mi as resolveImageUrlWithContext, mn as evaluateVisibility, mr as ctaRowFragment, mt as SiteOptionPickerField, n as useSiteChromeCustomizeOptional, ni as parseGeneratedIconAssetId, nn as BUILT_IN_REFERENCE_KINDS, nr as headingFragment, nt as renderSiteChromeBlock, oa as Tabs, oi as isRecord$13, or as blogFeaturedPostFragment, p as PREVIEW_DESIGN_SAVE_ERROR_MESSAGE, pa as DialogFooter, pi as getCurrentResolveImageUrlContext, pn as FormRenderer, pr as heroCtaRowFragment, pt as createSiteOptionWidgetAdapters, q as beginAutosaveBatch, qn as SITE_CHROME_VISIBLE_HEADER_SELECTOR, qt as pushHistoryEntry, r as PreviewDesignHistoryOrderProvider, ri as parseGeneratedIconSetId, ro as ChevronRight, rr as cardFragment, rt as PreviewRichTextEditor, sa as TabsContent, si as coerceInlineTextWithFallback, so as __exportAll, sr as singleButtonFragment, st as useUISelector, t as SiteChromeCustomizeProvider, ti as parseBlockIconValue, tn as createSnapshotFromPageRecord, tr as richTextFragment, ua as Dialog, ui as Text$1, ur as testimonialsCarouselFragment, vi as getAtPath, vn as getPageDesignEditorState, vr as formatSiteChromeBackgroundTokenLabel, vt as InlineTextField, wn as MediaEditorContextProvider, wr as componentRuntimeRulesForTheme, wt as FileField, xn as DEFAULT_LAUNCH_READINESS_INPUT, xr as retargetCompiledBoundaryRuntimeForContentAdjacency, xt as EntryPickerWidgetProvider, yi as siblingPath, yr as applyCompiledRuntimeFieldsToContent, yt as IconPickerField, zi as hasEmptyOption, zn as coerceLinkedContentEntriesPayload, zt as getBlockManifestFromSdkConfig } from "./SiteChromeCustomizeContext-D9SlpwEj.mjs";
 import { i as useOptionalPreviewLayout, t as PreviewQueryProvider } from "./PreviewQueryProvider-B1kbhaJD.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-BesgU5Xu.mjs";
 import * as React$1 from "react";
@@ -426,8 +426,115 @@ function hydrateEntryLink(link, context) {
 	};
 }
 //#endregion
+//#region ../blocks/src/pageRenderingMode.ts
+var MissingBlockOverrideError = class extends Error {
+	constructor(blockKind) {
+		super(`Override-only rendering requires an override for block kind "${blockKind}".`);
+		this.blockKind = blockKind;
+		this.code = "missing_block_override";
+		this.name = "MissingBlockOverrideError";
+	}
+};
+function isOverrideOnlyResourceInput(props) {
+	return props.rendering?.kind === "overrides-only";
+}
+function resolvePageThemeResources(props) {
+	if (isOverrideOnlyResourceInput(props)) return { kind: "unavailable" };
+	return {
+		kind: "available",
+		tokens: props.themeTokens ?? buildThemeRuntime(props.theme).tokens,
+		config: props.theme
+	};
+}
+function requireBlockOverride(resources, override, blockKind) {
+	if (resources.kind === "unavailable" && !override) throw new MissingBlockOverrideError(blockKind);
+}
+function overrideThemeProps(resources) {
+	return resources.kind === "available" ? {
+		theme: resources.tokens,
+		themeConfig: resources.config
+	} : {};
+}
+function requireThemeResources(resources, blockKind) {
+	if (resources.kind === "unavailable") throw new MissingBlockOverrideError(blockKind);
+	return resources;
+}
+//#endregion
+//#region ../blocks/src/pageRendererBoundaries.tsx
+const boundaryKey = (previousBlockId, nextBlockId) => `${previousBlockId}\u0000${nextBlockId}`;
+function isSiteStyleTransitionStyleGroup(value) {
+	return value?.startsWith("site-style-transition-") === true;
+}
+function boundaryMapForAdjacentBlockIds(boundaries) {
+	return new Map(boundaries.map((boundary) => [boundaryKey(boundary.previousBlockId, boundary.nextBlockId), boundary]));
+}
+function boundaryBetweenBlocks(previousBlock, nextBlock, boundaries) {
+	const previousBlockId = previousBlock?.id ?? null;
+	const nextBlockId = nextBlock?.id ?? null;
+	if (!previousBlockId || !nextBlockId) return null;
+	return boundaries.get(boundaryKey(previousBlockId, nextBlockId)) ?? null;
+}
+function renderBoundaryAfterBlock(input) {
+	const previousBlockId = input.block.id;
+	const nextBlockId = input.nextBlock?.id ?? null;
+	if (!previousBlockId || !nextBlockId) return null;
+	const boundary = input.boundaryByAdjacentBlockIds.get(boundaryKey(previousBlockId, nextBlockId));
+	if (!boundary) return null;
+	const rendered = /* @__PURE__ */ jsx("div", {
+		"aria-hidden": "true",
+		"data-block-boundary": "",
+		"data-boundary-id": boundary.boundaryId,
+		"data-boundary-previous-block-id": boundary.previousBlockId,
+		"data-boundary-next-block-id": boundary.nextBlockId,
+		"data-style-group": boundary.styleGroup,
+		style: boundaryCssVarsStyle(boundary)
+	}, `${input.blockKey}:boundary`);
+	return input.wrapBoundary ? input.wrapBoundary(boundary, rendered) : rendered;
+}
+function boundaryCssVarsStyle(boundary) {
+	return {
+		"--site-style-transition-from": boundary.cssVars.from,
+		"--site-style-transition-to": boundary.cssVars.to
+	};
+}
+function boundaryReserveCssVarsStyle(input) {
+	const before = input.before?.metrics.reserveCss ?? null;
+	const after = input.after?.metrics.reserveCss ?? null;
+	if (!before && !after) return void 0;
+	return {
+		...before ? { "--site-style-boundary-before-reserve": before } : {},
+		...after ? { "--site-style-boundary-after-reserve": after } : {}
+	};
+}
+function transitionCssVarsStyle(content) {
+	const transitionStyles = isObjectRecord(content._transitionStyles) ? content._transitionStyles : null;
+	const cssVars = isObjectRecord(transitionStyles?.cssVars) ? transitionStyles.cssVars : null;
+	const from = typeof cssVars?.from === "string" ? cssVars.from : null;
+	const to = typeof cssVars?.to === "string" ? cssVars.to : null;
+	if (!from && !to) return void 0;
+	return {
+		...from ? { "--site-style-transition-from": from } : {},
+		...to ? { "--site-style-transition-to": to } : {}
+	};
+}
+function mergeStyleObjects(left, right) {
+	if (!left) return right;
+	if (!right) return left;
+	return {
+		...left,
+		...right
+	};
+}
+function pageBlockPosition(index, blockCount) {
+	if (blockCount <= 1) return "only";
+	if (index === 0) return "first";
+	if (index === blockCount - 1) return "last";
+	return "middle";
+}
+//#endregion
 //#region ../blocks/src/PageRenderer.tsx
-function PageRenderer({ theme, page, runtimeBoundaries, usePlaceholders = false, dataContext, wrapBlock, wrapBoundary, registry, themeTokens: providedThemeTokens, routeMap, blockOverrides, sdkConfig, customBlocks, previewAuthoring }) {
+function PageRenderer(props) {
+	const { page, runtimeBoundaries, usePlaceholders = false, dataContext, wrapBlock, wrapBoundary, registry, routeMap, blockOverrides, sdkConfig, customBlocks, previewAuthoring } = props;
 	const imageResolveContext = React$1.useMemo(() => resolvePageRendererImageResolveContext(dataContext), [
 		dataContext?.imageResolveContext,
 		dataContext?.mediaAssets,
@@ -436,12 +543,16 @@ function PageRenderer({ theme, page, runtimeBoundaries, usePlaceholders = false,
 	]);
 	const boundaryByAdjacentBlockIds = React$1.useMemo(() => boundaryMapForAdjacentBlockIds(runtimeBoundaries ?? []), [runtimeBoundaries]);
 	const usesRuntimeBoundaries = runtimeBoundaries !== void 0;
+	const themeResources = React$1.useMemo(() => resolvePageThemeResources(props), [
+		props.rendering,
+		props.theme,
+		props.themeTokens
+	]);
 	if (!page || page.blocks.length === 0) return /* @__PURE__ */ jsx("div", {
 		className: "rb-p-6 rb-caption",
 		style: textColorStyle("mutedText"),
 		children: "No blocks found."
 	});
-	const themeTokens = providedThemeTokens ?? buildThemeRuntime(theme).tokens;
 	const resolvedRegistry = registry ?? getDefaultComponentRegistry();
 	setContextResolveImageUrlContext(imageResolveContext);
 	return /* @__PURE__ */ jsx("div", { children: page.blocks.map((block, index) => {
@@ -464,22 +575,14 @@ function PageRenderer({ theme, page, runtimeBoundaries, usePlaceholders = false,
 		const renderableContent = getRenderableContent(block, dataContext?.previewStage);
 		const variantKey = definition?.manifest ? resolveVariantKey(definition.manifest, renderableContent) : null;
 		const shouldUseWrapper = !managesOwnWrapper || Boolean(wrapBlock);
-		const blockSectionProps = {
-			themeTokens,
-			themeConfig: theme,
+		const blockSectionProps = buildBlockSectionProps({
+			props,
+			themeResources,
 			block,
-			usePlaceholders,
-			dataContext,
 			blockKey,
-			registry: resolvedRegistry,
-			routeMap,
-			wrapBlock,
-			blockOverrides,
-			sdkConfig,
-			customBlocks,
 			imageResolveContext,
-			previewAuthoring
-		};
+			registry: resolvedRegistry
+		});
 		if (!shouldUseWrapper) {
 			const rendered = /* @__PURE__ */ jsx(MemoBlockSection, { ...blockSectionProps }, `${blockKey}:block`);
 			return boundaryElement ? /* @__PURE__ */ jsxs(React$1.Fragment, { children: [rendered, boundaryElement] }, blockKey) : rendered;
@@ -521,81 +624,6 @@ function PageRenderer({ theme, page, runtimeBoundaries, usePlaceholders = false,
 		})] }, blockKey);
 	}) });
 }
-function isSiteStyleTransitionStyleGroup(value) {
-	return value?.startsWith("site-style-transition-") === true;
-}
-function boundaryMapForAdjacentBlockIds(boundaries) {
-	return new Map(boundaries.map((boundary) => [boundaryKey(boundary.previousBlockId, boundary.nextBlockId), boundary]));
-}
-function boundaryKey(previousBlockId, nextBlockId) {
-	return `${previousBlockId}\u0000${nextBlockId}`;
-}
-function boundaryBetweenBlocks(previousBlock, nextBlock, boundaryByAdjacentBlockIds) {
-	const previousBlockId = previousBlock?.id ?? null;
-	const nextBlockId = nextBlock?.id ?? null;
-	if (!previousBlockId || !nextBlockId) return null;
-	return boundaryByAdjacentBlockIds.get(boundaryKey(previousBlockId, nextBlockId)) ?? null;
-}
-function renderBoundaryAfterBlock(input) {
-	const previousBlockId = input.block.id;
-	const nextBlockId = input.nextBlock?.id ?? null;
-	if (!previousBlockId || !nextBlockId) return null;
-	const boundary = input.boundaryByAdjacentBlockIds.get(boundaryKey(previousBlockId, nextBlockId));
-	if (!boundary) return null;
-	const rendered = /* @__PURE__ */ jsx("div", {
-		"aria-hidden": "true",
-		"data-block-boundary": "",
-		"data-boundary-id": boundary.boundaryId,
-		"data-boundary-previous-block-id": boundary.previousBlockId,
-		"data-boundary-next-block-id": boundary.nextBlockId,
-		"data-style-group": boundary.styleGroup,
-		style: boundaryCssVarsStyle(boundary)
-	}, `${input.blockKey}:boundary`);
-	return input.wrapBoundary ? input.wrapBoundary(boundary, rendered) : rendered;
-}
-function boundaryCssVarsStyle(boundary) {
-	return {
-		"--site-style-transition-from": boundary.cssVars.from,
-		"--site-style-transition-to": boundary.cssVars.to
-	};
-}
-function boundaryReserveCssVarsStyle(input) {
-	const before = input.before ? boundaryReserveValueForTreatment(input.before) : null;
-	const after = input.after ? boundaryReserveValueForTreatment(input.after) : null;
-	if (!before && !after) return void 0;
-	return {
-		...before ? { "--site-style-boundary-before-reserve": before } : {},
-		...after ? { "--site-style-boundary-after-reserve": after } : {}
-	};
-}
-function boundaryReserveValueForTreatment(boundary) {
-	return boundary.metrics.reserveCss;
-}
-function transitionCssVarsStyle(content) {
-	const transitionStyles = isObjectRecord(content._transitionStyles) ? content._transitionStyles : null;
-	const cssVars = isObjectRecord(transitionStyles?.cssVars) ? transitionStyles.cssVars : null;
-	const from = typeof cssVars?.from === "string" ? cssVars.from : null;
-	const to = typeof cssVars?.to === "string" ? cssVars.to : null;
-	if (!from && !to) return void 0;
-	return {
-		...from ? { "--site-style-transition-from": from } : {},
-		...to ? { "--site-style-transition-to": to } : {}
-	};
-}
-function mergeStyleObjects(left, right) {
-	if (!left) return right;
-	if (!right) return left;
-	return {
-		...left,
-		...right
-	};
-}
-function pageBlockPosition(index, blockCount) {
-	if (blockCount <= 1) return "only";
-	if (index === 0) return "first";
-	if (index === blockCount - 1) return "last";
-	return "middle";
-}
 function resolvePageRendererImageResolveContext(dataContext) {
 	const input = dataContext?.imageResolveContext;
 	return buildResolveImageUrlContext({
@@ -605,6 +633,23 @@ function resolvePageRendererImageResolveContext(dataContext) {
 		mediaAssets: input?.mediaAssets ?? dataContext?.mediaAssets
 	});
 }
+function buildBlockSectionProps(input) {
+	return {
+		themeResources: input.themeResources,
+		block: input.block,
+		usePlaceholders: input.props.usePlaceholders ?? false,
+		dataContext: input.props.dataContext,
+		blockKey: input.blockKey,
+		registry: input.registry,
+		routeMap: input.props.routeMap,
+		wrapBlock: input.props.wrapBlock,
+		blockOverrides: input.props.blockOverrides,
+		sdkConfig: input.props.sdkConfig,
+		customBlocks: input.props.customBlocks,
+		imageResolveContext: input.imageResolveContext,
+		previewAuthoring: input.props.previewAuthoring
+	};
+}
 /**
 * Look up a block override component by block kind.
 * Supports both full ("block.hero") and short ("hero") keys.
@@ -671,7 +716,7 @@ function getCachedValidator(manifest, flavour) {
 * referential equality of all props that affect rendering. Standard React.memo
 * wouldn't catch all the render triggers from the editor store.
 */
-const MemoBlockSection = React$1.memo(function MemoBlockSection({ themeTokens, themeConfig, block, usePlaceholders, dataContext, registry, routeMap, wrapBlock, blockOverrides, sdkConfig, customBlocks, imageResolveContext, previewAuthoring }) {
+const MemoBlockSection = React$1.memo(function MemoBlockSection({ themeResources, block, usePlaceholders, dataContext, registry, routeMap, wrapBlock, blockOverrides, sdkConfig, customBlocks, imageResolveContext, previewAuthoring }) {
 	const perfStart = globalThis.process?.env?.DEBUG_PERF === "1" && typeof window === "undefined" ? Date.now() : 0;
 	const fallbackImageResolveContext = getCurrentResolveImageUrlContext();
 	const resolvedImageResolveContext = imageResolveContext ?? fallbackImageResolveContext;
@@ -692,6 +737,7 @@ const MemoBlockSection = React$1.memo(function MemoBlockSection({ themeTokens, t
 		return node;
 	}
 	const OverrideComponent = getBlockOverride(block.kind, blockOverrides);
+	requireBlockOverride(themeResources, OverrideComponent, block.kind);
 	let definition = getBlockDefinition(block.kind);
 	if (!definition && block.kind.startsWith("custom.")) definition = createCustomBlockRegistry({
 		sdkConfig,
@@ -704,8 +750,7 @@ const MemoBlockSection = React$1.memo(function MemoBlockSection({ themeTokens, t
 		if (OverrideComponent) {
 			const rendered = /* @__PURE__ */ jsx(OverrideComponent, {
 				content: getRenderableContent(block, dataContext?.previewStage),
-				theme: themeTokens,
-				themeConfig,
+				...overrideThemeProps(themeResources),
 				data: void 0,
 				siteId: dataContext?.siteId,
 				apiBaseUrl: dataContext?.apiBaseUrl,
@@ -804,8 +849,7 @@ const MemoBlockSection = React$1.memo(function MemoBlockSection({ themeTokens, t
 		const hasResolvedData = !!resolved && typeof resolved === "object" && Object.keys(resolved).length > 0;
 		const baseProps = {
 			content: hydratedContent,
-			theme: themeTokens,
-			themeConfig,
+			...overrideThemeProps(themeResources),
 			data: resolved,
 			siteId: dataContext?.siteId,
 			apiBaseUrl: dataContext?.apiBaseUrl,
@@ -825,6 +869,7 @@ const MemoBlockSection = React$1.memo(function MemoBlockSection({ themeTokens, t
 		let rendered;
 		if (OverrideComponent) rendered = /* @__PURE__ */ jsx(OverrideComponent, { ...baseProps });
 		else {
+			requireThemeResources(themeResources, block.kind);
 			const BlockComponent = getCachedBlockComponent(definition.manifest);
 			const pathBase = typeof block.id === "string" && block.id.length > 0 ? `blocks.${block.id}.` : void 0;
 			const rootContext = { $root: {
@@ -874,7 +919,7 @@ const MemoBlockSection = React$1.memo(function MemoBlockSection({ themeTokens, t
 		});
 	}
 }, (prev, next) => {
-	return prev.block === next.block && prev.registry === next.registry && prev.dataContext === next.dataContext && prev.themeTokens === next.themeTokens && prev.themeConfig === next.themeConfig && prev.routeMap === next.routeMap && prev.usePlaceholders === next.usePlaceholders && prev.wrapBlock === next.wrapBlock && prev.blockOverrides === next.blockOverrides && prev.sdkConfig === next.sdkConfig && prev.customBlocks === next.customBlocks && prev.imageResolveContext === next.imageResolveContext && prev.previewAuthoring === next.previewAuthoring;
+	return prev.block === next.block && prev.registry === next.registry && prev.dataContext === next.dataContext && prev.themeResources === next.themeResources && prev.routeMap === next.routeMap && prev.usePlaceholders === next.usePlaceholders && prev.wrapBlock === next.wrapBlock && prev.blockOverrides === next.blockOverrides && prev.sdkConfig === next.sdkConfig && prev.customBlocks === next.customBlocks && prev.imageResolveContext === next.imageResolveContext && prev.previewAuthoring === next.previewAuthoring;
 });
 function fallback(message) {
 	return /* @__PURE__ */ jsx("div", {
@@ -8007,12 +8052,27 @@ function assertNever(value) {
 const defaultPreviewThemeRuntime = { kind: "cms-theme" };
 //#endregion
 //#region ../preview-next/src/client/preview/PreviewThemedSiteDocument.tsx
+function planPreviewSiteDocument(theme, bannerNode, headerNode) {
+	return planSiteDocument({
+		headerPositioning: theme.header?.positioning ?? "static",
+		headerVariant: theme.header?.variant ?? null,
+		hasVisibleBanner: Boolean(bannerNode),
+		hasVisibleHeader: Boolean(headerNode)
+	});
+}
+function resolveDocumentResponsiveMode(runtime, useContainerResponsiveMode) {
+	return runtime.kind === "none" ? void 0 : runtime.responsiveMode ?? (useContainerResponsiveMode ? "container" : "viewport");
+}
+function renderPreviewHeader(model, theme, fallback) {
+	if (!model?.header) return fallback;
+	return /* @__PURE__ */ jsx(SiteChromeEditableSurface, {
+		surface: "header",
+		children: renderSiteChromeBlock(model, "header", theme, { themeConfigOverrideMode: "ignore" })
+	});
+}
 function PreviewThemedSiteDocument({ children, themeRuntime = defaultPreviewThemeRuntime, useContainerResponsiveMode, viewportMode, viewportWidth, scale, contentHeight, scaleContainerRef, contentRef, staticHeaderNode, bannerNode, staticFooterNode, siteChromeRenderModel }) {
 	const { effectiveTheme } = usePreviewThemeOverlay();
-	const headerNode = siteChromeRenderModel?.header ? /* @__PURE__ */ jsx(SiteChromeEditableSurface, {
-		surface: "header",
-		children: renderSiteChromeBlock(siteChromeRenderModel, "header", effectiveTheme, { themeConfigOverrideMode: "ignore" })
-	}) : staticHeaderNode;
+	const headerNode = renderPreviewHeader(siteChromeRenderModel, effectiveTheme, staticHeaderNode);
 	const documentNode = renderPreviewDocument({
 		viewportMode,
 		viewportWidth,
@@ -8020,12 +8080,7 @@ function PreviewThemedSiteDocument({ children, themeRuntime = defaultPreviewThem
 		contentHeight,
 		scaleContainerRef,
 		contentRef,
-		siteDocumentPlan: planSiteDocument({
-			headerPositioning: effectiveTheme.header?.positioning ?? "static",
-			headerVariant: effectiveTheme.header?.variant ?? null,
-			hasVisibleBanner: Boolean(bannerNode),
-			hasVisibleHeader: Boolean(headerNode)
-		}),
+		siteDocumentPlan: planPreviewSiteDocument(effectiveTheme, bannerNode, headerNode),
 		headerNode,
 		bannerNode,
 		footerNode: Boolean(siteChromeRenderModel) && siteChromeRenderModel?.footer.canRenderReactively !== false && siteChromeRenderModel ? /* @__PURE__ */ jsx(SiteChromeEditableSurface, {
@@ -8035,7 +8090,7 @@ function PreviewThemedSiteDocument({ children, themeRuntime = defaultPreviewThem
 		}) : staticFooterNode,
 		children
 	});
-	const responsiveMode = themeRuntime.kind === "none" ? void 0 : themeRuntime.responsiveMode ?? (useContainerResponsiveMode ? "container" : "viewport");
+	const responsiveMode = resolveDocumentResponsiveMode(themeRuntime, useContainerResponsiveMode);
 	switch (themeRuntime.kind) {
 		case "cms-theme": return /* @__PURE__ */ jsx(ThemeScope, {
 			theme: effectiveTheme,
@@ -8052,6 +8107,32 @@ function PreviewThemedSiteDocument({ children, themeRuntime = defaultPreviewThem
 		default: return assertNever$2(themeRuntime);
 	}
 }
+function PreviewOverrideOnlySiteDocument({ children, runtime, useContainerResponsiveMode, viewportMode, viewportWidth, scale, contentHeight, scaleContainerRef, contentRef }) {
+	const documentNode = renderPreviewDocument({
+		viewportMode,
+		viewportWidth,
+		scale,
+		contentHeight,
+		scaleContainerRef,
+		contentRef,
+		siteDocumentPlan: planSiteDocument({
+			headerPositioning: "static",
+			headerVariant: null,
+			hasVisibleBanner: false,
+			hasVisibleHeader: false
+		}),
+		headerNode: null,
+		bannerNode: null,
+		footerNode: null,
+		children
+	});
+	if (runtime.kind === "none") return documentNode;
+	return /* @__PURE__ */ jsx(ResponsiveScope, {
+		responsiveMode: runtime.responsiveMode ?? (useContainerResponsiveMode ? "container" : "viewport"),
+		className: "rb-flex rb-flex-1 rb-flex-col",
+		children: documentNode
+	});
+}
 function renderPreviewDocument({ viewportMode, viewportWidth, scale, contentHeight, scaleContainerRef, contentRef, siteDocumentPlan, headerNode, bannerNode, footerNode, children }) {
 	const framePlan = planPreviewDocumentFrame({
 		viewportMode,
@@ -8175,23 +8256,88 @@ function LinkedEntryEditEventBridge() {
 }
 //#endregion
 //#region ../preview-next/src/client/preview/PreviewShellLayout.tsx
+function isOverrideOnlyPreviewShellLayout(props) {
+	return props.rendering?.kind === "overrides-only";
+}
+function resolveShellThemeRoles(props) {
+	if (isOverrideOnlyPreviewShellLayout(props)) return null;
+	return resolvePreviewThemeRoles({
+		theme: props.theme,
+		renderTheme: props.renderTheme
+	});
+}
 const previewContainerResponsiveEnabled = process.env.NEXT_PUBLIC_ENABLE_PREVIEW_CONTAINER_RESPONSIVE !== "false";
 const PreviewEditorSidebar = React.lazy(async () => {
-	return { default: (await import("./PreviewEditorSidebar-Dbvb7GIr.mjs")).PreviewEditorSidebar };
+	return { default: (await import("./PreviewEditorSidebar-B43CJ0g_.mjs")).PreviewEditorSidebar };
 });
 const PreviewEditorUI = React.lazy(async () => {
-	return { default: (await import("./PreviewEditorUI-e9O9l20X.mjs")).PreviewEditorUI };
+	return { default: (await import("./PreviewEditorUI-DHirVkeM.mjs")).PreviewEditorUI };
 });
 const previewPaneContainmentStyle = {
 	contain: "layout paint",
 	isolation: "isolate",
 	transform: "translateZ(0)"
 };
-function PreviewShellLayout({ children, theme, renderTheme, surfaceId, siteId, dashboardBaseUrl = null, pageId, entryData, contentTypeSchema, referenceContentTypeKeys = [], draftContent, currentTemplate, apiClient, bearerToken, themeId = null, themeSelectionId = null, themeSelectionVersion = null, themeSelectionUpdatedAt = null, themeSelectionButtonStyleSelection = null, themeSelectionHeaderLayoutId = null, themeSelectionHeaderStyleId = null, themeSelectionHeaderLookId = null, themeSelectionFooterLookId = null, themeSelectionHeaderContext, isSiteLaunched, maintenanceModeEnabled, entrySubrouteContext, assistantPanel, sdkConfig, bookingOfferingPresets, themeRuntime = defaultPreviewThemeRuntime, siteStyleAccess = { kind: "hidden" }, onFooterSaved }) {
-	const { persistenceTheme, documentTheme } = resolvePreviewThemeRoles({
-		theme,
-		renderTheme
+function renderShellProviders(input) {
+	if (!input.themeRoles) return input.content;
+	const { props, themeRoles } = input;
+	return /* @__PURE__ */ jsx(PreviewThemeOverlayProvider, {
+		baseTheme: themeRoles.documentTheme,
+		children: /* @__PURE__ */ jsx(PreviewDesignCoordinatorProvider, { children: /* @__PURE__ */ jsx(SiteChromeCustomizeProvider, {
+			siteId: props.siteId,
+			apiClient: input.apiClient,
+			theme: themeRoles.persistenceTheme,
+			themeId: props.themeId ?? null,
+			selectionId: props.themeSelectionId ?? null,
+			selectionVersion: props.themeSelectionVersion ?? null,
+			selectionUpdatedAt: props.themeSelectionUpdatedAt ?? null,
+			initialSelections: {
+				selectionVersion: props.themeSelectionVersion ?? null,
+				selectionUpdatedAt: props.themeSelectionUpdatedAt ?? null,
+				buttonStyleSelection: props.themeSelectionButtonStyleSelection ?? null,
+				headerLayoutId: props.themeSelectionHeaderLayoutId ?? null,
+				headerStyleId: props.themeSelectionHeaderStyleId ?? null,
+				headerLookId: props.themeSelectionHeaderLookId ?? null,
+				footerLookId: props.themeSelectionFooterLookId ?? null
+			},
+			headerSelectionContext: props.themeSelectionHeaderContext,
+			siteStyleAccess: input.siteStyleAccess,
+			canOpenDesignEditor: props.entryData == null && props.pageId !== null && canInspectSiteStyle(input.siteStyleAccess),
+			children: input.content
+		}) })
 	});
+}
+function PreviewDocumentContent(input) {
+	if (input.rendering?.kind === "overrides-only") return /* @__PURE__ */ jsx(PreviewOverrideOnlySiteDocument, {
+		runtime: input.rendering.runtime,
+		useContainerResponsiveMode: previewContainerResponsiveEnabled,
+		viewportMode: input.viewportMode,
+		viewportWidth: input.viewportWidth,
+		scale: input.scale,
+		contentHeight: input.contentHeight,
+		scaleContainerRef: input.scaleContainerRef,
+		contentRef: input.contentRef,
+		children: input.children
+	});
+	return /* @__PURE__ */ jsx(PreviewChromeLayerProvider, { children: /* @__PURE__ */ jsx(PreviewThemedSiteDocument, {
+		themeRuntime: input.themeRuntime,
+		useContainerResponsiveMode: previewContainerResponsiveEnabled,
+		viewportMode: input.viewportMode,
+		viewportWidth: input.viewportWidth,
+		scale: input.scale,
+		contentHeight: input.contentHeight,
+		scaleContainerRef: input.scaleContainerRef,
+		contentRef: input.contentRef,
+		staticHeaderNode: input.headerNode,
+		bannerNode: input.bannerNode,
+		staticFooterNode: input.footerNode,
+		siteChromeRenderModel: input.siteChromeRenderModel,
+		children: input.children
+	}) });
+}
+function PreviewShellLayout(props) {
+	const themeRoles = resolveShellThemeRoles(props);
+	const { children, rendering, surfaceId, siteId, dashboardBaseUrl = null, pageId, entryData, contentTypeSchema, referenceContentTypeKeys = [], draftContent, currentTemplate, apiClient, bearerToken, themeId = null, themeSelectionId = null, themeSelectionVersion = null, themeSelectionUpdatedAt = null, themeSelectionButtonStyleSelection = null, themeSelectionHeaderLayoutId = null, themeSelectionHeaderStyleId = null, themeSelectionHeaderLookId = null, themeSelectionFooterLookId = null, themeSelectionHeaderContext, isSiteLaunched, maintenanceModeEnabled, entrySubrouteContext, assistantPanel, sdkConfig, bookingOfferingPresets, themeRuntime = defaultPreviewThemeRuntime, siteStyleAccess = { kind: "hidden" }, onFooterSaved } = props;
 	const layout = useOptionalPreviewLayout();
 	const headerNode = layout?.headerNode ?? null;
 	const bannerNode = layout?.bannerNode ?? null;
@@ -8309,9 +8455,9 @@ function PreviewShellLayout({ children, theme, renderTheme, surfaceId, siteId, d
 	const leftPane = /* @__PURE__ */ jsx("div", {
 		className: "relative flex h-full min-h-0 flex-col overflow-auto bg-muted/30",
 		style: previewPaneContainmentStyle,
-		children: /* @__PURE__ */ jsx(PreviewChromeLayerProvider, { children: /* @__PURE__ */ jsx(PreviewThemedSiteDocument, {
+		children: /* @__PURE__ */ jsx(PreviewDocumentContent, {
+			rendering,
 			themeRuntime,
-			useContainerResponsiveMode: previewContainerResponsiveEnabled,
 			viewportMode,
 			viewportWidth,
 			scale: useMemo(() => {
@@ -8337,12 +8483,12 @@ function PreviewShellLayout({ children, theme, renderTheme, surfaceId, siteId, d
 			contentHeight,
 			scaleContainerRef,
 			contentRef,
-			staticHeaderNode: headerNode,
+			headerNode,
 			bannerNode,
-			staticFooterNode: footerNode,
+			footerNode,
 			siteChromeRenderModel,
 			children
-		}) })
+		})
 	});
 	const rightPane = /* @__PURE__ */ jsx("div", {
 		className: `${PREVIEW_CHROME_THEME_CLASS_NAME} flex h-full min-h-0 flex-col overflow-hidden ${surfaceDocument.surfaceClassName ?? ""}`,
@@ -8359,7 +8505,7 @@ function PreviewShellLayout({ children, theme, renderTheme, surfaceId, siteId, d
 				referenceContentTypeKeys,
 				draftContent,
 				currentTemplate,
-				theme: persistenceTheme,
+				theme: themeRoles?.persistenceTheme,
 				apiClient,
 				bearerToken,
 				themeId,
@@ -8393,68 +8539,103 @@ function PreviewShellLayout({ children, theme, renderTheme, surfaceId, siteId, d
 			}, overlayScopeKey)
 		})
 	});
-	return /* @__PURE__ */ jsx(PreviewThemeOverlayProvider, {
-		baseTheme: documentTheme,
-		children: /* @__PURE__ */ jsx(PreviewDesignCoordinatorProvider, { children: /* @__PURE__ */ jsx(SiteChromeCustomizeProvider, {
-			siteId,
-			apiClient,
-			theme: persistenceTheme,
-			themeId,
-			selectionId: themeSelectionId,
-			selectionVersion: themeSelectionVersion,
-			selectionUpdatedAt: themeSelectionUpdatedAt,
-			initialSelections: {
-				selectionVersion: themeSelectionVersion,
-				selectionUpdatedAt: themeSelectionUpdatedAt,
-				buttonStyleSelection: themeSelectionButtonStyleSelection,
-				headerLayoutId: themeSelectionHeaderLayoutId,
-				headerStyleId: themeSelectionHeaderStyleId,
-				headerLookId: themeSelectionHeaderLookId,
-				footerLookId: themeSelectionFooterLookId
-			},
-			headerSelectionContext: themeSelectionHeaderContext,
-			siteStyleAccess,
-			canOpenDesignEditor: entryData == null && pageId !== null && canInspectSiteStyle(siteStyleAccess),
-			children: /* @__PURE__ */ jsxs(PreviewBlockCustomizeSelectionProvider, { children: [
-				/* @__PURE__ */ jsx(LinkedEntryEditEventBridge, {}),
-				/* @__PURE__ */ jsx(React.Suspense, {
-					fallback: null,
-					children: /* @__PURE__ */ jsx(PreviewEditorUI, {
-						dashboardBaseUrl,
-						inMaintenanceMode: maintenanceModeEnabled,
-						siteId,
-						surfaceId,
-						isSiteLaunched,
-						apiClient
-					})
-				}),
-				/* @__PURE__ */ jsx(PreviewAuthBanner, {
+	return renderShellProviders({
+		props,
+		apiClient,
+		siteStyleAccess,
+		themeRoles,
+		content: /* @__PURE__ */ jsxs(PreviewBlockCustomizeSelectionProvider, { children: [
+			/* @__PURE__ */ jsx(LinkedEntryEditEventBridge, {}),
+			/* @__PURE__ */ jsx(React.Suspense, {
+				fallback: null,
+				children: /* @__PURE__ */ jsx(PreviewEditorUI, {
 					dashboardBaseUrl,
-					surfaceId
-				}),
-				/* @__PURE__ */ jsx("div", {
-					className: "fixed inset-0 overflow-hidden bg-background",
-					children: isOpen ? /* @__PURE__ */ jsx(ResizableSplitPane, {
-						left: leftPane,
-						right: rightPane,
-						defaultSplit: 100 - sidebarWidth,
-						minLeftWidth: 400,
-						minRightWidth: 320,
-						leftLabel: "Preview",
-						rightLabel: "Editor",
-						defaultTab: "right",
-						rightPaneClassName: "h-full min-h-0 overflow-hidden",
-						onSplitChange: (split) => handleSidebarWidthChange(100 - split),
-						splitPercent: 100 - sidebarWidth
-					}) : leftPane
+					inMaintenanceMode: maintenanceModeEnabled,
+					siteId,
+					surfaceId,
+					isSiteLaunched,
+					apiClient
 				})
-			] })
-		}) })
+			}),
+			/* @__PURE__ */ jsx(PreviewAuthBanner, {
+				dashboardBaseUrl,
+				surfaceId
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "fixed inset-0 overflow-hidden bg-background",
+				children: isOpen ? /* @__PURE__ */ jsx(ResizableSplitPane, {
+					left: leftPane,
+					right: rightPane,
+					defaultSplit: 100 - sidebarWidth,
+					minLeftWidth: 400,
+					minRightWidth: 320,
+					leftLabel: "Preview",
+					rightLabel: "Editor",
+					defaultTab: "right",
+					rightPaneClassName: "h-full min-h-0 overflow-hidden",
+					onSplitChange: (split) => handleSidebarWidthChange(100 - split),
+					splitPercent: 100 - sidebarWidth
+				}) : leftPane
+			})
+		] })
 	});
 }
 //#endregion
 //#region ../preview-next/src/client/preview/PreviewShell.tsx
-function PreviewShell({ children, apiBaseUrl, blockApiConfig, siteId, siteSlug, editableId, previewSession, previewToken, dashboardBaseUrl = null, surfaceId, theme, renderTheme, themeId = null, themeSelectionId = null, themeSelectionVersion = null, themeSelectionUpdatedAt = null, themeSelectionButtonStyleSelection = null, themeSelectionHeaderLayoutId = null, themeSelectionHeaderStyleId = null, themeSelectionHeaderLookId = null, themeSelectionFooterLookId = null, themeSelectionHeaderContext, pageId, routeId, entryData, contentTypeSchema, referenceContentTypeKeys = [], draftContent, currentTemplate, initialStatus, initialBlocks, pageMetadata, isSiteLaunched, maintenanceModeEnabled, entrySubrouteContext, assistantPanel, sdkConfig, mediaAssets, bookingOfferingPresets, supabaseUrl, themeRuntime = defaultPreviewThemeRuntime, designEditorEligibility, hideSiteStyleConfigurator = false, baseFetch, onFooterSaved }) {
+function isOverrideOnlyPreviewShell(props) {
+	return props.rendering?.kind === "overrides-only";
+}
+function resolveShellLayoutProps(input) {
+	const { props } = input;
+	return {
+		surfaceId: props.surfaceId,
+		siteId: props.siteId,
+		dashboardBaseUrl: props.dashboardBaseUrl ?? null,
+		pageId: props.pageId,
+		entryData: props.entryData ?? null,
+		contentTypeSchema: props.contentTypeSchema,
+		referenceContentTypeKeys: props.referenceContentTypeKeys ?? [],
+		draftContent: props.draftContent,
+		currentTemplate: props.currentTemplate,
+		apiClient: input.apiClient,
+		bearerToken: props.previewToken,
+		themeId: props.themeId ?? null,
+		themeSelectionId: props.themeSelectionId ?? null,
+		themeSelectionVersion: props.themeSelectionVersion ?? null,
+		themeSelectionUpdatedAt: props.themeSelectionUpdatedAt ?? null,
+		themeSelectionButtonStyleSelection: props.themeSelectionButtonStyleSelection ?? null,
+		themeSelectionHeaderLayoutId: props.themeSelectionHeaderLayoutId ?? null,
+		themeSelectionHeaderStyleId: props.themeSelectionHeaderStyleId ?? null,
+		themeSelectionHeaderLookId: props.themeSelectionHeaderLookId ?? null,
+		themeSelectionFooterLookId: props.themeSelectionFooterLookId ?? null,
+		themeSelectionHeaderContext: props.themeSelectionHeaderContext,
+		isSiteLaunched: props.isSiteLaunched,
+		maintenanceModeEnabled: props.maintenanceModeEnabled,
+		entrySubrouteContext: props.entrySubrouteContext,
+		assistantPanel: props.assistantPanel,
+		sdkConfig: props.sdkConfig ?? null,
+		bookingOfferingPresets: props.bookingOfferingPresets,
+		siteStyleAccess: input.siteStyleAccess,
+		onFooterSaved: props.onFooterSaved
+	};
+}
+function renderShellLayout(input) {
+	const { props } = input;
+	const layoutProps = resolveShellLayoutProps(input);
+	return isOverrideOnlyPreviewShell(props) ? /* @__PURE__ */ jsx(PreviewShellLayout, {
+		...layoutProps,
+		rendering: props.rendering,
+		children: props.children
+	}) : /* @__PURE__ */ jsx(PreviewShellLayout, {
+		...layoutProps,
+		theme: props.theme,
+		renderTheme: props.renderTheme,
+		themeRuntime: props.themeRuntime ?? defaultPreviewThemeRuntime,
+		children: props.children
+	});
+}
+function PreviewShell(props) {
+	const { children, apiBaseUrl, blockApiConfig, siteId, siteSlug, editableId, previewSession, previewToken, dashboardBaseUrl = null, surfaceId, themeId = null, themeSelectionId = null, themeSelectionVersion = null, themeSelectionUpdatedAt = null, themeSelectionButtonStyleSelection = null, themeSelectionHeaderLayoutId = null, themeSelectionHeaderStyleId = null, themeSelectionHeaderLookId = null, themeSelectionFooterLookId = null, themeSelectionHeaderContext, pageId, routeId, entryData, contentTypeSchema, referenceContentTypeKeys = [], draftContent, currentTemplate, initialStatus, initialBlocks, pageMetadata, isSiteLaunched, maintenanceModeEnabled, entrySubrouteContext, assistantPanel, sdkConfig, mediaAssets, bookingOfferingPresets, supabaseUrl, designEditorEligibility, hideSiteStyleConfigurator = false, baseFetch, onFooterSaved } = props;
 	const apiClient = useMemo(() => createBearerAPIClient(previewToken, apiBaseUrl), [previewToken, apiBaseUrl]);
 	const { designEditorEnabled, siteStyleAccess } = resolveShellAccess({
 		previewSession,
@@ -8463,6 +8644,11 @@ function PreviewShell({ children, apiBaseUrl, blockApiConfig, siteId, siteSlug,
 		entryData,
 		hideSiteStyleConfigurator
 	});
+	const shellLayout = renderShellLayout({
+		props,
+		apiClient,
+		siteStyleAccess
+	});
 	return /* @__PURE__ */ jsx(BlockApiProvider, {
 		config: blockApiConfig,
 		children: /* @__PURE__ */ jsx(PreviewQueryProvider, { children: /* @__PURE__ */ jsx(PreviewAuthInit, {
@@ -8495,41 +8681,7 @@ function PreviewShell({ children, apiBaseUrl, blockApiConfig, siteId, siteSlug,
 							bearerToken: previewToken,
 							supabaseUrl,
 							mediaAssets,
-							children: [/* @__PURE__ */ jsx(PreviewKeepAliveClient, { baseFetch }), /* @__PURE__ */ jsx(PreviewShellLayout, {
-								theme,
-								renderTheme,
-								surfaceId,
-								siteId,
-								dashboardBaseUrl,
-								pageId,
-								entryData: entryData ?? null,
-								contentTypeSchema,
-								referenceContentTypeKeys,
-								draftContent,
-								currentTemplate,
-								apiClient,
-								bearerToken: previewToken,
-								themeId,
-								themeSelectionId,
-								themeSelectionVersion,
-								themeSelectionUpdatedAt,
-								themeSelectionButtonStyleSelection,
-								themeSelectionHeaderLayoutId,
-								themeSelectionHeaderStyleId,
-								themeSelectionHeaderLookId,
-								themeSelectionFooterLookId,
-								themeSelectionHeaderContext,
-								isSiteLaunched,
-								maintenanceModeEnabled,
-								entrySubrouteContext,
-								assistantPanel,
-								sdkConfig: sdkConfig ?? null,
-								bookingOfferingPresets,
-								themeRuntime,
-								siteStyleAccess,
-								onFooterSaved,
-								children
-							})]
+							children: [/* @__PURE__ */ jsx(PreviewKeepAliveClient, { baseFetch }), shellLayout]
 						})
 					}) })
 				})
@@ -10299,6 +10451,18 @@ function formatBlockKindLabel(blockKind) {
 }
 //#endregion
 //#region ../preview-next/src/client/blocks/pageDesignRuntimePreview.ts
+function resolveRuntimePreviewSourceForTheme(pageDesignState, theme) {
+	if (!theme?.palette) return resolveRuntimePreviewSource({
+		pageDesignState,
+		surfaceResolutionContext: null
+	});
+	return resolveRuntimePreviewSource({
+		pageDesignState,
+		surfaceResolutionContext: surfaceResolutionContextFromTheme(theme),
+		designRules: designRuntimeRulesForTheme(theme),
+		componentRules: componentRuntimeRulesForTheme(theme)
+	});
+}
 function pageDesignRuntimeProjectionFromSource(source) {
 	if (source.kind === "preserve-server-runtime") return null;
 	return runtimeContentDecorationProjectionFromEditorModel(source.editorModel, source.surfaceResolutionContext, source.designRules, source.componentRules);
@@ -10421,17 +10585,8 @@ function EditablePageRenderer(props) {
 	}, [uiStore, renderStateVersion]);
 	const linkedEntryDataContext = useMemo(() => applyLinkedEntryRenderOverlayToDataContext(pageRendererProps.dataContext, linkedEntryOverlays), [linkedEntryOverlays, pageRendererProps.dataContext]);
 	const aiProjections = useMemo(() => previewProjectionsFromAiOverlays(uiStore.getState().aiOverlays), [uiStore, renderStateVersion]);
-	const surfaceResolutionContext = useMemo(() => hasThemePalette(pageRendererProps.theme) ? surfaceResolutionContextFromTheme(pageRendererProps.theme) : null, [pageRendererProps.theme]);
-	const runtimePreviewSource = useMemo(() => resolveRuntimePreviewSource({
-		pageDesignState,
-		surfaceResolutionContext,
-		designRules: designRuntimeRulesForTheme(pageRendererProps.theme),
-		componentRules: componentRuntimeRulesForTheme(pageRendererProps.theme)
-	}), [
-		pageDesignState,
-		pageRendererProps.theme,
-		surfaceResolutionContext
-	]);
+	const previewTheme = pageRendererProps.rendering?.kind === "overrides-only" ? null : pageRendererProps.theme;
+	const runtimePreviewSource = useMemo(() => resolveRuntimePreviewSourceForTheme(pageDesignState, previewTheme), [pageDesignState, previewTheme]);
 	const runtimeProjection = useMemo(() => pageDesignRuntimeProjectionFromSource(runtimePreviewSource), [runtimePreviewSource]);
 	const renderProjections = useMemo(() => runtimeProjection ? [runtimeProjection] : [], [runtimeProjection]);
 	const blockItemsForRender = useMemo(() => {
@@ -10504,7 +10659,7 @@ function EditablePageRenderer(props) {
 				blockKind: block.kind,
 				content,
 				bookingOfferingPresets: pageRendererProps.dataContext?.bookingOfferingPresets ?? [],
-				theme: pageRendererProps.theme,
+				theme: previewTheme,
 				placement: planBlockToolbarPlacement({
 					blocks: chromeBlocks,
 					blockIndex,
@@ -10517,7 +10672,7 @@ function EditablePageRenderer(props) {
 		blockItemsForRender,
 		headerClearance,
 		isEntryTemplatePage,
-		pageRendererProps.theme,
+		previewTheme,
 		renderProjections,
 		renderPage?.blocks,
 		uiStore
@@ -10825,9 +10980,6 @@ function buildBatchLoaderRequest(id, endpoint, params) {
 		};
 	}
 }
-function hasThemePalette(theme) {
-	return Boolean(theme?.palette);
-}
 function usePreviewHeaderClearance() {
 	const [clearance, setClearance] = useState({ kind: "none" });
 	useEffect(() => {
@@ -10900,66 +11052,49 @@ function getSdkConfigForBlockPicker(value) {
 	return isSdkCustomBlockArray(customBlocks) ? { customBlocks } : {};
 }
 function SdkPreviewModeRuntime(props) {
-	const { apiBaseUrl, dashboardBaseUrl, siteId, siteSlug, previewSession, previewToken, content, blockOverrides, themeRuntime = defaultPreviewThemeRuntime } = props;
-	const resolvedDashboardBaseUrl = dashboardBaseUrl ?? deriveDashboardBaseUrlFromApiBaseUrl(apiBaseUrl);
-	const surfaceId = props.surfaceId ?? "core";
-	const parsedTheme = parseThemeForPersistence(content.theme);
-	if (!parsedTheme.ok) throw new Error(`Preview theme does not satisfy the canonical runtime contract: ${parsedTheme.error.kind}`);
-	const theme = parsedTheme.value;
-	const page = content.page;
-	const routeMap = content.routeMap ?? void 0;
-	const sdkConfig = getSdkConfigForBlockPicker(content.sdkConfig);
-	const customBlocks = isSdkCustomBlockArray(content.customBlocks) ? content.customBlocks : null;
-	const typedBlockOverrides = blockOverrides ?? null;
+	const { apiBaseUrl, siteId, siteSlug, previewSession, previewToken } = props;
+	const model = resolveSdkPreviewRuntimeModel(props);
+	const { content, customBlocks, dataContext, initialBlocks, page, pageMetadata, resolvedDashboardBaseUrl, routeMap, sdkConfig, surfaceId, typedBlockOverrides } = model;
 	const sdkConfigForEditor = useMemo(() => {
 		const blocks = customBlocks ?? sdkConfig?.customBlocks ?? void 0;
 		if (!blocks || blocks.length === 0) return null;
 		return { customBlocks: blocks };
 	}, [sdkConfig, customBlocks]);
-	const initialBlocks = (page.blocks ?? []).map((block, index) => ({
-		id: block.id ?? 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 pageMetadata = content.pageMetadata;
-	const pagesByIdentifier = content.pagesByIdentifier ?? void 0;
-	const entriesByIdentifier = content.entriesByIdentifier ?? void 0;
-	const dataContext = {
+	const blockApiConfig = useMemo(() => ({
+		baseUrl: apiBaseUrl,
+		auth: {
+			type: "bearer",
+			token: previewToken
+		},
 		siteId,
+		isPreview: true
+	}), [
 		apiBaseUrl,
-		portalToken: null,
-		resolvedData: content.resolvedData,
-		routes: routeMap,
-		pagesByIdentifier,
-		entriesByIdentifier,
-		occurrenceContext: null,
-		entrySubrouteContext: null,
-		contentEntry: null,
-		editableRouteMetadataFieldIds: null,
-		previewStage: "preview",
-		supabaseUrl: content.supabaseUrl,
-		mediaAssets: content.mediaAssets
-	};
-	return /* @__PURE__ */ jsx(PreviewShell, {
+		previewToken,
+		siteId
+	]);
+	const editablePage = model.rendering.kind === "overrides-only" ? /* @__PURE__ */ jsx(EditablePageRenderer, {
+		rendering: { kind: "overrides-only" },
+		page,
+		usePlaceholders: false,
+		dataContext,
+		routeMap,
+		blockOverrides: typedBlockOverrides ?? {},
+		sdkConfig: sdkConfig ?? void 0,
+		customBlocks: customBlocks ?? void 0
+	}) : /* @__PURE__ */ jsx(EditablePageRenderer, {
+		theme: requireSdkPreviewTheme(model.theme),
+		page,
+		usePlaceholders: false,
+		dataContext,
+		routeMap,
+		blockOverrides: typedBlockOverrides ?? void 0,
+		sdkConfig: sdkConfig ?? void 0,
+		customBlocks: customBlocks ?? void 0
+	});
+	const shellProps = {
 		apiBaseUrl,
-		blockApiConfig: useMemo(() => ({
-			baseUrl: apiBaseUrl,
-			auth: {
-				type: "bearer",
-				token: previewToken
-			},
-			siteId,
-			isPreview: true
-		}), [
-			apiBaseUrl,
-			previewToken,
-			siteId
-		]),
+		blockApiConfig,
 		siteId,
 		siteSlug,
 		editableId: content.pageId,
@@ -10967,7 +11102,6 @@ function SdkPreviewModeRuntime(props) {
 		previewToken,
 		dashboardBaseUrl: resolvedDashboardBaseUrl,
 		surfaceId,
-		theme,
 		pageId: content.pageId,
 		routeId: content.routeId,
 		initialStatus: "draft",
@@ -10980,20 +11114,89 @@ function SdkPreviewModeRuntime(props) {
 		sdkConfig: sdkConfigForEditor,
 		mediaAssets: content.mediaAssets,
 		supabaseUrl: content.supabaseUrl,
-		themeRuntime,
 		designEditorEligibility: { kind: "sdk-page" },
-		hideSiteStyleConfigurator: true,
-		children: /* @__PURE__ */ jsx(EditablePageRenderer, {
-			theme,
-			page,
-			usePlaceholders: false,
-			dataContext,
-			routeMap,
-			blockOverrides: typedBlockOverrides ?? void 0,
-			sdkConfig: sdkConfig ?? void 0,
-			customBlocks: customBlocks ?? void 0
-		})
+		hideSiteStyleConfigurator: true
+	};
+	if (model.rendering.kind === "overrides-only") return /* @__PURE__ */ jsx(PreviewShell, {
+		...shellProps,
+		rendering: model.rendering,
+		children: editablePage
 	});
+	return /* @__PURE__ */ jsx(PreviewShell, {
+		...shellProps,
+		theme: requireSdkPreviewTheme(model.theme),
+		themeRuntime: model.rendering.themeRuntime,
+		children: editablePage
+	});
+}
+function requireSdkPreviewTheme(theme) {
+	if (!theme) throw new Error("Themed SDK preview requires a canonical theme.");
+	return theme;
+}
+function resolveSdkPreviewRuntimeModel(props) {
+	const { apiBaseUrl, content, siteId } = props;
+	const rendering = props.rendering ?? {
+		kind: "themed",
+		themeRuntime: props.themeRuntime ?? defaultPreviewThemeRuntime
+	};
+	const page = content.page;
+	const routeMap = content.routeMap ?? void 0;
+	const sdkConfig = getSdkConfigForBlockPicker(content.sdkConfig);
+	const customBlocks = isSdkCustomBlockArray(content.customBlocks) ? content.customBlocks : null;
+	const initialBlocks = (page.blocks ?? []).map((block, index) => ({
+		id: block.id ?? 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 commonModel = {
+		content,
+		customBlocks,
+		dataContext: {
+			siteId,
+			apiBaseUrl,
+			portalToken: null,
+			previewToken: props.previewToken,
+			resolvedData: content.resolvedData,
+			routes: routeMap,
+			pagesByIdentifier: content.pagesByIdentifier ?? void 0,
+			entriesByIdentifier: content.entriesByIdentifier ?? void 0,
+			occurrenceContext: null,
+			entrySubrouteContext: null,
+			contentEntry: null,
+			editableRouteMetadataFieldIds: null,
+			previewStage: "preview",
+			supabaseUrl: content.supabaseUrl,
+			mediaAssets: content.mediaAssets
+		},
+		initialBlocks,
+		page,
+		pageMetadata: content.pageMetadata,
+		resolvedDashboardBaseUrl: props.dashboardBaseUrl ?? deriveDashboardBaseUrlFromApiBaseUrl(apiBaseUrl),
+		routeMap,
+		sdkConfig,
+		surfaceId: props.surfaceId ?? "core",
+		typedBlockOverrides: props.blockOverrides ?? null
+	};
+	if (rendering.kind === "overrides-only") return {
+		...commonModel,
+		rendering,
+		theme: null
+	};
+	return {
+		...commonModel,
+		rendering,
+		theme: parseSdkPreviewTheme(content.theme)
+	};
+}
+function parseSdkPreviewTheme(value) {
+	const parsedTheme = parseThemeForPersistence(value);
+	if (!parsedTheme.ok) throw new Error(`Preview theme does not satisfy the canonical runtime contract: ${parsedTheme.error.kind}`);
+	return parsedTheme.value;
 }
 function deriveDashboardBaseUrlFromApiBaseUrl(apiBaseUrl) {
 	try {