@riverbankcms/sdk 0.81.0 → 0.82.0

package/dist/{chunk-3PTVPAT4.mjs → chunk-6FWNF3DJ.mjs}

@@ -1,9 +1,9 @@
 "use client";
-import { useOptionalPreviewLayout, PreviewQueryProvider } from './chunk-4T5JIPWY.mjs';
-import { PreviewBlockCustomizeSelectionProvider, resolveSiteStyleAccess, resolvePreviewDashboardSetupHandoff, buildPreviewDashboardSetupUrl, resolvePreviewSetupBannerModel, usePreviewBlockCustomizeSelectionOptional, useBlockCustomizeControls, MAX_CUSTOMIZE_POPOVER_ROWS, MAX_QUICK_MANIFEST_FIELDS, sanitizeDashboardPath } from './chunk-3QWQ2MUQ.mjs';
-import { resolvePreviewChromeSurface, getPreviewSidebarTab, onPreviewSidebarOpenRequest, getPreviewChromeSurfaceDataProps, PREVIEW_CHROME_THEME_CLASS_NAME, setPreviewSidebarTab, PreviewPageDesignEditorStateProvider, usePreviewPageDesignEditorState } from './chunk-3VT7LZY2.mjs';
-import { clientComponentRegistry, deriveLaunchReadiness, DEFAULT_LAUNCH_READINESS_INPUT, useEditorUiStore, PreviewThemeOverlayProvider, PreviewDesignCoordinatorProvider, SiteChromeCustomizeProvider, ResizableSplitPane, BlockApiProvider, EditorProvider, PreviewDesignHistoryOrderProvider, MediaEditorProvider, useEditorUiStoreInstance, useEditor, createRoutingHelpers, createSnapshotFromPageRecord, EntryControllerProvider, useEntryEditorController, surfaceResolutionContextFromTheme, unsafeAsEditorBlockId, EditableBlockProvider, asDesignBlockId, PageRenderer, usePreviewThemeOverlay, planSiteDocument, ThemeScope, FixedBottomSurface, Button, sectionTransitionVariantForBoundaryOptionId, sectionTransitionFamilyForBoundaryOptionId, sectionTransitionFamilies, X, defaultSectionTransitionVariantForFamily, RotateCcw, parseBackgroundOverrideFromContent, rankBackgroundImagePoolItems, imagePoolForOverride, resolveBackgroundCapability, enabledBackgroundModes, FormRenderer, stableSerialize, prefetchBlockData, isSupportedLoaderEndpoint, PreviewRichTextEditor, RichText, PreviewTextEditor, Text, buildThemeRuntime, renderBlock, siteHeaderManifest, siteFooterManifest, SiteDocumentLayout, SITE_CHROME_CLASS_NAMES, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, buildEditorModelRuntimeFieldsByBlockId, applyCompiledRuntimeFieldsToContent, assertNever2, getBlockDefinition, systemCustomizeFacetDefinitionsForBlock, systemCustomizeFacetAppliesToLayoutVariant, systemCustomizeFacetCurrentValue, systemCustomizeFacetLabelForValue, backgroundColorTokens, ChevronLeft, ChevronRight, createMicrobatcher, unwrapResponse, normalizePublicApiLoaderParams, visibleHeaderClearancePx, LINKED_CONTENT_ENTRY_META_KEY, unsafeAsLinkedContentEntryId, useMediaEditorOptional, Image, defaultBackgroundOverrideForMode, decodePublicProductCategorySelectorQuery, EDITABLE_SURFACE_FORWARDING_PROP, useSiteChromeCustomizeOptional, assertNever, SITE_CHROME_VISIBLE_HEADER_SELECTOR, GRADIENT_PRESETS, resolveImageUrlWithContext, gradientToCss, Upload, MediaEditor, SECTION_BACKGROUND_MIN_SOURCE_WIDTH, SECTION_BACKGROUND_MIN_SOURCE_HEIGHT, parseMediaAssetId, planBackgroundOverride, planBackgroundTransition, systemCustomizeFacetNextValue } from './chunk-WUHKQBB6.mjs';
-import { API_ENDPOINTS, createBearerAPIClient, isPreviewRuntimeSessionEditable, DEFAULT_SURFACE_ID, initPreviewAuth, usePreviewAuth, usePreviewAuthFetch, markPreviewAuthExpired, usePreviewToken } from './chunk-E3NZYEKF.mjs';
+import { useOptionalPreviewLayout, PreviewQueryProvider } from './chunk-2BUMISSH.mjs';
+import { PreviewBlockCustomizeSelectionProvider, resolveSiteStyleAccess, resolvePreviewDashboardSetupHandoff, buildPreviewDashboardSetupUrl, resolvePreviewSetupBannerModel, usePreviewBlockCustomizeSelectionOptional, useBlockCustomizeControls, MAX_CUSTOMIZE_POPOVER_ROWS, MAX_QUICK_MANIFEST_FIELDS, OfferingsPreviewWidgetProvider, previewWidgetOverrides, sanitizeDashboardPath } from './chunk-G35HOQEN.mjs';
+import { resolvePreviewChromeSurface, getPreviewSidebarTab, onPreviewSidebarOpenRequest, getPreviewChromeSurfaceDataProps, PREVIEW_CHROME_THEME_CLASS_NAME, setPreviewSidebarTab, PreviewPageDesignEditorStateProvider, usePreviewPageDesignEditorState } from './chunk-HKB6XVIP.mjs';
+import { clientComponentRegistry, deriveLaunchReadiness, DEFAULT_LAUNCH_READINESS_INPUT, useEditorUiStore, PreviewThemeOverlayProvider, PreviewDesignCoordinatorProvider, SiteChromeCustomizeProvider, ResizableSplitPane, BlockApiProvider, EditorProvider, PreviewDesignHistoryOrderProvider, MediaEditorProvider, useEditorUiStoreInstance, useEditor, createRoutingHelpers, createSnapshotFromPageRecord, EntryControllerProvider, useEntryEditorController, surfaceResolutionContextFromTheme, unsafeAsEditorBlockId, EditableBlockProvider, asDesignBlockId, PageRenderer, usePreviewThemeOverlay, planSiteDocument, ThemeScope, FixedBottomSurface, Button, unsafeAsLinkedContentEntryId, sectionTransitionVariantForBoundaryOptionId, sectionTransitionFamilyForBoundaryOptionId, sectionTransitionFamilies, X, defaultSectionTransitionVariantForFamily, RotateCcw, parseBackgroundOverrideFromContent, rankBackgroundImagePoolItems, imagePoolForOverride, resolveBackgroundCapability, enabledBackgroundModes, canCycleBackgroundOverrideValue, FormRenderer, stableSerialize, prefetchBlockData, isSupportedLoaderEndpoint, PreviewRichTextEditor, RichText, PreviewTextEditor, Text, buildThemeRuntime, renderBlock, siteHeaderManifest, siteFooterManifest, SiteDocumentLayout, SITE_CHROME_CLASS_NAMES, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, buildEditorModelRuntimeFieldsByBlockId, applyCompiledRuntimeFieldsToContent, assertNever2, getBlockDefinition, systemCustomizeFacetDefinitionsForBlock, systemCustomizeFacetAppliesToLayoutVariant, systemCustomizeFacetCurrentValue, systemCustomizeFacetLabelForValue, backgroundColorTokens, ChevronLeft, ChevronRight, createMicrobatcher, unwrapResponse, normalizePublicApiLoaderParams, visibleHeaderClearancePx, LINKED_CONTENT_ENTRY_META_KEY, useMediaEditorOptional, Image, defaultBackgroundOverrideForMode, decodePublicProductCategorySelectorQuery, EDITABLE_SURFACE_FORWARDING_PROP, useSiteChromeCustomizeOptional, assertNever, SITE_CHROME_VISIBLE_HEADER_SELECTOR, getLinkedContentEntryMeta, GRADIENT_PRESETS, resolveImageUrlWithContext, gradientToCss, Upload, MediaEditor, SECTION_BACKGROUND_MIN_SOURCE_WIDTH, SECTION_BACKGROUND_MIN_SOURCE_HEIGHT, parseMediaAssetId, formatSiteChromeBackgroundTokenLabel, planBackgroundOverride, planBackgroundTransition, systemCustomizeFacetNextValue } from './chunk-XQR6THQJ.mjs';
+import { API_ENDPOINTS, createBearerAPIClient, isPreviewRuntimeSessionEditable, DEFAULT_SURFACE_ID, initPreviewAuth, usePreviewAuth, usePreviewAuthFetch, markPreviewAuthExpired, usePreviewToken } from './chunk-FIREV57T.mjs';
 import React10, { createContext, useMemo, useState, useEffect, useRef, useCallback, useId, useReducer, Children, isValidElement, Fragment as Fragment$1, cloneElement, useContext } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
