@riverbankcms/sdk 0.129.1 → 0.130.2

package/dist/{PreviewEditorSidebar-DceRseRV.mjs → PreviewEditorSidebar-BY-1QdE2.mjs}

@@ -1,8 +1,8 @@
 "use client";
-import { $ as createOptimisticActionRunner, $i as Callout, A as isPreviewingChange, B as previewHeaderStyle, Br as getHeaderStyle, Ca as DropdownMenuLabel, Ci as updateButtonStyleSelectionChoice, D as createStyleConfiguratorState, Da as Button, Dr as getCuratedSiteStyle, E as cancelPreview, F as palettePreviewProjection, Ft as BlockEditor, G as syncStyleConfiguratorState, H as resetTypographyToSaved, Ht as useEditorUiStoreInstance, I as previewButtonStyle, Ji as Select, K as toggleRow, L as previewCuratedPalette, La as X$1, M as markApplySaved, Mi as paletteColorsSchema, N as markApplySaving, Na as assertNever$1, O as deriveStyleConfiguratorCapabilities, On as ThemeScope, P as openRow, Qa as LoaderCircle, Qi as SelectValue, R as previewFooterLook, Sa as DropdownMenuItem, Si as resolveButtonStyleSelection, T as applyTypographyDraftPatch, Ta as DropdownMenuTrigger, Ti as themeButtonClassName, Tr as curatedSiteStyles, U as setPaletteColors, Ua as Smartphone, V as previewSiteStyle, Va as Tablet, Vt as useEditorUiStore, W as styleConfiguratorHistoryEntryForPersistedSelection, Wa as SlidersHorizontal, Xa as Monitor, Xi as SelectItem, Yi as SelectContent, Za as Maximize2, Zi as SelectTrigger, _ as cycleableSiteChromeOptions, _a as CollapsibleContent, aa as Input, an as deriveRouteMetadataPresentation, ba as DropdownMenu, bi as buttonStyleSelectionParameterValue, c as selectionSnapshotFromApplySiteStyleSelectionResponse, ca as TabsList, d as resolveStyleConfiguratorInitialSnapshot, ea as CalloutDescription, et as resolvePreviewSidebarTab, fn as createManifestValidation, g as cycleSiteChromeLookId, ga as Collapsible, h as buildSiteChromeLookModels, hn as createStoreBackend, ia as PopoverTrigger, io as ChevronLeft, j as markApplyFailed, ja as unsafeAsEditorBlockId, ji as paletteColorEntries, k as dismissWarnings, ka as cn, kr as findFooterLook, l as deriveSiteStylePreviewUpdate, la as TabsTrigger, m as reportPreviewDesignError, n as useSiteChromeCustomizeOptional, na as Popover, oa as Tabs, on as resolvePageRouteSlug, oo as Check, ot as ContentFieldsForm, p as PREVIEW_DESIGN_SAVE_ERROR_MESSAGE, pn as FormRenderer, qr as curatedPalettes, ra as PopoverContent, rn as isAdapterReferenceKind, ro as ChevronRight, s as buildApplySiteStyleSelectionBody, sa as TabsContent, sn as resolveContentTitle, st as useUISelector, ta as SearchInput, tt as FooterComposerPanel, u as planSiteStylePreviewChange, un as ManifestForm, ut as useEntryController, v as planSiteChromeLookSelection, va as CollapsibleTrigger, w as applyResolvedSelections, wa as DropdownMenuSeparator, wi as buttonStyleSelectionKey, x as usePreviewDesignCoordinator, xa as DropdownMenuContent, xi as findButtonStyleRecipe, y as siteChromeLookUnavailableReasonLabel, ya as Surface, yn as listEntryPageContentSlots, z as previewHeaderLayout, zr as getHeaderLayout } from "./SiteChromeCustomizeContext-BLl-OlL4.mjs";
-import { d as unwrapResponse, f as getDashboardUrl, r as usePreviewAuth } from "./previewAuthStore-BesgU5Xu.mjs";
-import { t as Separator } from "./separator-BE3NCquy.mjs";
-import { S as getSiteFontsStorageUrl, _ as useBlockCustomizeControls, b as buildFontPreviewUrl, d as resolvePreviewDashboardSetupHandoff, f as resolvePreviewEditorGuidanceModel, g as usePreviewBlockCustomizeSelectionOptional, h as canInspectSiteStyle, m as canApplySiteStyle, p as resolvePreviewSidebarChromeModel, u as buildPreviewDashboardSetupUrl, v as PreviewFormProvider, x as generateFontFaceCss, y as previewWidgetOverrides } from "./SdkPreviewModeRuntime-Bt87-62u.mjs";
+import { $ as FooterComposerPanel, $i as SearchInput, A as markApplySaved, Ai as paletteColorsSchema, B as resetTypographyToSaved, Bt as useEditorUiStoreInstance, C as applyTypographyDraftPatch, Ca as DropdownMenuTrigger, Cr as curatedSiteStyles, D as dismissWarnings, Da as cn, Dr as findFooterLook, E as deriveStyleConfiguratorCapabilities, En as ThemeScope, F as previewCuratedPalette, Fa as X$1, Fr as curatedPalettes, H as styleConfiguratorHistoryEntryForPersistedSelection, Ha as SlidersHorizontal, I as previewFooterLook, Ja as Monitor, Ji as SelectItem, Ki as Select, L as previewHeaderLayout, M as openRow, N as palettePreviewProjection, Nt as BlockEditor, O as isPreviewingChange, Or as getHeaderLayout, P as previewButtonStyle, Q as resolvePreviewSidebarTab, Qi as CalloutDescription, R as previewHeaderStyle, S as applyResolvedSelections, Sa as DropdownMenuSeparator, Si as themeButtonClassName, T as createStyleConfiguratorState, Ta as Button, Tr as getCuratedSiteStyle, U as syncStyleConfiguratorState, V as setPaletteColors, Va as Smartphone, W as toggleRow, Xa as LoaderCircle, Xi as SelectValue, Ya as Maximize2, Yi as SelectTrigger, Z as createOptimisticActionRunner, Zi as Callout, _ as PREVIEW_DESIGN_SAVE_ERROR_MESSAGE, _a as Surface, _i as buttonStyleSelectionParameterValue, _n as listEntryPageContentSlots, aa as TabsContent, an as resolveContentTitle, at as useUISelector, b as cycleSiteChromeSelectionId, ba as DropdownMenuItem, bi as updateButtonStyleSelectionChoice, c as selectionSnapshotFromApplySiteStyleSelectionResponse, cn as ManifestForm, ct as useEntryController, d as resolveStyleConfiguratorInitialSnapshot, dn as FormRenderer, ea as Popover, ga as CollapsibleTrigger, ha as CollapsibleContent, ia as Tabs, in as resolvePageRouteSlug, io as Check, it as ContentFieldsForm, j as markApplySaving, ja as assertNever$1, k as markApplyFailed, ka as unsafeAsEditorBlockId, ki as paletteColorEntries, kr as getHeaderStyle, l as deriveSiteStylePreviewUpdate, ma as Collapsible, n as useSiteChromeCustomizeOptional, na as PopoverTrigger, no as ChevronLeft, oa as TabsList, p as usePreviewDesignCoordinator, pn as createStoreBackend, qi as SelectContent, ra as Input, rn as deriveRouteMetadataPresentation, s as buildApplySiteStyleSelectionBody, sa as TabsTrigger, ta as PopoverContent, tn as isAdapterReferenceKind, to as ChevronRight, u as planSiteStylePreviewChange, un as createManifestValidation, v as reportPreviewDesignError, va as DropdownMenu, vi as findButtonStyleRecipe, w as cancelPreview, x as planSiteChromeSelection, xa as DropdownMenuLabel, xi as buttonStyleSelectionKey, y as buildSiteChromeSelectionModels, ya as DropdownMenuContent, yi as resolveButtonStyleSelection, z as previewSiteStyle, za as Tablet, zt as useEditorUiStore } from "./SiteChromeCustomizeContext-BhUG_72i.mjs";
+import { d as unwrapResponse, f as getDashboardUrl, r as usePreviewAuth } from "./previewAuthStore-CX1C_KJ4.mjs";
+import { t as Separator } from "./separator-BXlYN_gr.mjs";
+import { S as getSiteFontsStorageUrl, _ as usePreviewBlockCustomizeSelectionOptional, b as buildFontPreviewUrl, d as buildPreviewDashboardSetupUrl, f as resolvePreviewDashboardSetupHandoff, g as useBlockCustomizeControls, h as usePreviewSiteFontStorageUrl, m as resolvePreviewSidebarChromeModel, p as resolvePreviewEditorGuidanceModel, u as canInspectSiteStyle, v as PreviewFormProvider, x as generateFontFaceCss, y as previewWidgetOverrides } from "./SdkPreviewModeRuntime-B1pWnhu-.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";
@@ -509,7 +509,7 @@ const SUBROUTE_KINDS = { "event-occurrence": {
 	instanceNoun: "date",
 	listLabel: "events list",
 	formatInstanceName: (occurrence) => formatOccurrenceDate(occurrence.startsAt),
-	subEditorPath: (occurrence) => `bookings/events/${occurrence.seriesId}`
+	subEditorPath: () => "bookings/events"
 } };
 //#endregion
 //#region ../content-model/src/contentManifest.ts
