@riverbankcms/sdk 0.103.0 → 0.104.1

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

@@ -1,8 +1,8 @@
 "use client";
-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-5bCsXK2y.mjs";
-import { t as Separator } from "./separator-CM2C5Axs.mjs";
+import { $i as getFooterLayout, A as openRow, Ai as getCuratedSiteStyle, Al as Input, B as setPaletteColors, Bc as buttonPersonalities, Bt as ManifestForm, C as createStyleConfiguratorState, Cl as SelectTrigger, D as markApplyFailed, Dl as Popover, E as isPreviewingChange, Eu as Button, F as previewHeaderLayout, Fd as Maximize2, Gt as createStoreBackend, H as syncStyleConfiguratorState, Ht as createManifestValidation, I as previewHeaderStyle, Id as LoaderCircle, Ji as evaluateTypographyFontSlot, Jl as CollapsibleContent, L as previewSiteStyle, M as previewButtonPersonality, Ml as TabsContent, Mt as deriveRouteMetadataPresentation, N as previewCuratedPalette, Nd as Monitor, Nl as TabsList, Nt as resolvePageRouteSlug, O as markApplySaved, Oi as curatedSiteStyles, Ol as PopoverContent, P as previewFooterLook, Pl as TabsTrigger, Pt as resolveContentTitle, Pu as unsafeAsEditorBlockId, Q as resolvePreviewSidebarTab, Qi as findFooterLook, R as previewTypographyPreset, S as cancelPreview, Sl as SelectItem, T as dismissWarnings, U as toggleRow, Ut as FormRenderer, V as styleConfiguratorHistoryEntryForPersistedSelection, Vc as findButtonPersonality, W as typographySelectionSnapshotFromFlat, Xi as typographyPresets, Yi as findTypographyPreset, Yl as CollapsibleTrigger, Z as createOptimisticActionRunner, Zi as requireEntriesForCuratedChoices, _ as usePreviewDesignCoordinator, _a as paletteColorsSchema, _t as useEditorUiStore, au as DropdownMenu, b as applyResolvedSelections, bl as Select, c as selectionSnapshotFromApplySiteStyleSelectionResponse, cf as ChevronLeft, cu as DropdownMenuLabel, d as buildSiteChromeLookModels, dt as useUISelector, ea as getHeaderLayout, ed as assertNever$1, en as listEntryPageContentSlots, f as cycleSiteChromeLookId, ga as paletteColorsEqual, h as planSiteChromeLookSelection, ha as paletteColorEntries, hd as X$1, iu as Surface, j as paletteMutationCapability, jl as Tabs, k as markApplySaving, kl as PopoverTrigger, ku as cn, l as planSiteStylePreviewChange, lu as DropdownMenuSeparator, m as planSiteChromeFooterLayoutSelection, ma as findCuratedPalette, mt as useEntryController, n as useSiteChromeCustomizeOptional, ou as DropdownMenuContent, p as cycleableSiteChromeOptions, pa as curatedPalettes, ql as Collapsible, s as buildApplySiteStyleSelectionBody, sf as ChevronRight, su as DropdownMenuItem, ta as getHeaderStyle, u as resolveStyleConfiguratorInitialSnapshot, ut as ContentFieldsForm, uu as DropdownMenuTrigger, vt as useEditorUiStoreInstance, w as deriveStyleConfiguratorCapabilities, wd as Smartphone, wl as SelectValue, x as applyTypographyDraftPatch, xd as Tablet, xl as SelectContent, z as resetTypographyToSaved } from "./SiteChromeCustomizeContext-Bt8zb3qu.mjs";
+import { d as unwrapResponse, f as getDashboardUrl, r as usePreviewAuth } from "./previewAuthStore-CfquDtTh.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-Eks51NcN.mjs";
+import { t as Separator } from "./separator-Dd-JYok7.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";
@@ -1112,7 +1112,7 @@ function updateBlocksWithSavedContent(blocks, blockId, content) {
 function getErrorMessage(error) {
 	return error instanceof Error ? error.message : "Unable to load Page Content.";
 }
-function EntrySlotBlockEditorPanel({ siteId, typeKey, entryId, theme = null, apiClient, bearerToken, supabaseUrl, sdkConfig = null, mediaAssets, widgets }) {
+function EntrySlotBlockEditorPanel({ siteId, dashboardBaseUrl, typeKey, entryId, theme = null, apiClient, bearerToken, supabaseUrl, sdkConfig = null, mediaAssets, widgets }) {
 	const router = useRouter();
 	const queryClient = useQueryClient();
 	const uiStore = useEditorUiStoreInstance();
@@ -1218,6 +1218,7 @@ function EntrySlotBlockEditorPanel({ siteId, typeKey, entryId, theme = null, api
 		children: /* @__PURE__ */ jsx(BlockEditor, {
 			ref: handleBlockEditorRef,
 			siteId,
+			dashboardBaseUrl,
 			owner: {
 				kind: "entry-slot",
 				type: typeKey,
@@ -1276,7 +1277,7 @@ function EntrySlotBlockEditorPanel({ siteId, typeKey, entryId, theme = null, api
 }
 //#endregion
 //#region ../preview-next/src/client/preview/EntryEditorPanel.tsx
-function EntryEditorPanel({ siteId, entryData, contentTypeSchema, referenceContentTypeKeys, draftContent, currentTemplate, theme, apiClient, bearerToken, supabaseUrl, entrySubrouteContext, metadataPanel, linkedEntrySection, mediaAssets, widgets, sdkConfig, viewportMode, viewportWidth, zoom, onViewportModeChange, onViewportWidthChange, onZoomChange }) {
+function EntryEditorPanel({ siteId, dashboardBaseUrl, entryData, contentTypeSchema, referenceContentTypeKeys, draftContent, currentTemplate, theme, apiClient, bearerToken, supabaseUrl, entrySubrouteContext, metadataPanel, linkedEntrySection, mediaAssets, widgets, sdkConfig, viewportMode, viewportWidth, zoom, onViewportModeChange, onViewportWidthChange, onZoomChange }) {
 	const [contentOpen, setContentOpen] = useState(true);
 	const [pageContentOpen, setPageContentOpen] = useState(false);
 	const [templateOpen, setTemplateOpen] = useState(false);
@@ -1378,6 +1379,7 @@ function EntryEditorPanel({ siteId, entryData, contentTypeSchema, referenceConte
 								"data-testid": "entry-page-content-editor",
 								children: /* @__PURE__ */ jsx(EntrySlotBlockEditorPanel, {
 									siteId,
+									dashboardBaseUrl,
 									typeKey: entryData.type,
 									entryId: entryData.id,
 									theme,
@@ -1562,7 +1564,7 @@ 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, designOpenRequestId = null, sdkConfig, mediaAssets, bookingOfferingPresets, viewportMode, viewportWidth, zoom, onViewportModeChange, onViewportWidthChange, onZoomChange }) {
+function PageBlockEditorPanel({ siteId, pageId, dashboardBaseUrl, 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);
@@ -1698,6 +1700,7 @@ function PageBlockEditorPanel({ siteId, pageId, theme, apiClient, bearerToken, s
 								children: /* @__PURE__ */ jsx(BlockEditor, {
 									ref: blockEditorRef,
 									siteId,
+									dashboardBaseUrl,
 									owner: {
 										kind: "page",
 										pageId
@@ -1877,7 +1880,7 @@ const DEFAULT_SURFACE_ROLES = [
 *   - LiveThemeEditor's palette tab (via a thin context wrapper)
 *   - Style configurator's brand-colours row
 */
-function PaletteTokenEditor({ palette, onChange, hasInvalidValues = false, brandRoles = DEFAULT_BRAND_ROLES, feedbackRoles = DEFAULT_FEEDBACK_ROLES, surfaceRoles = DEFAULT_SURFACE_ROLES, showContrastChecks = true, className }) {
+function PaletteTokenEditor({ palette, onChange, hasInvalidValues = false, brandRoles = DEFAULT_BRAND_ROLES, feedbackRoles = DEFAULT_FEEDBACK_ROLES, surfaceRoles = DEFAULT_SURFACE_ROLES, showContrastChecks = true, disabled = false, className }) {
 	const paletteValues = useMemo(() => {
 		const map = /* @__PURE__ */ new Map();
 		for (const entry of palette) if (entry?.name) map.set(entry.name, normalizeHex(entry.hex));
@@ -1909,19 +1912,22 @@ function PaletteTokenEditor({ palette, onChange, hasInvalidValues = false, brand
 				title: "Brand & accents",
 				roles: brandRoles,
 				getColor,
-				onChange: handleRoleChange
+				onChange: handleRoleChange,
+				disabled
 			}),
 			/* @__PURE__ */ jsx(ColorRoleGroup, {
 				title: "Feedback",
 				roles: feedbackRoles,
 				getColor,
-				onChange: handleRoleChange
+				onChange: handleRoleChange,
+				disabled
 			}),
 			/* @__PURE__ */ jsx(ColorRoleGroup, {
 				title: "Surfaces & text",
 				roles: surfaceRoles,
 				getColor,
-				onChange: handleRoleChange
+				onChange: handleRoleChange,
+				disabled
 			}),
 			showContrastChecks ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Separator, {}), /* @__PURE__ */ jsxs("div", {
 				className: "grid gap-4 md:grid-cols-2",
@@ -1951,7 +1957,7 @@ function isPlausibleHexInput(value) {
 	const trimmed = value.trim();
 	return /^#?[0-9a-fA-F]{3}$/.test(trimmed) || /^#?[0-9a-fA-F]{6}$/.test(trimmed);
 }
-function ColorRoleGroup({ title, roles, getColor, onChange }) {
+function ColorRoleGroup({ title, roles, getColor, onChange, disabled }) {
 	if (roles.length === 0) return null;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-3",
@@ -1966,12 +1972,13 @@ function ColorRoleGroup({ title, roles, getColor, onChange }) {
 			children: roles.map((role) => /* @__PURE__ */ jsx(ColorRoleField, {
 				role,
 				value: getColor(role.key),
-				onChange
+				onChange,
+				disabled
 			}, role.key))
 		})]
 	});
 }
-function ColorRoleField({ role, value, onChange }) {
+function ColorRoleField({ role, value, onChange, disabled }) {
 	const inputId = useId();
 	const colorPickerLabel = `${role.label} colour picker`;
 	return /* @__PURE__ */ jsxs("div", {
@@ -1984,18 +1991,20 @@ function ColorRoleField({ role, value, onChange }) {
 			}),
 			/* @__PURE__ */ jsx(ColorPicker, {
 				value,
-				onChange: ((next) => {
+				onChange: (next) => {
 					if (typeof next === "string") onChange(role.key, next);
-				}),
+				},
 				className: "w-full",
-				"aria-label": colorPickerLabel
+				"aria-label": colorPickerLabel,
+				disabled
 			}),
 			/* @__PURE__ */ jsx(Input, {
 				id: inputId,
 				value,
 				onChange: (event) => onChange(role.key, event.target.value),
 				className: "font-mono text-xs uppercase",
-				placeholder: "#000000"
+				placeholder: "#000000",
+				disabled
 			})
 		]
 	});
@@ -2273,7 +2282,13 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 		});
 	}, [footerSelectionContext, headerSelectionContext]);
 	const handlePreviewPalette = useCallback((id) => {
-		setState((current) => current ? previewPaletteVariant(current, id) : current);
+		const curated = findCuratedPalette(id);
+		if (!curated) return;
+		setState((current) => current ? previewCuratedPalette(current, {
+			paletteId: curated.id,
+			colors: curated.colors,
+			mode: curated.mode
+		}) : current);
 	}, []);
 	const handlePreviewTypographyPreset = useCallback((id) => {
 		setState((current) => current ? previewTypographyPreset(current, id) : current);
@@ -2320,17 +2335,22 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 	const handleTokenOverride = useCallback((role, hex) => {
 		setState((current) => {
 			if (!current) return current;
-			const next = {
-				...current.previewed.paletteOverrides ?? {},
+			const palette = current.previewed.palette;
+			if (palette.kind === "invalid") return current;
+			if (!(role in palette.colors)) return current;
+			const nextColors = paletteColorsSchema.safeParse({
+				...palette.colors,
 				[role]: hex
-			};
-			const parsed = paletteOverridesSchema.safeParse(next);
-			if (!parsed.success) return current;
-			return setPaletteOverrides(current, parsed.data);
+			});
+			return nextColors.success ? setPaletteColors(current, nextColors.data) : current;
 		});
 	}, []);
 	const handleResetOverrides = useCallback(() => {
-		setState((current) => current ? setPaletteOverrides(current, null) : current);
+		setState((current) => {
+			if (!current || current.previewed.palette.kind !== "migrated-curated") return current;
+			const curated = findCuratedPalette(current.previewed.palette.paletteId);
+			return curated ? setPaletteColors(current, curated.colors) : current;
+		});
 	}, []);
 	const handleToggleRow = useCallback((row) => {
 		setState((current) => current ? toggleRow(current, row) : current);
@@ -2341,9 +2361,6 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 	const handleDismissWarnings = useCallback(() => {
 		setState((current) => current ? dismissWarnings(current) : current);
 	}, []);
-	const handleDismissNotices = useCallback(() => {
-		setState((current) => current ? dismissNotices(current) : current);
-	}, []);
 	const handleApply = useCallback(async () => {
 		const live = stateRef.current;
 		if (!live || !isPreviewingChange(live)) return;
@@ -2358,32 +2375,32 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 			headerSelectionContext,
 			footerSelectionContext
 		});
-		const body = buildApplySiteStyleSelectionBody({
-			base: live.base,
-			previewed: {
-				...previewed,
-				buttonPersonalityId: compiled.resolvedSelections.buttonPersonalityId,
-				paletteVariantId: compiled.resolvedSelections.paletteVariantId,
-				headerLayoutId: compiled.resolvedSelections.headerLayoutId,
-				headerStyleId: compiled.resolvedSelections.headerStyleId,
-				headerLookId: compiled.resolvedSelections.headerLookId,
-				typographySelection: compiled.resolvedSelections.typographySelection.kind === "custom" ? {
-					kind: "custom",
-					typography: compiled.themeOverlay.typography
-				} : typographySelectionSnapshotFromFlat(compiled.resolvedSelections)
-			},
-			selectionId
-		});
 		await runnerRef.current.run({
 			optimistic: () => {
 				applyStarted("style-configurator");
 				setState((current) => current ? markApplySaving(current) : current);
 			},
 			network: async () => {
+				const body = buildApplySiteStyleSelectionBody({
+					base: live.base,
+					previewed: {
+						...previewed,
+						buttonPersonalityId: compiled.resolvedSelections.buttonPersonalityId,
+						headerLayoutId: compiled.resolvedSelections.headerLayoutId,
+						headerStyleId: compiled.resolvedSelections.headerStyleId,
+						headerLookId: compiled.resolvedSelections.headerLookId,
+						typographySelection: compiled.resolvedSelections.typographySelection.kind === "custom" ? {
+							kind: "custom",
+							typography: compiled.themeOverlay.typography
+						} : typographySelectionSnapshotFromFlat(compiled.resolvedSelections)
+					},
+					selectionId
+				});
+				if (!body.ok) throw new Error(paletteApplyPlanErrorMessage(body.error));
 				return unwrapResponse(await apiClient({
 					endpoint: "applySiteStyleSelection",
 					params: { siteId },
-					body
+					body: body.body
 				}));
 			},
 			onSuccess: (saved) => {
@@ -2428,13 +2445,17 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 	const stagedCapabilities = deriveStyleConfiguratorCapabilities(state);
 	const previewingChange = isPreviewingChange(state);
 	const saving = stagedCapabilities.isApplyingStaged || isRefreshPending;
+	const aggregateMutationControlsDisabled = saving || !stagedCapabilities.canPreviewStaged;
 	const currentSiteStyle = getCuratedSiteStyle(state.previewed.siteStyleId);
 	if (!currentSiteStyle) return /* @__PURE__ */ jsx("p", {
 		className: "text-sm text-muted-foreground",
 		children: "This site uses a Site Style that cannot be configured here."
 	});
 	const currentPersonality = findButtonPersonality(state.previewed.buttonPersonalityId);
-	const currentPaletteVariant = findPaletteVariant(state.previewed.paletteVariantId);
+	const currentPalette = state.previewed.palette;
+	const paletteMutation = paletteMutationCapability(state);
+	const paletteControlsDisabled = saving || paletteMutation.kind !== "editable";
+	const currentCuratedPalette = currentPalette.kind === "migrated-curated" ? findCuratedPalette(currentPalette.paletteId) : null;
 	const currentTypographyPreset = state.previewed.typographySelection.kind === "preset" && state.previewed.typographySelection.presetId ? findTypographyPreset(state.previewed.typographySelection.presetId) : null;
 	const currentTypography = planSiteStylePreviewChange({
 		siteStyle: currentSiteStyle,
@@ -2461,16 +2482,12 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 				warnings: state.warnings,
 				onDismiss: handleDismissWarnings
 			}) : null,
-			state.notices.length > 0 ? /* @__PURE__ */ jsx(NoticeBanner, {
-				notices: state.notices,
-				onDismiss: handleDismissNotices
-			}) : null,
 			/* @__PURE__ */ jsx(SiteStyleRow, {
 				expanded: state.expandedRow === "style",
 				onToggle: () => handleToggleRow("style"),
 				current: currentSiteStyle,
 				onPreview: handlePreviewSiteStyle,
-				disabled: saving
+				disabled: aggregateMutationControlsDisabled
 			}),
 			/* @__PURE__ */ jsx(SiteChromeLookRow, {
 				label: "Header layout",
@@ -2488,7 +2505,7 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 					if (next !== void 0) handlePreviewHeaderLayout(next);
 				},
 				onPreview: handlePreviewHeaderLayout,
-				disabled: saving
+				disabled: aggregateMutationControlsDisabled
 			}),
 			/* @__PURE__ */ jsx(SiteChromeLookRow, {
 				label: "Header look",
@@ -2506,7 +2523,7 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 					if (next !== void 0) handlePreviewHeaderStyle(next);
 				},
 				onPreview: handlePreviewHeaderStyle,
-				disabled: saving,
+				disabled: aggregateMutationControlsDisabled,
 				extraControls: isHeaderMenuSurfaceState(headerSurfaceState) ? /* @__PURE__ */ jsx(HeaderMenuControls, {
 					state: headerSurfaceState,
 					disabled: saving,
@@ -2530,7 +2547,7 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 					if (next !== void 0) handlePreviewFooterLayout(next);
 				},
 				onPreview: handlePreviewFooterLayout,
-				disabled: saving
+				disabled: aggregateMutationControlsDisabled
 			}),
 			/* @__PURE__ */ jsx(SiteChromeLookRow, {
 				label: "Footer look",
@@ -2548,7 +2565,7 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 					if (next !== void 0) handlePreviewFooterLook(next);
 				},
 				onPreview: handlePreviewFooterLook,
-				disabled: saving
+				disabled: aggregateMutationControlsDisabled
 			}),
 			/* @__PURE__ */ jsx(PersonalityRow, {
 				expanded: state.expandedRow === "buttons",
@@ -2557,7 +2574,7 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 				currentId: state.previewed.buttonPersonalityId,
 				currentLabel: currentPersonality?.name ?? state.previewed.buttonPersonalityId,
 				onPreview: handlePreviewPersonality,
-				disabled: saving
+				disabled: aggregateMutationControlsDisabled
 			}),
 			/* @__PURE__ */ jsx(TypographyRow, {
 				expanded: state.expandedRow === "typography",
@@ -2572,26 +2589,28 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 				onBodyChange: handleBodyTypographyChange,
 				onScaleChange: handleTypographyScaleChange,
 				onReset: handleResetTypography,
-				disabled: saving
+				disabled: aggregateMutationControlsDisabled
 			}),
 			/* @__PURE__ */ jsx(PaletteRow, {
 				expanded: state.expandedRow === "palette",
 				onToggle: () => handleToggleRow("palette"),
 				siteStyle: currentSiteStyle,
-				currentId: state.previewed.paletteVariantId,
-				currentLabel: currentPaletteVariant?.name ?? state.previewed.paletteVariantId,
-				currentSwatch: currentPaletteVariant?.colors.find((c) => c.name === "primary")?.hex ?? null,
+				currentId: currentCuratedPalette?.id ?? null,
+				currentLabel: currentCuratedPalette?.name ?? (currentPalette.kind === "migrated-site" ? "Site palette" : "Custom palette"),
+				currentSwatch: currentCuratedPalette?.colors.primary ?? null,
 				onPreview: handlePreviewPalette,
-				disabled: saving
+				mutationCapability: paletteMutation,
+				disabled: paletteControlsDisabled
 			}),
-			currentPaletteVariant ? /* @__PURE__ */ jsx(ColoursRow, {
+			currentPalette.kind !== "invalid" ? /* @__PURE__ */ jsx(ColoursRow, {
 				expanded: state.expandedRow === "colours",
 				onToggle: () => handleToggleRow("colours"),
-				variant: currentPaletteVariant,
-				overrides: state.previewed.paletteOverrides,
+				palette: currentPalette.colors,
+				isCustom: !currentCuratedPalette || currentPalette.mode !== currentCuratedPalette.mode || !paletteColorsEqual(currentPalette.colors, currentCuratedPalette.colors),
 				onTokenChange: handleTokenOverride,
 				onReset: handleResetOverrides,
-				disabled: saving
+				disabled: paletteControlsDisabled,
+				mutationCapability: paletteMutation
 			}) : null,
 			previewingChange ? /* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-2 pt-2",
@@ -3398,51 +3417,53 @@ function HeaderMenuControls({ state, disabled, onMenuFontChange, onMenuFontSizeC
 		})]
 	});
 }
-function PaletteRow({ expanded, onToggle, siteStyle, currentId, currentLabel, currentSwatch, onPreview, disabled }) {
+function PaletteRow({ expanded, onToggle, siteStyle, currentId, currentLabel, currentSwatch, onPreview, mutationCapability, disabled }) {
 	const options = useMemo(() => {
-		const recommended = requireEntriesForCuratedChoices(paletteVariants, siteStyle.paletteVariantChoices);
+		const recommended = requireEntriesForCuratedChoices(curatedPalettes, siteStyle.paletteRecommendations);
 		if (recommended.some((variant) => variant.id === currentId)) return recommended;
-		const current = findPaletteVariant(currentId);
+		const current = currentId ? findCuratedPalette(currentId) : null;
 		return current ? [current, ...recommended] : recommended;
-	}, [currentId, siteStyle.paletteVariantChoices]);
+	}, [currentId, siteStyle.paletteRecommendations]);
 	return /* @__PURE__ */ jsxs(StyleRowFrame, {
 		label: "Palette",
 		currentLabel,
 		swatch: currentSwatch,
 		expanded,
 		onToggle,
-		children: [/* @__PURE__ */ jsx("p", {
-			className: "mb-3 text-xs text-muted-foreground",
-			children: "These palette bases are recommended for the current Site Style. Choose a base here, then edit exact colours in Palette colours."
-		}), /* @__PURE__ */ jsx("ul", {
-			role: "radiogroup",
-			"aria-label": "Palette",
-			className: "list-none space-y-1 p-0",
-			children: options.map((variant) => {
-				const primaryHex = variant.colors.find((c) => c.name === "primary")?.hex;
-				return /* @__PURE__ */ jsx(PickerOption, {
-					selected: variant.id === currentId,
-					label: variant.name,
-					description: variant.description,
-					swatch: primaryHex,
-					onSelect: () => onPreview(variant.id),
-					disabled
-				}, variant.id);
+		children: [
+			/* @__PURE__ */ jsx("p", {
+				className: "mb-3 text-xs text-muted-foreground",
+				children: "These palette bases are recommended for the current Site Style. Choose a base here, then edit exact colours in Palette colours."
+			}),
+			mutationCapability.kind === "blocked" && mutationCapability.reason === "invalid-palette" ? /* @__PURE__ */ jsx("div", {
+				role: "status",
+				className: "mb-3 flex items-center justify-between gap-3 rounded-md border border-muted px-3 py-2 text-xs text-muted-foreground",
+				children: /* @__PURE__ */ jsx("span", { children: mutationCapability.message })
+			}) : null,
+			/* @__PURE__ */ jsx("ul", {
+				role: "radiogroup",
+				"aria-label": "Palette",
+				className: "list-none space-y-1 p-0",
+				children: options.map((variant) => {
+					const primaryHex = variant.colors.primary;
+					return /* @__PURE__ */ jsx(PickerOption, {
+						selected: variant.id === currentId,
+						label: variant.name,
+						description: variant.description,
+						swatch: primaryHex,
+						onSelect: () => onPreview(variant.id),
+						disabled
+					}, variant.id);
+				})
 			})
-		})]
+		]
 	});
 }
-function ColoursRow({ expanded, onToggle, variant, overrides, onTokenChange, onReset, disabled }) {
-	const mergedPalette = useMemo(() => {
-		return variant.colors.map((color) => ({
-			name: color.name,
-			hex: overrides?.[color.name] ?? color.hex
-		}));
-	}, [variant, overrides]);
-	const overrideCount = overrides ? Object.keys(overrides).length : 0;
+function ColoursRow({ expanded, onToggle, palette, isCustom, onTokenChange, onReset, mutationCapability, disabled }) {
+	const mergedPalette = useMemo(() => paletteColorEntries(palette), [palette]);
 	return /* @__PURE__ */ jsx(StyleRowFrame, {
 		label: "Palette colours",
-		currentLabel: overrideCount > 0 ? `${overrideCount} colour${overrideCount === 1 ? "" : "s"} customised` : "Using selected palette",
+		currentLabel: isCustom ? "Custom palette colours" : "Using selected palette",
 		expanded,
 		onToggle,
 		children: /* @__PURE__ */ jsxs("div", {
@@ -3452,15 +3473,25 @@ function ColoursRow({ expanded, onToggle, variant, overrides, onTokenChange, onR
 					className: "text-xs text-muted-foreground",
 					children: "Customise the palette tokens used across the site, including backgrounds, surfaces, text and borders."
 				}),
-				/* @__PURE__ */ jsx(PaletteTokenEditor, {
-					palette: mergedPalette,
-					onChange: onTokenChange,
-					brandRoles: PALETTE_BRAND_ROLES,
-					feedbackRoles: PALETTE_FEEDBACK_ROLES,
-					surfaceRoles: PALETTE_SURFACE_ROLES,
-					showContrastChecks: false
+				mutationCapability.kind === "blocked" ? /* @__PURE__ */ jsx("div", {
+					role: "status",
+					className: "flex items-center justify-between gap-3 rounded-md border border-muted px-3 py-2 text-xs text-muted-foreground",
+					children: /* @__PURE__ */ jsx("span", { children: mutationCapability.message })
+				}) : null,
+				/* @__PURE__ */ jsx("fieldset", {
+					disabled,
+					className: "min-w-0 border-0 p-0",
+					children: /* @__PURE__ */ jsx(PaletteTokenEditor, {
+						palette: mergedPalette,
+						onChange: onTokenChange,
+						brandRoles: PALETTE_BRAND_ROLES,
+						feedbackRoles: PALETTE_FEEDBACK_ROLES,
+						surfaceRoles: PALETTE_SURFACE_ROLES,
+						showContrastChecks: false,
+						disabled
+					})
 				}),
-				overrideCount > 0 ? /* @__PURE__ */ jsx("div", {
+				isCustom ? /* @__PURE__ */ jsx("div", {
 					className: "flex justify-end",
 					children: /* @__PURE__ */ jsx(Button, {
 						type: "button",
@@ -3502,6 +3533,13 @@ function PickerOption({ selected, label, description, swatch, onSelect, disabled
 		})
 	});
 }
+function paletteApplyPlanErrorMessage(error) {
+	switch (error) {
+		case "invalid-palette-state": return "Palette details are unavailable. Refresh and try again.";
+		case "curated-palette-missing": return "This curated palette is no longer available. Refresh and try again.";
+		default: return assertNever$1(error);
+	}
+}
 function classifyStyleApplyError(error) {
 	if (isRecord(error)) {
 		const status = error.status;
@@ -3523,7 +3561,7 @@ function expandedRowForPreviewDesignRow(row) {
 		case "header-style":
 		case "footer-layout":
 		case "footer": return row;
-		default: return assertNever$2(row, "Unhandled preview design row");
+		default: return assertNever$1(row, "Unhandled preview design row");
 	}
 }
 function isRecord(value) {
@@ -3544,27 +3582,6 @@ function WarningNotice({ warnings, onDismiss }) {
 		})]
 	});
 }
-function NoticeBanner({ notices, onDismiss }) {
-	return /* @__PURE__ */ jsxs("div", {
-		role: "status",
-		className: "rounded-md border border-muted-foreground/20 bg-muted/40 px-3 py-2 text-xs",
-		children: [/* @__PURE__ */ jsx("ul", {
-			className: "space-y-1",
-			children: notices.map((notice, index) => /* @__PURE__ */ jsx("li", { children: describeNotice(notice) }, `${notice.kind}-${index}`))
-		}), /* @__PURE__ */ jsx("button", {
-			type: "button",
-			onClick: onDismiss,
-			className: "mt-2 underline",
-			children: "Dismiss"
-		})]
-	});
-}
-function describeNotice(notice) {
-	switch (notice.kind) {
-		case "palette-overrides-hidden": return "Custom colours are saved for the previous palette.";
-		case "palette-overrides-restored": return "Custom colours restored for this palette.";
-	}
-}
 function describeWarning(warning) {
 	switch (warning.kind) {
 		case "rejected-personality": return `Button style changed to ${warning.fellBackTo} because ${warning.requested} is not offered for this site style.`;
@@ -3575,7 +3592,7 @@ function describeWarning(warning) {
 }
 //#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, themeSelectionButtonPersonalityId = null, themeSelectionPaletteVariantId = null, themeSelectionPaletteOverrides = null, themeSelectionHeaderLayoutId = null, themeSelectionHeaderStyleId = null, themeSelectionTypographyPresetId = null, themeSelectionTypographyBodyFontOverride = null, themeSelectionTypographyHeadingFontOverride = null, themeSelectionHeaderLookId = null, themeSelectionFooterLookId = null, themeSelectionHeaderContext, themeSelectionFooterContext, designRowRequest = null, apiClient, bearerToken, supabaseUrl, entrySubrouteContext, assistantPanel, sdkConfig, mediaAssets, bookingOfferingPresets, siteStyleAccess = { kind: "hidden" }, activeTab, onTabChange, onClose, 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, themeSelectionButtonPersonalityId = null, runtimePaletteState = null, themeSelectionPaletteVariantId = null, themeSelectionPaletteOverrides = null, themeSelectionHeaderLayoutId = null, themeSelectionHeaderStyleId = null, themeSelectionTypographyPresetId = null, themeSelectionTypographyBodyFontOverride = null, themeSelectionTypographyHeadingFontOverride = null, themeSelectionHeaderLookId = null, themeSelectionFooterLookId = null, themeSelectionHeaderContext, themeSelectionFooterContext, designRowRequest = null, apiClient, bearerToken, supabaseUrl, entrySubrouteContext, assistantPanel, sdkConfig, mediaAssets, bookingOfferingPresets, siteStyleAccess = { kind: "hidden" }, activeTab, onTabChange, onClose, viewportMode, viewportWidth, zoom, onViewportModeChange, onViewportWidthChange, onZoomChange }) {
 	const controller = useEntryController();
 	const controllerBlocks = controller.blocks;
 	const uiStore = useEditorUiStoreInstance();
@@ -3666,6 +3683,7 @@ function PreviewEditorSidebar({ surfaceId, siteId, dashboardBaseUrl = null, page
 	});
 	const editorPanel = entryData ? /* @__PURE__ */ jsx(EntryEditorPanel, {
 		siteId,
+		dashboardBaseUrl,
 		entryData,
 		contentTypeSchema,
 		referenceContentTypeKeys,
@@ -3690,6 +3708,7 @@ function PreviewEditorSidebar({ surfaceId, siteId, dashboardBaseUrl = null, page
 	}) : pageId ? /* @__PURE__ */ jsx(PageBlockEditorPanel, {
 		siteId,
 		pageId,
+		dashboardBaseUrl,
 		theme,
 		apiClient,
 		bearerToken,
@@ -3712,6 +3731,7 @@ function PreviewEditorSidebar({ surfaceId, siteId, dashboardBaseUrl = null, page
 				selectionVersion: themeSelectionVersion,
 				selectionUpdatedAt: themeSelectionUpdatedAt,
 				buttonPersonalityId: themeSelectionButtonPersonalityId,
+				runtimePaletteState,
 				paletteVariantId: themeSelectionPaletteVariantId,
 				paletteOverrides: themeSelectionPaletteOverrides,
 				headerLayoutId: themeSelectionHeaderLayoutId,

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

@@ -1,7 +1,7 @@
 "use client";
-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-5bCsXK2y.mjs";
+import { Ad as Pencil, Bl as Dialog, Cd as Sparkles, Du as cva, Eu as Button, Gl as DialogHeader, Hl as DialogContent, Id as LoaderCircle, Jd as Eye, Kl as DialogTitle, Md as Palette, Od as Redo2, Ot as useMultiAutosave, Ul as DialogDescription, Xd as EllipsisVertical, _d as Undo2, _t as useEditorUiStore, a as previewDesignHistoryDomainForCommand, au as DropdownMenu, gl as TooltipContent, gt as classifyHistoryShortcut, hl as Tooltip, ht as useEntryEditorController, i as usePreviewDesignHistoryOrder, jd as PenLine, ku as cn, lf as ChevronDown, lt as useEditor, n as useSiteChromeCustomizeOptional, o as selectPreviewDesignHistoryDomain, ou as DropdownMenuContent, su as DropdownMenuItem, uu as DropdownMenuTrigger, vd as TriangleAlert, vl as TooltipTrigger, vt as useEditorUiStoreInstance } from "./SiteChromeCustomizeContext-Bt8zb3qu.mjs";
+import { d as unwrapResponse, r as usePreviewAuth } from "./previewAuthStore-CfquDtTh.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-Eks51NcN.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";

package/dist/{PreviewQueryProvider-ZF6TXq5Q.mjs → PreviewQueryProvider-CStABBUh.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { n as markPreviewAuthExpired, s as ApiRequestError } from "./previewAuthStore-ByPPZqmp.mjs";
+import { n as markPreviewAuthExpired, s as ApiRequestError } from "./previewAuthStore-CfquDtTh.mjs";
 import { createContext, useContext, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { MutationCache, QueryCache, QueryClient, QueryClientProvider } from "@tanstack/react-query";