@riverbankcms/sdk 0.148.0 → 0.149.0

package/README.md

@@ -2835,7 +2835,7 @@ import {
 
 ## Content Configuration (SDK Content Scaffolding)
 
-Define content type schema and SDK-managed configuration in code. File-based documents such as pages, entries, navigation, and settings live in `content/**` and sync with explicit `riverbankcms push` scopes; `push-config` syncs schema/config surfaces only.
+Define content type schema and SDK-managed configuration in code. File-based documents such as pages, entries, navigation, and settings live in `content/**` and sync with explicit `riverbankcms push` scopes; `push-config` syncs schema/config surfaces only. An existing page or slot block keeps its kind: to use a different kind, create a block with a new identifier and remove the old block.
 
 ### Quick Start
 

package/dist/{PreviewEditorSidebar-DvEPG3Z2.mjs → PreviewEditorSidebar-DBKln68M.mjs}

@@ -1,8 +1,8 @@
 "use client";
-import { $ as FooterComposerPanel, $i as VARIANT_ROLES, $o as valueStatus, $t as createStoreBackend, A as markApplySaving, Ai as curatedSiteStyles, An as listPageSurfaceContentSlots, B as setPaletteColors, Ba as CalloutDescription, Bn as resolvePageRouteSlug, C as cancelPreview, D as isPreviewingChange, Do as Maximize2, E as dismissWarnings, Eo as Monitor, F as previewFooterLook, Fa as SelectContent, Fn as routeLifecycleContext, Fo as ChevronDown, Ga as Input, Gi as curatedPalettes, H as syncStyleConfiguratorState, Ha as Popover, Hn as useEditorUiStore, I as previewHeaderLayout, Ia as SelectItem, Ii as resolveSdkFooterMode, Io as Check, Ja as TabsList, Ji as findButtonStyleRecipe, Jt as BlockEditor, Ka as Tabs, Ki as buttonStyleHoverPreferenceValue, L as previewHeaderStyle, La as SelectTrigger, Li as findFooterLook, Ln as isAdapterReferenceKind, Lo as Button, M as palettePreviewProjection, Mi as getCuratedSiteStyle, N as previewButtonStyle, No as ChevronRight, O as markApplyFailed, On as createManifestValidation, Oo as LoaderCircle, P as previewCuratedPalette, Pa as Select, Po as ChevronLeft, Q as resolvePreviewSidebarTab, Qi as buttonStyleSelectionKey, Qo as syncStateOf, Qt as FormRenderer, R as previewSiteStyle, Ra as SelectValue, Ri as getHeaderLayout, S as applyTypographyDraftPatch, T as deriveStyleConfiguratorCapabilities, U as toggleRow, Ua as PopoverContent, Un as useEditorUiStoreInstance, Uo as canWriteLinkedEntry, V as styleConfiguratorHistoryEntryForPersistedSelection, Va as SearchInput, Vn as resolveContentTitle, Vo as isEdited, Wa as PopoverTrigger, X as resolveStyleConfiguratorInitialSnapshot, Xi as updateButtonStyleHoverPreference, Ya as TabsTrigger, Yi as resolveButtonStyleSelection, Z as createOptimisticActionRunner, Zi as updateButtonStyleSelectionChoice, Zo as displayedValues, Zt as ManifestForm, _ as reportPreviewDesignError, _a as paletteColorEntries, _o as Tablet, ao as Surface, at as ContentFieldsForm, b as planSiteChromeSelection, bo as SlidersHorizontal, c as selectionSnapshotFromApplySiteStyleSelectionResponse, co as DropdownMenuItem, do as DropdownMenuTrigger, f as usePreviewDesignCoordinator, ft as useAutosaveStatus, g as PREVIEW_DESIGN_SAVE_ERROR_MESSAGE, io as CollapsibleTrigger, ir as toEditorBlockItem, j as openRow, jn as blocksKeys, jr as ThemedButtonSpecimen, k as markApplySaved, kn as listEntryPageContentSlots, l as deriveSiteStylePreviewUpdate, lo as DropdownMenuLabel, lt as useEntryController, n as useSiteChromeCustomizeOptional, no as Collapsible, oo as DropdownMenu, ot as useUISelector, po as X$1, qa as TabsContent, qi as buttonStyleSelectionParameterValue, ro as CollapsibleContent, s as buildApplySiteStyleSelectionBody, so as DropdownMenuContent, sr as ThemeScope, ts as assertNever$1, u as planConfiguratorPreview, uo as DropdownMenuSeparator, v as buildSiteChromeSelectionModels, va as paletteColorsSchema, vt as LinkedEntryLeaseBanner, w as createStyleConfiguratorState, x as applyResolvedSelections, y as cycleSiteChromeSelectionId, yo as Smartphone, z as resetTypographyToSaved, za as Callout, zi as getHeaderStyle, zn as deriveRouteMetadataPresentation, zo as cn } from "./SiteChromeCustomizeContext-CFJYh6vo.mjs";
-import { d as unwrapResponse, f as getDashboardUrl, r as usePreviewAuth } from "./previewAuthStore-BXXF3hhW.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-DJ6utQ_R.mjs";
-import { t as Separator } from "./separator-CuNhBAhS.mjs";
+import { $ as FooterComposerPanel, $i as VARIANT_ROLES, $o as syncStateOf, $t as createStoreBackend, A as markApplySaving, Ai as curatedSiteStyles, An as listPageSurfaceContentSlots, B as setPaletteColors, Ba as CalloutDescription, Bn as resolvePageRouteSlug, C as cancelPreview, D as isPreviewingChange, Do as Maximize2, E as dismissWarnings, Eo as Monitor, F as previewFooterLook, Fa as SelectContent, Fn as routeLifecycleContext, Fo as ChevronDown, Ga as Input, Gi as curatedPalettes, H as syncStyleConfiguratorState, Ha as Popover, Hn as useEditorUiStore, I as previewHeaderLayout, Ia as SelectItem, Ii as resolveSdkFooterMode, Io as Check, Ja as TabsList, Ji as findButtonStyleRecipe, Jt as BlockEditor, Ka as Tabs, Ki as buttonStyleHoverPreferenceValue, L as previewHeaderStyle, La as SelectTrigger, Li as findFooterLook, Ln as isAdapterReferenceKind, Lo as Button, M as palettePreviewProjection, Mi as getCuratedSiteStyle, N as previewButtonStyle, No as ChevronRight, O as markApplyFailed, On as createManifestValidation, Oo as LoaderCircle, P as previewCuratedPalette, Pa as Select, Po as ChevronLeft, Q as resolvePreviewSidebarTab, Qi as buttonStyleSelectionKey, Qo as displayedValues, Qt as FormRenderer, R as previewSiteStyle, Ra as SelectValue, Ri as getHeaderLayout, S as applyTypographyDraftPatch, T as deriveStyleConfiguratorCapabilities, U as toggleRow, Ua as PopoverContent, Un as useEditorUiStoreInstance, Uo as canWriteLinkedEntry, V as styleConfiguratorHistoryEntryForPersistedSelection, Va as SearchInput, Vn as resolveContentTitle, Vo as isEdited, Wa as PopoverTrigger, X as resolveStyleConfiguratorInitialSnapshot, Xi as updateButtonStyleHoverPreference, Ya as TabsTrigger, Yi as resolveButtonStyleSelection, Z as createOptimisticActionRunner, Zi as updateButtonStyleSelectionChoice, Zt as ManifestForm, _ as reportPreviewDesignError, _a as paletteColorEntries, _o as Tablet, ao as Surface, at as ContentFieldsForm, b as planSiteChromeSelection, bo as SlidersHorizontal, c as selectionSnapshotFromApplySiteStyleSelectionResponse, co as DropdownMenuItem, do as DropdownMenuTrigger, es as valueStatus, f as usePreviewDesignCoordinator, ft as useAutosaveStatus, g as PREVIEW_DESIGN_SAVE_ERROR_MESSAGE, io as CollapsibleTrigger, ir as toEditorBlockItem, j as openRow, jn as blocksKeys, jr as ThemedButtonSpecimen, k as markApplySaved, kn as listEntryPageContentSlots, l as deriveSiteStylePreviewUpdate, lo as DropdownMenuLabel, lt as useEntryController, n as useSiteChromeCustomizeOptional, no as Collapsible, ns as assertNever$1, oo as DropdownMenu, ot as useUISelector, po as X$1, qa as TabsContent, qi as buttonStyleSelectionParameterValue, ro as CollapsibleContent, s as buildApplySiteStyleSelectionBody, so as DropdownMenuContent, sr as ThemeScope, u as planConfiguratorPreview, uo as DropdownMenuSeparator, v as buildSiteChromeSelectionModels, va as paletteColorsSchema, vt as LinkedEntryLeaseBanner, w as createStyleConfiguratorState, x as applyResolvedSelections, y as cycleSiteChromeSelectionId, yo as Smartphone, z as resetTypographyToSaved, za as Callout, zi as getHeaderStyle, zn as deriveRouteMetadataPresentation, zo as cn } from "./SiteChromeCustomizeContext-JYA0cJ_Z.mjs";
+import { a as usePreviewAuth, m as getDashboardUrl, p as unwrapResponse } from "./previewAuthStore-BBmV7UsW.mjs";
+import { t as Separator } from "./separator-ByL72zUT.mjs";
+import { C as getSiteFontsStorageUrl, S as generateFontFaceCss, _ as useBlockCustomizeControls, b as previewWidgetOverrides, d as canInspectSiteStyle, f as buildPreviewDashboardSetupUrl, g as usePreviewSiteFontStorageUrl, h as resolvePreviewSidebarChromeModel, m as resolvePreviewEditorGuidanceModel, p as resolvePreviewDashboardSetupHandoff, v as usePreviewBlockCustomizeSelectionOptional, x as buildFontPreviewUrl, y as PreviewFormProvider } from "./SdkPreviewModeRuntime-DJPmPY-r.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";
@@ -347,6 +347,88 @@ var R, U = "undefined" != typeof window ? useLayoutEffect : useEffect, V = funct
 	return React.createElement(Q, u({}, r, { colorModel: W }));
 };
 //#endregion