@@ -1437,6 +1437,56 @@ function EntryEditorPanel({ siteId, dashboardBaseUrl, entryData, contentTypeSche
 	});
 }
 //#endregion
+//#region ../preview-next/src/client/preview/FooterSidebarDisclosure.tsx
+function FooterSidebarDisclosure({ editorStore, hidden, children }) {
+	const [open, setOpen] = useState(false);
+	const sectionRef = useRef(null);
+	const inspection = useUISelector(editorStore, (state) => state.previewInspection);
+	useEffect(() => {
+		if (inspection.kind !== "footer" && inspection.kind !== "footer-module") return;
+		setOpen(true);
+		sectionRef.current?.scrollIntoView({
+			block: "start",
+			behavior: "smooth"
+		});
+	}, [inspection]);
+	return /* @__PURE__ */ jsx(Collapsible, {
+		hidden,
+		"data-design-takeover-sibling": true,
+		open,
+		onOpenChange: setOpen,
+		children: /* @__PURE__ */ jsxs("div", {
+			ref: sectionRef,
+			className: "border-b",
+			children: [/* @__PURE__ */ jsx(CollapsibleTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex cursor-pointer items-center gap-2 px-4 py-3 hover:bg-accent/40",
+					children: [/* @__PURE__ */ jsx(ChevronRight, { className: `h-4 w-4 transition ${open ? "rotate-90" : ""}` }), /* @__PURE__ */ jsx("span", {
+						className: "text-sm font-semibold",
+						children: "Footer"
+					})]
+				})
+			}), /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", {
+				className: "pb-4",
+				children
+			}) })]
+		})
+	});
+}
+//#endregion
+//#region ../preview-next/src/client/preview/PreviewDesignOpenRequestContext.tsx
+const PreviewDesignOpenRequestContext = createContext(null);
+function PreviewDesignOpenRequestProvider({ request, children }) {
+	return /* @__PURE__ */ jsx(PreviewDesignOpenRequestContext.Provider, {
+		value: request,
+		children
+	});
+}
+function usePreviewDesignOpenRequest() {
+	return useContext(PreviewDesignOpenRequestContext);
+}
+//#endregion
 //#region ../preview-next/src/client/preview/SelectedBlockCustomizePanel.tsx
 const EMPTY_BLOCK_VALUES = {};
 function SelectedBlockCustomizePanel({ blockItems, uiStoreForBlockEditor, theme, sdkConfig }) {
@@ -1537,20 +1587,8 @@ function formatBlockKindLabel(blockKind) {
 	return blockKind.replace(/^block\./, "").replace(/^custom\./, "").replace(/[-_]+/g, " ");
 }
 //#endregion
-//#region ../preview-next/src/client/preview/PreviewDesignOpenRequestContext.tsx
-const PreviewDesignOpenRequestContext = createContext(null);
-function PreviewDesignOpenRequestProvider({ request, children }) {
-	return /* @__PURE__ */ jsx(PreviewDesignOpenRequestContext.Provider, {
-		value: request,
-		children
-	});
-}
-function usePreviewDesignOpenRequest() {
-	return useContext(PreviewDesignOpenRequestContext);
-}
-//#endregion
 //#region ../preview-next/src/client/preview/PageBlockEditorPanel.tsx
-function PageBlockEditorPanel({ siteId, pageId, dashboardBaseUrl, theme, apiClient, blockItems, uiStoreForBlockEditor, blockEditorRef, onBlocksChange, metadataPanel, linkedEntrySection, designPanel, designTakeoverActive = false, sdkConfig, bookingOfferingPresets, viewportMode, viewportWidth, zoom, onViewportModeChange, onViewportWidthChange, onZoomChange }) {
+function usePageBlockEditorPanelControls(uiStoreForBlockEditor) {
 	const customizeSelection = usePreviewBlockCustomizeSelectionOptional();
 	const [designOpen, setDesignOpen] = useState(false);
 	const [customizeOpen, setCustomizeOpen] = useState(false);
@@ -1595,160 +1633,210 @@ function PageBlockEditorPanel({ siteId, pageId, dashboardBaseUrl, theme, apiClie
 		});
 		uiStoreForBlockEditor.getState().consumePreviewDesignOpenRequest(pendingDesignOpenRequest.requestId);
 	}, [pendingDesignOpenRequest, uiStoreForBlockEditor]);
+	return {
+		designOpen,
+		setDesignOpen,
+		customizeOpen,
+		setCustomizeOpen,
+		contentOpen,
+		setContentOpen,
+		detailsOpen,
+		setDetailsOpen,
+		designOpenRequest,
+		designSectionRef,
+		customizeSectionRef,
+		blockActionPresentation
+	};
+}
+function PageBlockEditorPanel(props) {
+	const controls = usePageBlockEditorPanelControls(props.uiStoreForBlockEditor);
+	const takeover = props.designTakeoverActive ?? false;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex h-full min-h-0 flex-col overflow-hidden",
 		children: [/* @__PURE__ */ jsx("div", {
 			className: "shrink-0 border-b px-4 py-2",
 			children: /* @__PURE__ */ jsx(PreviewViewportControls, {
-				mode: viewportMode,
-				width: viewportWidth,
-				onModeChange: onViewportModeChange,
-				onWidthChange: onViewportWidthChange,
-				zoom,
-				onZoomChange
+				mode: props.viewportMode,
+				width: props.viewportWidth,
+				onModeChange: props.onViewportModeChange,
+				onWidthChange: props.onViewportWidthChange,
+				zoom: props.zoom,
+				onZoomChange: props.onZoomChange
 			})
 		}), /* @__PURE__ */ jsx(PreviewFormProvider, {
-			siteId,
-			theme: theme ?? null,
-			previewClient: apiClient,
-			bookingOfferingPresets,
-			sdkConfig: sdkConfig ?? null,
+			siteId: props.siteId,
+			theme: props.theme ?? null,
+			previewClient: props.apiClient,
+			bookingOfferingPresets: props.bookingOfferingPresets,
+			sdkConfig: props.sdkConfig ?? null,
 			children: /* @__PURE__ */ jsxs("div", {
-				className: `min-h-0 flex-1 space-y-0 ${designTakeoverActive ? "flex flex-col overflow-hidden" : "overflow-auto"}`,
-				"data-design-takeover-active": designTakeoverActive ? "true" : "false",
+				className: `min-h-0 flex-1 space-y-0 ${takeover ? "flex flex-col overflow-hidden" : "overflow-auto"}`,
+				"data-design-takeover-active": takeover ? "true" : "false",
 				children: [
-					linkedEntrySection ? /* @__PURE__ */ jsx("div", {
-						hidden: designTakeoverActive,
-						"data-design-takeover-sibling": true,
-						children: /* @__PURE__ */ jsx(PreviewSidebarSection, {
-							label: linkedEntrySection.label,
-							openRequestId: linkedEntrySection.openRequestId,
-							children: linkedEntrySection.content
-						})
-					}) : null,
-					designPanel ? /* @__PURE__ */ jsx(Collapsible, {
-						className: designTakeoverActive ? "flex min-h-0 flex-1 flex-col overflow-hidden" : void 0,
-						open: designTakeoverActive || designOpen,
-						onOpenChange: (open) => {
-							if (!designTakeoverActive) setDesignOpen(open);
-						},
-						children: /* @__PURE__ */ jsxs("div", {
-							ref: designSectionRef,
-							className: designTakeoverActive ? "flex min-h-0 flex-1 flex-col overflow-hidden" : "border-b",
-							children: [/* @__PURE__ */ jsx(CollapsibleTrigger, {
-								asChild: true,
-								children: /* @__PURE__ */ jsxs("div", {
-									className: `flex shrink-0 cursor-pointer items-center gap-2 px-4 py-3 hover:bg-accent/40 ${designTakeoverActive ? "border-b" : ""}`,
-									children: [/* @__PURE__ */ jsx(ChevronRight, { className: `h-4 w-4 transition ${designTakeoverActive || designOpen ? "rotate-90" : ""}` }), /* @__PURE__ */ jsx("span", {
-										className: "text-sm font-semibold",
-										children: "Design"
-									})]
-								})
-							}), /* @__PURE__ */ jsx(CollapsibleContent, {
-								className: designTakeoverActive ? "min-h-0 flex-1 data-[state=open]:h-full data-[state=open]:overflow-hidden" : void 0,
-								children: /* @__PURE__ */ jsx("div", {
-									className: designTakeoverActive ? "h-full min-h-0" : "px-4 pb-4",
-									children: /* @__PURE__ */ jsx(PreviewDesignOpenRequestProvider, {
-										request: designOpenRequest,
-										children: designPanel
-									})
-								})
-							})]
-						})
+					/* @__PURE__ */ jsx(LinkedEntrySection, {
+						section: props.linkedEntrySection,
+						hidden: takeover
+					}),
+					props.designPanel ? /* @__PURE__ */ jsx(DesignSection, {
+						panel: props.designPanel,
+						takeover,
+						controls
 					}) : null,
-					/* @__PURE__ */ jsx(Collapsible, {
-						hidden: designTakeoverActive,
-						"data-design-takeover-sibling": true,
-						open: customizeOpen,
-						onOpenChange: setCustomizeOpen,
-						children: /* @__PURE__ */ jsxs("div", {
-							ref: customizeSectionRef,
-							className: "border-b",
-							children: [/* @__PURE__ */ jsx(CollapsibleTrigger, {
-								asChild: true,
-								children: /* @__PURE__ */ jsxs("div", {
-									className: "flex cursor-pointer items-center gap-2 px-4 py-3 hover:bg-accent/40",
-									children: [/* @__PURE__ */ jsx(ChevronRight, { className: `h-4 w-4 transition ${customizeOpen ? "rotate-90" : ""}` }), /* @__PURE__ */ jsx("span", {
-										className: "text-sm font-semibold",
-										children: "Customize"
-									})]
-								})
-							}), /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", {
-								className: "px-4 pb-4",
-								children: /* @__PURE__ */ jsx(SelectedBlockCustomizePanel, {
-									blockItems,
-									uiStoreForBlockEditor,
-									theme: theme ?? null,
-									sdkConfig: sdkConfig ?? null
-								})
-							}) })]
+					/* @__PURE__ */ jsx(StandardSection, {
+						label: "Customize",
+						open: controls.customizeOpen,
+						onOpenChange: controls.setCustomizeOpen,
+						hidden: takeover,
+						sectionRef: controls.customizeSectionRef,
+						children: /* @__PURE__ */ jsx(SelectedBlockCustomizePanel, {
+							blockItems: props.blockItems,
+							uiStoreForBlockEditor: props.uiStoreForBlockEditor,
+							theme: props.theme ?? null,
+							sdkConfig: props.sdkConfig ?? null
 						})
 					}),
-					/* @__PURE__ */ jsx(Collapsible, {
-						hidden: designTakeoverActive,
-						"data-design-takeover-sibling": true,
-						open: contentOpen,
-						onOpenChange: setContentOpen,
-						children: /* @__PURE__ */ jsxs("div", {
-							className: "border-b",
-							children: [/* @__PURE__ */ jsx(CollapsibleTrigger, {
-								asChild: true,
-								children: /* @__PURE__ */ jsxs("div", {
-									className: "flex cursor-pointer items-center gap-2 px-4 py-3 hover:bg-accent/40",
-									children: [/* @__PURE__ */ jsx(ChevronRight, { className: `h-4 w-4 transition ${contentOpen ? "rotate-90" : ""}` }), /* @__PURE__ */ jsx("span", {
-										className: "text-sm font-semibold",
-										children: "Page Blocks"
-									})]
-								})
-							}), /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", {
-								className: "px-4 pb-4",
-								children: /* @__PURE__ */ jsx(BlockEditor, {
-									ref: blockEditorRef,
-									siteId,
-									dashboardBaseUrl,
-									owner: {
-										kind: "page",
-										pageId
-									},
-									blocks: blockItems,
-									uiStore: uiStoreForBlockEditor,
-									apiClient,
-									onBlocksChange,
-									actionPresentation: blockActionPresentation,
-									widgetOverrides: previewWidgetOverrides,
-									sdkConfig: sdkConfig ?? null,
-									reorderControlMode: "drag-handle-only"
-								}, pageId)
-							}) })]
-						})
+					/* @__PURE__ */ jsx(StandardSection, {
+						label: "Page Blocks",
+						open: controls.contentOpen,
+						onOpenChange: controls.setContentOpen,
+						hidden: takeover,
+						children: /* @__PURE__ */ jsx(BlockEditor, {
+							ref: props.blockEditorRef,
+							siteId: props.siteId,
+							dashboardBaseUrl: props.dashboardBaseUrl,
+							owner: {
+								kind: "page",
+								pageId: props.pageId
+							},
+							blocks: props.blockItems,
+							uiStore: props.uiStoreForBlockEditor,
+							apiClient: props.apiClient,
+							onBlocksChange: props.onBlocksChange,
+							actionPresentation: controls.blockActionPresentation,
+							widgetOverrides: previewWidgetOverrides,
+							sdkConfig: props.sdkConfig ?? null,
+							reorderControlMode: "drag-handle-only"
+						}, props.pageId)
 					}),
-					metadataPanel ? /* @__PURE__ */ jsx(Collapsible, {
-						hidden: designTakeoverActive,
-						"data-design-takeover-sibling": true,
-						open: detailsOpen,
-						onOpenChange: setDetailsOpen,
-						children: /* @__PURE__ */ jsxs("div", {
-							className: "border-b",
-							children: [/* @__PURE__ */ jsx(CollapsibleTrigger, {
-								asChild: true,
-								children: /* @__PURE__ */ jsxs("div", {
-									className: "flex cursor-pointer items-center gap-2 px-4 py-3 hover:bg-accent/40",
-									children: [/* @__PURE__ */ jsx(ChevronRight, { className: `h-4 w-4 transition ${detailsOpen ? "rotate-90" : ""}` }), /* @__PURE__ */ jsx("span", {
-										className: "text-sm font-semibold",
-										children: "Page Details"
-									})]
-								})
-							}), /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", {
-								className: "px-4 pb-4",
-								children: metadataPanel
-							}) })]
-						})
+					props.footerPanel ? /* @__PURE__ */ jsx(FooterSidebarDisclosure, {
+						editorStore: props.uiStoreForBlockEditor,
+						hidden: takeover,
+						children: props.footerPanel
+					}) : null,
+					props.metadataPanel ? /* @__PURE__ */ jsx(StandardSection, {
+						label: "Page Details",
+						open: controls.detailsOpen,
+						onOpenChange: controls.setDetailsOpen,
+						hidden: takeover,
+						children: props.metadataPanel
 					}) : null
 				]
 			})
 		})]
 	});
 }
