@riverbankcms/sdk 0.153.0 → 0.154.0

package/dist/{EventEmbeddedCheckoutStep-veN-QiAE.mjs → EventEmbeddedCheckoutStep-ba9npQtb.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { Jr as SpinnerNode, Li as __commonJSMin, Xr as checkBrowserStripeKey, n as ThemedButton } from "./ThemedButton-X2UxhW6F.mjs";
+import { Fi as __commonJSMin, Jr as checkBrowserStripeKey, Kr as SpinnerNode, n as ThemedButton } from "./ThemedButton-C8kzu0hY.mjs";
 import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region ../../node_modules/.pnpm/@stripe+stripe-js@9.17.0/node_modules/@stripe/stripe-js/dist/pure.js

package/dist/{PreviewEditorSidebar-jI_4DTZY.mjs → PreviewEditorSidebar-C7FiaxlF.mjs}

@@ -1,8 +1,8 @@
 "use client";
-import { A as updateButtonStyleHoverPreference, Br as generateFontFaceCss, E as buttonStyleSelectionParameterValue, Hr as VARIANT_ROLES, M as buttonStyleSelectionKey, O as findButtonStyleRecipe, T as buttonStyleHoverPreferenceValue, Un as paletteColorsSchema, Vn as paletteColorEntries, Vr as getSiteFontsStorageUrl, ar as resolveSdkFooterMode, i as ThemedButtonSpecimen, j as updateButtonStyleSelectionChoice, k as resolveButtonStyleSelection, zr as buildFontPreviewUrl } from "./ThemedButton-X2UxhW6F.mjs";
-import { $a as Tabs, A as previewFooterLook, B as createOptimisticActionRunner, C as markApplySaved, Ca as getHeaderLayout, Ct as useUISelector, D as planStyleSwitch, Do as SlidersHorizontal, E as palettePreviewProjection, Eo as Smartphone, Et as useEntryController, F as setPaletteColors, Ga as SelectValue, Go as Button, Ha as SelectContent, Hn as listEntryPageContentSlots, Ho as ChevronLeft, I as styleConfiguratorHistoryEntryForPersistedSelection, Ja as SearchInput, Ka as Callout, L as syncStyleConfiguratorState, M as previewHeaderStyle, N as resetTypographyToSaved, No as Monitor, O as previewButtonStyle, P as restageSelectionChanges, Po as Maximize2, Pt as LinkedEntryLeaseBanner, Q as reportPreviewDesignError, Qa as Input, R as toggleRow, S as markApplyFailed, Sa as findFooterLook, Sr as ThemeScope, St as ContentFieldsForm, T as openRow, Ua as SelectItem, Un as listPageSurfaceContentSlots, Uo as ChevronDown, Va as Select, Vn as createManifestValidation, Vo as ChevronRight, Wa as SelectTrigger, Wn as blocksKeys, Wo as Check, Xa as PopoverContent, Xo as canWriteLinkedEntry, Ya as Popover, Yo as isEdited, Z as PREVIEW_DESIGN_SAVE_ERROR_MESSAGE, Za as PopoverTrigger, _ as cancelPreview, _o as DropdownMenuSeparator, a as selectionSnapshotFromApplySiteStyleSelectionResponse, ar as deriveRouteMetadataPresentation, b as dismissWarnings, bo as X$1, cr as unwrapResponse, cs as valueStatus, do as CollapsibleTrigger, eo as TabsContent, f as buildSiteChromeSelectionModels, fo as Surface, g as applyTypographyDraftPatch, ga as palettesForSiteStyle, go as DropdownMenuLabel, gt as FooterComposerPanel, h as applyResolvedSelections, ha as offeredSiteStyles, hn as createStoreBackend, ho as DropdownMenuItem, i as buildApplySiteStyleSelectionBody, j as previewHeaderLayout, k as previewCuratedPalette, kt as useAutosaveStatus, l as usePreviewDesignCoordinator, lo as Collapsible, lr as useEditorUiStore, lt as resolvePreviewSidebarTab, m as planSiteChromeSelection, ma as getCuratedSiteStyle, mn as FormRenderer, mo as DropdownMenuContent, mt as usePreviewAuth, n as useSiteChromeCustomizeOptional, no as TabsTrigger, o as deriveSiteStylePreviewUpdate, or as resolvePageRouteSlug, os as displayedValues, p as cycleSiteChromeSelectionId, pn as ManifestForm, po as DropdownMenu, qa as CalloutDescription, qn as getDashboardUrl, qo as cn, r as StyleSwitchSummary, rr as isAdapterReferenceKind, s as planConfiguratorPreview, sr as resolveContentTitle, ss as syncStateOf, to as TabsList, tr as routeLifecycleContext, un as BlockEditor, uo as CollapsibleContent, ur as useEditorUiStoreInstance, us as assertNever$1, v as createStyleConfiguratorState, vo as DropdownMenuTrigger, w as markApplySaving, wa as getHeaderStyle, wo as Tablet, x as isPreviewingChange, y as deriveStyleConfiguratorCapabilities, yr as toEditorBlockItem, z as resolveStyleConfiguratorInitialSnapshot } from "./SiteChromeCustomizeContext-CgNuBHC0.mjs";
-import { n as Separator, t as Spinner } from "./spinner-BYM-Y81w.mjs";
-import { _ as usePreviewBlockCustomizeSelectionOptional, d as buildPreviewDashboardSetupUrl, f as resolvePreviewDashboardSetupHandoff, g as useBlockCustomizeControls, h as usePreviewSiteFontStorageUrl, m as resolvePreviewSidebarChromeModel, p as resolvePreviewEditorGuidanceModel, u as canInspectSiteStyle, v as PreviewFormProvider, y as previewWidgetOverrides } from "./SdkPreviewModeRuntime-DaNqevI1.mjs";
+import { A as updateButtonStyleHoverPreference, Br as VARIANT_ROLES, E as buttonStyleSelectionParameterValue, Lr as buildFontPreviewUrl, M as buttonStyleSelectionKey, O as findButtonStyleRecipe, P as buttonStyleSelectionsEqual, Rr as generateFontFaceCss, T as buttonStyleHoverPreferenceValue, Un as paletteColorsSchema, Vn as paletteColorEntries, i as ThemedButtonSpecimen, j as updateButtonStyleSelectionChoice, k as resolveButtonStyleSelection, zr as getSiteFontsStorageUrl } from "./ThemedButton-C8kzu0hY.mjs";
+import { $a as SearchInput, A as previewHeaderStyle, Aa as replaceSiteStyleCompilationPlan, Bn as createManifestValidation, C as openRow, Ca as findFooterLook, Co as DropdownMenuTrigger, Cr as resolveSdkFooterMode, D as previewCuratedPalette, E as previewButtonStyle, Ea as defaultHeaderLogoContext, F as syncStyleConfiguratorState, Hn as listPageSurfaceContentSlots, I as toggleRow, Ja as SelectItem, Jo as ChevronDown, Ka as Select, Kn as getDashboardUrl, Ko as ChevronRight, L as createOptimisticActionRunner, M as restageSelectionChanges, Mo as SlidersHorizontal, N as setPaletteColors, Nt as LinkedEntryLeaseBanner, O as previewFooterLook, Ot as useAutosaveStatus, P as styleConfiguratorHistoryEntryForPersistedSelection, Qa as CalloutDescription, Qo as cn, R as resolveStyleConfiguratorInitialSnapshot, Ro as Monitor, S as markApplySaving, So as DropdownMenuSeparator, St as useUISelector, T as planStyleSwitch, Ta as getHeaderStyle, To as X$1, Tt as useEntryController, Un as blocksKeys, Vn as listEntryPageContentSlots, X as reportPreviewDesignError, Xa as SelectValue, Xo as Button, Y as PREVIEW_DESIGN_SAVE_ERROR_MESSAGE, Ya as SelectTrigger, Yo as Check, Za as Callout, _ as deriveStyleConfiguratorCapabilities, _a as palettesForSiteStyle, _o as Surface, a as selectionSnapshotFromApplySiteStyleSelectionResponse, ao as TabsContent, ar as resolvePageRouteSlug, b as markApplyFailed, bo as DropdownMenuItem, cr as useEditorUiStore, d as cycleSiteChromeSelectionId, ds as displayedValues, eo as Popover, er as routeLifecycleContext, es as isEdited, f as planSiteChromeSelection, fn as ManifestForm, fs as syncStateOf, ft as usePreviewAuth, g as createStyleConfiguratorState, ga as offeredSiteStyles, go as CollapsibleTrigger, gt as resolveFooterLayoutHints, h as cancelPreview, ha as getCuratedSiteStyle, ho as CollapsibleContent, hs as assertNever$1, i as buildApplySiteStyleSelectionBody, io as Tabs, ir as deriveRouteMetadataPresentation, j as resetTypographyToSaved, ja as defaultFooterPreferences, jo as Smartphone, k as previewHeaderLayout, ko as Tablet, ln as BlockEditor, lr as useEditorUiStoreInstance, m as applyTypographyDraftPatch, mn as createStoreBackend, mo as Collapsible, mt as FooterComposerPanel, n as useSiteChromeCustomizeOptional, no as PopoverTrigger, nr as isAdapterReferenceKind, oa as compileReplacementSiteThemeFromSelections, oo as TabsList, or as resolveContentTitle, p as applyResolvedSelections, pn as FormRenderer, ps as valueStatus, qa as SelectContent, qo as ChevronLeft, r as StyleSwitchSummary, ro as Input, s as usePreviewDesignCoordinator, sa as compileUpdatedSiteThemeFromSelections, so as TabsTrigger, sr as unwrapResponse, st as resolvePreviewSidebarTab, to as PopoverContent, ts as canWriteLinkedEntry, u as buildSiteChromeSelectionModels, v as dismissWarnings, vo as DropdownMenu, vr as toEditorBlockItem, w as palettePreviewProjection, wa as getHeaderLayout, x as markApplySaved, xo as DropdownMenuLabel, xr as ThemeScope, xt as ContentFieldsForm, y as isPreviewingChange, yo as DropdownMenuContent, zo as Maximize2 } from "./SiteChromeCustomizeContext-DEj7qppF.mjs";
+import { n as Separator, t as Spinner } from "./spinner-MTooKfck.mjs";
+import { _ as usePreviewBlockCustomizeSelectionOptional, d as buildPreviewDashboardSetupUrl, f as resolvePreviewDashboardSetupHandoff, g as useBlockCustomizeControls, h as usePreviewSiteFontStorageUrl, m as resolvePreviewSidebarChromeModel, p as resolvePreviewEditorGuidanceModel, u as canInspectSiteStyle, v as PreviewFormProvider, y as previewWidgetOverrides } from "./SdkPreviewModeRuntime-BUNV_YHZ.mjs";
 import React, { createContext, forwardRef, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore, useTransition } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
@@ -1949,20 +1949,22 @@ function DesignSection({ panel, takeover, controls }) {
 //#endregion
 //#region ../preview-next/src/client/preview/PreviewFooterEditorPanel.tsx
 function PreviewFooterEditorPanel({ sdkConfig, apiClient, siteId, dashboardBaseUrl, theme, selectionId, selectionVersion, siteStyleAccess, inspection, canEdit, onSaved }) {
+	const footerPreferences = useSiteChromeCustomizeOptional()?.getFooterPreferences();
 	const dashboardSiteUrl = `${dashboardBaseUrl?.replace(/\/$/u, "") ?? ""}/dashboard/sites/${siteId}`;
-	const navigationLayoutAccess = siteStyleAccess.kind === "apply-allowed" && theme && selectionVersion !== null ? {
-		kind: "editable",
+	const navigationLayoutAccess = footerNavigationAccess({
 		theme,
 		selectionId,
-		selectionVersion
-	} : { kind: "hidden" };
+		selectionVersion,
+		siteStyleAccess,
+		footerPreferences
+	});
 	return /* @__PURE__ */ jsx(FooterComposerPanel, {
 		apiClient,
 		siteId,
 		customFooterMode: resolveSdkFooterMode(sdkConfig),
 		manageLinksHref: `${dashboardSiteUrl}/navigation`,
 		manageSettingsHref: `${dashboardSiteUrl}/settings`,
-		legalRegion: theme?.footer.bottomBar?.enabled ? "separate" : "integrated",
+		...footerComposerLayoutProps(theme),
 		navigationLayoutAccess,
 		loadingFallback: /* @__PURE__ */ jsx(ContentSpinner, { className: "py-8" }),
 		...footerComposerInspectionProps(inspection),
@@ -1971,6 +1973,22 @@ function PreviewFooterEditorPanel({ sdkConfig, apiClient, siteId, dashboardBaseU
 		onSaved
 	});
 }
+function footerComposerLayoutProps(theme) {
+	const hints = resolveFooterLayoutHints(theme);
+	return {
+		arrangement: hints.layoutVariant,
+		legalRegion: hints.legalRegion
+	};
+}
+function footerNavigationAccess(input) {
+	return input.siteStyleAccess.kind === "apply-allowed" && input.theme && input.footerPreferences && input.selectionVersion !== null ? {
+		kind: "editable",
+		theme: input.theme,
+		selectionId: input.selectionId,
+		selectionVersion: input.selectionVersion,
+		preferences: input.footerPreferences
+	} : { kind: "hidden" };
+}
 //#endregion
 //#region ../preview-next/src/client/preview/PreviewEditorGuidanceCard.tsx
 function PreviewEditorGuidanceCard({ guidance, completeSetupDisabled, onCompleteSetup }) {
@@ -2737,6 +2755,147 @@ function HeaderMenuControls({ state, disabled, onMenuFontChange, onMenuFontSizeC
 	});
 }
 //#endregion
+//#region ../preview-next/src/client/preview/siteStylePreviewPlanner.ts
+function deriveSiteStylePreviewUpdate(baseTheme, baseSelection) {
+	return {
+		kind: "derive-update",
+		baseTheme,
+		baseSelection
+	};
+}
+function planSiteStylePreviewChange(input) {
+	const compilationPlan = compilationPlanForPreview(input);
+	const common = {
+		siteStyle: input.siteStyle,
+		palette: input.selection.palette,
+		typography: input.selection.typography
+	};
+	const currentHeaderSelection = {
+		layoutId: input.selection.headerLayoutId,
+		styleId: input.selection.headerStyleId
+	};
+	const compiled = compilationPlan.kind === "replace-site-style" ? compileReplacementSiteThemeFromSelections({
+		...common,
+		compilationPlan
+	}) : compileUpdatedSiteThemeFromSelections({
+		...common,
+		compilationPlan,
+		currentHeaderSelection
+	});
+	return {
+		themeOverlay: compiled.theme,
+		resolvedSelections: compiled.resolvedSelections,
+		warnings: compiled.warnings
+	};
+}
+/**
+* The configurator's previews, with the one assumption they make written down
+* once instead of four times.
+*
+* `planSiteStylePreviewChange` requires the brand-presentation mode (#1318 D24)
+* so that no caller inherits it invisibly. Nothing hands the site-style
+* configurator the row's persisted record yet, so it states `'recommended'` —
+* correct for every row except a `'plain'` one, where the preview is a round
+* trip behind until the first save teaches it otherwise. The plan's closing
+* checklist has what closing that costs.
+*/
+function planConfiguratorPreview(input) {
+	return planSiteStylePreviewChange({
+		...input,
+		headerBrandPresentation: "recommended"
+	});
+}
+function compilationPlanForPreview(input) {
+	if (input.compilation.kind === "replace-site-style") return replacementCompilationPlan(input);
+	const baseTheme = input.compilation.baseTheme;
+	if (!baseTheme) return replacementCompilationPlan(input);
+	if (input.compilation.kind === "edit-chrome") return updateCompilationPlan({
+		baseTheme,
+		selection: input.selection,
+		footerPreferences: input.footerPreferences,
+		headerLogoContext: input.headerLogoContext,
+		headerBrandPresentation: input.headerBrandPresentation,
+		recompileButtons: false,
+		recompileHeader: input.compilation.surface === "header"
+	});
+	if (input.compilation.baseSelection.siteStyleId !== input.selection.siteStyleId) return replacementCompilationPlan(input);
+	return updateCompilationPlan({
+		baseTheme,
+		selection: input.selection,
+		footerPreferences: input.footerPreferences,
+		headerLogoContext: input.headerLogoContext,
+		headerBrandPresentation: input.headerBrandPresentation,
+		recompileButtons: !buttonStyleSelectionsEqual(input.compilation.baseSelection.buttonStyleSelection, input.selection.buttonStyleSelection),
+		recompileHeader: headerSelectionChanged(input.compilation.baseSelection, input.selection)
+	});
+}
+function updateCompilationPlan(input) {
+	const selection = {
+		layoutId: input.selection.headerLayoutId,
+		styleId: input.selection.headerStyleId
+	};
+	return {
+		kind: "update-selection",
+		buttons: input.recompileButtons ? {
+			kind: "recompile",
+			selection: input.selection.buttonStyleSelection,
+			reason: "selection-change"
+		} : input.baseTheme.buttons ? {
+			kind: "preserve",
+			buttons: input.baseTheme.buttons,
+			selection: input.selection.buttonStyleSelection
+		} : {
+			kind: "recompile",
+			selection: input.selection.buttonStyleSelection,
+			reason: "missing-applied-buttons"
+		},
+		header: input.recompileHeader ? {
+			kind: "recompile",
+			selection,
+			brandPresentation: brandPresentationDirective(input)
+		} : {
+			kind: "preserve",
+			persistedTheme: input.baseTheme,
+			preferences: null,
+			brandPresentation: {
+				kind: "apply-logo-context",
+				logo: input.headerLogoContext ?? defaultHeaderLogoContext
+			}
+		},
+		footer: {
+			preferences: input.footerPreferences ?? defaultFooterPreferences,
+			footerLookId: input.selection.footerLookId
+		}
+	};
+}
+/**
+* A `'plain'` row wears no presentation, so the preview must not apply one
+* either: previewing a badge the save will not persist makes every save on such
+* a row report a header mismatch, which is the divergence signal talking about
+* the preview rather than about the compilers (#1318 Phase 4c).
+*/
+function brandPresentationDirective(input) {
+	return input.headerBrandPresentation === "plain" ? { kind: "use-compiled-defaults" } : {
+		kind: "apply-logo-context",
+		logo: input.headerLogoContext ?? defaultHeaderLogoContext
+	};
+}
+function headerSelectionChanged(base, previewed) {
+	return base.headerLayoutId !== previewed.headerLayoutId || base.headerStyleId !== previewed.headerStyleId;
+}
+function replacementCompilationPlan(input) {
+	return replaceSiteStyleCompilationPlan({
+		headerSelection: {
+			layoutId: input.selection.headerLayoutId,
+			styleId: input.selection.headerStyleId
+		},
+		footerLookId: input.selection.footerLookId,
+		footerPreferences: input.footerPreferences ?? defaultFooterPreferences,
+		buttonStyleSelection: input.selection.buttonStyleSelection,
+		headerLogo: input.headerLogoContext ?? defaultHeaderLogoContext
+	});
+}
+//#endregion
 //#region ../preview-next/src/client/preview/typographyFontCatalog.ts
 const typographyFontCategories = [
 	{
@@ -3759,6 +3918,7 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 	const router = useRouter();
 	const previewDesign = usePreviewDesignCoordinator();
 	const siteChromeCustomize = useSiteChromeCustomizeOptional();
+	const footerPreferences = siteChromeCustomize ? siteChromeCustomize.getFooterPreferences() : defaultFooterPreferences;
 	const siteStyleHistory = siteChromeCustomize?.siteStyleHistory;
 	const setSiteStyleStagedPreviewActive = siteStyleHistory?.setStagedPreviewActive;
 	const { applyFailed, applyStarted, applySucceeded, clearPreview, previewTheme } = previewDesign;
@@ -3815,7 +3975,7 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 		setState((current) => current ? syncStyleConfiguratorState(current, baseSnapshot) : createStyleConfiguratorState(baseSnapshot));
 	}, [baseSnapshot]);
 	useEffect(() => {
-		if (!state || !baseSnapshot) {
+		if (!state || !baseSnapshot || footerPreferences === null) {
 			clearPreview("style-configurator");
 			return;
 		}
@@ -3829,6 +3989,7 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 			return;
 		}
 		previewTheme("style-configurator", planConfiguratorPreview({
+			footerPreferences,
 			siteStyle,
 			selection: state.previewed,
 			headerLogoContext,
@@ -3839,6 +4000,7 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 		baseSnapshot,
 		clearPreview,
 		previewTheme,
+		footerPreferences,
 		headerLogoContext,
 		theme
 	]);
@@ -3886,17 +4048,22 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 	}, []);
 	const patchTypography = useCallback((patch) => {
 		setState((current) => {
-			if (!current) return current;
+			if (!current || footerPreferences === null) return current;
 			const siteStyle = getCuratedSiteStyle(current.previewed.siteStyleId);
 			if (!siteStyle) return current;
 			return applyTypographyDraftPatch(current, planConfiguratorPreview({
+				footerPreferences,
 				siteStyle,
 				selection: current.previewed,
 				headerLogoContext,
 				compilation: deriveSiteStylePreviewUpdate(theme, current.base)
 			}).themeOverlay.typography, patch);
 		});
-	}, [headerLogoContext, theme]);
+	}, [
+		footerPreferences,
+		headerLogoContext,
+		theme
+	]);
 	const handleHeadingTypographyChange = useCallback((patch) => {
 		patchTypography({
 			kind: "heading",
@@ -3942,7 +4109,7 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 		setState((current) => current ? dismissWarnings(current) : current);
 	}, []);
 	const applySelection = useCallback(async (live, restage) => {
-		if (!live || !isPreviewingChange(live)) return;
+		if (footerPreferences === null || !live || !isPreviewingChange(live)) return;
 		if (!deriveStyleConfiguratorCapabilities(live).canApplyStaged) return;
 		const previewed = live.previewed;
 		if (!getCuratedSiteStyle(previewed.siteStyleId)) return;
@@ -3985,6 +4152,7 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 			}
 		});
 	}, [
+		footerPreferences,
 		apiClient,
 		applyFailed,
 		applyStarted,
@@ -3997,8 +4165,9 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 	]);
 	const handleApply = useCallback(() => applySelection(stateRef.current), [applySelection]);
 	const handleChooseSiteStyle = useCallback((siteStyleId) => {
-		if (!stateRef.current) return;
+		if (!stateRef.current || footerPreferences === null) return;
 		const plan = planStyleSwitch(stateRef.current, siteStyleId, (state) => withResolvedSiteStyleSelections({
+			footerPreferences,
 			state,
 			headerLogoContext,
 			theme
@@ -4011,10 +4180,11 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 		});
 	}, [
 		applySelection,
+		footerPreferences,
 		headerLogoContext,
 		theme
 	]);
-	if (!state || !baseSnapshot) return /* @__PURE__ */ jsx("p", {
+	if (!state || !baseSnapshot || footerPreferences === null) return /* @__PURE__ */ jsx("p", {
 		className: "text-sm text-muted-foreground",
 		children: "Loading design controls..."
 	});
@@ -4030,6 +4200,7 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 	const currentPalette = palettePreviewProjection(state.previewed.palette);
 	const paletteControlsDisabled = saving || !stagedCapabilities.canPreviewStaged;
 	const currentPreviewPlan = planConfiguratorPreview({
+		footerPreferences,
 		siteStyle: currentSiteStyle,
 		selection: state.previewed,
 		headerLogoContext,
@@ -4135,18 +4306,18 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 				}) : null
 			}),
 			/* @__PURE__ */ jsx(SiteChromeSelectionRow, {
-				label: "Footer links",
-				ariaLabel: "Footer link treatment",
-				defaultDescription: "Use the footer link treatment chosen for this site style.",
+				label: "Footer",
+				ariaLabel: "Footer layout",
+				defaultDescription: "Use the footer layout chosen for this site style.",
 				expanded: state.expandedRow === "footer",
 				onToggle: () => handleToggleRow("footer"),
-				currentId: state.previewed.footerLookId,
-				currentLabel: state.previewed.footerLookId ? currentFooterLook?.label ?? "Unknown footer link treatment" : `${currentFooterLook?.label ?? "Site style"} (default)`,
-				scopeDescription: "Changes footer navigation links on every page.",
+				currentId: chromeSelectionModels.footer.renderedLookId,
+				currentLabel: currentFooterLook?.label ?? "Unknown footer layout",
+				scopeDescription: "Changes the footer layout on every page.",
 				options: chromeSelectionModels.footer.options,
 				diagnostics: chromeSelectionModels.footer.diagnostics,
 				onCycle: (direction) => {
-					const next = cycleSiteChromeSelectionId(chromeSelectionModels.footer.options, state.previewed.footerLookId, direction);
+					const next = cycleSiteChromeSelectionId(chromeSelectionModels.footer.options, chromeSelectionModels.footer.renderedLookId, direction);
 					if (next !== void 0) handlePreviewFooterLook(next);
 				},
 				onPreview: handlePreviewFooterLook,
@@ -4509,6 +4680,7 @@ function withResolvedSiteStyleSelections(input) {
 	const siteStyle = getCuratedSiteStyle(input.state.previewed.siteStyleId);
 	if (!siteStyle) return input.state;
 	const result = planConfiguratorPreview({
+		footerPreferences: input.footerPreferences,
 		siteStyle,
 		selection: input.state.previewed,
 		headerLogoContext: input.headerLogoContext,

package/dist/{PreviewEditorUI-ORkVZhfu.mjs → PreviewEditorUI-DFst50q1.mjs}

@@ -1,7 +1,7 @@
 "use client";
-import { Ao as Pencil, Ba as TooltipTrigger, Bo as EllipsisVertical, Co as TriangleAlert, Dt as useEntryEditorController, Fo as LoaderCircle, Go as Button, J as usePreviewDesignHistoryOrder, K as usePreviewPageDesignEditorState, Ko as cva, Lt as EditorWriteSurface, Mo as Palette, Ot as classifyHistoryShortcut, Ra as Tooltip, So as Undo2, To as Sparkles, Uo as ChevronDown, X as selectPreviewDesignHistoryDomain, Y as previewDesignHistoryDomainForCommand, ao as DialogDescription, co as DialogTitle, cr as unwrapResponse, fr as canDiscardDraft, ho as DropdownMenuItem, io as DialogContent, jo as PenLine, ko as Redo2, kt as useAutosaveStatus, lr as useEditorUiStore, mo as DropdownMenuContent, mt as usePreviewAuth, n as useSiteChromeCustomizeOptional, po as DropdownMenu, qo as cn, ro as Dialog, sn as useEditor, so as DialogHeader, ur as useEditorUiStoreInstance, vo as DropdownMenuTrigger, za as TooltipContent, zo as Eye } from "./SiteChromeCustomizeContext-CgNuBHC0.mjs";
-import { t as Spinner } from "./spinner-BYM-Y81w.mjs";
-import { a as PREVIEW_CHROME_PORTAL_CLASS_NAME, b as PREVIEW_CHROME_Z_INDEX, c as resolvePreviewChromeSurface, l as PREVIEW_THEME_COOKIE_NAME, o as PREVIEW_CHROME_THEME_CLASS_NAME, s as applyPreviewChromeSurfaceToElement, x as FixedBottomSurface } from "./SdkPreviewModeRuntime-DaNqevI1.mjs";
+import { Ao as Sparkles, Bo as LoaderCircle, Co as DropdownMenuTrigger, Do as Undo2, Dt as classifyHistoryShortcut, Et as useEntryEditorController, Fo as Pencil, Ga as TooltipTrigger, Go as EllipsisVertical, Io as PenLine, It as EditorWriteSurface, J as selectPreviewDesignHistoryDomain, Jo as ChevronDown, K as usePreviewDesignHistoryOrder, Lo as Palette, Oo as TriangleAlert, Ot as useAutosaveStatus, Po as Redo2, Qo as cn, Ua as Tooltip, W as usePreviewPageDesignEditorState, Wa as TooltipContent, Wo as Eye, Xo as Button, Zo as cva, bo as DropdownMenuItem, co as Dialog, cr as useEditorUiStore, dr as canDiscardDraft, fo as DialogHeader, ft as usePreviewAuth, lo as DialogContent, lr as useEditorUiStoreInstance, n as useSiteChromeCustomizeOptional, on as useEditor, po as DialogTitle, q as previewDesignHistoryDomainForCommand, sr as unwrapResponse, uo as DialogDescription, vo as DropdownMenu, yo as DropdownMenuContent } from "./SiteChromeCustomizeContext-DEj7qppF.mjs";
+import { t as Spinner } from "./spinner-MTooKfck.mjs";
+import { a as PREVIEW_CHROME_PORTAL_CLASS_NAME, b as PREVIEW_CHROME_Z_INDEX, c as resolvePreviewChromeSurface, l as PREVIEW_THEME_COOKIE_NAME, o as PREVIEW_CHROME_THEME_CLASS_NAME, s as applyPreviewChromeSurfaceToElement, x as FixedBottomSurface } from "./SdkPreviewModeRuntime-BUNV_YHZ.mjs";
 import * as React$1 from "react";
 import { useCallback, useEffect, useMemo, useState, useTransition } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -440,47 +440,23 @@ function PreviewOpenEditorButton() {
 	const { assistantActive, editorActive, toggleSidebar } = usePreviewSidebarControls();
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex items-center gap-2",
-		children: [
-			/* @__PURE__ */ jsx(PreviewSiteDesignButton, {}),
-			/* @__PURE__ */ jsx(Button, {
-				variant: editorActive ? "default" : "outline",
-				size: "icon",
-				onClick: () => toggleSidebar("editor"),
-				"aria-label": editorActive ? "Close editor" : "Open editor",
-				"aria-pressed": editorActive,
-				title: editorActive ? "Close editor" : "Open editor",
-				children: /* @__PURE__ */ jsx(Pencil, { className: "size-4" })
-			}),
-			/* @__PURE__ */ jsx(Button, {
-				variant: assistantActive ? "default" : "outline",
-				size: "icon",
-				className: "hidden sm:inline-flex",
-				onClick: () => toggleSidebar("assistant"),
-				"aria-label": assistantActive ? "Close AI assistant" : "Open AI assistant",
-				"aria-pressed": assistantActive,
-				title: assistantActive ? "Close AI assistant" : "Open AI assistant",
-				children: /* @__PURE__ */ jsx(Sparkles, { className: "size-4" })
-			})
-		]
-	});
-}
-/** Site design, one click from the toolbar. */
-function PreviewSiteDesignButton() {
-	const uiStore = useEditorUiStoreInstance();
-	if (!(useSiteChromeCustomizeOptional()?.canOpenDesignEditor === true)) return null;
-	return /* @__PURE__ */ jsxs(Button, {
-		variant: "outline",
-		size: "sm",
-		className: "gap-1.5",
-		onClick: () => uiStore.getState().openPreviewEditor({
-			kind: "design",
-			row: "site-style"
-		}),
-		"aria-label": "Site design",
-		title: "Style, colours and fonts for the whole site",
-		children: [/* @__PURE__ */ jsx(Palette, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
-			className: "hidden lg:inline",
-			children: "Site design"
+		children: [/* @__PURE__ */ jsx(Button, {
+			variant: editorActive ? "default" : "outline",
+			size: "icon",
+			onClick: () => toggleSidebar("editor"),
+			"aria-label": editorActive ? "Close editor" : "Open editor",
+			"aria-pressed": editorActive,
+			title: editorActive ? "Close editor" : "Open editor",
+			children: /* @__PURE__ */ jsx(Pencil, { className: "size-4" })
+		}), /* @__PURE__ */ jsx(Button, {
+			variant: assistantActive ? "default" : "outline",
+			size: "icon",
+			className: "hidden sm:inline-flex",
+			onClick: () => toggleSidebar("assistant"),
+			"aria-label": assistantActive ? "Close AI assistant" : "Open AI assistant",
+			"aria-pressed": assistantActive,
+			title: assistantActive ? "Close AI assistant" : "Open AI assistant",
+			children: /* @__PURE__ */ jsx(Sparkles, { className: "size-4" })
 		})]
 	});
 }