@riverbankcms/sdk 0.125.0 → 0.127.0

package/README.md

@@ -3195,7 +3195,9 @@ npx riverbankcms push-config --dashboard <url>
 
 Pages, content entries, navigation menus, and canonical events are content documents. Sync them with `riverbankcms push pages`, `riverbankcms push entries`, `riverbankcms push navigation`, or `riverbankcms push events`.
 
-Canonical event files in `content/events/*.json` may include `path` and `blocks`. `path` updates the linked event content entry route. `blocks` writes per-event entry-slot content, such as `blocks.main` for the built-in event template. Use stable block identifiers so repeat pushes update existing slot blocks; `push events` rejects duplicate event identifiers before writing. Default entry slots accept enabled SDK `custom.*` blocks, while explicit template `allowedBlocks` lists remain authoritative.
+Canonical event files in `content/events/*.json` include `preset`, `bookingScope`, and an explicit `occurrences` list. Each occurrence carries UTC `startsAt`/`endsAt` instants and its IANA `timeZone`; this supports one-off events and whole-series schedules without reconstructing dates from a recurrence summary. Files may also include `path` and `blocks`. `path` updates the linked event content entry route. `blocks` writes per-event entry-slot content, such as `blocks.main` for the built-in event template. Use stable block identifiers so repeat pushes update existing slot blocks; `push events` rejects duplicate event identifiers before writing. Default entry slots accept enabled SDK `custom.*` blocks, while explicit template `allowedBlocks` lists remain authoritative.
+
+The retired `schedule` object is not accepted. When upgrading a site with local event edits: preserve those edits, deploy the matching CMS API first, upgrade the SDK, run `riverbankcms pull events`, then reapply the edits to the canonical files. Existing occurrence schedules may be replayed exactly; changing an already-created schedule remains an explicit CMS capability gap.
 
 **Options:**
 

package/dist/{PreviewEditorSidebar-BezDOtQ7.mjs → PreviewEditorSidebar-BXtfF7tp.mjs}

@@ -1,8 +1,8 @@
 "use client";