+function StandardSection({ label, open, onOpenChange, hidden, sectionRef, children }) {
+	return /* @__PURE__ */ jsx(Collapsible, {
+		hidden,
+		"data-design-takeover-sibling": true,
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ jsxs("div", {
+			ref: sectionRef,
+			className: "border-b",
+			children: [/* @__PURE__ */ jsx(CollapsibleTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex cursor-pointer items-center gap-2 px-4 py-3 hover:bg-accent/40",
+					children: [/* @__PURE__ */ jsx(ChevronRight, { className: `h-4 w-4 transition ${open ? "rotate-90" : ""}` }), /* @__PURE__ */ jsx("span", {
+						className: "text-sm font-semibold",
+						children: label
+					})]
+				})
+			}), /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", {
+				className: "px-4 pb-4",
+				children
+			}) })]
+		})
+	});
+}
+function LinkedEntrySection({ section, hidden }) {
+	if (!section) return null;
+	return /* @__PURE__ */ jsx("div", {
+		hidden,
+		"data-design-takeover-sibling": true,
+		children: /* @__PURE__ */ jsx(PreviewSidebarSection, {
+			label: section.label,
+			openRequestId: section.openRequestId,
+			children: section.content
+		})
+	});
+}
+function DesignSection({ panel, takeover, controls }) {
+	const open = takeover || controls.designOpen;
+	return /* @__PURE__ */ jsx(Collapsible, {
+		className: takeover ? "flex min-h-0 flex-1 flex-col overflow-hidden" : void 0,
+		open,
+		onOpenChange: (next) => {
+			if (!takeover) controls.setDesignOpen(next);
+		},
+		children: /* @__PURE__ */ jsxs("div", {
+			ref: controls.designSectionRef,
+			className: takeover ? "flex min-h-0 flex-1 flex-col overflow-hidden" : "border-b",
+			children: [/* @__PURE__ */ jsx(CollapsibleTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsxs("div", {
+					className: `flex shrink-0 cursor-pointer items-center gap-2 px-4 py-3 hover:bg-accent/40 ${takeover ? "border-b" : ""}`,
+					children: [/* @__PURE__ */ jsx(ChevronRight, { className: `h-4 w-4 transition ${open ? "rotate-90" : ""}` }), /* @__PURE__ */ jsx("span", {
+						className: "text-sm font-semibold",
+						children: "Design"
+					})]
+				})
+			}), /* @__PURE__ */ jsx(CollapsibleContent, {
+				className: takeover ? "min-h-0 flex-1 data-[state=open]:h-full data-[state=open]:overflow-hidden" : void 0,
+				children: /* @__PURE__ */ jsx("div", {
+					className: takeover ? "h-full min-h-0" : "px-4 pb-4",
+					children: /* @__PURE__ */ jsx(PreviewDesignOpenRequestProvider, {
+						request: controls.designOpenRequest,
+						children: panel
+					})
+				})
+			})]
+		})
+	});
+}
+//#endregion
+//#region ../preview-next/src/client/preview/PreviewFooterEditorPanel.tsx
+function PreviewFooterEditorPanel({ apiClient, siteId, dashboardBaseUrl, theme, selectionId, selectionVersion, siteStyleAccess, inspection, canEdit, onSaved }) {
+	const dashboardSiteUrl = `${dashboardBaseUrl?.replace(/\/$/u, "") ?? ""}/dashboard/sites/${siteId}`;
+	const navigationLayoutAccess = siteStyleAccess.kind === "apply-allowed" && theme && selectionVersion !== null ? {
+		kind: "editable",
+		theme,
+		selectionId,
+		selectionVersion
+	} : { kind: "hidden" };
+	return /* @__PURE__ */ jsx(FooterComposerPanel, {
+		apiClient,
+		siteId,
+		customFooterMode: resolvePreviewFooterMode(theme?.footer.mode),
+		manageLinksHref: `${dashboardSiteUrl}/navigation`,
+		manageSettingsHref: `${dashboardSiteUrl}/settings`,
+		legalRegion: theme?.footer.bottomBar?.enabled ? "separate" : "integrated",
+		navigationLayoutAccess,
+		loadingFallback: /* @__PURE__ */ jsx(ContentSpinner, { className: "py-8" }),
+		initialTarget: inspection?.kind === "footer-module" ? {
+			kind: "module",
+			moduleId: inspection.moduleId
+		} : { kind: "overview" },
+		initialTargetRequestId: inspection?.requestId,
+		variant: "sidebar",
+		canEdit,
+		onSaved
+	});
+}
+function resolvePreviewFooterMode(value) {
+	return value === "blocks" || value === "default+blocks" || value === "none" ? value : "default";
+}
 //#endregion
 //#region ../preview-next/src/client/preview/PreviewEditorGuidanceCard.tsx
 function PreviewEditorGuidanceCard({ guidance, completeSetupDisabled, onCompleteSetup }) {
@@ -2315,6 +2403,20 @@ function familyKey(family) {
 	return family.trim().toLocaleLowerCase();
 }
 //#endregion
+//#region ../preview-next/src/client/preview/siteFontPreview.tsx
+function buildSiteFontFaceCss(siteFonts, siteFontStorageUrl) {
+	if (!siteFontStorageUrl || siteFonts.length === 0) return "";
+	return generateFontFaceCss([...siteFonts], getSiteFontsStorageUrl(siteFontStorageUrl));
+}
+function SiteFontFaceStyles({ siteFonts }) {
+	const siteFontStorageUrl = usePreviewSiteFontStorageUrl();
+	const css = useMemo(() => buildSiteFontFaceCss(siteFonts, siteFontStorageUrl), [siteFontStorageUrl, siteFonts]);
+	return css ? /* @__PURE__ */ jsx("style", {
+		"data-typography-site-fonts": true,
+		children: css
+	}) : null;
+}
+//#endregion
 //#region ../preview-next/src/client/preview/StyleConfigurator.typography.tsx
 const typographyOverviewSurface = { kind: "overview" };
 function useTypographyFontCatalog(apiClient, siteId, enabled) {
@@ -2990,17 +3092,6 @@ function FontPreviewText({ family, source, className, children }) {
 		children
 	});
 }