+//#region ../ui/src/palette/hex.ts
+/**
+* Hex colour helpers shared by every palette-editing surface (Macadamia
+* onboarding swatches, the LiveThemeEditor, the Style configurator advanced
+* row). Consolidates three prior duplicates: `normalizeColorPickerValue` in
+* Macadamia, `normalizeHex` + `contrastRatio` formerly in
+* `theme-editor/utils.ts`, and the inline regex in `updateColorRole`.
+*
+* Pure functions; no DOM, no React.
+*/
+/**
+* Coerces user input into a canonical lowercase `#RRGGBB` form. Accepts
+* 3-digit shorthand, case-insensitive 6-digit hex, and the same forms with or
+* without a leading `#`; returns `fallback` for any other shape (empty
+* string, garbage, characters outside `[0-9a-f]`, wrong length, etc.). Pass
+* a `fallback` to make the fallback explicit at the call site — defaulting
+* to `'#000000'` preserves the former theme-editor helper semantics.
+*/
+function normalizeHex(input, fallback = "#000000") {
+	if (!input) return fallback;
+	const trimmed = input.trim().replace(/^#/, "").toLowerCase();
+	const expanded = trimmed.length === 3 ? trimmed.split("").map((char) => char + char).join("") : trimmed;
+	if (!/^[0-9a-f]{6}$/i.test(expanded)) return fallback;
+	return `#${expanded}`;
+}
+function hexToRgb(hex) {
+	const match = normalizeHex(hex).replace("#", "").match(/.{2}/g);
+	if (!match || match.length < 3) return null;
+	const [r, g, b] = match.map((value) => parseInt(value, 16));
+	return [
+		r,
+		g,
+		b
+	];
+}
+function luminanceChannel(raw) {
+	const channel = raw / 255;
+	return channel <= .03928 ? channel / 12.92 : Math.pow((channel + .055) / 1.055, 2.4);
+}
+/**
+* WCAG relative luminance + contrast ratio. Rounded to 2 decimal places so
+* the result is stable for UI display.
+*/
+function contrastRatio(hexA, hexB) {
+	const rgbA = hexToRgb(hexA);
+	const rgbB = hexToRgb(hexB);
+	if (!rgbA || !rgbB) return 1;
+	const lumA = .2126 * luminanceChannel(rgbA[0]) + .7152 * luminanceChannel(rgbA[1]) + .0722 * luminanceChannel(rgbA[2]);
+	const lumB = .2126 * luminanceChannel(rgbB[0]) + .7152 * luminanceChannel(rgbB[1]) + .0722 * luminanceChannel(rgbB[2]);
+	const brighter = Math.max(lumA, lumB);
+	const darker = Math.min(lumA, lumB);
+	return Number(((brighter + .05) / (darker + .05)).toFixed(2));
+}
+//#endregion
+//#region ../ui/src/palette/useHexDraft.ts
+/** Keeps incomplete text local while sending only complete colors to consumers. */
+function useHexDraft(value, onChange) {
+	const [draft, setDraft] = useState(value);
+	useEffect(() => {
+		setDraft(value);
+	}, [value]);
+	const changeDraft = (next) => {
+		setDraft(next);
+		if (/^#?[0-9a-fA-F]{6}$/.test(next.trim())) onChange(normalizeHex(next));
+	};
+	const finishDraft = () => {
+		if (/^#?[0-9a-fA-F]{3}$/.test(draft.trim())) {
+			const normalized = normalizeHex(draft);
+			setDraft(normalized);
+			onChange(normalized);
+			return;
+		}
+		if (!normalizeHex(draft, "")) setDraft(value);
+	};
+	return {
+		draft,
+		changeDraft,
+		finishDraft,
+		setDraft
+	};
+}
+//#endregion
 //#region ../ui/src/color-picker.tsx
 function useForwardedRef(ref) {
 	const innerRef = useRef(null);
@@ -363,6 +445,7 @@ const ColorPicker = forwardRef(({ disabled, value, onChange, onBlur, name, class
 	const parsedValue = useMemo(() => {
 		return value || "#FFFFFF";
 	}, [value]);
+	const { draft, changeDraft, finishDraft, setDraft } = useHexDraft(parsedValue, onChange);
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn("inline-block", props.style ? "" : ""),
 		children: [/* @__PURE__ */ jsxs(Popover, {
@@ -391,14 +474,17 @@ const ColorPicker = forwardRef(({ disabled, value, onChange, onBlur, name, class
 				className: "w-full",
 				children: [/* @__PURE__ */ jsx(Z, {
 					color: parsedValue,
-					onChange
+					onChange: (next) => {
+						setDraft(next);
+						onChange(next);
+					}
 				}), /* @__PURE__ */ jsx(Input, {
+					"aria-label": "Hex colour",
 					maxLength: 7,
-					onChange: (e) => {
-						onChange(e?.currentTarget?.value);
-					},
+					onChange: (event) => changeDraft(event.currentTarget.value),
+					onBlur: finishDraft,
 					ref,
-					value: parsedValue
+					value: draft
 				})]
 			})]
 		}), label ? /* @__PURE__ */ jsx("div", {
@@ -1940,60 +2026,6 @@ function PreviewEditorGuidanceCard({ guidance, completeSetupDisabled, onComplete
 	});
 }
 //#endregion
-//#region ../ui/src/palette/hex.ts
-/**
-* Hex colour helpers shared by every palette-editing surface (Macadamia
-* onboarding swatches, the LiveThemeEditor, the Style configurator advanced
-* row). Consolidates three prior duplicates: `normalizeColorPickerValue` in
-* Macadamia, `normalizeHex` + `contrastRatio` formerly in
-* `theme-editor/utils.ts`, and the inline regex in `updateColorRole`.
-*
-* Pure functions; no DOM, no React.
-*/
-/**
-* Coerces user input into a canonical lowercase `#RRGGBB` form. Accepts
-* 3-digit shorthand, case-insensitive 6-digit hex, and the same forms with or
-* without a leading `#`; returns `fallback` for any other shape (empty
-* string, garbage, characters outside `[0-9a-f]`, wrong length, etc.). Pass
-* a `fallback` to make the fallback explicit at the call site — defaulting
-* to `'#000000'` preserves the former theme-editor helper semantics.
-*/
-function normalizeHex(input, fallback = "#000000") {
-	if (!input) return fallback;
-	const trimmed = input.trim().replace(/^#/, "").toLowerCase();
-	const expanded = trimmed.length === 3 ? trimmed.split("").map((char) => char + char).join("") : trimmed;
-	if (!/^[0-9a-f]{6}$/i.test(expanded)) return fallback;
-	return `#${expanded}`;
-}
-function hexToRgb(hex) {
-	const match = normalizeHex(hex).replace("#", "").match(/.{2}/g);
-	if (!match || match.length < 3) return null;
-	const [r, g, b] = match.map((value) => parseInt(value, 16));
-	return [
-		r,
-		g,
-		b
-	];
-}
-function luminanceChannel(raw) {
-	const channel = raw / 255;
-	return channel <= .03928 ? channel / 12.92 : Math.pow((channel + .055) / 1.055, 2.4);
-}
-/**
-* WCAG relative luminance + contrast ratio. Rounded to 2 decimal places so
-* the result is stable for UI display.
-*/
-function contrastRatio(hexA, hexB) {
-	const rgbA = hexToRgb(hexA);
-	const rgbB = hexToRgb(hexB);
-	if (!rgbA || !rgbB) return 1;
-	const lumA = .2126 * luminanceChannel(rgbA[0]) + .7152 * luminanceChannel(rgbA[1]) + .0722 * luminanceChannel(rgbA[2]);
-	const lumB = .2126 * luminanceChannel(rgbB[0]) + .7152 * luminanceChannel(rgbB[1]) + .0722 * luminanceChannel(rgbB[2]);
-	const brighter = Math.max(lumA, lumB);
-	const darker = Math.min(lumA, lumB);
-	return Number(((brighter + .05) / (darker + .05)).toFixed(2));
-}
-//#endregion
 //#region ../ui/src/palette/PaletteTokenEditor.tsx
 const DEFAULT_BRAND_ROLES = [
 	{
@@ -2149,6 +2181,7 @@ function ColorRoleGroup({ title, roles, getColor, onChange, disabled }) {
 function ColorRoleField({ role, value, onChange, disabled }) {
 	const inputId = useId();
 	const colorPickerLabel = `${role.label} colour picker`;
+	const { draft, changeDraft, finishDraft, setDraft } = useHexDraft(value, (hex) => onChange(role.key, hex));
 	return /* @__PURE__ */ jsxs("div", {
 		className: "rounded-lg bg-muted p-3 space-y-2",
 		children: [
@@ -2160,7 +2193,10 @@ function ColorRoleField({ role, value, onChange, disabled }) {
 			/* @__PURE__ */ jsx(ColorPicker, {
 				value,
 				onChange: (next) => {
-					if (typeof next === "string") onChange(role.key, next);
+					if (typeof next === "string") {
+						setDraft(next);
+						onChange(role.key, next);
+					}
 				},
 				className: "w-full",
 				"aria-label": colorPickerLabel,
@@ -2168,8 +2204,9 @@ function ColorRoleField({ role, value, onChange, disabled }) {
 			}),
 			/* @__PURE__ */ jsx(Input, {
 				id: inputId,
-				value,
-				onChange: (event) => onChange(role.key, event.target.value),
+				value: draft,
+				onChange: (event) => changeDraft(event.target.value),
+				onBlur: finishDraft,
 				className: "font-mono text-xs uppercase",
 				placeholder: "#000000",
 				disabled

package/dist/{PreviewEditorUI-D6eb6fkx.mjs → PreviewEditorUI-DpRX4Mum.mjs}

@@ -1,7 +1,7 @@
 "use client";
-import { Co as Pencil, Fo as ChevronDown, Gn as canDiscardDraft, Gt as useEditor, Hn as useEditorUiStore, Lo as Button, Ma as TooltipContent, Mo as EllipsisVertical, Na as TooltipTrigger, Oo as LoaderCircle, Qa as DialogDescription, Ro as cva, So as Redo2, To as Palette, Un as useEditorUiStoreInstance, Xa as Dialog, Za as DialogContent, a as previewDesignHistoryDomainForCommand, co as DropdownMenuItem, do as DropdownMenuTrigger, dt as classifyHistoryShortcut, eo as DialogHeader, ft as useAutosaveStatus, go as TriangleAlert, ho as Undo2, i as usePreviewDesignHistoryOrder, ja as Tooltip, jo as Eye, n as useSiteChromeCustomizeOptional, o as selectPreviewDesignHistoryDomain, oo as DropdownMenu, so as DropdownMenuContent, to as DialogTitle, ut as useEntryEditorController, vo as Sparkles, wo as PenLine, xt as EditorWriteSurface, zo as cn } from "./SiteChromeCustomizeContext-CFJYh6vo.mjs";
-import { d as unwrapResponse, r as usePreviewAuth } from "./previewAuthStore-BXXF3hhW.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 } from "./SdkPreviewModeRuntime-DJ6utQ_R.mjs";
+import { Co as Pencil, Fo as ChevronDown, Gn as canDiscardDraft, Gt as useEditor, Hn as useEditorUiStore, Lo as Button, Ma as TooltipContent, Mo as EllipsisVertical, Na as TooltipTrigger, Oo as LoaderCircle, Qa as DialogDescription, Ro as cva, So as Redo2, To as Palette, Un as useEditorUiStoreInstance, Xa as Dialog, Za as DialogContent, a as previewDesignHistoryDomainForCommand, co as DropdownMenuItem, do as DropdownMenuTrigger, dt as classifyHistoryShortcut, eo as DialogHeader, ft as useAutosaveStatus, go as TriangleAlert, ho as Undo2, i as usePreviewDesignHistoryOrder, ja as Tooltip, jo as Eye, n as useSiteChromeCustomizeOptional, o as selectPreviewDesignHistoryDomain, oo as DropdownMenu, so as DropdownMenuContent, to as DialogTitle, ut as useEntryEditorController, vo as Sparkles, wo as PenLine, xt as EditorWriteSurface, zo as cn } from "./SiteChromeCustomizeContext-JYA0cJ_Z.mjs";
+import { a as usePreviewAuth, p as unwrapResponse } from "./previewAuthStore-BBmV7UsW.mjs";
+import { 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 PREVIEW_THEME_COOKIE_NAME, w as FixedBottomSurface } from "./SdkPreviewModeRuntime-DJPmPY-r.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";
@@ -473,9 +473,6 @@ function MaintenanceModeBadge({ dashboardBaseUrl, siteId }) {
 	});
 }
 //#endregion
-//#region ../preview-next/src/constants.ts
-const PREVIEW_THEME_COOKIE_NAME = "preview_theme_id";
-//#endregion
 //#region ../preview-next/src/client/preview/OnboardingThemeSwitcher.tsx
 function getDefaultThemeId(payload) {
 	return payload.currentThemeId ?? payload.themes[0]?.id ?? null;

package/dist/{PreviewQueryProvider-5znTyJuz.mjs → PreviewQueryProvider-C0mndwHB.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { n as markPreviewAuthExpired, s as ApiRequestError } from "./previewAuthStore-BXXF3hhW.mjs";
+import { c as wasPreviewApiAuthErrorHandled, r as markPreviewAuthExpired, u as ApiRequestError } from "./previewAuthStore-BBmV7UsW.mjs";
 import { createContext, useContext, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { MutationCache, QueryCache, QueryClient, QueryClientProvider } from "@tanstack/react-query";
@@ -33,10 +33,10 @@ function createPreviewQueryClient() {
 			refetchOnWindowFocus: false
 		} },
 		queryCache: new QueryCache({ onError: (error) => {
-			if (error instanceof ApiRequestError && error.status === 401) markPreviewAuthExpired("query");
+			if (error instanceof ApiRequestError && error.status === 401 && !wasPreviewApiAuthErrorHandled(error)) markPreviewAuthExpired("query");
 		} }),
 		mutationCache: new MutationCache({ onError: (error) => {
-			if (error instanceof ApiRequestError && error.status === 401) markPreviewAuthExpired("query");
+			if (error instanceof ApiRequestError && error.status === 401 && !wasPreviewApiAuthErrorHandled(error)) markPreviewAuthExpired("query");
 		} })
 	});
 }

package/dist/{SdkPreviewModeRuntime-DJ6utQ_R.mjs → SdkPreviewModeRuntime-DJPmPY-r.mjs}

@@ -1,40 +1,13 @@
 "use client";
-import { $a as DialogFooter, $n as canUndoHistory, $r as SECTION_BACKGROUND_MIN_SOURCE_WIDTH, $t as createStoreBackend, Aa as attachRenderableMediaAssetFields, Ao as GripVertical, Ar as parseGeneratedIconSetId, At as MailingListTargetingProvider, Bi as gradientToCss, Bo as baselineRevisionOf, Br as bookingConsentCarrierSchema, Bt as ReferenceWidgetProvider, Ca as makeBoundaryId, Ci as parseBackgroundContent, Cn as stripTopLevelRoutingUi, Cr as escapeStyleContent, Ct as createSiteOptionWidgetAdapters, Da as bodyCopyFragment, Di as planPageDesignLayoutLookCompatibility, Dn as createManifestFormAdapter, Dt as OfferingsPreviewWidgetProvider, Ea as ctaButton, Ei as formatSiteChromeBackgroundTokenLabel, En as isHeaderField, Er as getDefaultComponentRegistry, Et as OfferingsPreviewGroupOrderField, Fa as SelectContent, Fi as parseThemeForPersistence, Fr as RichText$1, Ft as ButtonVariantField, G as confirmAutosaveBatch, Go as buildMailingListSignupBlockSourceRef, Gr as resolvePageRouteTarget, Gt as useEditor, Hi as GRADIENT_PRESET_IDS, Hn as useEditorUiStore, Ho as recordsEqual, Hr as eventCalendarListLayoutCompatibleDisplayModeValues, Ht as RichTextField, Ia as SelectItem, Ii as resolveSdkFooterMode, In as BUILT_IN_REFERENCE_KINDS, Ir as getAtPath, It as ButtonWidgetProvider, J as idleEditorTransactionQueueState, Ja as TabsList, Jn as remoteDraftValues, Jo as parseMailingListPlacementTargeting, Jr as isRecord$11, K as deriveTransactionCapabilities, Ka as Tabs, Kn as activeLinkedSaveHandover, Ko as sameMailingListPlacementTargeting, Kr as resolveRouteTarget, Kt as LinkField, La as SelectTrigger, Lo as Button, Lr as siblingPath, Lt as FileField, Mn as getBlockManifestFromSdkConfig, Mr as renderInlineText, Mt as IconPickerField, Ni as surfaceResolutionContextFromTheme, Nn as createRoutingHelpers, No as ChevronRight, Nr as logger, Nt as EntryPickerField, Oa as defineFragment, Oi as resolvePageDesignEditorBoundaryForChoice, Or as parseBlockIconValue, Ot as MailingListTargetingField, Pa as Select, Pi as corners, Pn as createSnapshotFromPageRecord, Po as ChevronLeft, Pr as Text$1, Pt as EntryPickerWidgetProvider, Q as resolvePreviewSidebarTab, Qa as DialogDescription, Qn as canRedoHistory, Qr as setContextResolveImageUrlContext, Qt as FormRenderer, Ra as SelectValue, Rn as parseReferenceKind, Rr as defaultTransforms, Rt as MediaField, Sa as assertNever$1, Si as heroCopyFragment, Sn as prepareBlockEditorManifest, Sr as getResponsiveScopeSpec, St as createSiteOptionApiLoader, Ta as runTransforms, Ti as compileEditorModelRuntime, Tn as getFieldIntent, Tr as readBlockComposition, Tt as SiteOptionWidgetProvider, Ui as getGradientPreset, Un as useEditorUiStoreInstance, Ur as eventCalendarListLayoutOptions, Ut as RichTextWidgetProvider, Vi as GRADIENT_PRESETS, Vo as isEdited, Vr as isRichTextDoc, Vt as useRichTextImagePicker, W as beginAutosaveBatch, Wi as parseGradientPresetId, Wn as useOptionalEditorUiStoreInstance, Wo as canEditorWrite, Wr as resolveEntryRouteTarget, Wt as EditorProvider, Xa as Dialog, Xn as renderedFieldChanges, Xo as selectedContentVersionId, Xr as getCurrentResolveImageUrlContext, Xt as usePalette, Y as rejectAutosaveBatch, Ya as TabsTrigger, Yn as renderSourceFor, Yo as NO_BLOCK_VERSIONS, Yr as buildResolveImageUrlContext, Yt as PaletteProvider, Za as DialogContent, Zn as resolveRenderedValues, Zr as resolveImageUrlWithContext, _ as reportPreviewDesignError, _i as testimonialsCarouselFragment, _n as mapOptionValueForSelect, _r as resolveVariantKey, _t as VIEWING_PARTICIPATION, aa as boundaryTreatmentForBoundaryOptionId, ai as LINKED_CONTENT_ENTRY_META_KEY, an as deriveLaunchReadiness, ar as unsafeAsLinkedContentEntryId, as as parsePageId, ba as defaultThemeTokens, bi as heroCtaRowFragment, bn as useField, br as buildThemeRuntime, bt as EditLeaseModal, ca as sectionTransitionFamilyForBoundaryOptionId, ci as richTextFragment, cn as useMediaEditorOptional, cr as containerResponsiveThemeCss, cs as __exportAll, ct as EntryControllerProvider, d as PreviewDesignCoordinatorProvider, da as pageDesignEditorBackgroundOverrideOwner, di as faqAccordionFragment, dn as ImageResolveContextProvider, dr as getBlockDefinition, ea as autoDesignChoice, ei as planSiteChromePlacement, en as MediaEditor, eo as DialogHeader, er as createHistoryState, es as unsafeAsEditorBlockId, et as renderSiteChromeBlock, fa as stripStaleTransitionStyleGroup, fi as faqHeadingFragment, fn as BlockApiProvider, fr as projectRecurringSchedule, g as PREVIEW_DESIGN_SAVE_ERROR_MESSAGE, ga as textColorStyle, gi as formCopyFragment, gn as mapCurrentValueForSelect, gr as visibleHeaderClearancePx, gt as useRetentionTicks, h as PREVIEW_DESIGN_LOAD_ERROR_MESSAGE, ha as parseBackgroundAppearanceColorToken, hi as formEmbedFragment, hn as hasEmptyOption, hr as planSiteOverlayHeaderClearance, ht as createPageSurfaceEditorServices, i as usePreviewDesignHistoryOrder, ia as sectionFactsForContent, ii as plainTextToInlineText, in as DEFAULT_LAUNCH_READINESS_INPUT, ir as toEditorBlockItem, is as parseMediaAssetId, it as PREVIEW_EDITABLE_OUTLINE, ji as designRuntimeRulesForTheme, jn as blocksKeys, jt as InlineTextField, ka as bindingSchema, ki as componentRuntimeRulesForTheme, ko as Image, kr as parseGeneratedIconAssetId, kt as loadMailingListAuthoringContext, la as sectionTransitionVariantForBoundaryOptionId, li as headingFragment, ln as useApiMediaUploader, lr as createCustomBlockRegistry, m as usePreviewThemeOverlay, ma as backgroundAppearanceQuickColorTokenNames, mi as singleButtonFragment, mn as useSdkConfig, mo as Upload, mr as SITE_OVERLAY_HEADER_CLEARANCE_CSS_VAR, mt as createEditorApiClientFactory, n as useSiteChromeCustomizeOptional, na as boundaryLayout, ni as inlineTextToPlainText, nn as getPageDesignEditorState, nr as redoHistory, ns as expectParsedBrandedId, nt as PreviewInlineTextEditor, oa as defaultSectionTransitionVariantForFamily, oi as coerceLinkedContentEntriesPayload, on as AMBIENT_BACKGROUND_ROLES, or as isSupportedLoaderEndpoint, os as parsePageSurfaceId, ot as useUISelector, p as PreviewThemeOverlayProvider, pa as backgroundAppearanceColorTokenNames, pi as blogFeaturedPostFragment, pn as SdkConfigProvider, po as X, pr as SITE_CHROME_VISIBLE_HEADER_SELECTOR, pt as useDebouncedLatestSave, q as enqueueTransaction, qa as TabsContent, qn as planLinkedSaveHandoverRetention, qo as parseFooterModuleId, qr as isObjectRecord, qt as LinkWidgetProvider, r as PreviewDesignHistoryOrderProvider, ra as composeBoundary, ri as isInlineTextEmpty, rn as decodePublicProductCategorySelectorQuery, rr as undoHistory, rs as parseContentEntryId, rt as PreviewTextEditor, sa as sectionTransitionFamilies, si as getLinkedContentEntryMeta, sn as MediaEditorContextProvider, sr as ThemeScope, ss as parseSiteId, st as EditableBlockProvider, t as SiteChromeCustomizeProvider, ta as userPinnedDesignChoice, ti as coerceInlineTextWithFallback, tn as applyPageDesignEditorAction, to as DialogTitle, tr as pushHistoryEntry, ts as assertNever$2, tt as PreviewRichTextEditor, ua as isThemeV2NormalEditorRawStyleFieldName, ui as cardFragment, un as clientComponentRegistry, ur as makeDefaultBlockComponent, ut as useEntryEditorController, va as paletteColorsSchema, vi as testimonialsHeadingFragment, vn as unmapValueFromSelect, vr as compileManifestContentContract, wa as ORDINARY_TEXT_MIN_CONTRAST_RATIO, wi as applyCompiledRuntimeFieldsToContent, wn as evaluateVisibility, wr as mergeContentWithBlockStyleOverrides, wt as SiteOptionPickerField, xa as asDesignBlockId, xi as ctaRowFragment, xn as hideThemeV2RawStyleFields, xo as RotateCcw, xr as DEFAULT_THEME_RESPONSIVE_MODE, xt as EditorWriteSurface, ya as paletteModeSchema, yi as ctaCopyFragment, yn as FieldFrame, yr as validateManifestDraft, yt as EditLeaseDiscardedNotice, zo as cn, zr as calendarWindowQuerySchema, zt as ReferenceField } from "./SiteChromeCustomizeContext-CFJYh6vo.mjs";
-import { i as useOptionalPreviewLayout, t as PreviewQueryProvider } from "./PreviewQueryProvider-5znTyJuz.mjs";
-import { _ as API_ENDPOINTS, a as usePreviewToken, c as createBearerAPIClient, d as unwrapResponse, g as resolveSurfaceDocumentAttributes, h as SURFACE_IDS, i as usePreviewAuthFetch, m as SURFACE_DOCUMENT_DATA_ATTRIBUTE, n as markPreviewAuthExpired, o as isPreviewRuntimeSessionEditable, r as usePreviewAuth, s as ApiRequestError, t as initPreviewAuth } from "./previewAuthStore-BXXF3hhW.mjs";
+import { $a as DialogFooter, $n as canUndoHistory, $r as SECTION_BACKGROUND_MIN_SOURCE_WIDTH, $t as createStoreBackend, Aa as attachRenderableMediaAssetFields, Ao as GripVertical, Ar as parseGeneratedIconSetId, At as MailingListTargetingProvider, Bi as gradientToCss, Bo as baselineRevisionOf, Br as bookingConsentCarrierSchema, Bt as ReferenceWidgetProvider, Ca as makeBoundaryId, Ci as parseBackgroundContent, Cn as stripTopLevelRoutingUi, Cr as escapeStyleContent, Ct as createSiteOptionWidgetAdapters, Da as bodyCopyFragment, Di as planPageDesignLayoutLookCompatibility, Dn as createManifestFormAdapter, Dt as OfferingsPreviewWidgetProvider, Ea as ctaButton, Ei as formatSiteChromeBackgroundTokenLabel, En as isHeaderField, Er as getDefaultComponentRegistry, Et as OfferingsPreviewGroupOrderField, Fa as SelectContent, Fi as parseThemeForPersistence, Fr as RichText$1, Ft as ButtonVariantField, G as confirmAutosaveBatch, Go as buildMailingListSignupBlockSourceRef, Gr as resolvePageRouteTarget, Gt as useEditor, Hi as GRADIENT_PRESET_IDS, Hn as useEditorUiStore, Ho as recordsEqual, Hr as eventCalendarListLayoutCompatibleDisplayModeValues, Ht as RichTextField, Ia as SelectItem, Ii as resolveSdkFooterMode, In as BUILT_IN_REFERENCE_KINDS, Ir as getAtPath, It as ButtonWidgetProvider, J as idleEditorTransactionQueueState, Ja as TabsList, Jn as remoteDraftValues, Jo as parseMailingListPlacementTargeting, Jr as isRecord$11, K as deriveTransactionCapabilities, Ka as Tabs, Kn as activeLinkedSaveHandover, Ko as sameMailingListPlacementTargeting, Kr as resolveRouteTarget, Kt as LinkField, La as SelectTrigger, Lo as Button, Lr as siblingPath, Lt as FileField, Mn as getBlockManifestFromSdkConfig, Mr as renderInlineText, Mt as IconPickerField, Ni as surfaceResolutionContextFromTheme, Nn as createRoutingHelpers, No as ChevronRight, Nr as logger, Nt as EntryPickerField, Oa as defineFragment, Oi as resolvePageDesignEditorBoundaryForChoice, Or as parseBlockIconValue, Ot as MailingListTargetingField, Pa as Select, Pi as corners, Pn as createSnapshotFromPageRecord, Po as ChevronLeft, Pr as Text$1, Pt as EntryPickerWidgetProvider, Q as resolvePreviewSidebarTab, Qa as DialogDescription, Qn as canRedoHistory, Qr as setContextResolveImageUrlContext, Qt as FormRenderer, Ra as SelectValue, Rn as parseReferenceKind, Rr as defaultTransforms, Rt as MediaField, Sa as assertNever$1, Si as heroCopyFragment, Sn as prepareBlockEditorManifest, Sr as getResponsiveScopeSpec, St as createSiteOptionApiLoader, Ta as runTransforms, Ti as compileEditorModelRuntime, Tn as getFieldIntent, Tr as readBlockComposition, Tt as SiteOptionWidgetProvider, Ui as getGradientPreset, Un as useEditorUiStoreInstance, Ur as eventCalendarListLayoutOptions, Ut as RichTextWidgetProvider, Vi as GRADIENT_PRESETS, Vo as isEdited, Vr as isRichTextDoc, Vt as useRichTextImagePicker, W as beginAutosaveBatch, Wi as parseGradientPresetId, Wn as useOptionalEditorUiStoreInstance, Wo as canEditorWrite, Wr as resolveEntryRouteTarget, Wt as EditorProvider, Xa as Dialog, Xn as renderedFieldChanges, Xo as selectedContentVersionId, Xr as getCurrentResolveImageUrlContext, Xt as usePalette, Y as rejectAutosaveBatch, Ya as TabsTrigger, Yn as renderSourceFor, Yo as NO_BLOCK_VERSIONS, Yr as buildResolveImageUrlContext, Yt as PaletteProvider, Za as DialogContent, Zn as resolveRenderedValues, Zo as parseEditLeaseScope, Zr as resolveImageUrlWithContext, _ as reportPreviewDesignError, _i as testimonialsCarouselFragment, _n as mapOptionValueForSelect, _r as resolveVariantKey, _t as VIEWING_PARTICIPATION, aa as boundaryTreatmentForBoundaryOptionId, ai as LINKED_CONTENT_ENTRY_META_KEY, an as deriveLaunchReadiness, ar as unsafeAsLinkedContentEntryId, as as parseSiteId, ba as defaultThemeTokens, bi as heroCtaRowFragment, bn as useField, br as buildThemeRuntime, bt as EditLeaseModal, ca as sectionTransitionFamilyForBoundaryOptionId, ci as richTextFragment, cn as useMediaEditorOptional, cr as containerResponsiveThemeCss, ct as EntryControllerProvider, d as PreviewDesignCoordinatorProvider, da as pageDesignEditorBackgroundOverrideOwner, di as faqAccordionFragment, dn as ImageResolveContextProvider, dr as getBlockDefinition, ea as autoDesignChoice, ei as planSiteChromePlacement, en as MediaEditor, eo as DialogHeader, er as createHistoryState, et as renderSiteChromeBlock, fa as stripStaleTransitionStyleGroup, fi as faqHeadingFragment, fn as BlockApiProvider, fr as projectRecurringSchedule, g as PREVIEW_DESIGN_SAVE_ERROR_MESSAGE, ga as textColorStyle, gi as formCopyFragment, gn as mapCurrentValueForSelect, gr as visibleHeaderClearancePx, gt as useRetentionTicks, h as PREVIEW_DESIGN_LOAD_ERROR_MESSAGE, ha as parseBackgroundAppearanceColorToken, hi as formEmbedFragment, hn as hasEmptyOption, hr as planSiteOverlayHeaderClearance, ht as createPageSurfaceEditorServices, i as usePreviewDesignHistoryOrder, ia as sectionFactsForContent, ii as plainTextToInlineText, in as DEFAULT_LAUNCH_READINESS_INPUT, ir as toEditorBlockItem, is as parseMediaAssetId, it as PREVIEW_EDITABLE_OUTLINE, ji as designRuntimeRulesForTheme, jn as blocksKeys, jt as InlineTextField, ka as bindingSchema, ki as componentRuntimeRulesForTheme, ko as Image, kr as parseGeneratedIconAssetId, kt as loadMailingListAuthoringContext, la as sectionTransitionVariantForBoundaryOptionId, li as headingFragment, ln as useApiMediaUploader, lr as createCustomBlockRegistry, m as usePreviewThemeOverlay, ma as backgroundAppearanceQuickColorTokenNames, mi as singleButtonFragment, mn as useSdkConfig, mo as Upload, mr as SITE_OVERLAY_HEADER_CLEARANCE_CSS_VAR, mt as createEditorApiClientFactory, n as useSiteChromeCustomizeOptional, na as boundaryLayout, ni as inlineTextToPlainText, nn as getPageDesignEditorState, nr as redoHistory, ns as assertNever$2, nt as PreviewInlineTextEditor, oa as defaultSectionTransitionVariantForFamily, oi as coerceLinkedContentEntriesPayload, on as AMBIENT_BACKGROUND_ROLES, or as isSupportedLoaderEndpoint, os as __exportAll, ot as useUISelector, p as PreviewThemeOverlayProvider, pa as backgroundAppearanceColorTokenNames, pi as blogFeaturedPostFragment, pn as SdkConfigProvider, po as X, pr as SITE_CHROME_VISIBLE_HEADER_SELECTOR, pt as useDebouncedLatestSave, q as enqueueTransaction, qa as TabsContent, qn as planLinkedSaveHandoverRetention, qo as parseFooterModuleId, qr as isObjectRecord, qt as LinkWidgetProvider, r as PreviewDesignHistoryOrderProvider, ra as composeBoundary, ri as isInlineTextEmpty, rn as decodePublicProductCategorySelectorQuery, rr as undoHistory, rs as expectParsedBrandedId, rt as PreviewTextEditor, sa as sectionTransitionFamilies, si as getLinkedContentEntryMeta, sn as MediaEditorContextProvider, sr as ThemeScope, st as EditableBlockProvider, t as SiteChromeCustomizeProvider, ta as userPinnedDesignChoice, ti as coerceInlineTextWithFallback, tn as applyPageDesignEditorAction, to as DialogTitle, tr as pushHistoryEntry, ts as unsafeAsEditorBlockId, tt as PreviewRichTextEditor, ua as isThemeV2NormalEditorRawStyleFieldName, ui as cardFragment, un as clientComponentRegistry, ur as makeDefaultBlockComponent, ut as useEntryEditorController, va as paletteColorsSchema, vi as testimonialsHeadingFragment, vn as unmapValueFromSelect, vr as compileManifestContentContract, wa as ORDINARY_TEXT_MIN_CONTRAST_RATIO, wi as applyCompiledRuntimeFieldsToContent, wn as evaluateVisibility, wr as mergeContentWithBlockStyleOverrides, wt as SiteOptionPickerField, xa as asDesignBlockId, xi as ctaRowFragment, xn as hideThemeV2RawStyleFields, xo as RotateCcw, xr as DEFAULT_THEME_RESPONSIVE_MODE, xt as EditorWriteSurface, ya as paletteModeSchema, yi as ctaCopyFragment, yn as FieldFrame, yr as validateManifestDraft, yt as EditLeaseDiscardedNotice, zo as cn, zr as calendarWindowQuerySchema, zt as ReferenceField } from "./SiteChromeCustomizeContext-JYA0cJ_Z.mjs";
+import { i as useOptionalPreviewLayout, t as PreviewQueryProvider } from "./PreviewQueryProvider-C0mndwHB.mjs";
+import { _ as SURFACE_IDS, a as usePreviewAuth, g as SURFACE_DOCUMENT_DATA_ATTRIBUTE, i as setPreviewAccessToken, l as isPreviewRuntimeSessionEditable, n as initPreviewAuth, o as usePreviewAuthFetch, p as unwrapResponse, r as markPreviewAuthExpired, s as usePreviewToken, t as createGuardedPreviewApiClient, u as ApiRequestError, v as resolveSurfaceDocumentAttributes, y as API_ENDPOINTS } from "./previewAuthStore-BBmV7UsW.mjs";
 import * as React$1 from "react";
 import React, { Children, Fragment, cloneElement, createContext, isValidElement, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useQueryClient } from "@tanstack/react-query";
 import { z } from "zod";
 import { createPortal } from "react-dom";
-//#region ../core/src/edit-lease.ts
-function parseEditLeaseScope(input) {
-	switch (input.nodeType) {
-		case "page": {
-			const id = parsePageId(input.nodeId);
-			return id.ok ? {
-				nodeType: "page",
-				nodeId: id.value
-			} : null;
-		}
-		case "content_entry": {
-			const id = parseContentEntryId(input.nodeId);
-			return id.ok ? {
-				nodeType: "content_entry",
-				nodeId: id.value
-			} : null;
-		}
-		case "page_surface": {
-			const id = parsePageSurfaceId(input.nodeId);
-			return id.ok ? {
-				nodeType: "page_surface",
-				nodeId: id.value
-			} : null;
-		}
-	}
-}
-//#endregion
 //#region ../ui/src/fixed-bottom-surface.tsx
 const SURFACE_CLASS_BY_VARIANT = {
 	light: "z-40 border-t border-border bg-editor-chrome-surface text-foreground",
@@ -5192,6 +5165,11 @@ function canInspectSiteStyle(access) {
 	return access.kind === "apply-allowed";
 }
 //#endregion
+//#region ../preview-next/src/constants.ts
+const PREVIEW_THEME_COOKIE_NAME = "preview_theme_id";
+const PREVIEW_KEEP_ALIVE_INTERVAL_MS = 600 * 1e3;
+const PREVIEW_KEEP_ALIVE_JITTER_RATIO = .1;
+//#endregion
 //#region ../preview-next/src/client/preview/previewChromeSurface.ts
 const PREVIEW_CHROME_THEME_CLASS_NAME = "builder-dashboard-chrome-theme";
 const PREVIEW_CHROME_PORTAL_CLASS_NAME = "builder-editor-chrome";
@@ -7068,7 +7046,7 @@ function blockIdForRuntimePatch(action) {
 function PreviewAuthInit({ children, session, siteId, siteSlug, pageId, token }) {
 	const lastInitRef = useRef(null);
 	const sessionKey = session ? session.kind === "userSession" ? `${session.kind}:${session.canEdit}:${session.canManage}:${session.expiresAt ?? "no-expiry"}` : `${session.kind}:${session.expiresAt ?? "no-expiry"}` : "none";
-	const currentKey = `${siteId}:${pageId ?? "no-page"}:${sessionKey}:${token ? "has-token" : "no-token"}`;
+	const currentKey = `${siteId}:${pageId ?? "no-page"}:${sessionKey}:${token ?? "no-token"}`;
 	if (lastInitRef.current !== currentKey) {
 		initPreviewAuth({
 			session,
@@ -7356,13 +7334,13 @@ function toEditorInitialBlock(block, index) {
 		orderIndex: typeof block.orderIndex === "number" ? block.orderIndex : index
 	};
 }
-function previewLiveDraftsConfig(liveDrafts, siteId, scope) {
-	if (!liveDrafts) return null;
+function previewLiveDraftsConfig(liveDrafts, previewToken, siteId, scope) {
+	if (!liveDrafts || !previewToken) return null;
 	return {
 		client: liveDrafts.client,
 		auth: {
 			kind: "token",
-			accessToken: liveDrafts.previewToken
+			accessToken: previewToken
 		},
 		siteId,
 		scope,
@@ -7451,6 +7429,7 @@ function previewValues(entryData, pageMetadata) {
 }
 function PreviewEntryControllerProvider({ children, siteId, pageId, pageNodeType = "page", routeId: providedRouteId, entryData, contentTypeSchema, initialStatus = "draft", initialBlocks, blockFieldExtensions, pageMetadata, apiClient, subscribeToLeaseChanges, onLeaseGranted, liveDrafts }) {
 	const { isEditingMode, requestedEditingMode } = useEditor();
+	const previewToken = usePreviewToken();
 	const schema = contentTypeSchema ?? PAGE_CONTENT_TYPE_SCHEMA;
 	const initialEntry = useMemo(() => initialPreviewEntry(entryData, pageMetadata, pageId, schema), [
 		entryData,
@@ -7495,7 +7474,7 @@ function PreviewEntryControllerProvider({ children, siteId, pageId, pageNodeType
 		initialBlocks: pageNodeType === "page_surface" ? void 0 : normalizedInitialBlocks,
 		blockFieldExtensions,
 		historyShortcutsEnabled: isEditingMode,
-		liveDrafts: previewLiveDraftsConfig(liveDrafts, siteId, leaseScope)
+		liveDrafts: previewLiveDraftsConfig(liveDrafts, previewToken, siteId, leaseScope)
 	};
 	if (pageNodeType === "page_surface" && pageId && pageMetadata) {
 		if (values.kind !== "content") throw new Error("Preview draft is missing its editor revision");
@@ -7585,33 +7564,54 @@ function requiredPreviewLeaseScope(input) {
 }
 //#endregion
 //#region ../preview-next/src/client/preview/usePreviewKeepAlive.ts
-const DEFAULT_INTERVAL_MS = 600 * 1e3;
 function withJitter(baseMs) {
-	const jitter = .1 * baseMs;
+	const jitter = PREVIEW_KEEP_ALIVE_JITTER_RATIO * baseMs;
 	const delta = (Math.random() * 2 - 1) * jitter;
 	return Math.max(15e3, Math.round(baseMs + delta));
 }
-function usePreviewKeepAlive({ enabled, fetcher, onExpired, intervalMs = DEFAULT_INTERVAL_MS }) {
+async function readCurrentAccessToken(response) {
+	const payload = await response.json();
+	if (typeof payload !== "object" || payload === null || !("accessToken" in payload) || typeof payload.accessToken !== "string" || !payload.accessToken) throw new Error("Preview keep-alive returned no access token");
+	return payload.accessToken;
+}
+function usePreviewKeepAlive({ enabled, fetcher, onExpired, intervalMs = PREVIEW_KEEP_ALIVE_INTERVAL_MS }) {
 	useEffect(() => {
 		if (!enabled) return void 0;
-		let isActive = true;
+		const requestState = {
+			active: true,
+			pending: false
+		};
 		async function keepAlive() {
+			if (requestState.pending) return;
+			requestState.pending = true;
 			try {
 				const response = await fetcher("/api/preview/keep-alive", { method: "POST" }, "keep-alive");
-				if (response.status === 401 && isActive) {
+				if (response.status === 401 && requestState.active) {
 					onExpired("keep-alive");
 					return;
 				}
-				if (!response.ok && isActive) console.warn("Preview keep-alive failed", await response.text());
+				if (!response.ok && requestState.active) {
+					console.warn("Preview keep-alive failed", await response.text());
+					return;
+				}
+				const currentToken = await readCurrentAccessToken(response);
+				if (requestState.active) setPreviewAccessToken(currentToken);
 			} catch (error) {
-				if (isActive) console.warn("Preview keep-alive error", error);
+				if (requestState.active) console.warn("Preview keep-alive error", error);
+			} finally {
+				requestState.pending = false;
 			}
 		}
+		function checkWhenVisible() {
+			if (document.visibilityState === "visible") keepAlive();
+		}
 		keepAlive();
 		const id = window.setInterval(keepAlive, withJitter(intervalMs));
+		document.addEventListener("visibilitychange", checkWhenVisible);
 		return () => {
-			isActive = false;
+			requestState.active = false;
 			window.clearInterval(id);
+			document.removeEventListener("visibilitychange", checkWhenVisible);
 		};
 	}, [
 		enabled,
@@ -9842,10 +9842,10 @@ function resolveShellThemeRoles(props) {
 }
 const previewContainerResponsiveEnabled = process.env.NEXT_PUBLIC_ENABLE_PREVIEW_CONTAINER_RESPONSIVE !== "false";
 const PreviewEditorSidebar = React.lazy(async () => {
-	return { default: (await import("./PreviewEditorSidebar-DvEPG3Z2.mjs")).PreviewEditorSidebar };
+	return { default: (await import("./PreviewEditorSidebar-DBKln68M.mjs")).PreviewEditorSidebar };
 });
 const PreviewEditorUI = React.lazy(async () => {
-	return { default: (await import("./PreviewEditorUI-D6eb6fkx.mjs")).PreviewEditorUI };
+	return { default: (await import("./PreviewEditorUI-DpRX4Mum.mjs")).PreviewEditorUI };
 });
 const previewPaneContainmentStyle = {
 	contain: "layout paint",
@@ -10180,7 +10180,7 @@ function resolveShellLayoutProps(input) {
 		draftContent: props.draftContent,
 		currentTemplate: props.currentTemplate,
 		apiClient: input.apiClient,
-		bearerToken: props.previewToken,
+		bearerToken: input.bearerToken,
 		themeId: props.themeId ?? null,
 		themeSelectionId: props.themeSelectionId ?? null,
 		themeSelectionVersion: props.themeSelectionVersion ?? null,
@@ -10224,6 +10224,7 @@ function wrapPreviewSiteFontStorage(children, siteFontStorageUrl) {
 }
 function PreviewEditorBody({ props, designEditorEnabled, siteStyleAccess }) {
 	const { apiClient } = useEntryEditorController();
+	const bearerToken = usePreviewToken();
 	return /* @__PURE__ */ jsx(PreviewDesignHistoryOrderProvider, { children: /* @__PURE__ */ jsx(PreviewPageDesignEditorStateProvider, {
 		apiClient,
 		siteId: props.siteId,
@@ -10232,20 +10233,41 @@ function PreviewEditorBody({ props, designEditorEnabled, siteStyleAccess }) {
 		children: /* @__PURE__ */ jsxs(MediaEditorProvider, {
 			siteId: props.siteId,
 			apiClient,
-			bearerToken: props.previewToken,
+			bearerToken,
 			supabaseUrl: props.supabaseUrl,
 			mediaAssets: props.mediaAssets,
 			children: [/* @__PURE__ */ jsx(PreviewKeepAliveClient, { baseFetch: props.baseFetch }), wrapPreviewSiteFontStorage(renderShellLayout({
 				props,
 				apiClient,
-				siteStyleAccess
+				siteStyleAccess,
+				bearerToken
 			}), props.siteFontStorageUrl)]
 		})
 	}) });
 }
+function PreviewBlockApiProvider({ config, children }) {
+	const token = usePreviewToken();
+	return /* @__PURE__ */ jsx(BlockApiProvider, {
+		config: useMemo(() => {
+			if (!config || !token) return config;
+			return {
+				...config,
+				auth: config.auth.type === "bearer" ? {
+					...config.auth,
+					token
+				} : config.auth,
+				readAuthority: config.readAuthority?.kind === "preview" ? {
+					...config.readAuthority,
+					token
+				} : config.readAuthority
+			};
+		}, [config, token]),
+		children
+	});
+}
 function PreviewShell(props) {
 	const { apiBaseUrl, blockApiConfig, siteId, siteSlug, editableId, previewSession, previewToken, pageId, routeId, entryData, contentTypeSchema, initialStatus, initialBlocks, pageMetadata, designEditorEligibility, hideSiteStyleConfigurator = false } = props;
-	const apiClient = useMemo(() => createBearerAPIClient(previewToken, apiBaseUrl), [previewToken, apiBaseUrl]);
+	const apiClient = useMemo(() => createGuardedPreviewApiClient(apiBaseUrl), [apiBaseUrl]);
 	const { designEditorEnabled, siteStyleAccess } = resolveShellAccess({
 		previewSession,
 		designEditorEligibility,
@@ -10253,14 +10275,14 @@ function PreviewShell(props) {
 		entryData,
 		hideSiteStyleConfigurator
 	});
-	return /* @__PURE__ */ jsx(BlockApiProvider, {
-		config: blockApiConfig,
-		children: /* @__PURE__ */ jsx(PreviewQueryProvider, { children: /* @__PURE__ */ jsx(PreviewAuthInit, {
-			session: previewSession,
-			token: previewToken,
-			siteId,
-			siteSlug,
-			pageId: editableId,
+	return /* @__PURE__ */ jsx(PreviewQueryProvider, { children: /* @__PURE__ */ jsx(PreviewAuthInit, {
+		session: previewSession,
+		token: previewToken,
+		siteId,
+		siteSlug,
+		pageId: editableId,
+		children: /* @__PURE__ */ jsx(PreviewBlockApiProvider, {
+			config: blockApiConfig,
 			children: /* @__PURE__ */ jsx(EditorProvider, {
 				initialEditingMode: false,
 				initialEditingAllowed: false,
@@ -10278,10 +10300,7 @@ function PreviewShell(props) {
 					apiClient,
 					subscribeToLeaseChanges: props.subscribeToLeaseChanges,
 					onLeaseGranted: props.onLeaseGranted,
-					liveDrafts: props.liveDrafts ? {
-						...props.liveDrafts,
-						previewToken
-					} : void 0,
+					liveDrafts: props.liveDrafts ?? void 0,
 					children: [/* @__PURE__ */ jsx(PreviewLeaseEditingMode, {}), /* @__PURE__ */ jsx(PreviewEditorBody, {
 						props,
 						designEditorEnabled,
@@ -10289,8 +10308,8 @@ function PreviewShell(props) {
 					})]
 				})
 			})
-		}) })
-	});
+		})
+	}) });
 }
 function defaultDesignEditorEligibility(input) {
 	if (input.entryData) return { kind: "content-entry" };
@@ -12902,6 +12921,16 @@ function resolveContentStorageUrl(content) {
 //#endregion
 //#region ../preview-next/src/client/sdk/SdkPreviewModeRuntime.tsx
 var SdkPreviewModeRuntime_exports = /* @__PURE__ */ __exportAll({ SdkPreviewModeRuntime: () => SdkPreviewModeRuntime });
+function SdkEditablePageRenderer(props) {
+	const previewToken = usePreviewToken();
+	return /* @__PURE__ */ jsx(EditablePageRenderer, {
+		...props,
+		dataContext: {
+			...props.dataContext,
+			previewToken
+		}
+	});
+}
 function isSdkCustomBlockArray(value) {
 	return Array.isArray(value);
 }
@@ -12956,7 +12985,7 @@ function SdkPreviewModeRuntime(props) {
 		previewToken,
 		siteId
 	]);
-	const editablePage = model.rendering.kind === "overrides-only" ? /* @__PURE__ */ jsx(EditablePageRenderer, {
+	const editablePage = model.rendering.kind === "overrides-only" ? /* @__PURE__ */ jsx(SdkEditablePageRenderer, {
 		rendering: { kind: "overrides-only" },
 		page,
 		dataContext,
@@ -12964,7 +12993,7 @@ function SdkPreviewModeRuntime(props) {
 		blockOverrides: typedBlockOverrides ?? {},
 		sdkConfig: sdkConfig ?? void 0,
 		customBlocks: customBlocks ?? void 0
-	}) : /* @__PURE__ */ jsx(EditablePageRenderer, {
+	}) : /* @__PURE__ */ jsx(SdkEditablePageRenderer, {
 		theme: requireSdkPreviewTheme(model.theme),
 		page,
 		dataContext,
@@ -13033,7 +13062,6 @@ function resolveSdkPreviewRuntimeModel(props) {
 			siteId,
 			apiBaseUrl,
 			portalToken: null,
-			previewToken: props.previewToken,
 			resolvedData: content.resolvedData,
 			routes: routeMap,
 			pagesByIdentifier: content.pagesByIdentifier ?? void 0,
@@ -13079,4 +13107,4 @@ function deriveDashboardBaseUrlFromApiBaseUrl(apiBaseUrl) {
 	}
 }
 //#endregion
-export { FixedBottomSurface as C, getSiteFontsStorageUrl as S, usePreviewBlockCustomizeSelectionOptional as _, usePreviewPageDesignEditorState as a, buildFontPreviewUrl as b, applyPreviewChromeSurfaceToElement as c, buildPreviewDashboardSetupUrl as d, resolvePreviewDashboardSetupHandoff as f, useBlockCustomizeControls as g, usePreviewSiteFontStorageUrl as h, PreviewShellLayout as i, resolvePreviewChromeSurface as l, resolvePreviewSidebarChromeModel as m, SdkPreviewModeRuntime_exports as n, PREVIEW_CHROME_PORTAL_CLASS_NAME as o, resolvePreviewEditorGuidanceModel as p, PreviewShell as r, PREVIEW_CHROME_THEME_CLASS_NAME as s, SdkPreviewModeRuntime as t, canInspectSiteStyle as u, PreviewFormProvider as v, generateFontFaceCss as x, previewWidgetOverrides as y };
+export { getSiteFontsStorageUrl as C, generateFontFaceCss as S, useBlockCustomizeControls as _, usePreviewPageDesignEditorState as a, previewWidgetOverrides as b, applyPreviewChromeSurfaceToElement as c, canInspectSiteStyle as d, buildPreviewDashboardSetupUrl as f, usePreviewSiteFontStorageUrl as g, resolvePreviewSidebarChromeModel as h, PreviewShellLayout as i, resolvePreviewChromeSurface as l, resolvePreviewEditorGuidanceModel as m, SdkPreviewModeRuntime_exports as n, PREVIEW_CHROME_PORTAL_CLASS_NAME as o, resolvePreviewDashboardSetupHandoff as p, PreviewShell as r, PREVIEW_CHROME_THEME_CLASS_NAME as s, SdkPreviewModeRuntime as t, PREVIEW_THEME_COOKIE_NAME as u, usePreviewBlockCustomizeSelectionOptional as v, FixedBottomSurface as w, buildFontPreviewUrl as x, PreviewFormProvider as y };