-import { $i as buildPaletteLibraryReadModel, $s as SearchInput, A as deriveStyleConfiguratorCapabilities, B as previewButtonStyle, Bt as BlockEditor, Cc as DropdownMenuContent, D as committedPaletteForSnapshot, Dc as DropdownMenuTrigger, Dl as Smartphone, E as cancelPreview, Ec as DropdownMenuSeparator, F as markApplySaving, Fc as Button, Fl as Monitor, G as previewSitePalette, H as previewFooterLook, I as openRow, J as resetTypographyToSaved, Js as SelectItem, K as previewSiteStyle, Kl as ChevronRight, Ks as Select, Kt as useEditorUiStore, L as paletteMutationCapability, Ll as Maximize2, M as isPreviewingChange, N as markApplyFailed, Ni as findFooterLook, O as createPalette, Ol as SlidersHorizontal, On as listEntryPageContentSlots, P as markApplySaved, Pn as ThemeScope, Q as toggleRow, Qi as findCuratedPalette, Qs as CalloutDescription, R as palettePreviewProjection, Rc as cn, Rl as LoaderCircle, Sc as DropdownMenu, T as applyTypographyDraftPatch, Tc as DropdownMenuLabel, U as previewHeaderLayout, Ui as getHeaderLayout, V as previewCuratedPalette, Vc as unsafeAsEditorBlockId, W as previewHeaderStyle, Wi as getHeaderStyle, X as styleConfiguratorHistoryEntryForPersistedSelection, Xs as SelectValue, Y as setPaletteColors, Yl as Check, Ys as SelectTrigger, Z as syncStyleConfiguratorState, Zi as curatedPalettes, Zs as Callout, _ as planSiteChromeLookSelection, ac as TabsContent, at as createOptimisticActionRunner, c as selectionSnapshotFromApplySiteStyleSelectionResponse, cl as assertNever$1, cn as isAdapterReferenceKind, d as PREVIEW_DESIGN_REFRESH_ERROR_MESSAGE, dn as resolvePageRouteSlug, ds as resolveButtonStyleSelection, dt as ContentFieldsForm, ea as paletteColorEntries, ec as Popover, f as PREVIEW_DESIGN_SAVE_ERROR_MESSAGE, fn as resolveContentTitle, fs as updateButtonStyleSelectionChoice, ft as useUISelector, g as cycleableSiteChromeOptions, gc as CollapsibleTrigger, gn as ManifestForm, gs as themeButtonClassName, h as cycleSiteChromeLookId, hc as CollapsibleContent, ht as useEntryController, ic as Tabs, j as dismissWarnings, ji as getCuratedSiteStyle, jl as Plus, k as createStyleConfiguratorState, ki as curatedSiteStyles, l as resolveStyleConfiguratorInitialSnapshot, ls as buttonStyleSelectionParameterValue, m as buildSiteChromeLookModels, mc as Collapsible, n as useSiteChromeCustomizeOptional, na as paletteColorsSchema, nc as PopoverTrigger, oc as TabsList, ot as resolvePreviewSidebarTab, p as reportPreviewDesignError, ps as buttonStyleSelectionKey, q as reconcilePaletteLibraryActive, ql as ChevronLeft, qs as SelectContent, qt as useEditorUiStoreInstance, rc as Input, s as buildApplySiteStyleSelectionBody, sc as TabsTrigger, st as FooterComposerPanel, ta as paletteColorsEqual, tc as PopoverContent, u as PREVIEW_DESIGN_LOAD_ERROR_MESSAGE, un as deriveRouteMetadataPresentation, us as findButtonStyleRecipe, v as deriveSiteStylePreviewUpdate, vn as createManifestValidation, w as applyResolvedSelections, wc as DropdownMenuItem, wl as Tablet, x as usePreviewDesignCoordinator, xc as Surface, xn as createStoreBackend, y as planSiteStylePreviewChange, yl as X$1, yn as FormRenderer, z as prepareStalePaletteRetry } from "./SiteChromeCustomizeContext-BHF-KANn.mjs";
-import { d as unwrapResponse, f as getDashboardUrl, r as usePreviewAuth } from "./previewAuthStore-CJX21dGi.mjs";
-import { S as getSiteFontsStorageUrl, _ as useBlockCustomizeControls, b as buildFontPreviewUrl, d as resolvePreviewDashboardSetupHandoff, f as resolvePreviewEditorGuidanceModel, g as usePreviewBlockCustomizeSelectionOptional, h as canInspectSiteStyle, m as canApplySiteStyle, p as resolvePreviewSidebarChromeModel, u as buildPreviewDashboardSetupUrl, v as PreviewFormProvider, x as generateFontFaceCss, y as previewWidgetOverrides } from "./SdkPreviewModeRuntime-Co3AHfj0.mjs";
-import { t as Separator } from "./separator-BFs-Kmv5.mjs";
+import { $ as createOptimisticActionRunner, $o as resolveButtonStyleSelection, A as isPreviewingChange, B as previewHeaderStyle, Bs as SelectValue, Bt as useEditorUiStore, D as createStyleConfiguratorState, Dl as Maximize2, Dn as ThemeScope, E as cancelPreview, Ei as findFooterLook, F as palettePreviewProjection, G as syncStyleConfiguratorState, Gs as PopoverContent, H as resetTypographyToSaved, Hs as CalloutDescription, I as previewButtonStyle, Ii as getHeaderLayout, Il as ChevronRight, Is as Select, Js as Tabs, K as toggleRow, Ks as PopoverTrigger, L as previewCuratedPalette, Li as getHeaderStyle, Ll as ChevronLeft, Ls as SelectContent, M as markApplySaved, N as markApplySaving, O as deriveStyleConfiguratorCapabilities, Oc as cn, Ol as LoaderCircle, P as openRow, Pt as BlockEditor, Qc as assertNever$1, Qo as findButtonStyleRecipe, R as previewFooterLook, Rs as SelectItem, Si as curatedSiteStyles, T as applyTypographyDraftPatch, Tc as Button, Tl as Monitor, U as setPaletteColors, Us as SearchInput, V as previewSiteStyle, Vs as Callout, Vt as useEditorUiStoreInstance, W as styleConfiguratorHistoryEntryForPersistedSelection, Wi as curatedPalettes, Ws as Popover, Xs as TabsList, Ys as TabsContent, Zo as buttonStyleSelectionParameterValue, Zs as TabsTrigger, _ as cycleableSiteChromeOptions, _c as DropdownMenuTrigger, _l as Smartphone, _s as paletteColorEntries, ac as CollapsibleContent, an as resolvePageRouteSlug, at as ContentFieldsForm, c as selectionSnapshotFromApplySiteStyleSelectionResponse, d as resolveStyleConfiguratorInitialSnapshot, dc as Surface, dn as createManifestValidation, es as updateButtonStyleSelectionChoice, et as resolvePreviewSidebarTab, fc as DropdownMenu, fn as FormRenderer, g as cycleSiteChromeLookId, gc as DropdownMenuSeparator, h as buildSiteChromeLookModels, hc as DropdownMenuLabel, ic as Collapsible, in as deriveRouteMetadataPresentation, is as themeButtonClassName, j as markApplyFailed, jc as unsafeAsEditorBlockId, k as dismissWarnings, l as deriveSiteStylePreviewUpdate, ll as X$1, ln as ManifestForm, lt as useEntryController, m as reportPreviewDesignError, mc as DropdownMenuItem, ml as Tablet, mn as createStoreBackend, n as useSiteChromeCustomizeOptional, nn as isAdapterReferenceKind, oc as CollapsibleTrigger, on as resolveContentTitle, ot as useUISelector, p as PREVIEW_DESIGN_SAVE_ERROR_MESSAGE, pc as DropdownMenuContent, qs as Input, s as buildApplySiteStyleSelectionBody, ts as buttonStyleSelectionKey, tt as FooterComposerPanel, u as planSiteStylePreviewChange, v as planSiteChromeLookSelection, vl as SlidersHorizontal, vn as listEntryPageContentSlots, vs as paletteColorsSchema, w as applyResolvedSelections, wi as getCuratedSiteStyle, x as usePreviewDesignCoordinator, y as siteChromeLookUnavailableReasonLabel, z as previewHeaderLayout, zl as Check, zs as SelectTrigger } from "./SiteChromeCustomizeContext-DZiDBAYu.mjs";
+import { d as unwrapResponse, f as getDashboardUrl, r as usePreviewAuth } from "./previewAuthStore-Dev9CdG9.mjs";
+import { S as getSiteFontsStorageUrl, _ as useBlockCustomizeControls, b as buildFontPreviewUrl, d as resolvePreviewDashboardSetupHandoff, f as resolvePreviewEditorGuidanceModel, g as usePreviewBlockCustomizeSelectionOptional, h as canInspectSiteStyle, m as canApplySiteStyle, p as resolvePreviewSidebarChromeModel, u as buildPreviewDashboardSetupUrl, v as PreviewFormProvider, x as generateFontFaceCss, y as previewWidgetOverrides } from "./SdkPreviewModeRuntime-B0HPXr-l.mjs";
+import { t as Separator } from "./separator-CFvBx2yl.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";
@@ -2176,6 +2176,60 @@ function ButtonStylePreviewPair({ selection, previewTheme, compact = false }) {
 	});
 }
 //#endregion