-function SiteFontFaceStyles({ siteFonts }) {
-	const css = useMemo(() => {
-		const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL;
-		if (!supabaseUrl || siteFonts.length === 0) return "";
-		return generateFontFaceCss([...siteFonts], getSiteFontsStorageUrl(supabaseUrl));
-	}, [siteFonts]);
-	return css ? /* @__PURE__ */ jsx("style", {
-		"data-typography-site-fonts": true,
-		children: css
-	}) : null;
-}
 function ensureGoogleFontPreviewLink(family) {
 	const url = buildFontPreviewUrl(family);
 	if (Array.from(document.head.querySelectorAll("link[data-font-preview]")).some((link) => link.href === url)) return;
@@ -3232,7 +3323,7 @@ const PALETTE_SURFACE_ROLES = [
 		label: "Border"
 	}
 ];
-function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVersion = null, selectionUpdatedAt, initialSelections, headerSelectionContext, onFocusedSurfaceChange, siteStyleAccess }) {
+function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVersion = null, selectionUpdatedAt, initialSelections, headerLogoContext, onFocusedSurfaceChange }) {
 	const designOpenRequest = usePreviewDesignOpenRequest();
 	const router = useRouter();
 	const previewDesign = usePreviewDesignCoordinator();
@@ -3247,9 +3338,9 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 			selectionVersion: initialSelections.selectionVersion ?? selectionVersion ?? 0,
 			selectionUpdatedAt: initialSelections.selectionUpdatedAt ?? selectionUpdatedAt ?? null
 		},
