@riverbankcms/sdk 0.102.0 → 0.103.0

package/README.md

@@ -3464,16 +3464,24 @@ Add a signed revalidation route so CMS publish events can refresh affected ISR p
 ```ts
 // src/app/api/revalidate/route.ts
 import { createRevalidateHandler } from '@riverbankcms/sdk/next/revalidate';
+import { getRiverbankClient } from '@/lib/riverbank-client';
 
-export const POST = createRevalidateHandler();
+export const POST = createRevalidateHandler({
+  getClient: getRiverbankClient,
+});
 ```
 
-Set `RIVERBANK_WEBHOOK_SECRET` in the deployed site and configure the matching Riverbank webhook endpoint to post to `/api/revalidate`. Revalidation requests are signed with `X-Riverbank-Signature: sha256=<hex HMAC-SHA256 digest>` over the raw JSON body. The SDK handler rejects missing prefixes, malformed digests, bad signatures, and invalid payloads; valid payloads can revalidate one or more top-level `paths` and `tags`, with malformed path entries skipped and reported in the response metadata.
+Set `RIVERBANK_WEBHOOK_SECRET` in the deployed SDK site and configure the matching Riverbank webhook endpoint to post to `/api/revalidate`. Revalidation requests are signed with `X-Riverbank-Signature: sha256=<hex HMAC-SHA256 digest>` over the raw JSON body. The SDK handler rejects missing prefixes, malformed digests, bad signatures, and invalid payloads; valid payloads can revalidate one or more top-level `paths` and `tags`, clear the current process's SDK client response cache when `getClient` is provided, and skip malformed path entries while reporting them in the response metadata.
+
+The SDK client cache clear is process-local and best-effort. It helps single-process deployments, `next dev`, `next start`, and any runtime where the revalidation route and render path share the same module instance. Serverless platforms such as Vercel can compile `/api/revalidate` and page rendering into separate functions and can run many warm containers; in those deployments, the webhook may clear only the webhook function's local client instance while other render instances keep their SDK response cache until TTL expiry. Use Next tag/path revalidation as the authoritative cross-instance invalidation layer, and disable or shorten SDK response caching for force-dynamic deployments that require immediate freshness across serverless instances.
+
+Existing SDK sites should update their revalidation route to pass `getClient: getRiverbankClient`, then redeploy after adding or changing the deployed site's `RIVERBANK_WEBHOOK_SECRET`. The dashboard/CMS environment separately needs `WEBHOOK_SIGNING_SECRET_KEYRING_JSON` configured so Riverbank can create and store endpoint signing secrets; do not put that dashboard keyring in the SDK site.
 
 The CMS includes a `dispatchId` in signed payloads and sends matching `X-Riverbank-Dispatch-Id` / `X-Riverbank-Correlation-Id` headers. Use the optional callback metadata to join CMS delivery logs with consumer deployment logs without logging secrets:
 
 ```ts
 export const POST = createRevalidateHandler({
+  getClient: getRiverbankClient,
   onRevalidate: (_payload, _items, metadata) => {
     console.info('Riverbank ISR revalidated', metadata);
   },

package/dist/{PreviewEditorSidebar-BKkhhkJk.mjs → PreviewEditorSidebar-DkNpCPja.mjs}

@@ -1,8 +1,8 @@
 "use client";
-import { $d as ChevronLeft, $l as DropdownMenuContent, A as markApplySaving, Ai as findTypographyPreset, B as setPaletteOverrides, Bl as Collapsible, Bt as ManifestForm, C as createStyleConfiguratorState, Cl as Input, D as isPreviewingChange, Di as getCuratedSiteStyle, Dl as TabsTrigger, Du as unsafeAsEditorBlockId, E as dismissWarnings, Ed as Monitor, El as TabsList, F as previewHeaderStyle, Fi as getHeaderLayout, Gt as createStoreBackend, H as syncStyleConfiguratorState, Hl as CollapsibleTrigger, Ht as createManifestValidation, I as previewPaletteVariant, Ii as getHeaderStyle, Ji as paletteVariants, L as previewSiteStyle, M as previewButtonPersonality, Mi as requireEntriesForCuratedChoices, Mt as deriveRouteMetadataPresentation, N as previewFooterLook, Nc as buttonPersonalities, Ni as findFooterLook, Nt as resolvePageRouteSlug, O as markApplyFailed, Od as Maximize2, P as previewHeaderLayout, Pc as findButtonPersonality, Pi as getFooterLayout, Pt as resolveContentTitle, Q as resolvePreviewSidebarTab, Qd as ChevronRight, Ql as DropdownMenu, R as previewTypographyPreset, S as cancelPreview, Sl as PopoverTrigger, Su as cn, T as dismissNotices, Ti as curatedSiteStyles, Tl as TabsContent, U as toggleRow, Ut as FormRenderer, V as styleConfiguratorHistoryEntryForPersistedSelection, Vl as CollapsibleContent, W as typographySelectionSnapshotFromFlat, Yi as paletteOverridesSchema, Z as createOptimisticActionRunner, Zl as Surface, _ as usePreviewDesignCoordinator, _d as Smartphone, _l as SelectValue, _t as useEditorUiStore, b as applyResolvedSelections, bl as Popover, c as selectionSnapshotFromApplySiteStyleSelectionResponse, cd as X$1, d as buildSiteChromeLookModels, dt as useUISelector, en as listEntryPageContentSlots, eu as DropdownMenuItem, f as cycleSiteChromeLookId, gl as SelectTrigger, h as planSiteChromeLookSelection, hl as SelectItem, j as openRow, ji as typographyPresets, k as markApplySaved, kd as LoaderCircle, ki as evaluateTypographyFontSlot, l as planSiteStylePreviewChange, m as planSiteChromeFooterLayoutSelection, md as Tablet, ml as SelectContent, mt as useEntryController, n as useSiteChromeCustomizeOptional, nu as DropdownMenuSeparator, p as cycleableSiteChromeOptions, pl as Select, qi as findPaletteVariant, qu as assertNever$1, ru as DropdownMenuTrigger, s as buildApplySiteStyleSelectionBody, tu as DropdownMenuLabel, u as resolveStyleConfiguratorInitialSnapshot, ut as ContentFieldsForm, vt as useEditorUiStoreInstance, w as deriveStyleConfiguratorCapabilities, wl as Tabs, x as applyTypographyDraftPatch, xl as PopoverContent, yu as Button, z as resetTypographyToSaved } from "./SiteChromeCustomizeContext-Bh9-DtMQ.mjs";
+import { A as markApplySaving, Al as TabsTrigger, Au as unsafeAsEditorBlockId, B as setPaletteOverrides, Bt as ManifestForm, C as createStyleConfiguratorState, Cl as Popover, D as isPreviewingChange, Di as curatedSiteStyles, Dl as Tabs, E as dismissWarnings, El as Input, F as previewHeaderStyle, Fi as findFooterLook, Gl as CollapsibleTrigger, Gt as createStoreBackend, H as syncStyleConfiguratorState, Ht as createManifestValidation, I as previewPaletteVariant, Ic as buttonPersonalities, Ii as getFooterLayout, L as previewSiteStyle, Lc as findButtonPersonality, Li as getHeaderLayout, M as previewButtonPersonality, Md as LoaderCircle, Mi as findTypographyPreset, Mt as deriveRouteMetadataPresentation, N as previewFooterLook, Ni as typographyPresets, Nt as resolvePageRouteSlug, O as markApplyFailed, Ol as TabsContent, P as previewHeaderLayout, Pi as requireEntriesForCuratedChoices, Pt as resolveContentTitle, Q as resolvePreviewSidebarTab, Qi as paletteOverridesSchema, R as previewTypographyPreset, Ri as getHeaderStyle, S as cancelPreview, Su as Button, T as dismissNotices, Tl as PopoverTrigger, Tu as cn, U as toggleRow, Ul as Collapsible, Ut as FormRenderer, V as styleConfiguratorHistoryEntryForPersistedSelection, W as typographySelectionSnapshotFromFlat, Wl as CollapsibleContent, Xi as findPaletteVariant, Xu as assertNever$1, Z as createOptimisticActionRunner, Zi as paletteVariants, _ as usePreviewDesignCoordinator, _d as Tablet, _l as SelectContent, _t as useEditorUiStore, au as DropdownMenuSeparator, b as applyResolvedSelections, bd as Smartphone, bl as SelectValue, c as selectionSnapshotFromApplySiteStyleSelectionResponse, d as buildSiteChromeLookModels, dd as X$1, dt as useUISelector, en as listEntryPageContentSlots, eu as Surface, f as cycleSiteChromeLookId, gl as Select, h as planSiteChromeLookSelection, iu as DropdownMenuLabel, j as openRow, jd as Maximize2, ji as evaluateTypographyFontSlot, k as markApplySaved, kd as Monitor, ki as getCuratedSiteStyle, kl as TabsList, l as planSiteStylePreviewChange, m as planSiteChromeFooterLayoutSelection, mt as useEntryController, n as useSiteChromeCustomizeOptional, nf as ChevronLeft, ns as assertNever$2, nu as DropdownMenuContent, ou as DropdownMenuTrigger, p as cycleableSiteChromeOptions, ru as DropdownMenuItem, s as buildApplySiteStyleSelectionBody, tf as ChevronRight, tu as DropdownMenu, u as resolveStyleConfiguratorInitialSnapshot, ut as ContentFieldsForm, vl as SelectItem, vt as useEditorUiStoreInstance, w as deriveStyleConfiguratorCapabilities, wl as PopoverContent, x as applyTypographyDraftPatch, yl as SelectTrigger, z as resetTypographyToSaved } from "./SiteChromeCustomizeContext-CO1sTK_W.mjs";
 import { d as unwrapResponse, f as getDashboardUrl, r as usePreviewAuth } from "./previewAuthStore-ByPPZqmp.mjs";
-import { S as isAdapterReferenceKind, T as CalloutDescription, _ as usePreviewBlockCustomizeSelectionOptional, b as previewWidgetOverrides, d as buildPreviewDashboardSetupUrl, f as resolvePreviewDashboardSetupHandoff, g as canInspectSiteStyle, h as canApplySiteStyle, m as resolvePreviewSidebarChromeModel, p as resolvePreviewEditorGuidanceModel, v as useBlockCustomizeControls, w as Callout, x as BlockEditor, y as PreviewFormProvider } from "./SdkPreviewModeRuntime-CA2k7Z_T.mjs";
-import { t as Separator } from "./separator-CRoP34pT.mjs";
+import { S as isAdapterReferenceKind, T as CalloutDescription, _ as usePreviewBlockCustomizeSelectionOptional, b as previewWidgetOverrides, d as buildPreviewDashboardSetupUrl, f as resolvePreviewDashboardSetupHandoff, g as canInspectSiteStyle, h as canApplySiteStyle, m as resolvePreviewSidebarChromeModel, p as resolvePreviewEditorGuidanceModel, v as useBlockCustomizeControls, w as Callout, x as BlockEditor, y as PreviewFormProvider } from "./SdkPreviewModeRuntime-5bCsXK2y.mjs";
+import { t as Separator } from "./separator-CM2C5Axs.mjs";
 import React, { forwardRef, useCallback, 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";
@@ -1562,12 +1562,13 @@ function formatBlockKindLabel(blockKind) {
 }
 //#endregion
 //#region ../preview-next/src/client/preview/PageBlockEditorPanel.tsx
-function PageBlockEditorPanel({ siteId, pageId, theme, apiClient, bearerToken, supabaseUrl, blockItems, uiStoreForBlockEditor, blockEditorRef, onBlocksChange, metadataPanel, linkedEntrySection, designPanel, sdkConfig, mediaAssets, bookingOfferingPresets, viewportMode, viewportWidth, zoom, onViewportModeChange, onViewportWidthChange, onZoomChange }) {
+function PageBlockEditorPanel({ siteId, pageId, theme, apiClient, bearerToken, supabaseUrl, blockItems, uiStoreForBlockEditor, blockEditorRef, onBlocksChange, metadataPanel, linkedEntrySection, designPanel, designOpenRequestId = null, sdkConfig, mediaAssets, bookingOfferingPresets, viewportMode, viewportWidth, zoom, onViewportModeChange, onViewportWidthChange, onZoomChange }) {
 	const customizeSelection = usePreviewBlockCustomizeSelectionOptional();
 	const [designOpen, setDesignOpen] = useState(false);
 	const [customizeOpen, setCustomizeOpen] = useState(false);
 	const [contentOpen, setContentOpen] = useState(true);
 	const [detailsOpen, setDetailsOpen] = useState(false);
+	const designSectionRef = useRef(null);
 	const customizeSectionRef = useRef(null);
 	const selectionKind = customizeSelection?.selection.kind;
 	const selectionRequestId = customizeSelection?.selection.kind === "selected" ? customizeSelection.selection.requestId : 0;
@@ -1594,6 +1595,14 @@ function PageBlockEditorPanel({ siteId, pageId, theme, apiClient, bearerToken, s
 			});
 		}
 	}, [selectionKind, selectionRequestId]);
+	useEffect(() => {
+		if (designOpenRequestId === null) return;
+		setDesignOpen(true);
+		designSectionRef.current?.scrollIntoView({
+			block: "start",
+			behavior: "smooth"
+		});
+	}, [designOpenRequestId]);
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex h-full min-h-0 flex-col overflow-hidden",
 		children: [/* @__PURE__ */ jsx("div", {
@@ -1627,6 +1636,7 @@ function PageBlockEditorPanel({ siteId, pageId, theme, apiClient, bearerToken, s
 						open: designOpen,
 						onOpenChange: setDesignOpen,
 						children: /* @__PURE__ */ jsxs("div", {
+							ref: designSectionRef,
 							className: "border-b",
 							children: [/* @__PURE__ */ jsx(CollapsibleTrigger, {
 								asChild: true,
@@ -2107,7 +2117,7 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 	const router = useRouter();
 	const previewDesign = usePreviewDesignCoordinator();
 	const siteChromeCustomize = useSiteChromeCustomizeOptional();
-	const setSiteStyleStagedPreviewActive = siteChromeCustomize?.siteStyleHistory.setStagedPreviewActive;
+	const setSiteStyleStagedPreviewActive = siteChromeCustomize?.siteStyleHistory?.setStagedPreviewActive;
 	const { applyFailed, applyStarted, applySucceeded, clearPreview, previewTheme } = previewDesign;
 	const [isRefreshPending, startRefreshTransition] = useTransition();
 	const baseSnapshot = useMemo(() => resolveStyleConfiguratorInitialSnapshot({
@@ -2194,7 +2204,7 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 		setState((current) => {
 			if (!current) return current;
 			appliedExpandedRowRequestIdRef.current = expandedRowRequest.id;
-			return openRow(current, expandedRowRequest.row === "header" ? "header-layout" : expandedRowRequest.row);
+			return openRow(current, expandedRowForPreviewDesignRow(expandedRowRequest.row));
 		});
 	}, [expandedRowRequest, hasLoadedState]);
 	const handlePreviewSiteStyle = useCallback((siteStyleId) => {
@@ -2380,7 +2390,7 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 				const persisted = selectionSnapshotFromApplySiteStyleSelectionResponse(saved, previewed);
 				const historyEntry = styleConfiguratorHistoryEntryForPersistedSelection(live, persisted);
 				setState((current) => current ? markApplySaved(current, persisted) : current);
-				if (historyEntry) siteChromeCustomize?.siteStyleHistory.recordAppliedSelection(historyEntry);
+				if (historyEntry) siteChromeCustomize?.siteStyleHistory?.recordAppliedSelection(historyEntry);
 				applySucceeded("style-configurator");
 				startRefreshTransition(() => {
 					router.refresh();
@@ -2443,6 +2453,7 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 	const currentHeaderStyle = getHeaderStyle(state.previewed.headerStyleId);
 	const currentFooterLayout = getFooterLayout(chromeLookModels.footerLayout.renderedLayoutId);
 	const currentFooterLook = state.previewed.footerLookId ? findFooterLook(state.previewed.footerLookId) : findFooterLook(chromeLookModels.footer.renderedLookId);
+	const headerSurfaceState = siteChromeCustomize?.getSurfaceState("header") ?? { kind: "unavailable" };
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-3",
 		children: [
@@ -2495,7 +2506,13 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 					if (next !== void 0) handlePreviewHeaderStyle(next);
 				},
 				onPreview: handlePreviewHeaderStyle,
-				disabled: saving
+				disabled: saving,
+				extraControls: isHeaderMenuSurfaceState(headerSurfaceState) ? /* @__PURE__ */ jsx(HeaderMenuControls, {
+					state: headerSurfaceState,
+					disabled: saving,
+					onMenuFontChange: siteChromeCustomize?.setHeaderMenuFont,
+					onMenuFontSizeChange: siteChromeCustomize?.setHeaderMenuFontSize
+				}) : null
 			}),
 			/* @__PURE__ */ jsx(SiteChromeLookRow, {
 				label: "Footer layout",
@@ -3293,7 +3310,7 @@ function SiteChromeLookRow({ label, ariaLabel, defaultDescription, catalog, opti
 }, ...(catalog ?? []).map((look) => ({
 	...look,
 	available: true
-}))], diagnostics, scopeDescription, expanded, onToggle, currentId, currentLabel, onCycle, onPreview, disabled }) {
+}))], diagnostics, scopeDescription, expanded, onToggle, currentId, currentLabel, onCycle, onPreview, disabled, extraControls }) {
 	return /* @__PURE__ */ jsxs(StyleRowFrame, {
 		label,
 		currentLabel,
@@ -3328,6 +3345,10 @@ function SiteChromeLookRow({ label, ariaLabel, defaultDescription, catalog, opti
 				className: "mb-3 list-none space-y-1 p-0 text-xs text-amber-700",
 				children: diagnostics.map((diagnostic) => /* @__PURE__ */ jsx("li", { children: diagnostic }, diagnostic))
 			}) : null,
+			extraControls ? /* @__PURE__ */ jsx("div", {
+				className: "mb-3",
+				children: extraControls
+			}) : null,
 			/* @__PURE__ */ jsx("ul", {
 				role: "radiogroup",
 				"aria-label": ariaLabel,
@@ -3343,6 +3364,40 @@ function SiteChromeLookRow({ label, ariaLabel, defaultDescription, catalog, opti
 		]
 	});
 }
+function isHeaderMenuSurfaceState(state) {
+	return state.kind === "available" && state.surface === "header" && Array.isArray(state.menuFontOptions) && Array.isArray(state.menuFontSizeOptions);
+}
+function HeaderMenuControls({ state, disabled, onMenuFontChange, onMenuFontSizeChange }) {
+	const controlDisabled = disabled || !state.applyAllowed;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "grid grid-cols-2 gap-2 rounded-md border bg-muted/20 p-2",
+		children: [/* @__PURE__ */ jsxs("label", {
+			className: "block text-xs font-medium text-muted-foreground",
+			children: [/* @__PURE__ */ jsx("span", { children: "Menu font" }), /* @__PURE__ */ jsx("select", {
+				className: "mt-1 h-8 w-full rounded-md border bg-background px-2 text-sm text-foreground disabled:cursor-not-allowed disabled:opacity-50",
+				value: state.menuFont,
+				onChange: (event) => onMenuFontChange?.(event.currentTarget.value),
+				disabled: controlDisabled,
+				children: state.menuFontOptions.map((option) => /* @__PURE__ */ jsx("option", {
+					value: option.value,
+					children: option.label
+				}, option.value))
+			})]
+		}), /* @__PURE__ */ jsxs("label", {
+			className: "block text-xs font-medium text-muted-foreground",
+			children: [/* @__PURE__ */ jsx("span", { children: "Menu font size" }), /* @__PURE__ */ jsx("select", {
+				className: "mt-1 h-8 w-full rounded-md border bg-background px-2 text-sm text-foreground disabled:cursor-not-allowed disabled:opacity-50",
+				value: state.menuFontSize,
+				onChange: (event) => onMenuFontSizeChange?.(event.currentTarget.value),
+				disabled: controlDisabled,
+				children: state.menuFontSizeOptions.map((option) => /* @__PURE__ */ jsx("option", {
+					value: option.value,
+					children: option.label
+				}, option.value))
+			})]
+		})]
+	});
+}
 function PaletteRow({ expanded, onToggle, siteStyle, currentId, currentLabel, currentSwatch, onPreview, disabled }) {
 	const options = useMemo(() => {
 		const recommended = requireEntriesForCuratedChoices(paletteVariants, siteStyle.paletteVariantChoices);
@@ -3461,6 +3516,16 @@ function classifyStyleApplyError(error) {
 		message: error instanceof Error ? error.message : "Unable to apply your selection."
 	};
 }
+function expandedRowForPreviewDesignRow(row) {
+	switch (row) {
+		case "header": return "header-layout";
+		case "header-layout":
+		case "header-style":
+		case "footer-layout":
+		case "footer": return row;
+		default: return assertNever$2(row, "Unhandled preview design row");
+	}
+}
 function isRecord(value) {
 	return typeof value === "object" && value !== null;
 }
@@ -3634,6 +3699,7 @@ function PreviewEditorSidebar({ surfaceId, siteId, dashboardBaseUrl = null, page
 		blockEditorRef,
 		onBlocksChange: handleBlocksChange,
 		metadataPanel: metadataSectionContent,
+		designOpenRequestId: designRowRequest?.id ?? null,
 		designPanel: canInspectSiteStyle(siteStyleAccess) ? /* @__PURE__ */ jsx(StyleConfigurator, {
 			siteId,
 			apiClient,

package/dist/{PreviewEditorUI-DIvTqcqI.mjs → PreviewEditorUI-DeNKtqk3.mjs}

@@ -1,7 +1,7 @@
 "use client";
-import { $l as DropdownMenuContent, Bd as Eye, Cd as Pencil, Fl as DialogContent, Hd as EllipsisVertical, Il as DialogDescription, Nl as Dialog, Ot as useMultiAutosave, Ql as DropdownMenu, Rl as DialogHeader, Su as cn, Td as Palette, _t as useEditorUiStore, a as previewDesignHistoryDomainForCommand, bu as cva, cl as Tooltip, dd as TriangleAlert, dl as TooltipTrigger, ef as ChevronDown, eu as DropdownMenuItem, gd as Sparkles, gt as classifyHistoryShortcut, ht as useEntryEditorController, i as usePreviewDesignHistoryOrder, kd as LoaderCircle, ll as TooltipContent, lt as useEditor, n as useSiteChromeCustomizeOptional, o as selectPreviewDesignHistoryDomain, ru as DropdownMenuTrigger, ud as Undo2, vt as useEditorUiStoreInstance, wd as PenLine, xd as Redo2, yu as Button, zl as DialogTitle } from "./SiteChromeCustomizeContext-Bh9-DtMQ.mjs";
+import { Cu as cva, Dd as PenLine, Ed as Pencil, Gd as EllipsisVertical, Hl as DialogTitle, Il as Dialog, Md as LoaderCircle, Od as Palette, Ot as useMultiAutosave, Rl as DialogContent, Su as Button, Tu as cn, Ud as Eye, Vl as DialogHeader, _t as useEditorUiStore, a as previewDesignHistoryDomainForCommand, dl as Tooltip, fl as TooltipContent, gt as classifyHistoryShortcut, ht as useEntryEditorController, i as usePreviewDesignHistoryOrder, lt as useEditor, md as TriangleAlert, ml as TooltipTrigger, n as useSiteChromeCustomizeOptional, nu as DropdownMenuContent, o as selectPreviewDesignHistoryDomain, ou as DropdownMenuTrigger, pd as Undo2, rf as ChevronDown, ru as DropdownMenuItem, tu as DropdownMenu, vt as useEditorUiStoreInstance, wd as Redo2, yd as Sparkles, zl as DialogDescription } from "./SiteChromeCustomizeContext-CO1sTK_W.mjs";
 import { d as unwrapResponse, r as usePreviewAuth } from "./previewAuthStore-ByPPZqmp.mjs";
-import { C as FixedBottomSurface, a as usePreviewPageDesignEditorState, c as applyPreviewChromeSurfaceToElement, l as resolvePreviewChromeSurface, o as PREVIEW_CHROME_PORTAL_CLASS_NAME, s as PREVIEW_CHROME_THEME_CLASS_NAME, u as setPreviewSidebarTab } from "./SdkPreviewModeRuntime-CA2k7Z_T.mjs";
+import { C as FixedBottomSurface, a as usePreviewPageDesignEditorState, c as applyPreviewChromeSurfaceToElement, l as resolvePreviewChromeSurface, o as PREVIEW_CHROME_PORTAL_CLASS_NAME, s as PREVIEW_CHROME_THEME_CLASS_NAME, u as setPreviewSidebarTab } from "./SdkPreviewModeRuntime-5bCsXK2y.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";