+//#region ../preview-next/src/client/preview/HeaderMenuControls.tsx
+function isHeaderMenuSurfaceState(state) {
+	return state.kind === "available" && state.surface === "header";
+}
+function HeaderMenuControls({ state, disabled, onMenuFontChange, onMenuFontSizeChange }) {
+	const customize = useSiteChromeCustomizeOptional();
+	const controlDisabled = disabled || !state.applyAllowed;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "grid grid-cols-2 gap-2 rounded-md border bg-muted/20 p-2",
+		children: [
+			/* @__PURE__ */ jsxs("label", {
+				className: "block text-xs font-medium text-muted-foreground",
+				children: [/* @__PURE__ */ jsx("span", { children: "Menu font" }), /* @__PURE__ */ jsx("select", {
+					className: "mt-1 h-8 w-full rounded-md border bg-background px-2 text-sm text-foreground disabled:cursor-not-allowed disabled:opacity-50",
+					value: state.menuFont,
+					onChange: (event) => onMenuFontChange?.(event.currentTarget.value),
+					disabled: controlDisabled,
+					children: state.menuFontOptions.map((option) => /* @__PURE__ */ jsx("option", {
+						value: option.value,
+						children: option.label
+					}, option.value))
+				})]
+			}),
+			/* @__PURE__ */ jsxs("label", {
+				className: "block text-xs font-medium text-muted-foreground",
+				children: [/* @__PURE__ */ jsx("span", { children: "Menu font size" }), /* @__PURE__ */ jsx("select", {
+					className: "mt-1 h-8 w-full rounded-md border bg-background px-2 text-sm text-foreground disabled:cursor-not-allowed disabled:opacity-50",
+					value: state.menuFontSize,
+					onChange: (event) => onMenuFontSizeChange?.(event.currentTarget.value),
+					disabled: controlDisabled,
+					children: state.menuFontSizeOptions.map((option) => /* @__PURE__ */ jsx("option", {
+						value: option.value,
+						children: option.label
+					}, option.value))
+				})]
+			}),
+			state.interactionPalette.kind === "available" ? /* @__PURE__ */ jsxs("label", {
+				className: "block text-xs font-medium text-muted-foreground",
+				children: [/* @__PURE__ */ jsx("span", { children: "Hover pill colour" }), /* @__PURE__ */ jsx("select", {
+					"aria-label": "Hover pill colour",
+					className: "mt-1 h-8 w-full rounded-md border bg-background px-2 text-sm text-foreground disabled:cursor-not-allowed disabled:opacity-50",
+					value: state.interactionPalette.preference,
+					onChange: (event) => customize?.setHeaderInteractionPalette(event.currentTarget.value),
+					disabled: controlDisabled,
+					children: state.interactionPalette.options.map((option) => /* @__PURE__ */ jsx("option", {
+						value: option.value,
+						children: option.label
+					}, option.value))
+				})]
+			}) : null
+		]
+	});
+}
+//#endregion
 //#region ../preview-next/src/client/preview/typographyFontCatalog.ts
 const typographyFontCategories = [
 	{
@@ -3333,23 +3387,8 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 		if (plan.kind !== "footer") return;
 		setState((current) => current ? previewFooterLook(current, plan.next.footerLookId) : current);
 	}, []);