-		headerSelectionContext
+		headerLogoContext
 	}), [
-		headerSelectionContext,
+		headerLogoContext,
 		theme,
 		initialSelections,
 		selectionUpdatedAt,
@@ -3308,7 +3399,7 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 		previewTheme("style-configurator", planSiteStylePreviewChange({
 			siteStyle,
 			selection: state.previewed,
-			headerSelectionContext,
+			headerLogoContext,
 			compilation: deriveSiteStylePreviewUpdate(theme, state.base)
 		}).themeOverlay, "site-style");
 	}, [
@@ -3316,7 +3407,7 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 		baseSnapshot,
 		clearPreview,
 		previewTheme,
-		headerSelectionContext,
+		headerLogoContext,
 		theme
 	]);
 	useEffect(() => {
@@ -3344,31 +3435,37 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 			const result = planSiteStylePreviewChange({
 				siteStyle,
 				selection: next.previewed,
-				headerSelectionContext,
+				headerLogoContext,
 				compilation: deriveSiteStylePreviewUpdate(theme, next.base)
 			});
 			return applyResolvedSelections(next, {
 				resolved: {
 					...result.resolvedSelections,
+					headerLayoutId: result.resolvedSelections.headerSelection.layoutId,
+					headerStyleId: result.resolvedSelections.headerSelection.styleId,
 					typography: result.themeOverlay.typography
 				},
 				warnings: result.warnings
 			});
 		});