@@ -289,15 +289,22 @@ function overlayValue(value, overlays) {
   if (meta) {
     const overlay = overlays.get(unsafeAsLinkedContentEntryId(meta.entryId));
     if (overlay) {
-      const title = resolveOverlayTitle(overlay.content, meta);
+      const displayProjections = resolveOverlayDisplayProjections(overlay.content, meta);
+      const titleProjection = resolveOverlayTitleProjection({
+        currentValue: value,
+        content: overlay.content,
+        meta,
+        displayProjections
+      });
       return {
         ...value,
-        title,
+        ...displayProjections,
+        ...titleProjection ? { title: titleProjection } : {},
         content: overlay.content,
         optimisticHash: overlay.optimisticHash,
         [LINKED_CONTENT_ENTRY_META_KEY]: {
           ...meta,
-          title,
+          ...titleProjection ? { title: titleProjection } : {},
           optimisticHash: overlay.optimisticHash
         }
       };
@@ -312,6 +319,27 @@ function overlayValue(value, overlays) {
   }
   return changed ? next : value;
 }
+function resolveOverlayDisplayProjections(content, meta) {
+  const projections = {};
+  for (const source of meta.fieldSources) {
+    if (source.kind !== "content-field") continue;
+    if (source.displayPath.startsWith("content.")) continue;
+    if (source.displayPath.includes(".")) continue;
+    if (!(source.fieldPath in content)) continue;
+    projections[source.displayPath] = content[source.fieldPath];
+  }
+  return projections;
+}
+function resolveOverlayTitleProjection(input) {
+  const projectedTitle = input.displayProjections.title;
+  if (typeof projectedTitle === "string") return projectedTitle;
+  const titleSource = input.meta.fieldSources.find((source) => source.displayPath === "title");
+  if (titleSource?.kind === "read-only") {
+    const currentTitle = input.currentValue.title;
+    return typeof currentTitle === "string" ? currentTitle : input.meta.title;
+  }
+  return resolveOverlayTitle(input.content, input.meta);
+}
 function resolveOverlayTitle(content, meta) {
   const titleField = meta.contentType.titleField;
   if (titleField) {
@@ -323,8 +351,7 @@ function resolveOverlayTitle(content, meta) {
   return meta.title;
 }
 function parseLinkedEntryMeta(value) {
-  if (!isRecord3(value)) return null;
-  return value.kind === "linked-content-entry" && typeof value.entryId === "string" ? value : null;
+  return getLinkedContentEntryMeta({ [LINKED_CONTENT_ENTRY_META_KEY]: value });
 }
 function isRecord3(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
@@ -463,16 +490,28 @@ function draftSnapshotMap(snapshots) {
 
 // ../preview-next/src/client/preview/linkedEntryEditEvents.ts
 var LINKED_ENTRY_EDIT_EVENT = "riverbank:preview:linked-entry-edit";
+var LINKED_ENTRY_FIELD_FOCUS_EVENT = "riverbank:preview:linked-entry-field-focus";
 function dispatchLinkedEntryEditEvent(target) {
   window.dispatchEvent(new CustomEvent(LINKED_ENTRY_EDIT_EVENT, {
     detail: target
   }));
 }
+function dispatchLinkedEntryFieldFocusEvent(binding) {
+  window.dispatchEvent(new CustomEvent(LINKED_ENTRY_FIELD_FOCUS_EVENT, {
+    detail: binding
+  }));
+}
 function isLinkedEntryEditEvent(event) {
   if (!(event instanceof CustomEvent)) return false;
   const detail = event.detail;
   return Boolean(detail) && typeof detail === "object" && detail.kind === "linked-content-entry";
 }
+function isLinkedEntryFieldFocusEvent(event) {
+  if (!(event instanceof CustomEvent)) return false;
+  const detail = event.detail;
+  const write = detail?.write;
+  return Boolean(detail) && typeof detail === "object" && detail.kind === "linked-entry-field" && Boolean(detail.target) && Boolean(write) && typeof write === "object" && typeof write.fieldPath === "string";
+}
 function requireClientRegistryComponent(key) {
   const component = clientComponentRegistry[key];
   if (!component) {
@@ -481,19 +520,37 @@ function requireClientRegistryComponent(key) {
   return component;
 }
 var ButtonComponent = requireClientRegistryComponent("button");
-var TextWithEditor = ({ value, children, path, ...rest }) => {
+var TextWithEditor = ({ value, children, path, linkedEntryField, ...rest }) => {
   const raw = value ?? children;
   const content = typeof raw === "string" || typeof raw === "number" ? raw : "";
   const { isEditingMode } = useEditor();
   if (isEditingMode) {
-    return path ? /* @__PURE__ */ jsx(PreviewTextEditor, { ...rest, path, children: content }) : /* @__PURE__ */ jsx(Text, { ...rest, children: content });
+    return path || linkedEntryField ? /* @__PURE__ */ jsx(
+      PreviewTextEditor,
+      {
+        ...rest,
+        path,
+        linkedEntryField,
+        onLinkedEntryFieldFocus: dispatchLinkedEntryFieldFocusEvent,
+        children: content
+      }
+    ) : /* @__PURE__ */ jsx(Text, { ...rest, children: content });
   }
   return /* @__PURE__ */ jsx(Text, { ...rest, path, children: content });
 };
-var RichTextWithEditor = ({ value, path, ...rest }) => {
+var RichTextWithEditor = ({ value, path, linkedEntryField, ...rest }) => {
   const { isEditingMode } = useEditor();
-  if (isEditingMode && path) {
-    return /* @__PURE__ */ jsx(PreviewRichTextEditor, { ...rest, path, doc: value });
+  if (isEditingMode && (path || linkedEntryField)) {
+    return /* @__PURE__ */ jsx(
+      PreviewRichTextEditor,
+      {
+        ...rest,
+        path,
+        linkedEntryField,
+        onLinkedEntryFieldFocus: dispatchLinkedEntryFieldFocusEvent,
+        doc: value
+      }
+    );
   }
   return /* @__PURE__ */ jsx(RichText, { ...rest, path, doc: value });
 };
@@ -575,9 +632,10 @@ function blockReceivesHeaderClearance(blocks, blockIndex) {
 function planBlockToolbarPlacement(input) {
   if (input.headerClearance.kind === "overlay" && blockReceivesHeaderClearance(input.blocks, input.blockIndex)) {
     return {
-      kind: "anchor-top-right",
-      topPx: input.headerClearance.px + PREVIEW_CHROME_EDGE_OFFSET_PX,
-      rightPx: PREVIEW_CHROME_EDGE_OFFSET_PX
+      kind: "anchor-top-right-clamped",
+      topPx: PREVIEW_CHROME_EDGE_OFFSET_PX,
+      rightPx: PREVIEW_CHROME_EDGE_OFFSET_PX,
+      minTopPx: input.headerClearance.px + PREVIEW_CHROME_EDGE_OFFSET_PX
     };
   }
   return {
@@ -610,13 +668,14 @@ function resolvePreviewChromeFloatingPosition(input) {
   const anchorBox = input.anchorBox;
   if (!isUsableAnchorBox(anchorBox)) {
     return {
-      topPx: input.placement.topPx,
+      topPx: resolvePreviewChromeMinimumTopPx(input.placement),
       rightPx: input.placement.rightPx
     };
   }
   return {
     topPx: Math.max(
       PREVIEW_CHROME_EDGE_OFFSET_PX,
+      resolvePreviewChromeMinimumTopPx(input.placement),
       anchorBox.top - (input.containerTopEdgePx ?? 0) + input.placement.topPx
     ),
     rightPx: Math.max(
@@ -625,6 +684,9 @@ function resolvePreviewChromeFloatingPosition(input) {
     )
   };
 }
+function resolvePreviewChromeMinimumTopPx(placement) {
+  return placement.kind === "anchor-top-right-clamped" ? placement.minTopPx : placement.topPx;
+}
 function isUsableAnchorBox(box) {
   return Boolean(
     box && Number.isFinite(box.top) && Number.isFinite(box.right) && Number.isFinite(box.bottom) && Number.isFinite(box.height) && box.height > 0
@@ -1290,6 +1352,7 @@ function BlockToolbar({
   blockId,
   blockKind,
   content,
+  bookingOfferingPresets,
   theme = null,
   placement = DEFAULT_PREVIEW_CHROME_FLOATING_PLACEMENT
 }) {
@@ -1551,7 +1614,7 @@ function BlockToolbar({
       placement,
       fallbackClassName: "pointer-events-auto absolute z-50 flex gap-1 opacity-0 transition group-focus-within:opacity-100 group-hover:opacity-100",
       fallbackStyle: {
-        top: placement.topPx,
+        top: placement.kind === "anchor-top-right-clamped" ? placement.minTopPx : placement.topPx,
         right: placement.rightPx
       },
       forceVisible: popover.open,
@@ -1607,16 +1670,17 @@ function BlockToolbar({
                   onToggleBackgroundChooser: () => setBackgroundChooserOpen((open) => !open)
                 })
               ),
-              quickManifestFields.length > 0 && quickManifestBackend ? /* @__PURE__ */ jsx("div", { className: "border-t pt-3", children: /* @__PURE__ */ jsx(
+              quickManifestFields.length > 0 && quickManifestBackend ? /* @__PURE__ */ jsx("div", { className: "border-t pt-3", children: /* @__PURE__ */ jsx(OfferingsPreviewWidgetProvider, { bookingOfferingPresets, children: /* @__PURE__ */ jsx(
                 FormRenderer,
                 {
                   fields: quickManifestFields,
                   backend: quickManifestBackend,
+                  widgetOverrides: previewWidgetOverrides,
                   showSettingsTrigger: false,
                   blockKind,
                   className: "space-y-3"
                 }
-              ) }) : null,
+              ) }) }) : null,
               historyFailure ? /* @__PURE__ */ jsx("p", { className: "text-xs text-red-700", children: historyFailure }) : null,
               hasOverflowCustomizeControls ? /* @__PURE__ */ jsx("div", { className: "border-t pt-2", children: /* @__PURE__ */ jsx(
                 "button",
@@ -2076,18 +2140,6 @@ function backgroundOverrideValueLabel(override, imagePool) {
       return imagePool.find((item) => item.mediaId === override.mediaId)?.label ?? "Image";
   }
 }
-function canCycleBackgroundOverrideValue(override, capability) {
-  switch (override.kind) {
-    case "default":
-      return false;
-    case "color":
-      return (capability.colorTokens?.length ?? 0) > 1;
-    case "gradient":
-      return (capability.gradientIds?.length ?? 0) > 1;
-    case "image":
-      return rankBackgroundImagePoolItems(capability.imagePool ?? []).length > 1;
-  }
-}
 function BackgroundPreviewSwatch({
   override,
   imagePool
@@ -2329,7 +2381,7 @@ function BoundaryControl({
       "button",
       {
         type: "button",
-        className: "pointer-events-auto relative z-10 flex h-12 min-w-32 items-center justify-center rounded-full opacity-0 transition hover:opacity-100 focus:opacity-100 focus:outline-none focus:ring-2 focus:ring-sky-300 group-hover/boundary:opacity-100 group-focus-within/boundary:opacity-100",
+        className: "pointer-events-auto absolute inset-0 z-10 flex items-center justify-center opacity-0 transition hover:opacity-100 focus:opacity-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-sky-300 group-hover/boundary:opacity-100 group-focus-within/boundary:opacity-100",
         "aria-controls": open ? panelId : void 0,
         "aria-expanded": open,
         "aria-haspopup": "dialog",
@@ -2670,6 +2722,7 @@ function EditablePageRenderer(props) {
               blockId,
               blockKind: block.kind,
               content,
+              bookingOfferingPresets: pageRendererProps.dataContext?.bookingOfferingPresets ?? [],
               theme: pageRendererProps.theme,
               placement: planBlockToolbarPlacement({
                 blocks: chromeBlocks,
@@ -3059,8 +3112,8 @@ function PreviewAuthInit({
   token
 }) {
   const lastInitRef = useRef(null);
-  const sessionKey = session ? session.kind === "userSession" ? `${session.kind}:${session.canEdit}:${session.canManage}:${session.expiresAt}` : `${session.kind}:${session.expiresAt}` : "none";
-  const currentKey = `${siteId}:${pageId}:${sessionKey}:${token ? "has-token" : "no-token"}`;
+  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"}`;
   if (lastInitRef.current !== currentKey) {
     initPreviewAuth({
       session,
@@ -4016,6 +4069,7 @@ function SiteChromeCustomizeButton({
     kind: "unavailable"
   };
   const hasCustomizeControls = surfaceState.kind === "available";
+  const background = surfaceState.kind === "available" ? surfaceState.background : null;
   const cycleableOptionCount = useMemo(() => {
     if (surfaceState.kind !== "available") return 0;
     return surfaceState.options.filter((option) => option.available).length;
@@ -4027,7 +4081,9 @@ function SiteChromeCustomizeButton({
     return surfaceState.layoutOptions.filter((option) => option.available).length;
   }, [surfaceState]);
   const controlPlan = useMemo(() => {
-    if (surfaceState.kind !== "available") return { cycleRows: [] };
+    if (surfaceState.kind !== "available" || !background) {
+      return { cycleRows: [] };
+    }
     return {
       cycleRows: [
         ...surfaceState.surface === "header" ? [
@@ -4055,10 +4111,25 @@ function SiteChromeCustomizeButton({
           }),
           onPrevious: () => customize?.cycleSurfaceLook(surface, "prev"),
           onNext: () => customize?.cycleSurfaceLook(surface, "next")
-        }
+        },
+        ...background.available ? [
+          {
+            label: "Background",
+            valueLabel: background.currentLabel,
+            previousLabel: `Previous ${surface} background`,
+            nextLabel: `Next ${surface} background`,
+            availability: cycleAvailabilityFromFlags({
+              canCycle: background.quickTokens.length > 0,
+              applyAllowed: surfaceState.applyAllowed
+            }),
+            onPrevious: () => customize?.cycleSurfaceBackground(surface, "prev"),
+            onNext: () => customize?.cycleSurfaceBackground(surface, "next")
+          }
+        ] : []
       ]
     };
   }, [
+    background,
     customize,
     cycleableLayoutOptionCount,
     cycleableOptionCount,
@@ -4098,6 +4169,15 @@ function SiteChromeCustomizeButton({
             onKeyDown: popover.handleDialogKeyDown,
             children: [
               controlPlan.cycleRows.map((row) => /* @__PURE__ */ jsx(CustomizeCycleRow, { ...row }, row.label)),
+              background?.available ? /* @__PURE__ */ jsx(
+                SiteChromeBackgroundPalette,
+                {
+                  surface: surfaceState.surface,
+                  background,
+                  applyAllowed: surfaceState.applyAllowed,
+                  onChoose: (override) => customize?.chooseSurfaceBackground(surfaceState.surface, override)
+                }
+              ) : null,
               surfaceState.surface === "header" ? /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2 border-t pt-3", children: [
                 /* @__PURE__ */ jsxs("label", { className: "block text-xs font-medium text-muted-foreground", children: [
                   /* @__PURE__ */ jsx("span", { children: "Display" }),
@@ -4154,6 +4234,89 @@ function SiteChromeCustomizeButton({
     }
   );
 }
+function SiteChromeBackgroundPalette({
+  surface,
+  background,
+  applyAllowed,
+  onChoose
+}) {
+  const choose = (override) => (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    onChoose(override);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "border-t pt-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-muted-foreground", children: "Background colors" }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: `rounded-md border px-2 py-1 text-xs hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50 ${background.current.kind === "default" ? "border-foreground" : "bg-background"}`,
+          disabled: !applyAllowed,
+          onClick: choose({ kind: "default" }),
+          children: "Default"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-1", children: background.quickTokens.map((token) => /* @__PURE__ */ jsx(
+      BackgroundSwatchButton,
+      {
+        token,
+        surface,
+        selected: background.current.kind === "color" && background.current.token === token,
+        disabled: !applyAllowed,
+        onClick: choose({ kind: "color", token })
+      },
+      token
+    )) }),
+    background.advancedTokens.length ? /* @__PURE__ */ jsxs("details", { className: "mt-2", children: [
+      /* @__PURE__ */ jsx("summary", { className: "cursor-pointer text-xs text-muted-foreground", children: "More colors" }),
+      /* @__PURE__ */ jsx("div", { className: "mt-1 grid grid-cols-3 gap-1", children: background.advancedTokens.map((token) => /* @__PURE__ */ jsx(
+        BackgroundSwatchButton,
+        {
+          token,
+          surface,
+          selected: background.current.kind === "color" && background.current.token === token,
+          disabled: !applyAllowed,
+          onClick: choose({ kind: "color", token })
+        },
+        token
+      )) })
+    ] }) : null
+  ] });
+}
+function BackgroundSwatchButton({
+  token,
+  surface,
+  selected,
+  disabled,
+  onClick
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      className: `flex min-w-0 items-center gap-2 rounded-md border px-2 py-1 text-left text-xs hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50 ${selected ? "border-foreground" : "bg-background"}`,
+      disabled,
+      "aria-label": `Set ${surface} background to ${token}`,
+      onClick,
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "h-3 w-3 shrink-0 rounded-full border",
+            style: { backgroundColor: tokenSwatchCss2(token) }
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: formatSiteChromeBackgroundTokenLabel(token) })
+      ]
+    }
+  );
+}
+function tokenSwatchCss2(token) {
+  return `rgb(var(--tb-${token}))`;
+}
 function SiteChromeEditableSurface({
   surface,
   children,
@@ -4398,20 +4561,34 @@ function LinkedEntryEditEventBridge() {
       if (!isLinkedEntryEditEvent(event)) return;
       uiStore.getState().linkedEntries.open(event.detail);
     };
+    const handleLinkedEntryFieldFocus = (event) => {
+      if (!isLinkedEntryFieldFocusEvent(event)) return;
+      const state = uiStore.getState();
+      if (state.linkedEntries.getSelectedEntryId() !== event.detail.write.entryId) {
+        state.linkedEntries.open(event.detail.target);
+      }
+      state.setActivePreviewField({
+        kind: "linked-entry",
+        entryId: unsafeAsLinkedContentEntryId(event.detail.write.entryId),
+        fieldPath: event.detail.write.fieldPath
+      });
+    };
     window.addEventListener(LINKED_ENTRY_EDIT_EVENT, handleLinkedEntryEdit);
+    window.addEventListener(LINKED_ENTRY_FIELD_FOCUS_EVENT, handleLinkedEntryFieldFocus);
     return () => {
       window.removeEventListener(LINKED_ENTRY_EDIT_EVENT, handleLinkedEntryEdit);
+      window.removeEventListener(LINKED_ENTRY_FIELD_FOCUS_EVENT, handleLinkedEntryFieldFocus);
     };
   }, [uiStore]);
   return null;
 }
 var previewContainerResponsiveEnabled = process.env.NEXT_PUBLIC_ENABLE_PREVIEW_CONTAINER_RESPONSIVE !== "false";
 var PreviewEditorSidebar = React10.lazy(async () => {
-  const mod = await import('./PreviewEditorSidebar-RDCMEXIJ.mjs');
+  const mod = await import('./PreviewEditorSidebar-LHGK6RIO.mjs');
   return { default: mod.PreviewEditorSidebar };
 });
 var PreviewEditorUI = React10.lazy(async () => {
-  const mod = await import('./PreviewEditorUI-NYGQ6K7B.mjs');
+  const mod = await import('./PreviewEditorUI-AXZG2SDC.mjs');
   return { default: mod.PreviewEditorUI };
 });
 var previewPaneContainmentStyle = {
@@ -4456,6 +4633,7 @@ function PreviewShellLayout({
   assistantPanel,
   sdkConfig,
   mediaAssets,
+  bookingOfferingPresets,
   useThemeScope = true,
   siteStyleAccess = { kind: "hidden" }
 }) {
@@ -4695,6 +4873,7 @@ function PreviewShellLayout({
           entrySubrouteContext: entrySubrouteContext ?? null,
           assistantPanel,
           mediaAssets,
+          bookingOfferingPresets,
           siteStyleAccess,
           viewportMode,
           viewportWidth,
@@ -4819,6 +4998,7 @@ function PreviewShell({
   assistantPanel,
   sdkConfig,
   mediaAssets,
+  bookingOfferingPresets,
   supabaseUrl,
   useThemeScope = true,
   designEditorEligibility,
@@ -4907,6 +5087,7 @@ function PreviewShell({
                         assistantPanel,
                         sdkConfig: sdkConfig ?? null,
                         mediaAssets,
+                        bookingOfferingPresets,
                         useThemeScope,
                         siteStyleAccess,
                         children
@@ -4931,6 +5112,19 @@ function defaultDesignEditorEligibility(input) {
   }
   return { kind: "unsupported" };
 }
+function isSdkCustomBlockArray(value) {
+  return Array.isArray(value);
+}
+function getSdkConfigForBlockPicker(value) {
+  if (!value || typeof value !== "object") {
+    return null;
+  }
+  if (!("customBlocks" in value)) {
+    return {};
+  }
+  const customBlocks = value.customBlocks;
+  return isSdkCustomBlockArray(customBlocks) ? { customBlocks } : {};
+}
 function SdkPreviewModeRuntime(props) {
   const {
     apiBaseUrl,
@@ -4948,8 +5142,8 @@ function SdkPreviewModeRuntime(props) {
   const theme = content.theme;
   const page = content.page;
   const routeMap = content.routeMap ?? void 0;
-  const sdkConfig = content.sdkConfig ?? null;
-  const customBlocks = content.customBlocks ?? null;
+  const sdkConfig = getSdkConfigForBlockPicker(content.sdkConfig);
+  const customBlocks = isSdkCustomBlockArray(content.customBlocks) ? content.customBlocks : null;
   const typedBlockOverrides = blockOverrides ?? null;
   const sdkConfigForEditor = useMemo(() => {
     const blocks = customBlocks ?? sdkConfig?.customBlocks ?? void 0;

package/dist/{chunk-E3NZYEKF.mjs → chunk-FIREV57T.mjs}

@@ -6695,11 +6695,22 @@ function appendQueryParam(queryParams, key, value) {
         stack.push(...[...item].reverse());
         continue;
       }
-      queryParams.append(key, String(item));
+      const serialized2 = serializeQueryValue(item);
+      if (serialized2 !== null) queryParams.append(key, serialized2);
     }
     return;
   }
-  queryParams.append(key, String(value));
+  const serialized = serializeQueryValue(value);
+  if (serialized !== null) queryParams.append(key, serialized);
+}
+function serializeQueryValue(value) {
+  if (value === void 0 || value === null) return null;
+  if (typeof value === "string" || typeof value === "number" || typeof value === "boolean" || typeof value === "bigint") {
+    return String(value);
+  }
+  if (typeof value === "symbol") return value.description ? `Symbol(${value.description})` : "Symbol()";
+  if (value instanceof Date) return value.toISOString();
+  return null;
 }
 function serializePathParam(endpoint, key, value) {
   if (typeof value === "string") {