-	const handlePreviewPaletteItem = useCallback((item) => {
-		setState((current) => {
-			if (!current) return current;
-			if (item.kind === "curated") return previewCuratedPalette(current, item.valueKey);
-			return previewSitePalette(current, {
-				paletteId: item.paletteId,
-				colors: item.colors,
-				mode: item.mode,
-				version: item.version
-			});
-		});
-	}, []);
-	const handleCreatePalette = useCallback(() => {
-		setState((current) => current ? createPalette(current) : current);
-	}, []);
-	const handlePaletteLibraryLoaded = useCallback((response) => {
-		setState((current) => current ? reconcilePaletteLibraryActive(current, response.active, response.palettes) : current);
+	const handlePreviewPalette = useCallback((valueKey) => {
+		setState((current) => current ? previewCuratedPalette(current, valueKey) : current);
 	}, []);
 	const patchTypography = useCallback((patch) => {
 		setState((current) => {
@@ -3389,7 +3428,6 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 		setState((current) => {
 			if (!current) return current;
 			const palette = palettePreviewProjection(current.previewed.palette);
-			if (palette.kind === "invalid") return current;
 			if (!(role in palette.colors)) return current;
 			const nextColors = paletteColorsSchema.safeParse({
 				...palette.colors,
@@ -3398,16 +3436,6 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 			return nextColors.success ? setPaletteColors(current, nextColors.data) : current;
 		});
 	}, []);
-	const handleResetOverrides = useCallback(() => {
-		setState((current) => {
-			if (!current) return current;
-			const palette = palettePreviewProjection(current.previewed.palette);
-			const sourceValueKey = palette.kind === "curated" ? palette.valueKey : palette.kind === "curated-fork" ? palette.sourceValueKey : null;
-			if (!sourceValueKey) return current;
-			const curated = findCuratedPalette(sourceValueKey);
-			return curated ? setPaletteColors(current, curated.colors) : current;
-		});
-	}, []);
 	const handleToggleRow = useCallback((row) => {
 		if (row === "typography") setTypographySurface(typographyOverviewSurface);
 		setState((current) => current ? toggleRow(current, row) : current);
@@ -3419,27 +3447,10 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 	const handleDismissWarnings = useCallback(() => {
 		setState((current) => current ? dismissWarnings(current) : current);
 	}, []);
-	const handleApply = useCallback(async (retry = false) => {
-		const current = stateRef.current;
-		let live = current;
-		if (current && retry) try {
-			const paletteAuthority = await apiClient({
-				endpoint: "listSiteThemePalettes",
-				params: { siteId }
-			}).then(unwrapResponse);
-			live = prepareStalePaletteRetry(reconcilePaletteLibraryActive(current, paletteAuthority.active, paletteAuthority.palettes), { sitePalettes: paletteAuthority.palettes });
-		} catch (error) {
-			reportPreviewDesignError("Failed to refresh palette authority", error);
-			const message = PREVIEW_DESIGN_REFRESH_ERROR_MESSAGE;
-			setState((latest) => latest ? markApplyFailed(latest, message, "stale") : latest);
-			return;
-		}
+	const handleApply = useCallback(async () => {
+		const live = stateRef.current;
 		if (!live || !isPreviewingChange(live)) return;
 		if (!deriveStyleConfiguratorCapabilities(live).canApplyStaged) return;
-		if (live !== current) {
-			stateRef.current = live;
-			setState(live);
-		}
 		const previewed = live.previewed;
 		if (!getCuratedSiteStyle(previewed.siteStyleId)) return;
 		await runnerRef.current.run({
@@ -3508,11 +3519,7 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 		children: "This site uses a Site Style that cannot be configured here."
 	});
 	const currentPalette = palettePreviewProjection(state.previewed.palette);
-	const paletteMutation = paletteMutationCapability(state);
-	const paletteControlsDisabled = saving || !stagedCapabilities.canPreviewStaged || paletteMutation.kind !== "editable";
-	const currentCuratedValueKey = currentPalette.kind === "curated" ? currentPalette.valueKey : currentPalette.kind === "curated-fork" ? currentPalette.sourceValueKey : null;
-	const currentCuratedPalette = currentCuratedValueKey ? findCuratedPalette(currentCuratedValueKey) : null;
-	const paletteIsCustom = currentPalette.kind !== "invalid" && (!currentCuratedPalette || currentPalette.mode !== currentCuratedPalette.mode || !paletteColorsEqual(currentPalette.colors, currentCuratedPalette.colors));
+	const paletteControlsDisabled = saving || !stagedCapabilities.canPreviewStaged;
 	const currentPreviewPlan = planSiteStylePreviewChange({
 		siteStyle: currentSiteStyle,
 		selection: state.previewed,
@@ -3558,7 +3565,7 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 				saveStatus: state.saveStatus,
 				onCancel: handleCancel,
 				onApply: () => void handleApply(),
-				onRetry: () => void handleApply(true)
+				onRetry: () => void handleApply()
 			})
 		})]
 	});
@@ -3662,18 +3669,10 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 			/* @__PURE__ */ jsx(PaletteRow, {
 				expanded: state.expandedRow === "palette",
 				onToggle: () => handleToggleRow("palette"),
-				apiClient,
-				siteId,
 				siteStyle: currentSiteStyle,
 				palette: currentPalette,
-				committedSelection: committedPaletteForSnapshot(state.base.palette)?.selection ?? null,
-				onPreview: handlePreviewPaletteItem,
-				onCreate: handleCreatePalette,
-				onLibraryLoaded: handlePaletteLibraryLoaded,
-				isCustom: paletteIsCustom,
+				onPreview: handlePreviewPalette,
 				onTokenChange: handleTokenOverride,
-				onReset: handleResetOverrides,
-				mutationCapability: paletteMutation,
 				disabled: saving || !applyAllowed,
 				mutationDisabled: paletteControlsDisabled || !applyAllowed
 			}),
@@ -3686,7 +3685,7 @@ function StyleConfigurator({ siteId, apiClient, theme, selectionId, selectionVer
 				saveStatus: state.saveStatus,
 				onCancel: handleCancel,
 				onApply: () => void handleApply(),
-				onRetry: () => void handleApply(true)
+				onRetry: () => void handleApply()
 			})
 		]
 	});
@@ -3882,7 +3881,7 @@ function SiteChromeLookRow({ label, ariaLabel, defaultDescription, catalog, opti
 				children: options.map((look) => /* @__PURE__ */ jsx(PickerOption, {
 					selected: look.id === currentId,
 					label: look.label,
-					description: look.description,
+					description: look.available ? look.description : [look.description, siteChromeLookUnavailableReasonLabel(look.unavailableReason)].filter(Boolean).join(" "),
 					onSelect: () => onPreview(look.id),
 					disabled: disabled || !look.available
 				}, look.id ?? "site-style-default"))
@@ -3890,104 +3889,13 @@ function SiteChromeLookRow({ label, ariaLabel, defaultDescription, catalog, opti
 		]
 	});
 }
-function isHeaderMenuSurfaceState(state) {
-	return state.kind === "available" && state.surface === "header" && Array.isArray(state.menuFontOptions) && Array.isArray(state.menuFontSizeOptions);
-}
-function HeaderMenuControls({ state, disabled, onMenuFontChange, onMenuFontSizeChange }) {
-	const controlDisabled = disabled || !state.applyAllowed;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "grid grid-cols-2 gap-2 rounded-md border bg-muted/20 p-2",
-		children: [/* @__PURE__ */ jsxs("label", {
-			className: "block text-xs font-medium text-muted-foreground",
-			children: [/* @__PURE__ */ jsx("span", { children: "Menu font" }), /* @__PURE__ */ jsx("select", {
-				className: "mt-1 h-8 w-full rounded-md border bg-background px-2 text-sm text-foreground disabled:cursor-not-allowed disabled:opacity-50",
-				value: state.menuFont,
-				onChange: (event) => onMenuFontChange?.(event.currentTarget.value),
-				disabled: controlDisabled,
-				children: state.menuFontOptions.map((option) => /* @__PURE__ */ jsx("option", {
-					value: option.value,
-					children: option.label
-				}, option.value))
-			})]
-		}), /* @__PURE__ */ jsxs("label", {
-			className: "block text-xs font-medium text-muted-foreground",
-			children: [/* @__PURE__ */ jsx("span", { children: "Menu font size" }), /* @__PURE__ */ jsx("select", {
-				className: "mt-1 h-8 w-full rounded-md border bg-background px-2 text-sm text-foreground disabled:cursor-not-allowed disabled:opacity-50",
-				value: state.menuFontSize,
-				onChange: (event) => onMenuFontSizeChange?.(event.currentTarget.value),
-				disabled: controlDisabled,
-				children: state.menuFontSizeOptions.map((option) => /* @__PURE__ */ jsx("option", {
-					value: option.value,
-					children: option.label
-				}, option.value))
-			})]
-		})]
-	});
-}
-function PaletteRow({ expanded, onToggle, apiClient, siteId, siteStyle, palette, committedSelection, onPreview, onCreate, onLibraryLoaded, isCustom, onTokenChange, onReset, mutationCapability, disabled, mutationDisabled }) {
-	const [library, setLibrary] = useState({
-		kind: "idle",
-		palettes: []
-	});
+function PaletteRow({ expanded, onToggle, siteStyle, palette, onPreview, onTokenChange, disabled, mutationDisabled }) {
 	const optionRefs = useRef([]);
-	const activeSelection = selectionForPaletteSnapshot(palette) ?? committedSelection;
-	const libraryModel = useMemo(() => buildPaletteLibraryReadModel({
-		active: activeSelection ? {
-			kind: "available",
-			selection: activeSelection
-		} : { kind: "invalid" },
-		sitePalettes: library.palettes,
-		curatedPalettes,
-		recommendations: siteStyle.paletteRecommendations.map((recommendation) => recommendation.id)
-	}), [
-		activeSelection,
-		library.palettes,
-		siteStyle.paletteRecommendations
-	]);
-	useEffect(() => {
-		if (!expanded || library.kind !== "idle") return;
-		setLibrary((current) => ({
-			kind: "loading",
-			palettes: current.palettes
-		}));
-	}, [expanded, library.kind]);
-	useEffect(() => {
-		if (library.kind !== "loading") return;
-		let cancelled = false;
-		apiClient({
-			endpoint: "listSiteThemePalettes",
-			params: { siteId }
-		}).then(unwrapResponse).then((response) => {
-			if (cancelled) return;
-			setLibrary({
-				kind: "loaded",
-				palettes: response.palettes
-			});
-			onLibraryLoaded(response);
-		}).catch((error) => {
-			if (cancelled) return;
-			reportPreviewDesignError("Failed to load site palettes", error);
-			setLibrary((current) => ({
-				kind: "failed",
-				palettes: current.palettes,
-				message: PREVIEW_DESIGN_LOAD_ERROR_MESSAGE
-			}));
-		});
-		return () => {
-			cancelled = true;
-		};
-	}, [
-		apiClient,
-		library.kind,
-		onLibraryLoaded,
-		siteId
-	]);
-	const items = libraryModel?.ok ? [
-		...libraryModel.model.yours,
-		...libraryModel.model.suggested,
-		...libraryModel.model.more
-	] : [];
-	const currentLabel = palette.kind === "new-site" ? "New palette" : "Selected palette";
+	const suggestedKeys = new Set(siteStyle.paletteRecommendations.map((recommendation) => recommendation.id));
+	const suggested = curatedPalettes.filter((candidate) => suggestedKeys.has(candidate.valueKey));
+	const more = curatedPalettes.filter((candidate) => !suggestedKeys.has(candidate.valueKey));
+	const items = [...suggested, ...more];
+	const currentLabel = (palette.curatedValueKey ? curatedPalettes.find((candidate) => candidate.valueKey === palette.curatedValueKey) : null)?.name ?? "Custom palette";
 	const onOptionKeyDown = (event, index) => {
 		if (items.length === 0) return;
 		const direction = event.key === "ArrowDown" || event.key === "ArrowRight" ? 1 : event.key === "ArrowUp" || event.key === "ArrowLeft" ? -1 : 0;
@@ -3996,100 +3904,46 @@ function PaletteRow({ expanded, onToggle, apiClient, siteId, siteStyle, palette,
 		const nextIndex = (index + direction + items.length) % items.length;
 		const next = items[nextIndex];
 		if (!next) return;
-		onPreview(next);
+		onPreview(next.valueKey);
 		optionRefs.current[nextIndex]?.focus();
 	};
 	return /* @__PURE__ */ jsxs(StyleRowFrame, {
 		label: "Palette",
 		currentLabel,
-		swatch: palette.kind === "invalid" ? null : palette.colors.primary,
+		swatch: palette.colors.primary,
 		expanded,
 		onToggle,
-		children: [
-			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,
-			library.kind === "loading" ? /* @__PURE__ */ jsx("p", {
-				className: "text-xs text-muted-foreground",
-				children: "Loading palettes..."
-			}) : null,
-			library.kind === "failed" ? /* @__PURE__ */ jsxs("div", {
-				role: "status",
-				className: "space-y-2 text-xs text-muted-foreground",
-				children: [/* @__PURE__ */ jsx("p", { children: library.message }), /* @__PURE__ */ jsx(Button, {
-					type: "button",
-					size: "sm",
-					variant: "outline",
-					onClick: () => setLibrary({
-						kind: "idle",
-						palettes: library.palettes
-					}),
-					children: "Retry loading palettes"
-				})]
-			}) : null,
-			libraryModel.ok ? /* @__PURE__ */ jsxs("div", {
-				role: "radiogroup",
-				"aria-label": "Palette library",
-				className: "space-y-3",
-				children: [
-					/* @__PURE__ */ jsx(PaletteLibraryGroup, {
-						label: "Your palettes",
-						items: libraryModel.model.yours,
-						offset: 0,
-						optionRefs,
-						onPreview,
-						onOptionKeyDown,
-						disabled
-					}),
-					/* @__PURE__ */ jsx(PaletteLibraryGroup, {
-						label: "Suggested for this style",
-						items: libraryModel.model.suggested,
-						offset: libraryModel.model.yours.length,
-						optionRefs,
-						onPreview,
-						onOptionKeyDown,
-						disabled
-					}),
-					/* @__PURE__ */ jsx(PaletteLibraryGroup, {
-						label: "More palettes",
-						items: libraryModel.model.more,
-						offset: libraryModel.model.yours.length + libraryModel.model.suggested.length,
-						optionRefs,
-						onPreview,
-						onOptionKeyDown,
-						disabled
-					})
-				]
-			}) : /* @__PURE__ */ jsx("p", {
-				role: "status",
-				className: "text-xs text-muted-foreground",
-				children: "Palette details are unavailable."
-			}),
-			/* @__PURE__ */ jsxs(Button, {
-				type: "button",
-				size: "sm",
-				variant: "outline",
-				className: "mt-3",
-				onClick: onCreate,
-				disabled: mutationDisabled,
-				children: [/* @__PURE__ */ jsx(Plus, {
-					"aria-hidden": "true",
-					className: "size-3.5"
-				}), "Create palette"]
-			}),
-			palette.kind !== "invalid" ? /* @__PURE__ */ jsx(PaletteTokenControls, {
-				palette: palette.colors,
-				isCustom,
-				onTokenChange,
-				onReset,
-				disabled: mutationDisabled
-			}) : null
-		]
+		children: [/* @__PURE__ */ jsxs("div", {
+			role: "radiogroup",
+			"aria-label": "Palette library",
+			className: "space-y-3",
+			children: [/* @__PURE__ */ jsx(CuratedPaletteGroup, {
+				label: "Suggested for this style",
+				items: suggested,
+				selectedValueKey: palette.curatedValueKey,
+				offset: 0,
+				optionRefs,
+				onPreview,
+				onOptionKeyDown,
+				disabled
+			}), /* @__PURE__ */ jsx(CuratedPaletteGroup, {
+				label: "More palettes",
+				items: more,
+				selectedValueKey: palette.curatedValueKey,
+				offset: suggested.length,
+				optionRefs,
+				onPreview,
+				onOptionKeyDown,
+				disabled
+			})]
+		}), /* @__PURE__ */ jsx(PaletteTokenControls, {
+			palette: palette.colors,
+			onTokenChange,
+			disabled: mutationDisabled
+		})]
 	});
 }
-function PaletteLibraryGroup({ label, items, offset, optionRefs, onPreview, onOptionKeyDown, disabled }) {
+function CuratedPaletteGroup({ label, items, selectedValueKey, offset, optionRefs, onPreview, onOptionKeyDown, disabled }) {
 	if (items.length === 0) return null;
 	return /* @__PURE__ */ jsxs("section", {
 		"aria-label": label,
@@ -4104,53 +3958,37 @@ function PaletteLibraryGroup({ label, items, offset, optionRefs, onPreview, onOp
 				},
 				type: "button",
 				role: "radio",
-				"aria-label": item.accessibleLabel,
-				"aria-checked": item.selected,
+				"aria-label": `${item.name}. ${item.description}`,
+				"aria-checked": item.valueKey === selectedValueKey,
 				disabled,
-				onClick: () => onPreview(item),
+				onClick: () => onPreview(item.valueKey),
 				onKeyDown: (event) => onOptionKeyDown(event, offset + index),
-				className: cn("relative h-10 overflow-hidden rounded-md border p-0.5 outline-none transition focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", item.selected ? "border-foreground ring-1 ring-foreground" : "border-border hover:border-foreground/60"),
+				className: cn("relative h-10 overflow-hidden rounded-md border p-0.5 outline-none transition focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", item.valueKey === selectedValueKey ? "border-foreground ring-1 ring-foreground" : "border-border hover:border-foreground/60"),
 				children: [/* @__PURE__ */ jsx("span", {
 					className: "grid h-full grid-cols-5 overflow-hidden rounded-[3px]",
 					"aria-hidden": "true",
-					children: item.swatch.map((color, swatchIndex) => /* @__PURE__ */ jsx("span", { style: { backgroundColor: color } }, `${paletteLibraryItemKey(item)}:${swatchIndex}`))
-				}), item.selected ? /* @__PURE__ */ jsx("span", {
+					children: [
+						item.colors.primary,
+						item.colors.secondary,
+						item.colors.accent,
+						item.colors.background,
+						item.colors.text
+					].map((color, swatchIndex) => /* @__PURE__ */ jsx("span", { style: { backgroundColor: color } }, `${item.valueKey}:${swatchIndex}`))
+				}), item.valueKey === selectedValueKey ? /* @__PURE__ */ jsx("span", {
 					className: "absolute right-1 top-1 grid size-4 place-items-center rounded-full bg-foreground text-background",
 					children: /* @__PURE__ */ jsx(Check, {
 						"aria-hidden": "true",
 						className: "size-3"
 					})
 				}) : null]
-			}, paletteLibraryItemKey(item)))
+			}, item.valueKey))
 		})]
 	});
 }