-	}, [headerSelectionContext, theme]);
+	}, [headerLogoContext, theme]);
 	const handlePreviewButtonStyle = useCallback((id) => {
 		setState((current) => current ? previewButtonStyle(current, id) : current);
 	}, []);
 	const handlePreviewHeaderLayout = useCallback((id) => {
 		if (!id) return;
-		setState((current) => current ? previewHeaderLayout(current, id) : current);
+		setState((current) => {
+			if (!current) return current;
+			const siteStyle = getCuratedSiteStyle(current.previewed.siteStyleId);
+			return siteStyle ? previewHeaderLayout(current, siteStyle, id) : current;
+		});
 	}, []);
 	const handlePreviewHeaderStyle = useCallback((id) => {
 		if (!id) return;
 		setState((current) => current ? previewHeaderStyle(current, id) : current);
 	}, []);
 	const handlePreviewFooterLook = useCallback((id) => {
-		const plan = planSiteChromeLookSelection({
+		const plan = planSiteChromeSelection({
 			surface: "footer",
 			lookId: id
 		});
@@ -3386,11 +3483,11 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 			return applyTypographyDraftPatch(current, planSiteStylePreviewChange({
 				siteStyle,
 				selection: current.previewed,
-				headerSelectionContext,
+				headerLogoContext,
 				compilation: deriveSiteStylePreviewUpdate(theme, current.base)
 			}).themeOverlay.typography, patch);
 		});
-	}, [headerSelectionContext, theme]);
+	}, [headerLogoContext, theme]);
 	const handleHeadingTypographyChange = useCallback((patch) => {
 		patchTypography({
 			kind: "heading",
@@ -3481,7 +3578,6 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 		});
 	}, [
 		apiClient,
-		headerSelectionContext,
 		applyFailed,
 		applyStarted,
 		applySucceeded,
@@ -3489,14 +3585,12 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 		selectionId,
 		siteChromeCustomize?.siteStyleHistory,
 		siteId,
-		startRefreshTransition,
-		theme
+		startRefreshTransition
 	]);
 	if (!state || !baseSnapshot) return /* @__PURE__ */ jsx("p", {
 		className: "text-sm text-muted-foreground",
 		children: "Loading design controls..."
 	});
-	const applyAllowed = canApplySiteStyle(siteStyleAccess);
 	const stagedCapabilities = deriveStyleConfiguratorCapabilities(state);
 	const previewingChange = isPreviewingChange(state);
 	const saving = stagedCapabilities.isApplyingStaged || isRefreshPending;
@@ -3511,18 +3605,18 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 	const currentPreviewPlan = planSiteStylePreviewChange({
 		siteStyle: currentSiteStyle,
 		selection: state.previewed,
-		headerSelectionContext,
+		headerLogoContext,
 		compilation: deriveSiteStylePreviewUpdate(theme, state.base)
 	});
 	const currentTypography = currentPreviewPlan.themeOverlay.typography;