-function paletteLibraryItemKey(item) {
-	return item.kind === "curated" ? `curated:${item.valueKey}` : `site:${item.paletteId}`;
-}
-function selectionForPaletteSnapshot(palette) {
-	switch (palette.kind) {
-		case "curated": return {
-			kind: "curated",
-			valueKey: palette.valueKey
-		};
-		case "curated-fork": return {
-			kind: "curated",
-			valueKey: palette.sourceValueKey
-		};
-		case "site": return {
-			kind: "site",
-			paletteId: palette.paletteId
-		};
-		case "new-site":
-		case "invalid": return null;
-		default: return assertNever$1(palette);
-	}
-}
-function PaletteTokenControls({ palette, isCustom, onTokenChange, onReset, disabled }) {
-	return /* @__PURE__ */ jsxs("div", {
+function PaletteTokenControls({ palette, onTokenChange, disabled }) {
+	return /* @__PURE__ */ jsx("div", {
 		className: "mt-4 space-y-3 border-t pt-4",
-		children: [/* @__PURE__ */ jsx("fieldset", {
+		children: /* @__PURE__ */ jsx("fieldset", {
 			disabled,
 			className: "min-w-0 border-0 p-0",
 			children: /* @__PURE__ */ jsx(PaletteTokenEditor, {
@@ -4162,17 +4000,7 @@ function PaletteTokenControls({ palette, isCustom, onTokenChange, onReset, disab
 				showContrastChecks: false,
 				disabled
 			})
-		}), isCustom ? /* @__PURE__ */ jsx("div", {
-			className: "flex justify-end",
-			children: /* @__PURE__ */ jsx(Button, {
-				type: "button",
-				variant: "outline",
-				size: "sm",
-				onClick: onReset,
-				disabled,
-				children: "Reset to variant"
-			})
-		}) : null]
+		})
 	});
 }
 function PickerOption({ selected, label, description, swatch, onSelect, disabled }) {
@@ -4204,8 +4032,6 @@ 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.";
 		case "no-selection-changes": return "There are no design changes to apply.";
 		default: return assertNever$1(error);
 	}
@@ -4218,10 +4044,6 @@ function classifyStyleApplyError(error) {
 	if (isRecord(error)) {
 		const status = error.status;
 		const code = error.code ?? error.errorCode;
-		if (code === "PALETTE_CAP_REACHED") return {
-			kind: "palette-cap",
-			message: "This site has reached its palette limit. Your palette draft is still here."
-		};
 		if (status === 409 || code === "resource:conflict") return {
 			kind: "stale",
 			message: "This design changed elsewhere. Refreshing the latest version now."
@@ -4271,7 +4093,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, themeSelectionButtonStyleSelection = null, runtimePaletteState, themeSelectionHeaderLayoutId = null, themeSelectionHeaderStyleId = null, themeSelectionHeaderLookId = null, themeSelectionFooterLookId = null, themeSelectionHeaderContext, apiClient, bearerToken, supabaseUrl, entrySubrouteContext, assistantPanel, sdkConfig, mediaAssets, bookingOfferingPresets, siteStyleAccess = { kind: "hidden" }, activeTab, onTabChange, onClose, onFooterSaved, viewportMode, viewportWidth, zoom, onViewportModeChange, onViewportWidthChange, onZoomChange }) {
+function PreviewEditorSidebar({ surfaceId, siteId, dashboardBaseUrl = null, pageId, entryData, contentTypeSchema, referenceContentTypeKeys = [], draftContent, currentTemplate, theme, themeId = null, themeSelectionId = null, themeSelectionVersion = null, themeSelectionUpdatedAt = null, themeSelectionButtonStyleSelection = null, themeSelectionHeaderLayoutId = null, themeSelectionHeaderStyleId = null, themeSelectionHeaderLookId = null, themeSelectionFooterLookId = null, themeSelectionHeaderContext, apiClient, bearerToken, supabaseUrl, entrySubrouteContext, assistantPanel, sdkConfig, mediaAssets, bookingOfferingPresets, siteStyleAccess = { kind: "hidden" }, activeTab, onTabChange, onClose, onFooterSaved, viewportMode, viewportWidth, zoom, onViewportModeChange, onViewportWidthChange, onZoomChange }) {
 	const controller = useEntryController();
 	const controllerBlocks = controller.blocks;
 	const uiStore = useEditorUiStoreInstance();
@@ -4411,7 +4233,6 @@ function PreviewEditorSidebar({ surfaceId, siteId, dashboardBaseUrl = null, page
 				selectionVersion: themeSelectionVersion,
 				selectionUpdatedAt: themeSelectionUpdatedAt,
 				buttonStyleSelection: themeSelectionButtonStyleSelection,
-				runtimePaletteState,
 				headerLayoutId: themeSelectionHeaderLayoutId,
 				headerStyleId: themeSelectionHeaderStyleId,
 				headerLookId: themeSelectionHeaderLookId,

package/dist/{PreviewEditorUI-CgSqmfo2.mjs → PreviewEditorUI-Dou73Q0K.mjs}

@@ -1,7 +1,7 @@
 "use client";
-import { Al as Redo2, Cc as DropdownMenuContent, Dc as DropdownMenuTrigger, El as Sparkles, Fc as Button, Gs as TooltipTrigger, Gt as classifyHistoryShortcut, Hl as EllipsisVertical, Ic as cva, Jl as ChevronDown, Kt as useEditorUiStore, Lt as useEditor, Ml as Pencil, Nl as PenLine, Pl as Palette, Rc as cn, Rl as LoaderCircle, Sc as DropdownMenu, Sl as TriangleAlert, Us as Tooltip, Vl as Eye, Ws as TooltipContent, a as previewDesignHistoryDomainForCommand, cc as Dialog, fc as DialogHeader, gt as useEntryEditorController, i as usePreviewDesignHistoryOrder, lc as DialogContent, n as useSiteChromeCustomizeOptional, o as selectPreviewDesignHistoryDomain, pc as DialogTitle, qt as useEditorUiStoreInstance, rn as useMultiAutosave, uc as DialogDescription, wc as DropdownMenuItem, xl as Undo2 } from "./SiteChromeCustomizeContext-BHF-KANn.mjs";
-import { d as unwrapResponse, r as usePreviewAuth } from "./previewAuthStore-CJX21dGi.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-Co3AHfj0.mjs";
+import { $s as DialogContent, Bt as useEditorUiStore, Cl as PenLine, Ec as cva, Fs as TooltipTrigger, Ml as EllipsisVertical, Ns as Tooltip, Oc as cn, Ol as LoaderCircle, Ps as TooltipContent, Qs as Dialog, Rl as ChevronDown, Sl as Pencil, Tc as Button, Vt as useEditorUiStoreInstance, Zt as useMultiAutosave, _c as DropdownMenuTrigger, a as previewDesignHistoryDomainForCommand, bl as Redo2, dl as Undo2, ec as DialogDescription, fc as DropdownMenu, fl as TriangleAlert, gl as Sparkles, i as usePreviewDesignHistoryOrder, jl as Eye, jt as useEditor, mc as DropdownMenuItem, n as useSiteChromeCustomizeOptional, nc as DialogHeader, o as selectPreviewDesignHistoryDomain, pc as DropdownMenuContent, rc as DialogTitle, ut as useEntryEditorController, wl as Palette, zt as classifyHistoryShortcut } from "./SiteChromeCustomizeContext-DZiDBAYu.mjs";
+import { d as unwrapResponse, r as usePreviewAuth } from "./previewAuthStore-Dev9CdG9.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-B0HPXr-l.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-BH-3-jSj.mjs → PreviewQueryProvider-DgFDIwvK.mjs}

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