-	const chromeLookModels = buildSiteChromeLookModels({
+	const chromeSelectionModels = buildSiteChromeSelectionModels({
 		state,
 		siteStyle: currentSiteStyle,
-		headerSelectionContext
+		headerLogoContext
 	});
 	const currentHeaderLayout = getHeaderLayout(state.previewed.headerLayoutId);
 	const currentHeaderStyle = getHeaderStyle(state.previewed.headerStyleId);
-	const currentFooterLook = state.previewed.footerLookId ? findFooterLook(state.previewed.footerLookId) : findFooterLook(chromeLookModels.footer.renderedLookId);
+	const currentFooterLook = state.previewed.footerLookId ? findFooterLook(state.previewed.footerLookId) : findFooterLook(chromeSelectionModels.footer.renderedLookId);
 	const headerSurfaceState = siteChromeCustomize?.getSurfaceState("header") ?? { kind: "unavailable" };
 	if (state.expandedRow === "typography" && typographySurface.kind !== "overview") return /* @__PURE__ */ jsxs("div", {
 		className: "flex h-full min-h-0 flex-col",
@@ -3546,7 +3640,6 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 			className: "shrink-0 px-3 pb-3",
 			children: /* @__PURE__ */ jsx(StyleConfiguratorSaveControls, {
 				previewingChange,
-				applyAllowed,
 				saving,
 				canCancel: stagedCapabilities.canCancelStaged,
 				canApply: stagedCapabilities.canApplyStaged,
@@ -3571,37 +3664,37 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 				onPreview: handlePreviewSiteStyle,
 				disabled: aggregateMutationControlsDisabled
 			}),
-			/* @__PURE__ */ jsx(SiteChromeLookRow, {
+			/* @__PURE__ */ jsx(SiteChromeSelectionRow, {
 				label: "Header layout",
 				ariaLabel: "Header layout",
 				defaultDescription: "Choose the header structure.",
 				expanded: state.expandedRow === "header-layout",
 				onToggle: () => handleToggleRow("header-layout"),
 				currentId: state.previewed.headerLayoutId,
-				currentLabel: currentHeaderLayout?.label ?? state.previewed.headerLayoutId,
+				currentLabel: currentHeaderLayout.label,
 				scopeDescription: "Changes the header structure on every page.",
-				options: chromeLookModels.headerLayout.options,
+				options: chromeSelectionModels.headerLayout.options,
 				diagnostics: [],
 				onCycle: (direction) => {
-					const next = cycleSiteChromeLookId(chromeLookModels.headerLayout.options, state.previewed.headerLayoutId, direction);
+					const next = cycleSiteChromeSelectionId(chromeSelectionModels.headerLayout.options, state.previewed.headerLayoutId, direction);
 					if (next !== void 0) handlePreviewHeaderLayout(next);
 				},
 				onPreview: handlePreviewHeaderLayout,
 				disabled: aggregateMutationControlsDisabled
 			}),
-			/* @__PURE__ */ jsx(SiteChromeLookRow, {
-				label: "Header look",
-				ariaLabel: "Header look",
+			/* @__PURE__ */ jsx(SiteChromeSelectionRow, {
+				label: "Header style",
+				ariaLabel: "Header style",
 				defaultDescription: "Choose the header visual style.",
 				expanded: state.expandedRow === "header-style",
 				onToggle: () => handleToggleRow("header-style"),
 				currentId: state.previewed.headerStyleId,
-				currentLabel: currentHeaderStyle?.label ?? state.previewed.headerStyleId,
+				currentLabel: currentHeaderStyle.label,
 				scopeDescription: "Changes the header surface and link style.",
-				options: chromeLookModels.headerStyle.options,
+				options: chromeSelectionModels.headerStyle.options,
 				diagnostics: [],
 				onCycle: (direction) => {
-					const next = cycleSiteChromeLookId(chromeLookModels.headerStyle.options, state.previewed.headerStyleId, direction);
+					const next = cycleSiteChromeSelectionId(chromeSelectionModels.headerStyle.options, state.previewed.headerStyleId, direction);
 					if (next !== void 0) handlePreviewHeaderStyle(next);
 				},
 				onPreview: handlePreviewHeaderStyle,
@@ -3613,7 +3706,7 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 					onMenuFontSizeChange: siteChromeCustomize?.setHeaderMenuFontSize
 				}) : null
 			}),
-			/* @__PURE__ */ jsx(SiteChromeLookRow, {
+			/* @__PURE__ */ jsx(SiteChromeSelectionRow, {
 				label: "Footer links",
 				ariaLabel: "Footer link treatment",
 				defaultDescription: "Use the footer link treatment chosen for this site style.",
@@ -3622,10 +3715,10 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 				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.",
-				options: chromeLookModels.footer.options,
-				diagnostics: chromeLookModels.footer.diagnostics,
+				options: chromeSelectionModels.footer.options,
+				diagnostics: chromeSelectionModels.footer.diagnostics,
 				onCycle: (direction) => {
-					const next = cycleSiteChromeLookId(chromeLookModels.footer.options, state.previewed.footerLookId, direction);
+					const next = cycleSiteChromeSelectionId(chromeSelectionModels.footer.options, state.previewed.footerLookId, direction);
 					if (next !== void 0) handlePreviewFooterLook(next);
 				},
 				onPreview: handlePreviewFooterLook,
@@ -3661,12 +3754,11 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 				palette: currentPalette,
 				onPreview: handlePreviewPalette,
 				onTokenChange: handleTokenOverride,
-				disabled: saving || !applyAllowed,
-				mutationDisabled: paletteControlsDisabled || !applyAllowed
+				disabled: saving,
+				mutationDisabled: paletteControlsDisabled
 			}),
 			/* @__PURE__ */ jsx(StyleConfiguratorSaveControls, {
 				previewingChange,
-				applyAllowed,
 				saving,
 				canCancel: stagedCapabilities.canCancelStaged,
 				canApply: stagedCapabilities.canApplyStaged,
@@ -3678,7 +3770,7 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 		]
 	});
 }
-function StyleConfiguratorSaveControls({ previewingChange, applyAllowed, saving, canCancel, canApply, saveStatus, onCancel, onApply, onRetry }) {
+function StyleConfiguratorSaveControls({ previewingChange, saving, canCancel, canApply, saveStatus, onCancel, onApply, onRetry }) {
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		previewingChange ? /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center gap-2 pt-2",
@@ -3689,15 +3781,12 @@ function StyleConfiguratorSaveControls({ previewingChange, applyAllowed, saving,
 				onClick: onCancel,
 				disabled: !canCancel || saving,
 				children: "Cancel"
-			}), applyAllowed ? /* @__PURE__ */ jsx(Button, {
+			}), /* @__PURE__ */ jsx(Button, {
 				type: "button",
 				size: "sm",
 				onClick: onApply,
 				disabled: !canApply || saving,
 				children: saving ? "Applying…" : "Apply"
-			}) : /* @__PURE__ */ jsx("span", {
-				className: "text-xs text-muted-foreground",
-				children: "Preview only — ask an admin to apply."
 			})]
 		}) : null,
 		saveStatus.kind === "saved" ? /* @__PURE__ */ jsx("p", {
@@ -3707,7 +3796,7 @@ function StyleConfiguratorSaveControls({ previewingChange, applyAllowed, saving,
 		saveStatus.kind === "failed" ? /* @__PURE__ */ jsxs("div", {
 			role: "status",
 			className: "flex items-center gap-2 text-xs text-destructive",
-			children: [/* @__PURE__ */ jsx("span", { children: saveStatus.message }), saveStatus.failureKind === "stale" && previewingChange && applyAllowed ? /* @__PURE__ */ jsx(Button, {
+			children: [/* @__PURE__ */ jsx("span", { children: saveStatus.message }), saveStatus.failureKind === "stale" && previewingChange ? /* @__PURE__ */ jsx(Button, {
 				type: "button",
 				size: "sm",
 				variant: "outline",
@@ -3815,15 +3904,11 @@ function TypographyRow({ expanded, onToggle, typography, catalog, currentLabel,
 		})
 	});
 }
-function SiteChromeLookRow({ label, ariaLabel, defaultDescription, catalog, options = [{
+function SiteChromeSelectionRow({ label, ariaLabel, defaultDescription, catalog, options = [{
 	id: null,
 	label: "Site style default",
-	description: defaultDescription,
-	available: true
-}, ...(catalog ?? []).map((look) => ({
-	...look,
-	available: true
-}))], diagnostics, scopeDescription, expanded, onToggle, currentId, currentLabel, onCycle, onPreview, disabled, extraControls }) {
+	description: defaultDescription
+}, ...catalog ?? []], diagnostics, scopeDescription, expanded, onToggle, currentId, currentLabel, onCycle, onPreview, disabled, extraControls }) {
 	return /* @__PURE__ */ jsxs(StyleRowFrame, {
 		label,
 		currentLabel,
@@ -3842,14 +3927,14 @@ function SiteChromeLookRow({ label, ariaLabel, defaultDescription, catalog, opti
 						onClick: () => onCycle("prev"),
 						className: "grid h-8 w-8 place-items-center hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50",
 						"aria-label": `Previous ${label.toLowerCase()}`,
-						disabled: disabled || cycleableSiteChromeOptions(options).length <= 1,
+						disabled: disabled || options.length <= 1,
 						children: /* @__PURE__ */ jsx(ChevronLeft, { size: 14 })
 					}), /* @__PURE__ */ jsx("button", {
 						type: "button",
 						onClick: () => onCycle("next"),
 						className: "grid h-8 w-8 place-items-center border-l hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50",
 						"aria-label": `Next ${label.toLowerCase()}`,
-						disabled: disabled || cycleableSiteChromeOptions(options).length <= 1,
+						disabled: disabled || options.length <= 1,
 						children: /* @__PURE__ */ jsx(ChevronRight, { size: 14 })
 					})]
 				})]
@@ -3869,9 +3954,9 @@ function SiteChromeLookRow({ label, ariaLabel, defaultDescription, catalog, opti
 				children: options.map((look) => /* @__PURE__ */ jsx(PickerOption, {
 					selected: look.id === currentId,
 					label: look.label,
-					description: look.available ? look.description : [look.description, siteChromeLookUnavailableReasonLabel(look.unavailableReason)].filter(Boolean).join(" "),
+					description: look.description,
 					onSelect: () => onPreview(look.id),
-					disabled: disabled || !look.available
+					disabled
 				}, look.id ?? "site-style-default"))
 			})
 		]
@@ -4077,11 +4162,14 @@ function WarningNotice({ warnings, onDismiss }) {
 	});
 }
 function describeWarning(warning) {
-	return `Button style changed to ${warning.fellBackTo.styleId} because ${warning.requested} is not offered for this site style.`;
+	switch (warning.kind) {
+		case "rejected-button-style": return `Button style changed to ${warning.fellBackTo.styleId} because ${warning.requested} is not offered for this site style.`;
+		case "repaired-header-selection": return `Header changed to ${warning.resolved.layoutId} / ${warning.resolved.styleId} because the requested combination is not offered for this site style.`;
+	}
 }
 //#endregion
 //#region ../preview-next/src/client/preview/PreviewEditorSidebar.tsx
-function PreviewEditorSidebar({ surfaceId, siteId, dashboardBaseUrl = null, pageId, entryData, contentTypeSchema, referenceContentTypeKeys = [], draftContent, currentTemplate, theme, themeId = null, themeSelectionId = null, themeSelectionVersion = null, themeSelectionUpdatedAt = null, themeSelectionButtonStyleSelection = null, themeSelectionHeaderLayoutId = null, themeSelectionHeaderStyleId = null, themeSelectionHeaderLookId = null, themeSelectionFooterLookId = null, themeSelectionHeaderContext, apiClient, bearerToken, entrySubrouteContext, assistantPanel, sdkConfig, bookingOfferingPresets, siteStyleAccess = { kind: "hidden" }, activeTab, onTabChange, onClose, onFooterSaved, viewportMode, viewportWidth, zoom, onViewportModeChange, onViewportWidthChange, onZoomChange }) {
+function PreviewEditorSidebar({ surfaceId, siteId, dashboardBaseUrl = null, pageId, entryData, contentTypeSchema, referenceContentTypeKeys = [], draftContent, currentTemplate, theme, themeId = null, themeSelectionId = null, themeSelectionVersion = null, themeSelectionUpdatedAt = null, themeSelectionButtonStyleSelection = null, themeSelectionHeaderSelection = null, themeSelectionFooterLookId = null, themeSelectionHeaderLogo, apiClient, bearerToken, entrySubrouteContext, assistantPanel, sdkConfig, bookingOfferingPresets, siteStyleAccess = { kind: "hidden" }, activeTab, onTabChange, onClose, onFooterSaved, viewportMode, viewportWidth, zoom, onViewportModeChange, onViewportWidthChange, onZoomChange }) {
 	const controller = useEntryController();
 	const controllerBlocks = controller.blocks;
 	const uiStore = useEditorUiStoreInstance();
@@ -4168,7 +4256,20 @@ function PreviewEditorSidebar({ surfaceId, siteId, dashboardBaseUrl = null, page
 			fields: findLinkedEntryManifestFieldsFromSnapshot(snapshot)
 		})
 	});
-	const editorPanel = entryData ? /* @__PURE__ */ jsx(EntryEditorPanel, {
+	const footerInspection = previewInspection.kind === "footer" || previewInspection.kind === "footer-module" ? previewInspection : null;
+	const footerPanel = /* @__PURE__ */ jsx(PreviewFooterEditorPanel, {
+		apiClient,
+		siteId,
+		dashboardBaseUrl,
+		theme: theme ?? null,
+		selectionId: themeSelectionId,
+		selectionVersion: themeSelectionVersion,
+		siteStyleAccess,
+		inspection: footerInspection,
+		canEdit,
+		onSaved: onFooterSaved
+	});
+	const editorPanel = footerInspection && (entryData || !pageId) ? footerPanel : entryData ? /* @__PURE__ */ jsx(EntryEditorPanel, {
 		siteId,
 		dashboardBaseUrl,
 		entryData,
@@ -4213,15 +4314,13 @@ function PreviewEditorSidebar({ surfaceId, siteId, dashboardBaseUrl = null, page
 				selectionVersion: themeSelectionVersion,
 				selectionUpdatedAt: themeSelectionUpdatedAt,
 				buttonStyleSelection: themeSelectionButtonStyleSelection,
-				headerLayoutId: themeSelectionHeaderLayoutId,
-				headerStyleId: themeSelectionHeaderStyleId,
-				headerLookId: themeSelectionHeaderLookId,
+				headerSelection: themeSelectionHeaderSelection,
 				footerLookId: themeSelectionFooterLookId
 			},
-			headerSelectionContext: themeSelectionHeaderContext,
-			onFocusedSurfaceChange: setDesignTakeoverActive,
-			siteStyleAccess
+			headerLogoContext: themeSelectionHeaderLogo,
+			onFocusedSurfaceChange: setDesignTakeoverActive
 		}) : null,
+		footerPanel,
 		sdkConfig: sdkConfig ?? null,
 		bookingOfferingPresets,
 		linkedEntrySection,
@@ -4241,25 +4340,6 @@ function PreviewEditorSidebar({ surfaceId, siteId, dashboardBaseUrl = null, page
 			})
 		})
 	});
-	const resolvedEditorPanel = previewInspection.kind === "footer-module" || previewInspection.kind === "footer" ? /* @__PURE__ */ jsx("div", {
-		className: "h-full overflow-y-auto",
-		children: /* @__PURE__ */ jsx(FooterComposerPanel, {
-			apiClient,
-			siteId,
-			customFooterMode: resolvePreviewFooterMode(theme?.footer?.mode),
-			manageLinksHref: `${dashboardBaseUrl?.replace(/\/$/u, "") ?? ""}/dashboard/sites/${siteId}/navigation`,
-			manageSettingsHref: `${dashboardBaseUrl?.replace(/\/$/u, "") ?? ""}/dashboard/sites/${siteId}/settings`,
-			legalRegion: theme?.footer?.bottomBar?.enabled === true ? "separate" : "integrated",
-			loadingFallback: /* @__PURE__ */ jsx(ContentSpinner, { className: "py-8" }),
-			initialTarget: previewInspection.kind === "footer-module" ? {
-				kind: "module",
-				moduleId: previewInspection.moduleId
-			} : { kind: "overview" },
-			variant: "sidebar",
-			canEdit,
-			onSaved: onFooterSaved
-		})
-	}) : editorPanel;
 	const assistantPanelDisplay = assistantAvailable ? assistantPanel : /* @__PURE__ */ jsx("div", {
 		className: "flex h-full flex-col items-center justify-center p-6 text-center text-sm text-muted-foreground",
 		children: "AI Assistant is available for pages in preview mode."
@@ -4306,7 +4386,7 @@ function PreviewEditorSidebar({ surfaceId, siteId, dashboardBaseUrl = null, page
 					value: "editor",
 					forceMount: true,
 					className: "mt-0 min-h-0 flex-1 overflow-hidden data-[state=inactive]:hidden",
-					children: resolvedEditorPanel
+					children: editorPanel
 				}),
 				showAssistantTab ? /* @__PURE__ */ jsx(TabsContent, {
 					value: "assistant",
@@ -4318,9 +4398,6 @@ function PreviewEditorSidebar({ surfaceId, siteId, dashboardBaseUrl = null, page
 		})
 	});
 }
-function resolvePreviewFooterMode(value) {
-	return value === "blocks" || value === "default+blocks" || value === "none" ? value : "default";
-}
 function PreviewMetadataPanel({ ownerKind, contentTypeKey, entry }) {
 	const uiStore = useEditorUiStoreInstance();
 	const currentSlug = useEditorUiStore((state) => state.metadata.getAtPath("draftSlug")) ?? void 0;